@charset "UTF-8";
/******************************************************************************************
  Pour récupérer une valeur settée ici (dans la :root de la page) :

  - dans le code JS, appeler :
        getComputedStyle(document.documentElement).getPropertyValue('[name]');

      Par exemple…
          getComputedStyle(document.documentElement).getPropertyValue('--success');
      …retourne
          #28a745


  - dans la CSS de la page :
        var([name]);

      Par exemple :
        background-color: var(--success);

******************************************************************************************/
html {
  font-size: 16px !important;
}

/*
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
$font-family-sans-serif:      'Roboto', 'Helvetica Neue', sans-serif;
$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
$font-family-base:            $font-family-sans-serif !default;
*/
.form-control {
  border-radius: 0 !important;
}

a:hover {
  text-decoration: none !important;
}

/* 
Les méthodes suivantes permettent de gérer des class media-queries entre les breakpoint $lower et $upper
$lower et $upper prennent les noms des breakpoints : sm, md, lg, xl (ou autres ajoutés ci-dessus dans $grid-breakpoints)

- response-above($lower) génère un media-query de type : min-width: $lower
- response-below($upper) génère un media-query de type : mx-width: $lower
- response-between($lower, $upper) génère un media-query de type : min-width: $lower AND max-width: $upper

par exemple :
    @include respond-above(sm) {
      .element {
        font-weight: bold;
      }
    }
génère la class :
    @media (min-width: 768px) {
      .element {
        font-weight: bold;
      }
    }
*/
@media (min-width: 768px) {
  h1.text-responsive, .text-responsive h1 {
    font-size: 3vw !important;
  }
  h2.text-responsive, .text-responsive h2 {
    font-size: 2.5vw !important;
  }
  h3.text-responsive, .text-responsive h3 {
    font-size: 2.25vw !important;
  }
  h4.text-responsive, .text-responsive h4 {
    font-size: 2vw !important;
  }
  h5.text-responsive, .text-responsive h5 {
    font-size: 1.75vw !important;
  }
  h6.text-responsive, .text-responsive h6 {
    font-size: 1.5vw !important;
  }
}
.bg-project-primary {
  background: hsl(199deg, 93%, 21%) !important;
}

.text-project-primary {
  color: hsl(199deg, 93%, 21%) !important;
}

.bg-project-primary-dark {
  background: hsl(199deg, 93%, 11%) !important;
}

.text-project-primary-dark {
  color: hsl(199deg, 93%, 11%) !important;
}

.bg-project-primary-light-10 {
  background: hsla(199deg, 93%, 21%, 0.05) !important;
}

.text-project-primary-light-10 {
  color: hsla(199deg, 93%, 21%, 0.05) !important;
}

.bg-project-primary-light-25 {
  background: hsla(199deg, 93%, 21%, 0.25) !important;
}

.text-project-primary-light-25 {
  color: hsla(199deg, 93%, 21%, 0.25) !important;
}

.bg-project-primary-light-50 {
  background: hsla(199deg, 93%, 21%, 0.5) !important;
}

.text-project-primary-light-50 {
  color: hsla(199deg, 93%, 21%, 0.5) !important;
}

.bg-project-primary-light-75 {
  background: hsla(199deg, 93%, 21%, 0.75) !important;
}

.text-project-primary-light-75 {
  color: hsla(199deg, 93%, 21%, 0.75) !important;
}

.bg-project-primary-light-90 {
  background: hsla(199deg, 93%, 21%, 0.9) !important;
}

.text-project-primary-light-90 {
  color: hsla(199deg, 93%, 21%, 0.9) !important;
}

.bg-project-secondary {
  background: hsl(24deg, 100%, 50%) !important;
}

.text-project-secondary {
  color: hsl(24deg, 100%, 50%) !important;
}

.bg-project-secondary-dark {
  background: hsl(24deg, 100%, 45%) !important;
}

.text-project-secondary-dark {
  color: hsl(24deg, 100%, 45%) !important;
}

.bg-project-secondary-light-25 {
  background: hsla(24deg, 100%, 50%, 0.25) !important;
}

.text-project-secondary-light-25 {
  color: hsla(24deg, 100%, 50%, 0.25) !important;
}

.bg-project-secondary-light-50 {
  background: hsla(24deg, 100%, 50%, 0.5) !important;
}

.text-project-secondary-light-50 {
  color: hsla(24deg, 100%, 50%, 0.5) !important;
}

.bg-project-secondary-light-75 {
  background: hsla(24deg, 100%, 50%, 0.75) !important;
}

.text-project-secondary-light-75 {
  color: hsla(24deg, 100%, 50%, 0.75) !important;
}

.bg-project-tertiary {
  background: #0000ff !important;
}

.text-project-tertiary {
  color: #0000ff !important;
}

.bg-button-hover {
  background: #ff9900 !important;
}

.text-button-hover {
  color: #ff9900 !important;
}

.bg-imi-framework {
  background: hsl(24deg, 100%, 50%) !important;
}

.text-imi-framework {
  color: hsl(24deg, 100%, 50%) !important;
}

.bg-gray-100 {
  background: #f8f9fa !important;
}

.text-gray-100 {
  color: #f8f9fa !important;
}

.bg-gray-200 {
  background: #e9ecef !important;
}

.text-gray-200 {
  color: #e9ecef !important;
}

.bg-gray-300 {
  background: #dee2e6 !important;
}

.text-gray-300 {
  color: #dee2e6 !important;
}

.bg-gray-400 {
  background: #ced4da !important;
}

.text-gray-400 {
  color: #ced4da !important;
}

.bg-gray-500 {
  background: #adb5bd !important;
}

.text-gray-500 {
  color: #adb5bd !important;
}

.bg-gray-600 {
  background: #6c757d !important;
}

.text-gray-600 {
  color: #6c757d !important;
}

.bg-gray-700 {
  background: #495057 !important;
}

.text-gray-700 {
  color: #495057 !important;
}

.bg-gray-800 {
  background: #343a40 !important;
}

.text-gray-800 {
  color: #343a40 !important;
}

.bg-gray-900 {
  background: #212529 !important;
}

.text-gray-900 {
  color: #212529 !important;
}

.bg-black {
  background: #000 !important;
}

.text-black {
  color: #000 !important;
}

.bg-linkedin {
  background: #00a0dc !important;
}

.text-linkedin {
  color: #00a0dc !important;
}

.bg-facebook {
  background: #3d5c95 !important;
}

.text-facebook {
  color: #3d5c95 !important;
}

.bg-google {
  background: #d62d20 !important;
}

.text-google {
  color: #d62d20 !important;
}

.bg-whatsapp {
  background: #25D366 !important;
}

.text-whatsapp {
  color: #25D366 !important;
}

.bg-paypal {
  background: #253B80 !important;
}

.text-paypal {
  color: #253B80 !important;
}

.bg-primary {
  background: #007bff !important;
}

.text-primary {
  color: #007bff !important;
}

.bg-secondary {
  background: #6c757d !important;
}

.text-secondary {
  color: #6c757d !important;
}

.bg-success {
  background: #28a745 !important;
}

.text-success {
  color: #28a745 !important;
}

.bg-info {
  background: #17a2b8 !important;
}

.text-info {
  color: #17a2b8 !important;
}

.bg-warning {
  background: #ffc107 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.bg-danger {
  background: #dc3545 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.bg-light {
  background: #f8f9fa !important;
}

.text-light {
  color: #f8f9fa !important;
}

.bg-dark {
  background: #343a40 !important;
}

.text-dark {
  color: #343a40 !important;
}

.bg-ajSac {
  background: #fbd11f !important;
}

.text-ajSac {
  color: #fbd11f !important;
}

.bg-ajSep {
  background: #fbd11f !important;
}

.text-ajSep {
  color: #fbd11f !important;
}

.bg-ajAjim {
  background: #fbd11f !important;
}

.text-ajAjim {
  color: #fbd11f !important;
}

.bg-s3s {
  background: #005fa1 !important;
}

.text-s3s {
  color: #005fa1 !important;
}

.bg-lesEmmerdeurs {
  background: #cc0000 !important;
}

.text-lesEmmerdeurs {
  color: #cc0000 !important;
}

.bg-bonus {
  background: #cc0000 !important;
}

.text-bonus {
  color: #cc0000 !important;
}

.bg-soldar {
  background: #ec6707 !important;
}

.text-soldar {
  color: #ec6707 !important;
}

.bg-horsSeries {
  background: #009900 !important;
}

.text-horsSeries {
  color: #009900 !important;
}

/***************************************************/
/***************************************************/
/***************************************************/
/*            CLASS PROPRES AU PROJET              */
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/
/******************* CROPPIC ***********************/
/***************************************************/
/* Ajouter les tailles des images autorisées dans le projet */
#croppicContainer.image-A4 {
  width: 1000px; /* largeur de l'image */
  height: 1414px; /* hauteur de l'image */
}

/***************************************************/
a:hover {
  cursor: pointer !important;
}

.mask-sm-window {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
}

.no-before:before {
  display: none !important;
}

.no-after:after {
  display: none !important;
}

.btn-project-primary, .wizard > .actions a {
  color: white !important;
  background-color: hsl(199deg, 93%, 21%) !important;
  border-color: hsl(199deg, 93%, 21%) !important;
}

.btn-project-secondary, .wizard > .actions a {
  color: white !important;
  background-color: hsl(24deg, 100%, 50%) !important;
  border-color: hsl(24deg, 100%, 50%) !important;
}

.btn-project-secondary:hover, .wizard > .actions a:hover {
  background-color: hsl(24deg, 100%, 45%) !important;
}

.btn-outline-project-primary {
  color: hsl(199deg, 93%, 11%) !important;
  border-color: hsl(199deg, 93%, 11%) !important;
}

.btn-outline-project-primary:hover {
  background-color: hsl(199deg, 93%, 21%) !important;
  color: white !important;
}

.btn-outline-project-secondary {
  color: hsl(24deg, 100%, 45%) !important;
  border-color: hsl(24deg, 100%, 45%) !important;
}

.btn-outline-project-secondary:hover {
  background-color: hsl(24deg, 100%, 50%) !important;
  color: white !important;
}

.border-top-project-primary {
  border-top: 1px solid hsl(199deg, 93%, 21%) !important;
}

.border-top-project-secondary {
  border-top: 1px solid hsl(24deg, 100%, 50%) !important;
}

.border-project-primary {
  border: 1px solid hsl(199deg, 93%, 21%) !important;
}

.border-input-error, .border-project-secondary {
  border: 1px solid hsl(24deg, 100%, 50%) !important;
}

.bg-input-error {
  background-color: hsla(24deg, 100%, 50%, 0.5) !important;
}

/*************** SURCOUCHE HILITE UI ***************/
.card .card-title {
  text-transform: none !important;
}

.navbar .navbar-brand-wrapper {
  background: hsla(199deg, 93%, 21%, 0.9) !important;
}

.sidebar {
  background: hsl(199deg, 93%, 21%) !important;
}

.form-control:focus {
  border-color: hsl(199deg, 93%, 21%) !important;
}

div.tagsinput span.tag {
  border-color: hsl(199deg, 93%, 21%) !important;
  background: hsla(199deg, 93%, 21%, 0.25) !important;
  color: hsl(199deg, 93%, 21%) !important;
  border-radius: 4px !important;
}

div.tagsinput span.tag a {
  color: hsl(199deg, 93%, 21%) !important;
}

.tagsinput {
  height: 100% !important;
  border-color: #f6f2f2 !important;
}

div.tagsinput input {
  width: 200px !important;
}

.button-danger:hover {
  background-color: #dc3545 !important;
  opacity: 0.8 !important;
}

.button-success:hover {
  background-color: #28a745 !important;
  opacity: 0.8 !important;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  border-top: #e9ecef 1px solid !important;
  padding-top: 10px;
}

.grid-margin.h-100 {
  height: calc(100% - 1.875rem) !important;
}

.select2-container--default .select2-selection--single {
  height: 51px !important;
}

.form-control:disabled, .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: hsla(199deg, 93%, 21%, 0.05) !important;
}

.nav-tabs .nav-link, .nav-tabs .nav-item.show .nav-link {
  color: hsla(199deg, 93%, 21%, 0.5) !important;
  background-color: white;
}

.nav-tabs .nav-link.nav-link.active {
  color: hsl(199deg, 93%, 21%) !important;
}

.nav-tabs .nav-tabs-text-content {
  position: relative;
  top: -5px;
  left: 5px;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before, .datepicker.datepicker-inline .datepicker-days table.table-condensed tbody td.day.active:before {
  background: #FF6600 !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  color: #999999 !important;
}

table.dataTable.no-footer {
  border-bottom: none !important;
}

.metal-argent-style {
  background: radial-gradient(ellipse at 70%, rgb(1, 109, 156), rgba(1, 109, 156, 0.3));
}
.metal-argent-style .button:hover {
  background-color: rgba(1, 109, 156, 0.5) !important;
}

.meo-style {
  background: radial-gradient(ellipse at 100%, rgba(44, 50, 136, 0.5), rgb(44, 50, 136));
}
.meo-style .button:hover {
  background-color: rgba(44, 50, 136, 0.5) !important;
}

.soldar-style {
  background: radial-gradient(ellipse at 0%, rgb(236, 103, 7), rgba(236, 103, 7, 0.8));
}
.soldar-style .button:hover {
  background-color: rgba(236, 103, 7, 0.5) !important;
}

.ajim-style {
  background: radial-gradient(ellipse at 100%, rgb(251, 209, 31), rgba(251, 209, 31, 0.5));
}
.ajim-style .button:hover {
  background-color: rgba(251, 209, 31, 0.5) !important;
}

.pepex1-style {
  background: radial-gradient(ellipse at 100%, rgb(155, 116, 59), rgba(155, 116, 59, 0.5));
}
.pepex1-style .button:hover {
  background-color: rgba(155, 116, 59, 0.5) !important;
}

/***************************************************/
/*                                                 */
/*                     BUTTON                      */
/*                                                 */
/***************************************************/
.button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  padding: 0 22px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-family: "Lato", sans-serif;
}

.button-block {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body:not(.device-touch) .button {
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.button-dark {
  background-color: #444;
}

.button-light {
  background-color: #EEE;
  color: #333;
  text-shadow: none !important;
}

.button.disabled {
  opacity: 0.65;
}

.button:hover {
  background-color: #ff9900;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.button.button-mini {
  padding: 0 14px;
  font-size: 11px;
  height: 28px;
  line-height: 28px;
}

.button.button-small {
  padding: 0 17px;
  font-size: 12px;
  height: 34px;
  line-height: 34px;
}

.button.button-large {
  padding: 0 26px;
  font-size: 16px;
  height: 46px;
  line-height: 46px;
}

.button.button-xlarge {
  padding: 0 32px;
  font-size: 18px;
  letter-spacing: 2px;
  height: 52px;
  line-height: 52px;
}

/* SM */
@media (min-width: 576px) {
  .button.button-mini-sm {
    padding: 0 14px !important;
    font-size: 11px !important;
    height: 28px !important;
    line-height: 28px !important;
  }
  .button.button-small-sm {
    padding: 0 17px !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 34px !important;
  }
  .button.button-large-sm {
    padding: 0 26px !important;
    font-size: 16px !important;
    height: 46px !important;
    line-height: 46px !important;
  }
  .button.button-xlarge-sm {
    padding: 0 32px !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    height: 52px !important;
    line-height: 52px !important;
  }
}
/* MD */
@media (min-width: 768px) {
  .button.button-mini-md {
    padding: 0 14px !important;
    font-size: 11px !important;
    height: 28px !important;
    line-height: 28px !important;
  }
  .button.button-small-md {
    padding: 0 17px !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 34px !important;
  }
  .button.button-large-md {
    padding: 0 26px !important;
    font-size: 16px !important;
    height: 46px !important;
    line-height: 46px !important;
  }
  .button.button-xlarge-md {
    padding: 0 32px !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    height: 52px !important;
    line-height: 52px !important;
  }
}
/* LG */
@media (min-width: 992px) {
  .button.button-mini-lg {
    padding: 0 14px !important;
    font-size: 11px !important;
    height: 28px !important;
    line-height: 28px !important;
  }
  .button.button-small-lg {
    padding: 0 17px !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 34px !important;
  }
  .button.button-large-lg {
    padding: 0 26px !important;
    font-size: 16px !important;
    height: 46px !important;
    line-height: 46px !important;
  }
  .button.button-xlarge-lg {
    padding: 0 32px !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    height: 52px !important;
    line-height: 52px !important;
  }
}
/* XL */
@media (min-width: 1200px) {
  .button.button-mini-xl {
    padding: 0 14px !important;
    font-size: 11px !important;
    height: 28px !important;
    line-height: 28px !important;
  }
  .button.button-small-xl {
    padding: 0 17px !important;
    font-size: 12px !important;
    height: 34px !important;
    line-height: 34px !important;
  }
  .button.button-large-xl {
    padding: 0 26px !important;
    font-size: 16px !important;
    height: 46px !important;
    line-height: 46px !important;
  }
  .button.button-xlarge-xl {
    padding: 0 32px !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    height: 52px !important;
    line-height: 52px !important;
  }
}
.button.button-desc {
  text-align: left;
  padding: 24px 34px;
  font-size: 22px;
  height: auto;
  line-height: 1;
  font-family: "Raleway", sans-serif;
}

.button.button-desc span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: "Crete Round", serif;
  font-style: italic;
  text-transform: none;
}

.button i {
  position: relative;
  top: 1px;
  line-height: 1;
  margin-right: 5px;
  width: 16px;
  text-align: center;
}

.button.tright i {
  margin: 0 0 0 5px;
}

.button-mini i {
  margin-right: 3px;
}

.button-mini.tright i {
  margin: 0 0 0 3px;
}

.button-small i {
  margin-right: 4px;
}

.button-small.tright i {
  margin: 0 0 0 4px;
}

.button-xlarge i {
  top: 2px;
  margin-right: 8px;
}

.button-xlarge.tright i {
  margin: 0 0 0 8px;
}

/* SM */
@media (min-width: 576px) {
  .button-mini-sm i {
    margin-right: 3px;
  }
  .button-mini-sm.tright i {
    margin: 0 0 0 3px;
  }
  .button-small-sm i {
    margin-right: 4px;
  }
  .button-small-sm.tright i {
    margin: 0 0 0 4px;
  }
  .button-xlarge-sm i {
    top: 2px;
    margin-right: 8px;
  }
}
/* MD */
@media (min-width: 768px) {
  .button-mini-md i {
    margin-right: 3px;
  }
  .button-mini-md.tright i {
    margin: 0 0 0 3px;
  }
  .button-small-md i {
    margin-right: 4px;
  }
  .button-small-md.tright i {
    margin: 0 0 0 4px;
  }
  .button-xlarge-md i {
    top: 2px;
    margin-right: 8px;
  }
}
/* LG */
@media (min-width: 992px) {
  .button-mini-lg i {
    margin-right: 3px;
  }
  .button-mini-lg.tright i {
    margin: 0 0 0 3px;
  }
  .button-small-lg i {
    margin-right: 4px;
  }
  .button-small-lg.tright i {
    margin: 0 0 0 4px;
  }
  .button-xlarge-lg i {
    top: 2px;
    margin-right: 8px;
  }
}
/* XL */
@media (min-width: 1200px) {
  .button-mini-xl i {
    margin-right: 3px;
  }
  .button-mini-xl.tright i {
    margin: 0 0 0 3px;
  }
  .button-small-xl i {
    margin-right: 4px;
  }
  .button-small-xl.tright i {
    margin: 0 0 0 4px;
  }
  .button-xlarge-xl i {
    top: 2px;
    margin-right: 8px;
  }
}
.button.button-desc i {
  top: 1px;
  font-size: 48px;
  width: 48px;
  text-align: center;
  margin-right: 12px;
}

.button.button-desc.tright i {
  margin: 0 0 0 12px;
}

.button.button-desc div {
  display: inline-block;
}

.button.button-rounded {
  border-radius: 3px;
}

/* Buttons - Border
-----------------------------------------------------------------*/
.button.button-border {
  border: 2px solid #444;
  background-color: transparent;
  color: #333;
  line-height: 36px;
  font-weight: 700;
  text-shadow: none;
}

.button.button-border-thin {
  border-width: 1px;
  line-height: 38px;
}

.button.button-border.button-mini {
  line-height: 24px;
}

.button.button-border.button-small {
  line-height: 30px;
}

.button.button-border.button-large {
  line-height: 42px;
}

.button.button-border.button-xlarge {
  line-height: 48px;
}

.button.button-border-thin.button-mini {
  line-height: 26px;
}

.button.button-border-thin.button-small {
  line-height: 32px;
}

.button.button-border-thin.button-large {
  line-height: 44px;
}

.button.button-border-thin.button-xlarge {
  line-height: 50px;
}

/* SM */
@media (min-width: 576px) {
  .button.button-border.button-mini-sm {
    line-height: 24px;
  }
  .button.button-border.button-small-sm {
    line-height: 30px;
  }
  .button.button-border.button-large-sm {
    line-height: 42px;
  }
  .button.button-border.button-xlarge-sm {
    line-height: 48px;
  }
  .button.button-border-thin.button-mini-sm {
    line-height: 26px;
  }
  .button.button-border-thin.button-small-sm {
    line-height: 32px;
  }
  .button.button-border-thin.button-large-sm {
    line-height: 44px;
  }
  .button.button-border-thin.button-xlarge-sm {
    line-height: 50px;
  }
}
/* MD */
@media (min-width: 768px) {
  .button.button-border.button-mini-md {
    line-height: 24px;
  }
  .button.button-border.button-small-md {
    line-height: 30px;
  }
  .button.button-border.button-large-md {
    line-height: 42px;
  }
  .button.button-border.button-xlarge-md {
    line-height: 48px;
  }
  .button.button-border-thin.button-mini-md {
    line-height: 26px;
  }
  .button.button-border-thin.button-small-md {
    line-height: 32px;
  }
  .button.button-border-thin.button-large-md {
    line-height: 44px;
  }
  .button.button-border-thin.button-xlarge-md {
    line-height: 50px;
  }
}
/* LG */
@media (min-width: 992px) {
  .button.button-border.button-mini-lg {
    line-height: 24px;
  }
  .button.button-border.button-small-lg {
    line-height: 30px;
  }
  .button.button-border.button-large-lg {
    line-height: 42px;
  }
  .button.button-border.button-xlarge-lg {
    line-height: 48px;
  }
  .button.button-border-thin.button-mini-lg {
    line-height: 26px;
  }
  .button.button-border-thin.button-small-lg {
    line-height: 32px;
  }
  .button.button-border-thin.button-large-lg {
    line-height: 44px;
  }
  .button.button-border-thin.button-xlarge-lg {
    line-height: 50px;
  }
}
/* XL */
@media (min-width: 1200px) {
  .button.button-border.button-mini-xl {
    line-height: 24px;
  }
  .button.button-border.button-small-xl {
    line-height: 30px;
  }
  .button.button-border.button-large-xl {
    line-height: 42px;
  }
  .button.button-border.button-xlarge-xl {
    line-height: 48px;
  }
  .button.button-border-thin.button-mini-xl {
    line-height: 26px;
  }
  .button.button-border-thin.button-small-xl {
    line-height: 32px;
  }
  .button.button-border-thin.button-large-xl {
    line-height: 44px;
  }
  .button.button-border-thin.button-xlarge-xl {
    line-height: 50px;
  }
}
.button.button-border.button-desc {
  line-height: 1;
}

.button.button-border:not(.button-fill):not(.button-progress):hover {
  background-color: #444;
  color: #FFF;
  border-color: transparent !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.button.button-border.button-light {
  border-color: #EEE;
  color: #EEE;
}

.button.button-border.button-light:hover {
  background-color: #EEE;
  color: #ff9900;
  text-shadow: none;
}

/* Buttons - Border
-----------------------------------------------------------------*/
.button.button-3d {
  border-radius: 3px;
  border-bottom: 3px solid rgba(0, 0, 0, 0.15);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.button.button-3d:hover {
  background-color: #ff9900 !important;
  opacity: 0.9;
}

.button.button-3d.button-light:hover,
.button.button-reveal.button-light:hover {
  text-shadow: none;
  color: #ff9900;
}

/* Buttons - Icon Reveal
-----------------------------------------------------------------*/
.button.button-reveal {
  padding: 0 28px;
  overflow: hidden;
}

.button.button-reveal i {
  display: block;
  position: absolute;
  top: 0;
  left: -32px;
  width: 32px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
}

.button.button-reveal.button-border i {
  top: -2px;
}

.button.button-reveal.tright i {
  left: auto;
  right: -32px;
}

.button.button-reveal.button-3d i,
.button.button-reveal.button-rounded i {
  border-radius: 3px 0 0 3px;
}

.button.button-reveal.button-3d.tright i,
.button.button-reveal.button-rounded.tright i {
  border-radius: 0 3px 3px 0;
}

.button.button-reveal span {
  display: inline-block;
  position: relative;
  left: 0;
}

body:not(.device-touch) .button.button-reveal i,
body:not(.device-touch) .button.button-reveal span {
  -webkit-transition: left 0.3s ease, right 0.3s ease;
  -o-transition: left 0.3s ease, right 0.3s ease;
  transition: left 0.3s ease, right 0.3s ease;
}

.button.button-reveal.button-mini {
  padding: 0 17px;
}

.button.button-reveal.button-mini i {
  left: -22px;
  width: 22px;
  height: 28px;
  line-height: 28px;
}

.button.button-reveal.button-mini.tright i {
  left: auto;
  right: -22px;
}

.button.button-reveal.button-small {
  padding: 0 22px;
}

.button.button-reveal.button-small i {
  left: -26px;
  width: 26px;
  height: 34px;
  line-height: 34px;
}

.button.button-reveal.button-small.tright i {
  left: auto;
  right: -26px;
}

.button.button-reveal.button-large {
  padding: 0 32px;
}

.button.button-reveal.button-large i {
  left: -38px;
  width: 38px;
  height: 46px;
  line-height: 46px;
}

.button.button-reveal.button-large.tright i {
  left: auto;
  right: -38px;
}

.button.button-reveal.button-xlarge {
  padding: 0 40px;
}

.button.button-reveal.button-xlarge i {
  left: -44px;
  width: 44px;
  height: 52px;
  line-height: 52px;
}

.button.button-reveal.button-xlarge.tright i {
  left: auto;
  right: -44px;
}

.button.button-reveal.button-xlarge.tright.button-reveal-on i {
  left: auto;
  right: 0px;
}

.button.button-reveal:hover:not(.disabled) i {
  left: 0;
}

.button.button-reveal.tright:hover:not(.disabled) i {
  left: auto;
  right: 0;
}

.button.button-reveal:hover:not(.button-reveal-on):not(.disabled) span {
  left: 16px;
}

.button.button-reveal.button-mini:hover:not(.button-reveal-on):not(.disabled) span {
  left: 11px;
}

.button.button-reveal.button-small:hover:not(.button-reveal-on):not(.disabled) span {
  left: 13px;
}

.button.button-reveal.button-large:hover:not(.button-reveal-on):not(.disabled) span {
  left: 19px;
}

.button.button-reveal.button-xlarge:hover:not(.button-reveal-on):not(.disabled) span {
  left: 22px;
}

.button.button-reveal.tright:hover:not(.button-reveal-on):not(.disabled) span {
  left: -16px;
}

.button.button-reveal.button-mini.tright:hover:not(.button-reveal-on):not(.disabled) span {
  left: -11px;
}

.button.button-reveal.button-small.tright:hover:not(.button-reveal-on):not(.disabled) span {
  left: -13px;
}

.button.button-reveal.button-large.tright:hover:not(.button-reveal-on):not(.disabled) span {
  left: -19px;
}

.button.button-reveal.button-xlarge.tright:hover:not(.button-reveal-on):not(.disabled) span {
  left: -2px;
}

/* SM */
@media (min-width: 576px) {
  .button.button-reveal.button-mini-sm {
    padding: 0 17px;
  }
  .button.button-reveal.button-mini-sm i {
    left: -22px;
    width: 22px;
    height: 28px;
    line-height: 28px;
  }
  .button.button-reveal.button-mini-sm.tright i {
    left: auto;
    right: -22px;
  }
  .button.button-reveal.button-small-sm {
    padding: 0 22px;
  }
  .button.button-reveal.button-small-sm i {
    left: -26px;
    width: 26px;
    height: 34px;
    line-height: 34px;
  }
  .button.button-reveal.button-small-sm.tright i {
    left: auto;
    right: -26px;
  }
  .button.button-reveal.button-large-sm {
    padding: 0 32px;
  }
  .button.button-reveal.button-large-sm i {
    left: -38px;
    width: 38px;
    height: 46px;
    line-height: 46px;
  }
  .button.button-reveal.button-large-sm.tright i {
    left: auto;
    right: -38px;
  }
  .button.button-reveal.button-xlarge-sm {
    padding: 0 40px;
  }
  .button.button-reveal.button-xlarge-sm i {
    left: -44px;
    width: 44px;
    height: 52px;
    line-height: 52px;
  }
  .button.button-reveal.button-xlarge-sm.tright i {
    left: auto;
    right: -44px;
  }
  .button.button-reveal.button-xlarge-sm.tright.button-reveal-on i {
    left: auto;
    right: 0px;
  }
  .button.button-reveal.button-mini-sm:hover:not(.button-reveal-on):not(.disabled) span {
    left: 11px;
  }
  .button.button-reveal.button-small-sm:hover:not(.button-reveal-on):not(.disabled) span {
    left: 13px;
  }
  .button.button-reveal.button-large-sm:hover:not(.button-reveal-on):not(.disabled) span {
    left: 19px;
  }
  .button.button-reveal.button-xlarge-sm:hover:not(.button-reveal-on):not(.disabled) span {
    left: 22px;
  }
  .button.button-reveal.button-mini-sm.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -11px;
  }
  .button.button-reveal.button-small-sm.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -13px;
  }
  .button.button-reveal.button-large-sm.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -19px;
  }
  .button.button-reveal.button-xlarge-sm.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -2px;
  }
}
/* MD */
@media (min-width: 768px) {
  .button.button-reveal.button-mini-md {
    padding: 0 17px;
  }
  .button.button-reveal.button-mini-md i {
    left: -22px;
    width: 22px;
    height: 28px;
    line-height: 28px;
  }
  .button.button-reveal.button-mini-md.tright i {
    left: auto;
    right: -22px;
  }
  .button.button-reveal.button-small-md {
    padding: 0 22px;
  }
  .button.button-reveal.button-small-md i {
    left: -26px;
    width: 26px;
    height: 34px;
    line-height: 34px;
  }
  .button.button-reveal.button-small-md.tright i {
    left: auto;
    right: -26px;
  }
  .button.button-reveal.button-large-md {
    padding: 0 32px;
  }
  .button.button-reveal.button-large-md i {
    left: -38px;
    width: 38px;
    height: 46px;
    line-height: 46px;
  }
  .button.button-reveal.button-large-md.tright i {
    left: auto;
    right: -38px;
  }
  .button.button-reveal.button-xlarge-md {
    padding: 0 40px;
  }
  .button.button-reveal.button-xlarge-md i {
    left: -44px;
    width: 44px;
    height: 52px;
    line-height: 52px;
  }
  .button.button-reveal.button-xlarge-md.tright i {
    left: auto;
    right: -44px;
  }
  .button.button-reveal.button-xlarge-md.tright.button-reveal-on i {
    left: auto;
    right: 0px;
  }
  .button.button-reveal.button-mini-md:hover:not(.button-reveal-on):not(.disabled) span {
    left: 11px;
  }
  .button.button-reveal.button-mdall-md:hover:not(.button-reveal-on):not(.disabled) span {
    left: 13px;
  }
  .button.button-reveal.button-large-md:hover:not(.button-reveal-on):not(.disabled) span {
    left: 19px;
  }
  .button.button-reveal.button-xlarge-md:hover:not(.button-reveal-on):not(.disabled) span {
    left: 22px;
  }
  .button.button-reveal.button-mini-md.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -11px;
  }
  .button.button-reveal.button-mdall-md.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -13px;
  }
  .button.button-reveal.button-large-md.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -19px;
  }
  .button.button-reveal.button-xlarge-md.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -2px;
  }
}
/* LG */
@media (min-width: 992px) {
  .button.button-reveal.button-mini-lg {
    padding: 0 17px;
  }
  .button.button-reveal.button-mini-lg i {
    left: -22px;
    width: 22px;
    height: 28px;
    line-height: 28px;
  }
  .button.button-reveal.button-mini-lg.tright i {
    left: auto;
    right: -22px;
  }
  .button.button-reveal.button-small-lg {
    padding: 0 22px;
  }
  .button.button-reveal.button-small-lg i {
    left: -26px;
    width: 26px;
    height: 34px;
    line-height: 34px;
  }
  .button.button-reveal.button-small-lg.tright i {
    left: auto;
    right: -26px;
  }
  .button.button-reveal.button-large-lg {
    padding: 0 32px;
  }
  .button.button-reveal.button-large-lg i {
    left: -38px;
    width: 38px;
    height: 46px;
    line-height: 46px;
  }
  .button.button-reveal.button-large-lg.tright i {
    left: auto;
    right: -38px;
  }
  .button.button-reveal.button-xlarge-lg {
    padding: 0 40px;
  }
  .button.button-reveal.button-xlarge-lg i {
    left: -44px;
    width: 44px;
    height: 52px;
    line-height: 52px;
  }
  .button.button-reveal.button-xlarge-lg.tright i {
    left: auto;
    right: -44px;
  }
  .button.button-reveal.button-xlarge-lg.tright.button-reveal-on i {
    left: auto;
    right: 0px;
  }
  .button.button-reveal.button-mini-lg:hover:not(.button-reveal-on):not(.disabled) span {
    left: 11px;
  }
  .button.button-reveal.button-lgall-lg:hover:not(.button-reveal-on):not(.disabled) span {
    left: 13px;
  }
  .button.button-reveal.button-large-lg:hover:not(.button-reveal-on):not(.disabled) span {
    left: 19px;
  }
  .button.button-reveal.button-xlarge-lg:hover:not(.button-reveal-on):not(.disabled) span {
    left: 22px;
  }
  .button.button-reveal.button-mini-lg.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -11px;
  }
  .button.button-reveal.button-lgall-lg.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -13px;
  }
  .button.button-reveal.button-large-lg.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -19px;
  }
  .button.button-reveal.button-xlarge-lg.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -2px;
  }
}
/* XL */
@media (min-width: 1200px) {
  .button.button-reveal.button-mini-xl {
    padding: 0 17px;
  }
  .button.button-reveal.button-mini-xl i {
    left: -22px;
    width: 22px;
    height: 28px;
    line-height: 28px;
  }
  .button.button-reveal.button-mini-xl.tright i {
    left: auto;
    right: -22px;
  }
  .button.button-reveal.button-xlall-xl {
    padding: 0 22px;
  }
  .button.button-reveal.button-xlall-xl i {
    left: -26px;
    width: 26px;
    height: 34px;
    line-height: 34px;
  }
  .button.button-reveal.button-xlall-xl.tright i {
    left: auto;
    right: -26px;
  }
  .button.button-reveal.button-large-xl {
    padding: 0 32px;
  }
  .button.button-reveal.button-large-xl i {
    left: -38px;
    width: 38px;
    height: 46px;
    line-height: 46px;
  }
  .button.button-reveal.button-large-xl.tright i {
    left: auto;
    right: -38px;
  }
  .button.button-reveal.button-xlarge-xl {
    padding: 0 40px;
  }
  .button.button-reveal.button-xlarge-xl i {
    left: -44px;
    width: 44px;
    height: 52px;
    line-height: 52px;
  }
  .button.button-reveal.button-xlarge-xl.tright i {
    left: auto;
    right: -44px;
  }
  .button.button-reveal.button-xlarge-xl.tright.button-reveal-on i {
    left: auto;
    right: 0px;
  }
  .button.button-reveal.button-mini-xl:hover:not(.button-reveal-on):not(.disabled) span {
    left: 11px;
  }
  .button.button-reveal.button-xlall-xl:hover:not(.button-reveal-on):not(.disabled) span {
    left: 13px;
  }
  .button.button-reveal.button-large-xl:hover:not(.button-reveal-on):not(.disabled) span {
    left: 19px;
  }
  .button.button-reveal.button-xlarge-xl:hover:not(.button-reveal-on):not(.disabled) span {
    left: 22px;
  }
  .button.button-reveal.button-mini-xl.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -11px;
  }
  .button.button-reveal.button-xlall-xl.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -13px;
  }
  .button.button-reveal.button-large-xl.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -19px;
  }
  .button.button-reveal.button-xlarge-xl.tright:hover:not(.button-reveal-on):not(.disabled) span {
    left: -2px;
  }
}
/* Buttons - Promo 100% Width
-----------------------------------------------------------------*/
.button.button-full {
  display: block;
  width: 100%;
  white-space: normal;
  margin: 0;
  height: auto;
  line-height: 1.6;
  padding: 30px 0;
  font-size: 30px;
  font-weight: 300;
  text-transform: none;
  border-radius: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.button.button-full.button-light {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.button.button-full strong {
  font-weight: 700;
  border-bottom: 2px solid #EEE;
}

body:not(.device-touch) .button.button-full strong {
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.button.button-full.button-light strong {
  border-bottom-color: #333;
}

.button.button-full.button-light:hover strong {
  border-bottom-color: #EEE;
}

/* Buttons - Circle
-----------------------------------------------------------------*/
.button.button-circle {
  border-radius: 20px;
}

.button.button-mini.button-circle {
  border-radius: 14px;
}

.button.button-small.button-circle {
  border-radius: 17px;
}

.button.button-large.button-circle {
  border-radius: 23px;
}

.button.button-xlarge.button-circle {
  border-radius: 26px;
}

/* SM */
@media (min-width: 576px) {
  .button.button-mini-sm.button-circle {
    border-radius: 14px;
  }
  .button.button-small-sm.button-circle {
    border-radius: 17px;
  }
  .button.button-large-sm.button-circle {
    border-radius: 23px;
  }
  .button.button-xlarge-sm.button-circle {
    border-radius: 26px;
  }
}
/* MD */
@media (min-width: 768px) {
  .button.button-mini-md.button-circle {
    border-radius: 14px;
  }
  .button.button-small-md.button-circle {
    border-radius: 17px;
  }
  .button.button-large-md.button-circle {
    border-radius: 23px;
  }
  .button.button-xlarge-md.button-circle {
    border-radius: 26px;
  }
}
/* LG */
@media (min-width: 992px) {
  .button.button-mini-lg.button-circle {
    border-radius: 14px;
  }
  .button.button-small-lg.button-circle {
    border-radius: 17px;
  }
  .button.button-large-lg.button-circle {
    border-radius: 23px;
  }
  .button.button-xlarge-lg.button-circle {
    border-radius: 26px;
  }
}
/* XL */
@media (min-width: 1200px) {
  .button.button-mini-xl.button-circle {
    border-radius: 14px;
  }
  .button.button-small-xl.button-circle {
    border-radius: 17px;
  }
  .button.button-large-xl.button-circle {
    border-radius: 23px;
  }
  .button.button-xlarge-xl.button-circle {
    border-radius: 26px;
  }
}
/* Buttons - Fill Effect
-----------------------------------------------------------------*/
.button.button-border.button-fill {
  overflow: hidden;
  transform-style: preserve-3d;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  -webkit-backface-visibility: hidden;
}

.button.button-border.button-fill span {
  position: relative;
}

.button.button-border.button-fill:hover {
  background-color: transparent !important;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.button.button-border.button-fill.button-light:hover {
  border-color: #EEE !important;
  color: #ff9900 !important;
  text-shadow: none;
}

.button.button-border.button-fill:before {
  content: "";
  position: absolute;
  background-color: #444;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
}

.button.button-border.button-fill.button-light:before {
  background-color: #EEE;
}

.button.button-border.button-fill.fill-from-right:before {
  left: auto;
  right: 0;
}

.button.button-border.button-fill:hover:before {
  width: 100%;
}

.button.button-border.button-fill.fill-from-top:before,
.button.button-border.button-fill.fill-from-bottom:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.button.button-border.button-fill.fill-from-top:before {
  width: 100%;
  height: 0;
}

.button.button-border.button-fill.fill-from-top:hover:before {
  height: 100%;
}

.button.button-border.button-fill.fill-from-bottom:before {
  width: 100%;
  height: 0;
  top: auto;
  bottom: 0;
}

.button.button-border.button-fill.fill-from-bottom:hover:before {
  height: 100%;
}

/* Buttons - Progress Effect
-----------------------------------------------------------------*/
.button.button-border.button-progress {
  overflow: hidden;
  transform-style: preserve-3d;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  -webkit-backface-visibility: hidden;
}

.button.button-border.button-progress span {
  position: relative;
}

.button.button-border.button-progress:hover {
  background-color: transparent !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.button.button-border.button-progress.button-light:hover {
  border-color: #EEE !important;
  color: #ff9900 !important;
  text-shadow: none;
}

.button-border.button-progress:active {
  color: #fff !important;
}

.button.button-border.button-progress:before {
  content: "";
  position: absolute;
  background-color: #444;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-backface-visibility: hidden;
}

.button.button-border.button-progress.button-light:before {
  background-color: #EEE;
}

.button.button-border.button-progress.progress-from-right:before {
  left: auto;
  right: 0;
}

.button.button-border.button-progress:active:before {
  width: 100%;
  color: #FFF !important;
}

.button.button-border.button-progress.progress-from-top:before,
.button.button-border.button-progress.progress-from-bottom:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.button.button-border.button-progress.progress-from-top:before {
  width: 100%;
  height: 0;
}

.button.button-border.button-progress.progress-from-top:active:before {
  height: 100%;
  color: #FFF !important;
}

.button.button-border.button-progress.progress-from-bottom:before {
  width: 100%;
  height: 0;
  top: auto;
  bottom: 0;
}

.button.button-border.button-progress.progress-from-bottom:active:before {
  height: 100%;
  color: #FFF !important;
}

/* Buttons - No Hover
-----------------------------------------------------------------*/
.button.button-nohover:hover {
  opacity: inherit !important;
  background-color: inherit !important;
  color: inherit !important;
  border-color: inherit !important;
}

.button-project-primary {
  background-color: hsl(199deg, 93%, 21%);
}

.button-reveal.button-project-primary:hover, .button-border.button-project-primary:hover, .button-border.button-project-primary.button-progress:before, .button-border.button-project-primary.button-fill:before {
  background-color: hsl(199deg, 93%, 21%) !important;
}

.button-border.button-project-primary {
  color: hsl(199deg, 93%, 21%);
  border-color: hsl(199deg, 93%, 21%);
}

.button-project-primary-dark {
  background-color: hsl(199deg, 93%, 11%);
}

.button-reveal.button-project-primary-dark:hover, .button-border.button-project-primary-dark:hover, .button-border.button-project-primary-dark.button-progress:before, .button-border.button-project-primary-dark.button-fill:before {
  background-color: hsl(199deg, 93%, 11%) !important;
}

.button-border.button-project-primary-dark {
  color: hsl(199deg, 93%, 11%);
  border-color: hsl(199deg, 93%, 11%);
}

.button-project-primary-light-10 {
  background-color: hsla(199deg, 93%, 21%, 0.05);
}

.button-reveal.button-project-primary-light-10:hover, .button-border.button-project-primary-light-10:hover, .button-border.button-project-primary-light-10.button-progress:before, .button-border.button-project-primary-light-10.button-fill:before {
  background-color: hsla(199deg, 93%, 21%, 0.05) !important;
}

.button-border.button-project-primary-light-10 {
  color: hsla(199deg, 93%, 21%, 0.05);
  border-color: hsla(199deg, 93%, 21%, 0.05);
}

.button-project-primary-light-25 {
  background-color: hsla(199deg, 93%, 21%, 0.25);
}

.button-reveal.button-project-primary-light-25:hover, .button-border.button-project-primary-light-25:hover, .button-border.button-project-primary-light-25.button-progress:before, .button-border.button-project-primary-light-25.button-fill:before {
  background-color: hsla(199deg, 93%, 21%, 0.25) !important;
}

.button-border.button-project-primary-light-25 {
  color: hsla(199deg, 93%, 21%, 0.25);
  border-color: hsla(199deg, 93%, 21%, 0.25);
}

.button-project-primary-light-50 {
  background-color: hsla(199deg, 93%, 21%, 0.5);
}

.button-reveal.button-project-primary-light-50:hover, .button-border.button-project-primary-light-50:hover, .button-border.button-project-primary-light-50.button-progress:before, .button-border.button-project-primary-light-50.button-fill:before {
  background-color: hsla(199deg, 93%, 21%, 0.5) !important;
}

.button-border.button-project-primary-light-50 {
  color: hsla(199deg, 93%, 21%, 0.5);
  border-color: hsla(199deg, 93%, 21%, 0.5);
}

.button-project-primary-light-75 {
  background-color: hsla(199deg, 93%, 21%, 0.75);
}

.button-reveal.button-project-primary-light-75:hover, .button-border.button-project-primary-light-75:hover, .button-border.button-project-primary-light-75.button-progress:before, .button-border.button-project-primary-light-75.button-fill:before {
  background-color: hsla(199deg, 93%, 21%, 0.75) !important;
}

.button-border.button-project-primary-light-75 {
  color: hsla(199deg, 93%, 21%, 0.75);
  border-color: hsla(199deg, 93%, 21%, 0.75);
}

.button-project-primary-light-90 {
  background-color: hsla(199deg, 93%, 21%, 0.9);
}

.button-reveal.button-project-primary-light-90:hover, .button-border.button-project-primary-light-90:hover, .button-border.button-project-primary-light-90.button-progress:before, .button-border.button-project-primary-light-90.button-fill:before {
  background-color: hsla(199deg, 93%, 21%, 0.9) !important;
}

.button-border.button-project-primary-light-90 {
  color: hsla(199deg, 93%, 21%, 0.9);
  border-color: hsla(199deg, 93%, 21%, 0.9);
}

.button-project-secondary {
  background-color: hsl(24deg, 100%, 50%);
}

.button-reveal.button-project-secondary:hover, .button-border.button-project-secondary:hover, .button-border.button-project-secondary.button-progress:before, .button-border.button-project-secondary.button-fill:before {
  background-color: hsl(24deg, 100%, 50%) !important;
}

.button-border.button-project-secondary {
  color: hsl(24deg, 100%, 50%);
  border-color: hsl(24deg, 100%, 50%);
}

.button-project-secondary-dark {
  background-color: hsl(24deg, 100%, 45%);
}

.button-reveal.button-project-secondary-dark:hover, .button-border.button-project-secondary-dark:hover, .button-border.button-project-secondary-dark.button-progress:before, .button-border.button-project-secondary-dark.button-fill:before {
  background-color: hsl(24deg, 100%, 45%) !important;
}

.button-border.button-project-secondary-dark {
  color: hsl(24deg, 100%, 45%);
  border-color: hsl(24deg, 100%, 45%);
}

.button-project-secondary-light-25 {
  background-color: hsla(24deg, 100%, 50%, 0.25);
}

.button-reveal.button-project-secondary-light-25:hover, .button-border.button-project-secondary-light-25:hover, .button-border.button-project-secondary-light-25.button-progress:before, .button-border.button-project-secondary-light-25.button-fill:before {
  background-color: hsla(24deg, 100%, 50%, 0.25) !important;
}

.button-border.button-project-secondary-light-25 {
  color: hsla(24deg, 100%, 50%, 0.25);
  border-color: hsla(24deg, 100%, 50%, 0.25);
}

.button-project-secondary-light-50 {
  background-color: hsla(24deg, 100%, 50%, 0.5);
}

.button-reveal.button-project-secondary-light-50:hover, .button-border.button-project-secondary-light-50:hover, .button-border.button-project-secondary-light-50.button-progress:before, .button-border.button-project-secondary-light-50.button-fill:before {
  background-color: hsla(24deg, 100%, 50%, 0.5) !important;
}

.button-border.button-project-secondary-light-50 {
  color: hsla(24deg, 100%, 50%, 0.5);
  border-color: hsla(24deg, 100%, 50%, 0.5);
}

.button-project-secondary-light-75 {
  background-color: hsla(24deg, 100%, 50%, 0.75);
}

.button-reveal.button-project-secondary-light-75:hover, .button-border.button-project-secondary-light-75:hover, .button-border.button-project-secondary-light-75.button-progress:before, .button-border.button-project-secondary-light-75.button-fill:before {
  background-color: hsla(24deg, 100%, 50%, 0.75) !important;
}

.button-border.button-project-secondary-light-75 {
  color: hsla(24deg, 100%, 50%, 0.75);
  border-color: hsla(24deg, 100%, 50%, 0.75);
}

.button-project-tertiary {
  background-color: #0000ff;
}

.button-reveal.button-project-tertiary:hover, .button-border.button-project-tertiary:hover, .button-border.button-project-tertiary.button-progress:before, .button-border.button-project-tertiary.button-fill:before {
  background-color: #0000ff !important;
}

.button-border.button-project-tertiary {
  color: #0000ff;
  border-color: #0000ff;
}

.button-button-hover {
  background-color: #ff9900;
}

.button-reveal.button-button-hover:hover, .button-border.button-button-hover:hover, .button-border.button-button-hover.button-progress:before, .button-border.button-button-hover.button-fill:before {
  background-color: #ff9900 !important;
}

.button-border.button-button-hover {
  color: #ff9900;
  border-color: #ff9900;
}

.button-imi-framework {
  background-color: hsl(24deg, 100%, 50%);
}

.button-reveal.button-imi-framework:hover, .button-border.button-imi-framework:hover, .button-border.button-imi-framework.button-progress:before, .button-border.button-imi-framework.button-fill:before {
  background-color: hsl(24deg, 100%, 50%) !important;
}

.button-border.button-imi-framework {
  color: hsl(24deg, 100%, 50%);
  border-color: hsl(24deg, 100%, 50%);
}

.button-gray-100 {
  background-color: #f8f9fa;
}

.button-reveal.button-gray-100:hover, .button-border.button-gray-100:hover, .button-border.button-gray-100.button-progress:before, .button-border.button-gray-100.button-fill:before {
  background-color: #f8f9fa !important;
}

.button-border.button-gray-100 {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.button-gray-200 {
  background-color: #e9ecef;
}

.button-reveal.button-gray-200:hover, .button-border.button-gray-200:hover, .button-border.button-gray-200.button-progress:before, .button-border.button-gray-200.button-fill:before {
  background-color: #e9ecef !important;
}

.button-border.button-gray-200 {
  color: #e9ecef;
  border-color: #e9ecef;
}

.button-gray-300 {
  background-color: #dee2e6;
}

.button-reveal.button-gray-300:hover, .button-border.button-gray-300:hover, .button-border.button-gray-300.button-progress:before, .button-border.button-gray-300.button-fill:before {
  background-color: #dee2e6 !important;
}

.button-border.button-gray-300 {
  color: #dee2e6;
  border-color: #dee2e6;
}

.button-gray-400 {
  background-color: #ced4da;
}

.button-reveal.button-gray-400:hover, .button-border.button-gray-400:hover, .button-border.button-gray-400.button-progress:before, .button-border.button-gray-400.button-fill:before {
  background-color: #ced4da !important;
}

.button-border.button-gray-400 {
  color: #ced4da;
  border-color: #ced4da;
}

.button-gray-500 {
  background-color: #adb5bd;
}

.button-reveal.button-gray-500:hover, .button-border.button-gray-500:hover, .button-border.button-gray-500.button-progress:before, .button-border.button-gray-500.button-fill:before {
  background-color: #adb5bd !important;
}

.button-border.button-gray-500 {
  color: #adb5bd;
  border-color: #adb5bd;
}

.button-gray-600 {
  background-color: #6c757d;
}

.button-reveal.button-gray-600:hover, .button-border.button-gray-600:hover, .button-border.button-gray-600.button-progress:before, .button-border.button-gray-600.button-fill:before {
  background-color: #6c757d !important;
}

.button-border.button-gray-600 {
  color: #6c757d;
  border-color: #6c757d;
}

.button-gray-700 {
  background-color: #495057;
}

.button-reveal.button-gray-700:hover, .button-border.button-gray-700:hover, .button-border.button-gray-700.button-progress:before, .button-border.button-gray-700.button-fill:before {
  background-color: #495057 !important;
}

.button-border.button-gray-700 {
  color: #495057;
  border-color: #495057;
}

.button-gray-800 {
  background-color: #343a40;
}

.button-reveal.button-gray-800:hover, .button-border.button-gray-800:hover, .button-border.button-gray-800.button-progress:before, .button-border.button-gray-800.button-fill:before {
  background-color: #343a40 !important;
}

.button-border.button-gray-800 {
  color: #343a40;
  border-color: #343a40;
}

.button-gray-900 {
  background-color: #212529;
}

.button-reveal.button-gray-900:hover, .button-border.button-gray-900:hover, .button-border.button-gray-900.button-progress:before, .button-border.button-gray-900.button-fill:before {
  background-color: #212529 !important;
}

.button-border.button-gray-900 {
  color: #212529;
  border-color: #212529;
}

.button-black {
  background-color: #000;
}

.button-reveal.button-black:hover, .button-border.button-black:hover, .button-border.button-black.button-progress:before, .button-border.button-black.button-fill:before {
  background-color: #000 !important;
}

.button-border.button-black {
  color: #000;
  border-color: #000;
}

.button-linkedin {
  background-color: #00a0dc;
}

.button-reveal.button-linkedin:hover, .button-border.button-linkedin:hover, .button-border.button-linkedin.button-progress:before, .button-border.button-linkedin.button-fill:before {
  background-color: #00a0dc !important;
}

.button-border.button-linkedin {
  color: #00a0dc;
  border-color: #00a0dc;
}

.button-facebook {
  background-color: #3d5c95;
}

.button-reveal.button-facebook:hover, .button-border.button-facebook:hover, .button-border.button-facebook.button-progress:before, .button-border.button-facebook.button-fill:before {
  background-color: #3d5c95 !important;
}

.button-border.button-facebook {
  color: #3d5c95;
  border-color: #3d5c95;
}

.button-google {
  background-color: #d62d20;
}

.button-reveal.button-google:hover, .button-border.button-google:hover, .button-border.button-google.button-progress:before, .button-border.button-google.button-fill:before {
  background-color: #d62d20 !important;
}

.button-border.button-google {
  color: #d62d20;
  border-color: #d62d20;
}

.button-whatsapp {
  background-color: #25D366;
}

.button-reveal.button-whatsapp:hover, .button-border.button-whatsapp:hover, .button-border.button-whatsapp.button-progress:before, .button-border.button-whatsapp.button-fill:before {
  background-color: #25D366 !important;
}

.button-border.button-whatsapp {
  color: #25D366;
  border-color: #25D366;
}

.button-paypal {
  background-color: #253B80;
}

.button-reveal.button-paypal:hover, .button-border.button-paypal:hover, .button-border.button-paypal.button-progress:before, .button-border.button-paypal.button-fill:before {
  background-color: #253B80 !important;
}

.button-border.button-paypal {
  color: #253B80;
  border-color: #253B80;
}

.button-primary {
  background-color: #007bff;
}

.button-reveal.button-primary:hover, .button-border.button-primary:hover, .button-border.button-primary.button-progress:before, .button-border.button-primary.button-fill:before {
  background-color: #007bff !important;
}

.button-border.button-primary {
  color: #007bff;
  border-color: #007bff;
}

.button-secondary {
  background-color: #6c757d;
}

.button-reveal.button-secondary:hover, .button-border.button-secondary:hover, .button-border.button-secondary.button-progress:before, .button-border.button-secondary.button-fill:before {
  background-color: #6c757d !important;
}

.button-border.button-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.button-success {
  background-color: #28a745;
}

.button-reveal.button-success:hover, .button-border.button-success:hover, .button-border.button-success.button-progress:before, .button-border.button-success.button-fill:before {
  background-color: #28a745 !important;
}

.button-border.button-success {
  color: #28a745;
  border-color: #28a745;
}

.button-info {
  background-color: #17a2b8;
}

.button-reveal.button-info:hover, .button-border.button-info:hover, .button-border.button-info.button-progress:before, .button-border.button-info.button-fill:before {
  background-color: #17a2b8 !important;
}

.button-border.button-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.button-warning {
  background-color: #ffc107;
}

.button-reveal.button-warning:hover, .button-border.button-warning:hover, .button-border.button-warning.button-progress:before, .button-border.button-warning.button-fill:before {
  background-color: #ffc107 !important;
}

.button-border.button-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.button-danger {
  background-color: #dc3545;
}

.button-reveal.button-danger:hover, .button-border.button-danger:hover, .button-border.button-danger.button-progress:before, .button-border.button-danger.button-fill:before {
  background-color: #dc3545 !important;
}

.button-border.button-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.button-light {
  background-color: #f8f9fa;
}

.button-reveal.button-light:hover, .button-border.button-light:hover, .button-border.button-light.button-progress:before, .button-border.button-light.button-fill:before {
  background-color: #f8f9fa !important;
}

.button-border.button-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.button-dark {
  background-color: #343a40;
}

.button-reveal.button-dark:hover, .button-border.button-dark:hover, .button-border.button-dark.button-progress:before, .button-border.button-dark.button-fill:before {
  background-color: #343a40 !important;
}

.button-border.button-dark {
  color: #343a40;
  border-color: #343a40;
}

.button-ajSac {
  background-color: #fbd11f;
}

.button-reveal.button-ajSac:hover, .button-border.button-ajSac:hover, .button-border.button-ajSac.button-progress:before, .button-border.button-ajSac.button-fill:before {
  background-color: #fbd11f !important;
}

.button-border.button-ajSac {
  color: #fbd11f;
  border-color: #fbd11f;
}

.button-ajSep {
  background-color: #fbd11f;
}

.button-reveal.button-ajSep:hover, .button-border.button-ajSep:hover, .button-border.button-ajSep.button-progress:before, .button-border.button-ajSep.button-fill:before {
  background-color: #fbd11f !important;
}

.button-border.button-ajSep {
  color: #fbd11f;
  border-color: #fbd11f;
}

.button-ajAjim {
  background-color: #fbd11f;
}

.button-reveal.button-ajAjim:hover, .button-border.button-ajAjim:hover, .button-border.button-ajAjim.button-progress:before, .button-border.button-ajAjim.button-fill:before {
  background-color: #fbd11f !important;
}

.button-border.button-ajAjim {
  color: #fbd11f;
  border-color: #fbd11f;
}

.button-s3s {
  background-color: #005fa1;
}

.button-reveal.button-s3s:hover, .button-border.button-s3s:hover, .button-border.button-s3s.button-progress:before, .button-border.button-s3s.button-fill:before {
  background-color: #005fa1 !important;
}

.button-border.button-s3s {
  color: #005fa1;
  border-color: #005fa1;
}

.button-lesEmmerdeurs {
  background-color: #cc0000;
}

.button-reveal.button-lesEmmerdeurs:hover, .button-border.button-lesEmmerdeurs:hover, .button-border.button-lesEmmerdeurs.button-progress:before, .button-border.button-lesEmmerdeurs.button-fill:before {
  background-color: #cc0000 !important;
}

.button-border.button-lesEmmerdeurs {
  color: #cc0000;
  border-color: #cc0000;
}

.button-bonus {
  background-color: #cc0000;
}

.button-reveal.button-bonus:hover, .button-border.button-bonus:hover, .button-border.button-bonus.button-progress:before, .button-border.button-bonus.button-fill:before {
  background-color: #cc0000 !important;
}

.button-border.button-bonus {
  color: #cc0000;
  border-color: #cc0000;
}

.button-soldar {
  background-color: #ec6707;
}

.button-reveal.button-soldar:hover, .button-border.button-soldar:hover, .button-border.button-soldar.button-progress:before, .button-border.button-soldar.button-fill:before {
  background-color: #ec6707 !important;
}

.button-border.button-soldar {
  color: #ec6707;
  border-color: #ec6707;
}

.button-horsSeries {
  background-color: #009900;
}

.button-reveal.button-horsSeries:hover, .button-border.button-horsSeries:hover, .button-border.button-horsSeries.button-progress:before, .button-border.button-horsSeries.button-fill:before {
  background-color: #009900 !important;
}

.button-border.button-horsSeries {
  color: #009900;
  border-color: #009900;
}

button:focus {
  outline: none !important;
}

/***************************************************/
/*                                                 */
/*                  COLOR CLASS                    */
/*                                                 */
/***************************************************/
.strike-project-primary {
  text-decoration: line-through hsl(199deg, 93%, 21%);
}

.fill-project-primary {
  fill: hsl(199deg, 93%, 21%);
}

.bg-l-project-primary {
  background-color: rgba(4, 72, 103, 0.1);
}

.tooltip .tooltip-inner-project-primary {
  background: hsl(199deg, 93%, 21%) !important;
  color: white;
}

.tooltip .arrow-project-primary:before {
  border-bottom-color: hsl(199deg, 93%, 21%) !important;
  border-top-color: hsl(199deg, 93%, 21%) !important;
}

.tooltip .arrow-left-project-primary:before {
  border-left-color: hsl(199deg, 93%, 21%);
}

.tooltip .arrow-right-project-primary:before {
  border-right-color: hsl(199deg, 93%, 21%);
}

.badge-project-primary {
  color: white;
  background: hsl(199deg, 93%, 21%);
}

.badge-outline-project-primary {
  color: hsl(199deg, 93%, 21%);
  border: 1px solid hsl(199deg, 93%, 21%);
}

.strike-project-primary-dark {
  text-decoration: line-through hsl(199deg, 93%, 11%);
}

.fill-project-primary-dark {
  fill: hsl(199deg, 93%, 11%);
}

.bg-l-project-primary-dark {
  background-color: rgba(2, 38, 54, 0.1);
}

.tooltip .tooltip-inner-project-primary-dark {
  background: hsl(199deg, 93%, 11%) !important;
  color: white;
}

.tooltip .arrow-project-primary-dark:before {
  border-bottom-color: hsl(199deg, 93%, 11%) !important;
  border-top-color: hsl(199deg, 93%, 11%) !important;
}

.tooltip .arrow-left-project-primary-dark:before {
  border-left-color: hsl(199deg, 93%, 11%);
}

.tooltip .arrow-right-project-primary-dark:before {
  border-right-color: hsl(199deg, 93%, 11%);
}

.badge-project-primary-dark {
  color: white;
  background: hsl(199deg, 93%, 11%);
}

.badge-outline-project-primary-dark {
  color: hsl(199deg, 93%, 11%);
  border: 1px solid hsl(199deg, 93%, 11%);
}

.strike-project-primary-light-10 {
  text-decoration: line-through hsla(199deg, 93%, 21%, 0.05);
}

.fill-project-primary-light-10 {
  fill: hsla(199deg, 93%, 21%, 0.05);
}

.bg-l-project-primary-light-10 {
  background-color: rgba(4, 72, 103, 0);
}

.tooltip .tooltip-inner-project-primary-light-10 {
  background: hsla(199deg, 93%, 21%, 0.05) !important;
  color: white;
}

.tooltip .arrow-project-primary-light-10:before {
  border-bottom-color: hsla(199deg, 93%, 21%, 0.05) !important;
  border-top-color: hsla(199deg, 93%, 21%, 0.05) !important;
}

.tooltip .arrow-left-project-primary-light-10:before {
  border-left-color: hsla(199deg, 93%, 21%, 0.05);
}

.tooltip .arrow-right-project-primary-light-10:before {
  border-right-color: hsla(199deg, 93%, 21%, 0.05);
}

.badge-project-primary-light-10 {
  color: white;
  background: hsla(199deg, 93%, 21%, 0.05);
}

.badge-outline-project-primary-light-10 {
  color: hsla(199deg, 93%, 21%, 0.05);
  border: 1px solid hsla(199deg, 93%, 21%, 0.05);
}

.strike-project-primary-light-25 {
  text-decoration: line-through hsla(199deg, 93%, 21%, 0.25);
}

.fill-project-primary-light-25 {
  fill: hsla(199deg, 93%, 21%, 0.25);
}

.bg-l-project-primary-light-25 {
  background-color: rgba(4, 72, 103, 0);
}

.tooltip .tooltip-inner-project-primary-light-25 {
  background: hsla(199deg, 93%, 21%, 0.25) !important;
  color: white;
}

.tooltip .arrow-project-primary-light-25:before {
  border-bottom-color: hsla(199deg, 93%, 21%, 0.25) !important;
  border-top-color: hsla(199deg, 93%, 21%, 0.25) !important;
}

.tooltip .arrow-left-project-primary-light-25:before {
  border-left-color: hsla(199deg, 93%, 21%, 0.25);
}

.tooltip .arrow-right-project-primary-light-25:before {
  border-right-color: hsla(199deg, 93%, 21%, 0.25);
}

.badge-project-primary-light-25 {
  color: white;
  background: hsla(199deg, 93%, 21%, 0.25);
}

.badge-outline-project-primary-light-25 {
  color: hsla(199deg, 93%, 21%, 0.25);
  border: 1px solid hsla(199deg, 93%, 21%, 0.25);
}

.strike-project-primary-light-50 {
  text-decoration: line-through hsla(199deg, 93%, 21%, 0.5);
}

.fill-project-primary-light-50 {
  fill: hsla(199deg, 93%, 21%, 0.5);
}

.bg-l-project-primary-light-50 {
  background-color: rgba(4, 72, 103, 0);
}

.tooltip .tooltip-inner-project-primary-light-50 {
  background: hsla(199deg, 93%, 21%, 0.5) !important;
  color: white;
}

.tooltip .arrow-project-primary-light-50:before {
  border-bottom-color: hsla(199deg, 93%, 21%, 0.5) !important;
  border-top-color: hsla(199deg, 93%, 21%, 0.5) !important;
}

.tooltip .arrow-left-project-primary-light-50:before {
  border-left-color: hsla(199deg, 93%, 21%, 0.5);
}

.tooltip .arrow-right-project-primary-light-50:before {
  border-right-color: hsla(199deg, 93%, 21%, 0.5);
}

.badge-project-primary-light-50 {
  color: white;
  background: hsla(199deg, 93%, 21%, 0.5);
}

.badge-outline-project-primary-light-50 {
  color: hsla(199deg, 93%, 21%, 0.5);
  border: 1px solid hsla(199deg, 93%, 21%, 0.5);
}

.strike-project-primary-light-75 {
  text-decoration: line-through hsla(199deg, 93%, 21%, 0.75);
}

.fill-project-primary-light-75 {
  fill: hsla(199deg, 93%, 21%, 0.75);
}

.bg-l-project-primary-light-75 {
  background-color: rgba(4, 72, 103, 0);
}

.tooltip .tooltip-inner-project-primary-light-75 {
  background: hsla(199deg, 93%, 21%, 0.75) !important;
  color: white;
}

.tooltip .arrow-project-primary-light-75:before {
  border-bottom-color: hsla(199deg, 93%, 21%, 0.75) !important;
  border-top-color: hsla(199deg, 93%, 21%, 0.75) !important;
}

.tooltip .arrow-left-project-primary-light-75:before {
  border-left-color: hsla(199deg, 93%, 21%, 0.75);
}

.tooltip .arrow-right-project-primary-light-75:before {
  border-right-color: hsla(199deg, 93%, 21%, 0.75);
}

.badge-project-primary-light-75 {
  color: white;
  background: hsla(199deg, 93%, 21%, 0.75);
}

.badge-outline-project-primary-light-75 {
  color: hsla(199deg, 93%, 21%, 0.75);
  border: 1px solid hsla(199deg, 93%, 21%, 0.75);
}

.strike-project-primary-light-90 {
  text-decoration: line-through hsla(199deg, 93%, 21%, 0.9);
}

.fill-project-primary-light-90 {
  fill: hsla(199deg, 93%, 21%, 0.9);
}

.bg-l-project-primary-light-90 {
  background-color: rgba(4, 72, 103, 0);
}

.tooltip .tooltip-inner-project-primary-light-90 {
  background: hsla(199deg, 93%, 21%, 0.9) !important;
  color: white;
}

.tooltip .arrow-project-primary-light-90:before {
  border-bottom-color: hsla(199deg, 93%, 21%, 0.9) !important;
  border-top-color: hsla(199deg, 93%, 21%, 0.9) !important;
}

.tooltip .arrow-left-project-primary-light-90:before {
  border-left-color: hsla(199deg, 93%, 21%, 0.9);
}

.tooltip .arrow-right-project-primary-light-90:before {
  border-right-color: hsla(199deg, 93%, 21%, 0.9);
}

.badge-project-primary-light-90 {
  color: white;
  background: hsla(199deg, 93%, 21%, 0.9);
}

.badge-outline-project-primary-light-90 {
  color: hsla(199deg, 93%, 21%, 0.9);
  border: 1px solid hsla(199deg, 93%, 21%, 0.9);
}

.strike-project-secondary {
  text-decoration: line-through hsl(24deg, 100%, 50%);
}

.fill-project-secondary {
  fill: hsl(24deg, 100%, 50%);
}

.bg-l-project-secondary {
  background-color: rgba(255, 102, 0, 0.1);
}

.tooltip .tooltip-inner-project-secondary {
  background: hsl(24deg, 100%, 50%) !important;
  color: white;
}

.tooltip .arrow-project-secondary:before {
  border-bottom-color: hsl(24deg, 100%, 50%) !important;
  border-top-color: hsl(24deg, 100%, 50%) !important;
}

.tooltip .arrow-left-project-secondary:before {
  border-left-color: hsl(24deg, 100%, 50%);
}

.tooltip .arrow-right-project-secondary:before {
  border-right-color: hsl(24deg, 100%, 50%);
}

.badge-project-secondary {
  color: white;
  background: hsl(24deg, 100%, 50%);
}

.badge-outline-project-secondary {
  color: hsl(24deg, 100%, 50%);
  border: 1px solid hsl(24deg, 100%, 50%);
}

.strike-project-secondary-dark {
  text-decoration: line-through hsl(24deg, 100%, 45%);
}

.fill-project-secondary-dark {
  fill: hsl(24deg, 100%, 45%);
}

.bg-l-project-secondary-dark {
  background-color: rgba(230, 92, 0, 0.1);
}

.tooltip .tooltip-inner-project-secondary-dark {
  background: hsl(24deg, 100%, 45%) !important;
  color: white;
}

.tooltip .arrow-project-secondary-dark:before {
  border-bottom-color: hsl(24deg, 100%, 45%) !important;
  border-top-color: hsl(24deg, 100%, 45%) !important;
}

.tooltip .arrow-left-project-secondary-dark:before {
  border-left-color: hsl(24deg, 100%, 45%);
}

.tooltip .arrow-right-project-secondary-dark:before {
  border-right-color: hsl(24deg, 100%, 45%);
}

.badge-project-secondary-dark {
  color: white;
  background: hsl(24deg, 100%, 45%);
}

.badge-outline-project-secondary-dark {
  color: hsl(24deg, 100%, 45%);
  border: 1px solid hsl(24deg, 100%, 45%);
}

.strike-project-secondary-light-25 {
  text-decoration: line-through hsla(24deg, 100%, 50%, 0.25);
}

.fill-project-secondary-light-25 {
  fill: hsla(24deg, 100%, 50%, 0.25);
}

.bg-l-project-secondary-light-25 {
  background-color: rgba(255, 102, 0, 0);
}

.tooltip .tooltip-inner-project-secondary-light-25 {
  background: hsla(24deg, 100%, 50%, 0.25) !important;
  color: white;
}

.tooltip .arrow-project-secondary-light-25:before {
  border-bottom-color: hsla(24deg, 100%, 50%, 0.25) !important;
  border-top-color: hsla(24deg, 100%, 50%, 0.25) !important;
}

.tooltip .arrow-left-project-secondary-light-25:before {
  border-left-color: hsla(24deg, 100%, 50%, 0.25);
}

.tooltip .arrow-right-project-secondary-light-25:before {
  border-right-color: hsla(24deg, 100%, 50%, 0.25);
}

.badge-project-secondary-light-25 {
  color: white;
  background: hsla(24deg, 100%, 50%, 0.25);
}

.badge-outline-project-secondary-light-25 {
  color: hsla(24deg, 100%, 50%, 0.25);
  border: 1px solid hsla(24deg, 100%, 50%, 0.25);
}

.strike-project-secondary-light-50 {
  text-decoration: line-through hsla(24deg, 100%, 50%, 0.5);
}

.fill-project-secondary-light-50 {
  fill: hsla(24deg, 100%, 50%, 0.5);
}

.bg-l-project-secondary-light-50 {
  background-color: rgba(255, 102, 0, 0);
}

.tooltip .tooltip-inner-project-secondary-light-50 {
  background: hsla(24deg, 100%, 50%, 0.5) !important;
  color: white;
}

.tooltip .arrow-project-secondary-light-50:before {
  border-bottom-color: hsla(24deg, 100%, 50%, 0.5) !important;
  border-top-color: hsla(24deg, 100%, 50%, 0.5) !important;
}

.tooltip .arrow-left-project-secondary-light-50:before {
  border-left-color: hsla(24deg, 100%, 50%, 0.5);
}

.tooltip .arrow-right-project-secondary-light-50:before {
  border-right-color: hsla(24deg, 100%, 50%, 0.5);
}

.badge-project-secondary-light-50 {
  color: white;
  background: hsla(24deg, 100%, 50%, 0.5);
}

.badge-outline-project-secondary-light-50 {
  color: hsla(24deg, 100%, 50%, 0.5);
  border: 1px solid hsla(24deg, 100%, 50%, 0.5);
}

.strike-project-secondary-light-75 {
  text-decoration: line-through hsla(24deg, 100%, 50%, 0.75);
}

.fill-project-secondary-light-75 {
  fill: hsla(24deg, 100%, 50%, 0.75);
}

.bg-l-project-secondary-light-75 {
  background-color: rgba(255, 102, 0, 0);
}

.tooltip .tooltip-inner-project-secondary-light-75 {
  background: hsla(24deg, 100%, 50%, 0.75) !important;
  color: white;
}

.tooltip .arrow-project-secondary-light-75:before {
  border-bottom-color: hsla(24deg, 100%, 50%, 0.75) !important;
  border-top-color: hsla(24deg, 100%, 50%, 0.75) !important;
}

.tooltip .arrow-left-project-secondary-light-75:before {
  border-left-color: hsla(24deg, 100%, 50%, 0.75);
}

.tooltip .arrow-right-project-secondary-light-75:before {
  border-right-color: hsla(24deg, 100%, 50%, 0.75);
}

.badge-project-secondary-light-75 {
  color: white;
  background: hsla(24deg, 100%, 50%, 0.75);
}

.badge-outline-project-secondary-light-75 {
  color: hsla(24deg, 100%, 50%, 0.75);
  border: 1px solid hsla(24deg, 100%, 50%, 0.75);
}

.strike-project-tertiary {
  text-decoration: line-through #0000ff;
}

.fill-project-tertiary {
  fill: #0000ff;
}

.bg-l-project-tertiary {
  background-color: rgba(0, 0, 255, 0.1);
}

.tooltip .tooltip-inner-project-tertiary {
  background: #0000ff !important;
  color: white;
}

.tooltip .arrow-project-tertiary:before {
  border-bottom-color: #0000ff !important;
  border-top-color: #0000ff !important;
}

.tooltip .arrow-left-project-tertiary:before {
  border-left-color: #0000ff;
}

.tooltip .arrow-right-project-tertiary:before {
  border-right-color: #0000ff;
}

.badge-project-tertiary {
  color: white;
  background: #0000ff;
}

.badge-outline-project-tertiary {
  color: #0000ff;
  border: 1px solid #0000ff;
}

.strike-button-hover {
  text-decoration: line-through #ff9900;
}

.fill-button-hover {
  fill: #ff9900;
}

.bg-l-button-hover {
  background-color: rgba(255, 153, 0, 0.1);
}

.tooltip .tooltip-inner-button-hover {
  background: #ff9900 !important;
  color: white;
}

.tooltip .arrow-button-hover:before {
  border-bottom-color: #ff9900 !important;
  border-top-color: #ff9900 !important;
}

.tooltip .arrow-left-button-hover:before {
  border-left-color: #ff9900;
}

.tooltip .arrow-right-button-hover:before {
  border-right-color: #ff9900;
}

.badge-button-hover {
  color: white;
  background: #ff9900;
}

.badge-outline-button-hover {
  color: #ff9900;
  border: 1px solid #ff9900;
}

.strike-imi-framework {
  text-decoration: line-through hsl(24deg, 100%, 50%);
}

.fill-imi-framework {
  fill: hsl(24deg, 100%, 50%);
}

.bg-l-imi-framework {
  background-color: rgba(255, 102, 0, 0.1);
}

.tooltip .tooltip-inner-imi-framework {
  background: hsl(24deg, 100%, 50%) !important;
  color: white;
}

.tooltip .arrow-imi-framework:before {
  border-bottom-color: hsl(24deg, 100%, 50%) !important;
  border-top-color: hsl(24deg, 100%, 50%) !important;
}

.tooltip .arrow-left-imi-framework:before {
  border-left-color: hsl(24deg, 100%, 50%);
}

.tooltip .arrow-right-imi-framework:before {
  border-right-color: hsl(24deg, 100%, 50%);
}

.badge-imi-framework {
  color: white;
  background: hsl(24deg, 100%, 50%);
}

.badge-outline-imi-framework {
  color: hsl(24deg, 100%, 50%);
  border: 1px solid hsl(24deg, 100%, 50%);
}

.strike-gray-100 {
  text-decoration: line-through #f8f9fa;
}

.fill-gray-100 {
  fill: #f8f9fa;
}

.bg-l-gray-100 {
  background-color: rgba(248, 249, 250, 0.1);
}

.tooltip .tooltip-inner-gray-100 {
  background: #f8f9fa !important;
  color: white;
}

.tooltip .arrow-gray-100:before {
  border-bottom-color: #f8f9fa !important;
  border-top-color: #f8f9fa !important;
}

.tooltip .arrow-left-gray-100:before {
  border-left-color: #f8f9fa;
}

.tooltip .arrow-right-gray-100:before {
  border-right-color: #f8f9fa;
}

.badge-gray-100 {
  color: white;
  background: #f8f9fa;
}

.badge-outline-gray-100 {
  color: #f8f9fa;
  border: 1px solid #f8f9fa;
}

.strike-gray-200 {
  text-decoration: line-through #e9ecef;
}

.fill-gray-200 {
  fill: #e9ecef;
}

.bg-l-gray-200 {
  background-color: rgba(233, 236, 239, 0.1);
}

.tooltip .tooltip-inner-gray-200 {
  background: #e9ecef !important;
  color: white;
}

.tooltip .arrow-gray-200:before {
  border-bottom-color: #e9ecef !important;
  border-top-color: #e9ecef !important;
}

.tooltip .arrow-left-gray-200:before {
  border-left-color: #e9ecef;
}

.tooltip .arrow-right-gray-200:before {
  border-right-color: #e9ecef;
}

.badge-gray-200 {
  color: white;
  background: #e9ecef;
}

.badge-outline-gray-200 {
  color: #e9ecef;
  border: 1px solid #e9ecef;
}

.strike-gray-300 {
  text-decoration: line-through #dee2e6;
}

.fill-gray-300 {
  fill: #dee2e6;
}

.bg-l-gray-300 {
  background-color: rgba(222, 226, 230, 0.1);
}

.tooltip .tooltip-inner-gray-300 {
  background: #dee2e6 !important;
  color: white;
}

.tooltip .arrow-gray-300:before {
  border-bottom-color: #dee2e6 !important;
  border-top-color: #dee2e6 !important;
}

.tooltip .arrow-left-gray-300:before {
  border-left-color: #dee2e6;
}

.tooltip .arrow-right-gray-300:before {
  border-right-color: #dee2e6;
}

.badge-gray-300 {
  color: white;
  background: #dee2e6;
}

.badge-outline-gray-300 {
  color: #dee2e6;
  border: 1px solid #dee2e6;
}

.strike-gray-400 {
  text-decoration: line-through #ced4da;
}

.fill-gray-400 {
  fill: #ced4da;
}

.bg-l-gray-400 {
  background-color: rgba(206, 212, 218, 0.1);
}

.tooltip .tooltip-inner-gray-400 {
  background: #ced4da !important;
  color: white;
}

.tooltip .arrow-gray-400:before {
  border-bottom-color: #ced4da !important;
  border-top-color: #ced4da !important;
}

.tooltip .arrow-left-gray-400:before {
  border-left-color: #ced4da;
}

.tooltip .arrow-right-gray-400:before {
  border-right-color: #ced4da;
}

.badge-gray-400 {
  color: white;
  background: #ced4da;
}

.badge-outline-gray-400 {
  color: #ced4da;
  border: 1px solid #ced4da;
}

.strike-gray-500 {
  text-decoration: line-through #adb5bd;
}

.fill-gray-500 {
  fill: #adb5bd;
}

.bg-l-gray-500 {
  background-color: rgba(173, 181, 189, 0.1);
}

.tooltip .tooltip-inner-gray-500 {
  background: #adb5bd !important;
  color: white;
}

.tooltip .arrow-gray-500:before {
  border-bottom-color: #adb5bd !important;
  border-top-color: #adb5bd !important;
}

.tooltip .arrow-left-gray-500:before {
  border-left-color: #adb5bd;
}

.tooltip .arrow-right-gray-500:before {
  border-right-color: #adb5bd;
}

.badge-gray-500 {
  color: white;
  background: #adb5bd;
}

.badge-outline-gray-500 {
  color: #adb5bd;
  border: 1px solid #adb5bd;
}

.strike-gray-600 {
  text-decoration: line-through #6c757d;
}

.fill-gray-600 {
  fill: #6c757d;
}

.bg-l-gray-600 {
  background-color: rgba(108, 117, 125, 0.1);
}

.tooltip .tooltip-inner-gray-600 {
  background: #6c757d !important;
  color: white;
}

.tooltip .arrow-gray-600:before {
  border-bottom-color: #6c757d !important;
  border-top-color: #6c757d !important;
}

.tooltip .arrow-left-gray-600:before {
  border-left-color: #6c757d;
}

.tooltip .arrow-right-gray-600:before {
  border-right-color: #6c757d;
}

.badge-gray-600 {
  color: white;
  background: #6c757d;
}

.badge-outline-gray-600 {
  color: #6c757d;
  border: 1px solid #6c757d;
}

.strike-gray-700 {
  text-decoration: line-through #495057;
}

.fill-gray-700 {
  fill: #495057;
}

.bg-l-gray-700 {
  background-color: rgba(73, 80, 87, 0.1);
}

.tooltip .tooltip-inner-gray-700 {
  background: #495057 !important;
  color: white;
}

.tooltip .arrow-gray-700:before {
  border-bottom-color: #495057 !important;
  border-top-color: #495057 !important;
}

.tooltip .arrow-left-gray-700:before {
  border-left-color: #495057;
}

.tooltip .arrow-right-gray-700:before {
  border-right-color: #495057;
}

.badge-gray-700 {
  color: white;
  background: #495057;
}

.badge-outline-gray-700 {
  color: #495057;
  border: 1px solid #495057;
}

.strike-gray-800 {
  text-decoration: line-through #343a40;
}

.fill-gray-800 {
  fill: #343a40;
}

.bg-l-gray-800 {
  background-color: rgba(52, 58, 64, 0.1);
}

.tooltip .tooltip-inner-gray-800 {
  background: #343a40 !important;
  color: white;
}

.tooltip .arrow-gray-800:before {
  border-bottom-color: #343a40 !important;
  border-top-color: #343a40 !important;
}

.tooltip .arrow-left-gray-800:before {
  border-left-color: #343a40;
}

.tooltip .arrow-right-gray-800:before {
  border-right-color: #343a40;
}

.badge-gray-800 {
  color: white;
  background: #343a40;
}

.badge-outline-gray-800 {
  color: #343a40;
  border: 1px solid #343a40;
}

.strike-gray-900 {
  text-decoration: line-through #212529;
}

.fill-gray-900 {
  fill: #212529;
}

.bg-l-gray-900 {
  background-color: rgba(33, 37, 41, 0.1);
}

.tooltip .tooltip-inner-gray-900 {
  background: #212529 !important;
  color: white;
}

.tooltip .arrow-gray-900:before {
  border-bottom-color: #212529 !important;
  border-top-color: #212529 !important;
}

.tooltip .arrow-left-gray-900:before {
  border-left-color: #212529;
}

.tooltip .arrow-right-gray-900:before {
  border-right-color: #212529;
}

.badge-gray-900 {
  color: white;
  background: #212529;
}

.badge-outline-gray-900 {
  color: #212529;
  border: 1px solid #212529;
}

.strike-black {
  text-decoration: line-through #000;
}

.fill-black {
  fill: #000;
}

.bg-l-black {
  background-color: rgba(0, 0, 0, 0.1);
}

.tooltip .tooltip-inner-black {
  background: #000 !important;
  color: white;
}

.tooltip .arrow-black:before {
  border-bottom-color: #000 !important;
  border-top-color: #000 !important;
}

.tooltip .arrow-left-black:before {
  border-left-color: #000;
}

.tooltip .arrow-right-black:before {
  border-right-color: #000;
}

.badge-black {
  color: white;
  background: #000;
}

.badge-outline-black {
  color: #000;
  border: 1px solid #000;
}

.strike-linkedin {
  text-decoration: line-through #00a0dc;
}

.fill-linkedin {
  fill: #00a0dc;
}

.bg-l-linkedin {
  background-color: rgba(0, 160, 220, 0.1);
}

.tooltip .tooltip-inner-linkedin {
  background: #00a0dc !important;
  color: white;
}

.tooltip .arrow-linkedin:before {
  border-bottom-color: #00a0dc !important;
  border-top-color: #00a0dc !important;
}

.tooltip .arrow-left-linkedin:before {
  border-left-color: #00a0dc;
}

.tooltip .arrow-right-linkedin:before {
  border-right-color: #00a0dc;
}

.badge-linkedin {
  color: white;
  background: #00a0dc;
}

.badge-outline-linkedin {
  color: #00a0dc;
  border: 1px solid #00a0dc;
}

.strike-facebook {
  text-decoration: line-through #3d5c95;
}

.fill-facebook {
  fill: #3d5c95;
}

.bg-l-facebook {
  background-color: rgba(61, 92, 149, 0.1);
}

.tooltip .tooltip-inner-facebook {
  background: #3d5c95 !important;
  color: white;
}

.tooltip .arrow-facebook:before {
  border-bottom-color: #3d5c95 !important;
  border-top-color: #3d5c95 !important;
}

.tooltip .arrow-left-facebook:before {
  border-left-color: #3d5c95;
}

.tooltip .arrow-right-facebook:before {
  border-right-color: #3d5c95;
}

.badge-facebook {
  color: white;
  background: #3d5c95;
}

.badge-outline-facebook {
  color: #3d5c95;
  border: 1px solid #3d5c95;
}

.strike-google {
  text-decoration: line-through #d62d20;
}

.fill-google {
  fill: #d62d20;
}

.bg-l-google {
  background-color: rgba(214, 45, 32, 0.1);
}

.tooltip .tooltip-inner-google {
  background: #d62d20 !important;
  color: white;
}

.tooltip .arrow-google:before {
  border-bottom-color: #d62d20 !important;
  border-top-color: #d62d20 !important;
}

.tooltip .arrow-left-google:before {
  border-left-color: #d62d20;
}

.tooltip .arrow-right-google:before {
  border-right-color: #d62d20;
}

.badge-google {
  color: white;
  background: #d62d20;
}

.badge-outline-google {
  color: #d62d20;
  border: 1px solid #d62d20;
}

.strike-whatsapp {
  text-decoration: line-through #25D366;
}

.fill-whatsapp {
  fill: #25D366;
}

.bg-l-whatsapp {
  background-color: rgba(37, 211, 102, 0.1);
}

.tooltip .tooltip-inner-whatsapp {
  background: #25D366 !important;
  color: white;
}

.tooltip .arrow-whatsapp:before {
  border-bottom-color: #25D366 !important;
  border-top-color: #25D366 !important;
}

.tooltip .arrow-left-whatsapp:before {
  border-left-color: #25D366;
}

.tooltip .arrow-right-whatsapp:before {
  border-right-color: #25D366;
}

.badge-whatsapp {
  color: white;
  background: #25D366;
}

.badge-outline-whatsapp {
  color: #25D366;
  border: 1px solid #25D366;
}

.strike-paypal {
  text-decoration: line-through #253B80;
}

.fill-paypal {
  fill: #253B80;
}

.bg-l-paypal {
  background-color: rgba(37, 59, 128, 0.1);
}

.tooltip .tooltip-inner-paypal {
  background: #253B80 !important;
  color: white;
}

.tooltip .arrow-paypal:before {
  border-bottom-color: #253B80 !important;
  border-top-color: #253B80 !important;
}

.tooltip .arrow-left-paypal:before {
  border-left-color: #253B80;
}

.tooltip .arrow-right-paypal:before {
  border-right-color: #253B80;
}

.badge-paypal {
  color: white;
  background: #253B80;
}

.badge-outline-paypal {
  color: #253B80;
  border: 1px solid #253B80;
}

.strike-primary {
  text-decoration: line-through #007bff;
}

.fill-primary {
  fill: #007bff;
}

.bg-l-primary {
  background-color: rgba(0, 123, 255, 0.1);
}

.tooltip .tooltip-inner-primary {
  background: #007bff !important;
  color: white;
}

.tooltip .arrow-primary:before {
  border-bottom-color: #007bff !important;
  border-top-color: #007bff !important;
}

.tooltip .arrow-left-primary:before {
  border-left-color: #007bff;
}

.tooltip .arrow-right-primary:before {
  border-right-color: #007bff;
}

.badge-primary {
  color: white;
  background: #007bff;
}

.badge-outline-primary {
  color: #007bff;
  border: 1px solid #007bff;
}

.strike-secondary {
  text-decoration: line-through #6c757d;
}

.fill-secondary {
  fill: #6c757d;
}

.bg-l-secondary {
  background-color: rgba(108, 117, 125, 0.1);
}

.tooltip .tooltip-inner-secondary {
  background: #6c757d !important;
  color: white;
}

.tooltip .arrow-secondary:before {
  border-bottom-color: #6c757d !important;
  border-top-color: #6c757d !important;
}

.tooltip .arrow-left-secondary:before {
  border-left-color: #6c757d;
}

.tooltip .arrow-right-secondary:before {
  border-right-color: #6c757d;
}

.badge-secondary {
  color: white;
  background: #6c757d;
}

.badge-outline-secondary {
  color: #6c757d;
  border: 1px solid #6c757d;
}

.strike-success {
  text-decoration: line-through #28a745;
}

.fill-success {
  fill: #28a745;
}

.bg-l-success {
  background-color: rgba(40, 167, 69, 0.1);
}

.tooltip .tooltip-inner-success {
  background: #28a745 !important;
  color: white;
}

.tooltip .arrow-success:before {
  border-bottom-color: #28a745 !important;
  border-top-color: #28a745 !important;
}

.tooltip .arrow-left-success:before {
  border-left-color: #28a745;
}

.tooltip .arrow-right-success:before {
  border-right-color: #28a745;
}

.badge-success {
  color: white;
  background: #28a745;
}

.badge-outline-success {
  color: #28a745;
  border: 1px solid #28a745;
}

.strike-info {
  text-decoration: line-through #17a2b8;
}

.fill-info {
  fill: #17a2b8;
}

.bg-l-info {
  background-color: rgba(23, 162, 184, 0.1);
}

.tooltip .tooltip-inner-info {
  background: #17a2b8 !important;
  color: white;
}

.tooltip .arrow-info:before {
  border-bottom-color: #17a2b8 !important;
  border-top-color: #17a2b8 !important;
}

.tooltip .arrow-left-info:before {
  border-left-color: #17a2b8;
}

.tooltip .arrow-right-info:before {
  border-right-color: #17a2b8;
}

.badge-info {
  color: white;
  background: #17a2b8;
}

.badge-outline-info {
  color: #17a2b8;
  border: 1px solid #17a2b8;
}

.strike-warning {
  text-decoration: line-through #ffc107;
}

.fill-warning {
  fill: #ffc107;
}

.bg-l-warning {
  background-color: rgba(255, 193, 7, 0.1);
}

.tooltip .tooltip-inner-warning {
  background: #ffc107 !important;
  color: white;
}

.tooltip .arrow-warning:before {
  border-bottom-color: #ffc107 !important;
  border-top-color: #ffc107 !important;
}

.tooltip .arrow-left-warning:before {
  border-left-color: #ffc107;
}

.tooltip .arrow-right-warning:before {
  border-right-color: #ffc107;
}

.badge-warning {
  color: white;
  background: #ffc107;
}

.badge-outline-warning {
  color: #ffc107;
  border: 1px solid #ffc107;
}

.strike-danger {
  text-decoration: line-through #dc3545;
}

.fill-danger {
  fill: #dc3545;
}

.bg-l-danger {
  background-color: rgba(220, 53, 69, 0.1);
}

.tooltip .tooltip-inner-danger {
  background: #dc3545 !important;
  color: white;
}

.tooltip .arrow-danger:before {
  border-bottom-color: #dc3545 !important;
  border-top-color: #dc3545 !important;
}

.tooltip .arrow-left-danger:before {
  border-left-color: #dc3545;
}

.tooltip .arrow-right-danger:before {
  border-right-color: #dc3545;
}

.badge-danger {
  color: white;
  background: #dc3545;
}

.badge-outline-danger {
  color: #dc3545;
  border: 1px solid #dc3545;
}

.strike-light {
  text-decoration: line-through #f8f9fa;
}

.fill-light {
  fill: #f8f9fa;
}

.bg-l-light {
  background-color: rgba(248, 249, 250, 0.1);
}

.tooltip .tooltip-inner-light {
  background: #f8f9fa !important;
  color: white;
}

.tooltip .arrow-light:before {
  border-bottom-color: #f8f9fa !important;
  border-top-color: #f8f9fa !important;
}

.tooltip .arrow-left-light:before {
  border-left-color: #f8f9fa;
}

.tooltip .arrow-right-light:before {
  border-right-color: #f8f9fa;
}

.badge-light {
  color: white;
  background: #f8f9fa;
}

.badge-outline-light {
  color: #f8f9fa;
  border: 1px solid #f8f9fa;
}

.strike-dark {
  text-decoration: line-through #343a40;
}

.fill-dark {
  fill: #343a40;
}

.bg-l-dark {
  background-color: rgba(52, 58, 64, 0.1);
}

.tooltip .tooltip-inner-dark {
  background: #343a40 !important;
  color: white;
}

.tooltip .arrow-dark:before {
  border-bottom-color: #343a40 !important;
  border-top-color: #343a40 !important;
}

.tooltip .arrow-left-dark:before {
  border-left-color: #343a40;
}

.tooltip .arrow-right-dark:before {
  border-right-color: #343a40;
}

.badge-dark {
  color: white;
  background: #343a40;
}

.badge-outline-dark {
  color: #343a40;
  border: 1px solid #343a40;
}

.strike-ajSac {
  text-decoration: line-through #fbd11f;
}

.fill-ajSac {
  fill: #fbd11f;
}

.bg-l-ajSac {
  background-color: rgba(251, 209, 31, 0.1);
}

.tooltip .tooltip-inner-ajSac {
  background: #fbd11f !important;
  color: white;
}

.tooltip .arrow-ajSac:before {
  border-bottom-color: #fbd11f !important;
  border-top-color: #fbd11f !important;
}

.tooltip .arrow-left-ajSac:before {
  border-left-color: #fbd11f;
}

.tooltip .arrow-right-ajSac:before {
  border-right-color: #fbd11f;
}

.badge-ajSac {
  color: white;
  background: #fbd11f;
}

.badge-outline-ajSac {
  color: #fbd11f;
  border: 1px solid #fbd11f;
}

.strike-ajSep {
  text-decoration: line-through #fbd11f;
}

.fill-ajSep {
  fill: #fbd11f;
}

.bg-l-ajSep {
  background-color: rgba(251, 209, 31, 0.1);
}

.tooltip .tooltip-inner-ajSep {
  background: #fbd11f !important;
  color: white;
}

.tooltip .arrow-ajSep:before {
  border-bottom-color: #fbd11f !important;
  border-top-color: #fbd11f !important;
}

.tooltip .arrow-left-ajSep:before {
  border-left-color: #fbd11f;
}

.tooltip .arrow-right-ajSep:before {
  border-right-color: #fbd11f;
}

.badge-ajSep {
  color: white;
  background: #fbd11f;
}

.badge-outline-ajSep {
  color: #fbd11f;
  border: 1px solid #fbd11f;
}

.strike-ajAjim {
  text-decoration: line-through #fbd11f;
}

.fill-ajAjim {
  fill: #fbd11f;
}

.bg-l-ajAjim {
  background-color: rgba(251, 209, 31, 0.1);
}

.tooltip .tooltip-inner-ajAjim {
  background: #fbd11f !important;
  color: white;
}

.tooltip .arrow-ajAjim:before {
  border-bottom-color: #fbd11f !important;
  border-top-color: #fbd11f !important;
}

.tooltip .arrow-left-ajAjim:before {
  border-left-color: #fbd11f;
}

.tooltip .arrow-right-ajAjim:before {
  border-right-color: #fbd11f;
}

.badge-ajAjim {
  color: white;
  background: #fbd11f;
}

.badge-outline-ajAjim {
  color: #fbd11f;
  border: 1px solid #fbd11f;
}

.strike-s3s {
  text-decoration: line-through #005fa1;
}

.fill-s3s {
  fill: #005fa1;
}

.bg-l-s3s {
  background-color: rgba(0, 95, 161, 0.1);
}

.tooltip .tooltip-inner-s3s {
  background: #005fa1 !important;
  color: white;
}

.tooltip .arrow-s3s:before {
  border-bottom-color: #005fa1 !important;
  border-top-color: #005fa1 !important;
}

.tooltip .arrow-left-s3s:before {
  border-left-color: #005fa1;
}

.tooltip .arrow-right-s3s:before {
  border-right-color: #005fa1;
}

.badge-s3s {
  color: white;
  background: #005fa1;
}

.badge-outline-s3s {
  color: #005fa1;
  border: 1px solid #005fa1;
}

.strike-lesEmmerdeurs {
  text-decoration: line-through #cc0000;
}

.fill-lesEmmerdeurs {
  fill: #cc0000;
}

.bg-l-lesEmmerdeurs {
  background-color: rgba(204, 0, 0, 0.1);
}

.tooltip .tooltip-inner-lesEmmerdeurs {
  background: #cc0000 !important;
  color: white;
}

.tooltip .arrow-lesEmmerdeurs:before {
  border-bottom-color: #cc0000 !important;
  border-top-color: #cc0000 !important;
}

.tooltip .arrow-left-lesEmmerdeurs:before {
  border-left-color: #cc0000;
}

.tooltip .arrow-right-lesEmmerdeurs:before {
  border-right-color: #cc0000;
}

.badge-lesEmmerdeurs {
  color: white;
  background: #cc0000;
}

.badge-outline-lesEmmerdeurs {
  color: #cc0000;
  border: 1px solid #cc0000;
}

.strike-bonus {
  text-decoration: line-through #cc0000;
}

.fill-bonus {
  fill: #cc0000;
}

.bg-l-bonus {
  background-color: rgba(204, 0, 0, 0.1);
}

.tooltip .tooltip-inner-bonus {
  background: #cc0000 !important;
  color: white;
}

.tooltip .arrow-bonus:before {
  border-bottom-color: #cc0000 !important;
  border-top-color: #cc0000 !important;
}

.tooltip .arrow-left-bonus:before {
  border-left-color: #cc0000;
}

.tooltip .arrow-right-bonus:before {
  border-right-color: #cc0000;
}

.badge-bonus {
  color: white;
  background: #cc0000;
}

.badge-outline-bonus {
  color: #cc0000;
  border: 1px solid #cc0000;
}

.strike-soldar {
  text-decoration: line-through #ec6707;
}

.fill-soldar {
  fill: #ec6707;
}

.bg-l-soldar {
  background-color: rgba(236, 103, 7, 0.1);
}

.tooltip .tooltip-inner-soldar {
  background: #ec6707 !important;
  color: white;
}

.tooltip .arrow-soldar:before {
  border-bottom-color: #ec6707 !important;
  border-top-color: #ec6707 !important;
}

.tooltip .arrow-left-soldar:before {
  border-left-color: #ec6707;
}

.tooltip .arrow-right-soldar:before {
  border-right-color: #ec6707;
}

.badge-soldar {
  color: white;
  background: #ec6707;
}

.badge-outline-soldar {
  color: #ec6707;
  border: 1px solid #ec6707;
}

.strike-horsSeries {
  text-decoration: line-through #009900;
}

.fill-horsSeries {
  fill: #009900;
}

.bg-l-horsSeries {
  background-color: rgba(0, 153, 0, 0.1);
}

.tooltip .tooltip-inner-horsSeries {
  background: #009900 !important;
  color: white;
}

.tooltip .arrow-horsSeries:before {
  border-bottom-color: #009900 !important;
  border-top-color: #009900 !important;
}

.tooltip .arrow-left-horsSeries:before {
  border-left-color: #009900;
}

.tooltip .arrow-right-horsSeries:before {
  border-right-color: #009900;
}

.badge-horsSeries {
  color: white;
  background: #009900;
}

.badge-outline-horsSeries {
  color: #009900;
  border: 1px solid #009900;
}

/***************************************************/
/*                                                 */
/*              FA RADIO & FA CHECKBOX             */
/*                                                 */
/***************************************************/
i.fa-radio {
  position: relative;
  top: 5px;
  margin-right: 3px;
}

i.fa-checkbox {
  position: relative;
  top: 5px;
  margin-right: 3px;
}

.radio-container.disabled, .checkbox-container.disabled {
  opacity: 0.5;
}

/***************************************************/
/*                                                 */
/*                      INPUT                      */
/*                                                 */
/***************************************************/
input, .cke_editable {
  -webkit-box-shadow: none !important;
  outline: -webkit-focus-ring-color auto 0 !important;
  padding: 3px;
}

.form-control:focus {
  border-color: hsl(199deg, 93%, 21%);
}

/***************************************************/
/*                                                 */
/*                      TABLE                      */
/*                                                 */
/***************************************************/
td.col-1, th.col-1 {
  width: 8.33333%;
}

td.col-2, th.col-2 {
  width: 16.66667%;
}

td.col-3, th.col-3 {
  width: 25%;
}

td.col-4, th.col-4 {
  width: 33.33333%;
}

td.col-5, th.col-5 {
  width: 41.66667%;
}

td.col-6, th.col-6 {
  width: 50%;
}

td.col-7, th.col-7 {
  width: 58.33333%;
}

td.col-8, th.col-8 {
  width: 66.66667%;
}

td.col-9, th.col-9 {
  width: 75%;
}

td.col-10, th.col-10 {
  width: 83.33333%;
}

td.col-11, th.col-11 {
  width: 91.66667%;
}

td.col-12, th.col-12 {
  width: 100%;
}

td.col-sm-1, th.col-sm-1 {
  width: 8.33333%;
}

td.col-sm-2, th.col-sm-2 {
  width: 16.66667%;
}

td.col-sm-3, th.col-sm-3 {
  width: 25%;
}

td.col-sm-4, th.col-sm-4 {
  width: 33.33333%;
}

td.col-sm-5, th.col-sm-5 {
  width: 41.66667%;
}

td.col-sm-6, th.col-sm-6 {
  width: 50%;
}

td.col-sm-7, th.col-sm-7 {
  width: 58.33333%;
}

td.col-sm-8, th.col-sm-8 {
  width: 66.66667%;
}

td.col-sm-9, th.col-sm-9 {
  width: 75%;
}

td.col-sm-10, th.col-sm-10 {
  width: 83.33333%;
}

td.col-sm-11, th.col-sm-11 {
  width: 91.66667%;
}

td.col-sm-12, th.col-sm-12 {
  width: 100%;
}

td.col-md-1, th.col-md-1 {
  width: 8.33333%;
}

td.col-md-2, th.col-md-2 {
  width: 16.66667%;
}

td.col-md-3, th.col-md-3 {
  width: 25%;
}

td.col-md-4, th.col-md-4 {
  width: 33.33333%;
}

td.col-md-5, th.col-md-5 {
  width: 41.66667%;
}

td.col-md-6, th.col-md-6 {
  width: 50%;
}

td.col-md-7, th.col-md-7 {
  width: 58.33333%;
}

td.col-md-8, th.col-md-8 {
  width: 66.66667%;
}

td.col-md-9, th.col-md-9 {
  width: 75%;
}

td.col-md-10, th.col-md-10 {
  width: 83.33333%;
}

td.col-md-11, th.col-md-11 {
  width: 91.66667%;
}

td.col-md-12, th.col-md-12 {
  width: 100%;
}

td.col-lg-1, th.col-lg-1 {
  width: 8.33333%;
}

td.col-lg-2, th.col-lg-2 {
  width: 16.66667%;
}

td.col-lg-3, th.col-lg-3 {
  width: 25%;
}

td.col-lg-4, th.col-lg-4 {
  width: 33.33333%;
}

td.col-lg-5, th.col-lg-5 {
  width: 41.66667%;
}

td.col-lg-6, th.col-lg-6 {
  width: 50%;
}

td.col-lg-7, th.col-lg-7 {
  width: 58.33333%;
}

td.col-lg-8, th.col-lg-8 {
  width: 66.66667%;
}

td.col-lg-9, th.col-lg-9 {
  width: 75%;
}

td.col-lg-10, th.col-lg-10 {
  width: 83.33333%;
}

td.col-lg-11, th.col-lg-11 {
  width: 91.66667%;
}

td.col-lg-12, th.col-lg-12 {
  width: 100%;
}

td.col-xl-1, th.col-xl-1 {
  width: 8.33333%;
}

td.col-xl-2, th.col-xl-2 {
  width: 16.66667%;
}

td.col-xl-3, th.col-xl-3 {
  width: 25%;
}

td.col-xl-4, th.col-xl-4 {
  width: 33.33333%;
}

td.col-xl-5, th.col-xl-5 {
  width: 41.66667%;
}

td.col-xl-6, th.col-xl-6 {
  width: 50%;
}

td.col-xl-7, th.col-xl-7 {
  width: 58.33333%;
}

td.col-xl-8, th.col-xl-8 {
  width: 66.66667%;
}

td.col-xl-9, th.col-xl-9 {
  width: 75%;
}

td.col-xl-10, th.col-xl-10 {
  width: 83.33333%;
}

td.col-xl-11, th.col-xl-11 {
  width: 91.66667%;
}

td.col-xl-12, th.col-xl-12 {
  width: 100%;
}

table.table-td-v-align-middle td {
  vertical-align: middle !important;
}

table.table-th-v-align-middle th {
  vertical-align: middle !important;
}

/***************************************************/
/*                                                 */
/*                  LINE-HEIGHT                    */
/*                                                 */
/***************************************************/
.line-height-half {
  line-height: 0.5em;
}

.line-height-six-tenth {
  line-height: 0.6em;
}

.line-height-two-third {
  line-height: 0.66em;
}

.line-height-three-quarters {
  line-height: 0.75em;
}

.line-height-eight-tenth {
  line-height: 0.8em;
}

.line-height-nine-tenth {
  line-height: 0.9em;
}

.line-height-one {
  line-height: 1em;
}

.line-height-one-and-a-tenth {
  line-height: 1.1em;
}

.line-height-one-and-a-fifth {
  line-height: 1.2em;
}

.line-height-one-and-a-quarter {
  line-height: 1.25em;
}

.line-height-one-and-a-third {
  line-height: 1.3em;
}

.line-height-one-and-a-half {
  line-height: 1.5em;
}

.line-height-one-and-two-third {
  line-height: 1.66em;
}

.line-height-one-and-three-quarter {
  line-height: 1.75em;
}

.line-height-double {
  line-height: 2em;
}

.line-height-triple {
  line-height: 3em;
}

@media (min-width: 576px) {
  .line-height-half-sm {
    line-height: 0.5em;
  }
}
@media (min-width: 576px) {
  .line-height-six-tenth-sm {
    line-height: 0.6em;
  }
}
@media (min-width: 576px) {
  .line-height-two-third-sm {
    line-height: 0.66em;
  }
}
@media (min-width: 576px) {
  .line-height-three-quarters-sm {
    line-height: 0.75em;
  }
}
@media (min-width: 576px) {
  .line-height-eight-tenth-sm {
    line-height: 0.8em;
  }
}
@media (min-width: 576px) {
  .line-height-nine-tenth-sm {
    line-height: 0.9em;
  }
}
@media (min-width: 576px) {
  .line-height-one-sm {
    line-height: 1em;
  }
}
@media (min-width: 576px) {
  .line-height-one-and-a-tenth-sm {
    line-height: 1.1em;
  }
}
@media (min-width: 576px) {
  .line-height-one-and-a-fifth-sm {
    line-height: 1.2em;
  }
}
@media (min-width: 576px) {
  .line-height-one-and-a-quarter-sm {
    line-height: 1.25em;
  }
}
@media (min-width: 576px) {
  .line-height-one-and-a-third-sm {
    line-height: 1.3em;
  }
}
@media (min-width: 576px) {
  .line-height-one-and-a-half-sm {
    line-height: 1.5em;
  }
}
@media (min-width: 576px) {
  .line-height-one-and-two-third-sm {
    line-height: 1.66em;
  }
}
@media (min-width: 576px) {
  .line-height-one-and-three-quarter-sm {
    line-height: 1.75em;
  }
}
@media (min-width: 576px) {
  .line-height-double-sm {
    line-height: 2em;
  }
}
@media (min-width: 576px) {
  .line-height-triple-sm {
    line-height: 3em;
  }
}
@media (min-width: 768px) {
  .line-height-half-md {
    line-height: 0.5em;
  }
}
@media (min-width: 768px) {
  .line-height-six-tenth-md {
    line-height: 0.6em;
  }
}
@media (min-width: 768px) {
  .line-height-two-third-md {
    line-height: 0.66em;
  }
}
@media (min-width: 768px) {
  .line-height-three-quarters-md {
    line-height: 0.75em;
  }
}
@media (min-width: 768px) {
  .line-height-eight-tenth-md {
    line-height: 0.8em;
  }
}
@media (min-width: 768px) {
  .line-height-nine-tenth-md {
    line-height: 0.9em;
  }
}
@media (min-width: 768px) {
  .line-height-one-md {
    line-height: 1em;
  }
}
@media (min-width: 768px) {
  .line-height-one-and-a-tenth-md {
    line-height: 1.1em;
  }
}
@media (min-width: 768px) {
  .line-height-one-and-a-fifth-md {
    line-height: 1.2em;
  }
}
@media (min-width: 768px) {
  .line-height-one-and-a-quarter-md {
    line-height: 1.25em;
  }
}
@media (min-width: 768px) {
  .line-height-one-and-a-third-md {
    line-height: 1.3em;
  }
}
@media (min-width: 768px) {
  .line-height-one-and-a-half-md {
    line-height: 1.5em;
  }
}
@media (min-width: 768px) {
  .line-height-one-and-two-third-md {
    line-height: 1.66em;
  }
}
@media (min-width: 768px) {
  .line-height-one-and-three-quarter-md {
    line-height: 1.75em;
  }
}
@media (min-width: 768px) {
  .line-height-double-md {
    line-height: 2em;
  }
}
@media (min-width: 768px) {
  .line-height-triple-md {
    line-height: 3em;
  }
}
@media (min-width: 992px) {
  .line-height-half-lg {
    line-height: 0.5em;
  }
}
@media (min-width: 992px) {
  .line-height-six-tenth-lg {
    line-height: 0.6em;
  }
}
@media (min-width: 992px) {
  .line-height-two-third-lg {
    line-height: 0.66em;
  }
}
@media (min-width: 992px) {
  .line-height-three-quarters-lg {
    line-height: 0.75em;
  }
}
@media (min-width: 992px) {
  .line-height-eight-tenth-lg {
    line-height: 0.8em;
  }
}
@media (min-width: 992px) {
  .line-height-nine-tenth-lg {
    line-height: 0.9em;
  }
}
@media (min-width: 992px) {
  .line-height-one-lg {
    line-height: 1em;
  }
}
@media (min-width: 992px) {
  .line-height-one-and-a-tenth-lg {
    line-height: 1.1em;
  }
}
@media (min-width: 992px) {
  .line-height-one-and-a-fifth-lg {
    line-height: 1.2em;
  }
}
@media (min-width: 992px) {
  .line-height-one-and-a-quarter-lg {
    line-height: 1.25em;
  }
}
@media (min-width: 992px) {
  .line-height-one-and-a-third-lg {
    line-height: 1.3em;
  }
}
@media (min-width: 992px) {
  .line-height-one-and-a-half-lg {
    line-height: 1.5em;
  }
}
@media (min-width: 992px) {
  .line-height-one-and-two-third-lg {
    line-height: 1.66em;
  }
}
@media (min-width: 992px) {
  .line-height-one-and-three-quarter-lg {
    line-height: 1.75em;
  }
}
@media (min-width: 992px) {
  .line-height-double-lg {
    line-height: 2em;
  }
}
@media (min-width: 992px) {
  .line-height-triple-lg {
    line-height: 3em;
  }
}
@media (min-width: 1200px) {
  .line-height-half-xl {
    line-height: 0.5em;
  }
}
@media (min-width: 1200px) {
  .line-height-six-tenth-xl {
    line-height: 0.6em;
  }
}
@media (min-width: 1200px) {
  .line-height-two-third-xl {
    line-height: 0.66em;
  }
}
@media (min-width: 1200px) {
  .line-height-three-quarters-xl {
    line-height: 0.75em;
  }
}
@media (min-width: 1200px) {
  .line-height-eight-tenth-xl {
    line-height: 0.8em;
  }
}
@media (min-width: 1200px) {
  .line-height-nine-tenth-xl {
    line-height: 0.9em;
  }
}
@media (min-width: 1200px) {
  .line-height-one-xl {
    line-height: 1em;
  }
}
@media (min-width: 1200px) {
  .line-height-one-and-a-tenth-xl {
    line-height: 1.1em;
  }
}
@media (min-width: 1200px) {
  .line-height-one-and-a-fifth-xl {
    line-height: 1.2em;
  }
}
@media (min-width: 1200px) {
  .line-height-one-and-a-quarter-xl {
    line-height: 1.25em;
  }
}
@media (min-width: 1200px) {
  .line-height-one-and-a-third-xl {
    line-height: 1.3em;
  }
}
@media (min-width: 1200px) {
  .line-height-one-and-a-half-xl {
    line-height: 1.5em;
  }
}
@media (min-width: 1200px) {
  .line-height-one-and-two-third-xl {
    line-height: 1.66em;
  }
}
@media (min-width: 1200px) {
  .line-height-one-and-three-quarter-xl {
    line-height: 1.75em;
  }
}
@media (min-width: 1200px) {
  .line-height-double-xl {
    line-height: 2em;
  }
}
@media (min-width: 1200px) {
  .line-height-triple-xl {
    line-height: 3em;
  }
}
/***************************************************/
/*                                                 */
/*                   FONT-SIZE                     */
/*                                                 */
/***************************************************/
.text-half {
  font-size: 0.5em;
}

.text-six-tenth {
  font-size: 0.6em;
}

.text-two-third {
  font-size: 0.66em;
}

.text-three-quarters {
  font-size: 0.75em;
}

.text-eight-tenth {
  font-size: 0.8em;
}

.text-nine-tenth {
  font-size: 0.9em;
}

.text-one {
  font-size: 1em;
}

.text-one-and-a-tenth {
  font-size: 1.1em;
}

.text-one-and-a-fifth {
  font-size: 1.2em;
}

.text-one-and-a-quarter {
  font-size: 1.25em;
}

.text-one-and-a-third {
  font-size: 1.3em;
}

.text-one-and-a-half {
  font-size: 1.5em;
}

.text-one-and-two-third {
  font-size: 1.66em;
}

.text-one-and-three-quarter {
  font-size: 1.75em;
}

.text-double {
  font-size: 2em;
}

.text-triple {
  font-size: 3em;
}

@media (min-width: 576px) {
  .text-half-sm {
    font-size: 0.5em;
  }
}
@media (min-width: 576px) {
  .text-six-tenth-sm {
    font-size: 0.6em;
  }
}
@media (min-width: 576px) {
  .text-two-third-sm {
    font-size: 0.66em;
  }
}
@media (min-width: 576px) {
  .text-three-quarters-sm {
    font-size: 0.75em;
  }
}
@media (min-width: 576px) {
  .text-eight-tenth-sm {
    font-size: 0.8em;
  }
}
@media (min-width: 576px) {
  .text-nine-tenth-sm {
    font-size: 0.9em;
  }
}
@media (min-width: 576px) {
  .text-one-sm {
    font-size: 1em;
  }
}
@media (min-width: 576px) {
  .text-one-and-a-tenth-sm {
    font-size: 1.1em;
  }
}
@media (min-width: 576px) {
  .text-one-and-a-fifth-sm {
    font-size: 1.2em;
  }
}
@media (min-width: 576px) {
  .text-one-and-a-quarter-sm {
    font-size: 1.25em;
  }
}
@media (min-width: 576px) {
  .text-one-and-a-third-sm {
    font-size: 1.3em;
  }
}
@media (min-width: 576px) {
  .text-one-and-a-half-sm {
    font-size: 1.5em;
  }
}
@media (min-width: 576px) {
  .text-one-and-two-third-sm {
    font-size: 1.66em;
  }
}
@media (min-width: 576px) {
  .text-one-and-three-quarter-sm {
    font-size: 1.75em;
  }
}
@media (min-width: 576px) {
  .text-double-sm {
    font-size: 2em;
  }
}
@media (min-width: 576px) {
  .text-triple-sm {
    font-size: 3em;
  }
}
@media (min-width: 768px) {
  .text-half-md {
    font-size: 0.5em;
  }
}
@media (min-width: 768px) {
  .text-six-tenth-md {
    font-size: 0.6em;
  }
}
@media (min-width: 768px) {
  .text-two-third-md {
    font-size: 0.66em;
  }
}
@media (min-width: 768px) {
  .text-three-quarters-md {
    font-size: 0.75em;
  }
}
@media (min-width: 768px) {
  .text-eight-tenth-md {
    font-size: 0.8em;
  }
}
@media (min-width: 768px) {
  .text-nine-tenth-md {
    font-size: 0.9em;
  }
}
@media (min-width: 768px) {
  .text-one-md {
    font-size: 1em;
  }
}
@media (min-width: 768px) {
  .text-one-and-a-tenth-md {
    font-size: 1.1em;
  }
}
@media (min-width: 768px) {
  .text-one-and-a-fifth-md {
    font-size: 1.2em;
  }
}
@media (min-width: 768px) {
  .text-one-and-a-quarter-md {
    font-size: 1.25em;
  }
}
@media (min-width: 768px) {
  .text-one-and-a-third-md {
    font-size: 1.3em;
  }
}
@media (min-width: 768px) {
  .text-one-and-a-half-md {
    font-size: 1.5em;
  }
}
@media (min-width: 768px) {
  .text-one-and-two-third-md {
    font-size: 1.66em;
  }
}
@media (min-width: 768px) {
  .text-one-and-three-quarter-md {
    font-size: 1.75em;
  }
}
@media (min-width: 768px) {
  .text-double-md {
    font-size: 2em;
  }
}
@media (min-width: 768px) {
  .text-triple-md {
    font-size: 3em;
  }
}
@media (min-width: 992px) {
  .text-half-lg {
    font-size: 0.5em;
  }
}
@media (min-width: 992px) {
  .text-six-tenth-lg {
    font-size: 0.6em;
  }
}
@media (min-width: 992px) {
  .text-two-third-lg {
    font-size: 0.66em;
  }
}
@media (min-width: 992px) {
  .text-three-quarters-lg {
    font-size: 0.75em;
  }
}
@media (min-width: 992px) {
  .text-eight-tenth-lg {
    font-size: 0.8em;
  }
}
@media (min-width: 992px) {
  .text-nine-tenth-lg {
    font-size: 0.9em;
  }
}
@media (min-width: 992px) {
  .text-one-lg {
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  .text-one-and-a-tenth-lg {
    font-size: 1.1em;
  }
}
@media (min-width: 992px) {
  .text-one-and-a-fifth-lg {
    font-size: 1.2em;
  }
}
@media (min-width: 992px) {
  .text-one-and-a-quarter-lg {
    font-size: 1.25em;
  }
}
@media (min-width: 992px) {
  .text-one-and-a-third-lg {
    font-size: 1.3em;
  }
}
@media (min-width: 992px) {
  .text-one-and-a-half-lg {
    font-size: 1.5em;
  }
}
@media (min-width: 992px) {
  .text-one-and-two-third-lg {
    font-size: 1.66em;
  }
}
@media (min-width: 992px) {
  .text-one-and-three-quarter-lg {
    font-size: 1.75em;
  }
}
@media (min-width: 992px) {
  .text-double-lg {
    font-size: 2em;
  }
}
@media (min-width: 992px) {
  .text-triple-lg {
    font-size: 3em;
  }
}
@media (min-width: 1200px) {
  .text-half-xl {
    font-size: 0.5em;
  }
}
@media (min-width: 1200px) {
  .text-six-tenth-xl {
    font-size: 0.6em;
  }
}
@media (min-width: 1200px) {
  .text-two-third-xl {
    font-size: 0.66em;
  }
}
@media (min-width: 1200px) {
  .text-three-quarters-xl {
    font-size: 0.75em;
  }
}
@media (min-width: 1200px) {
  .text-eight-tenth-xl {
    font-size: 0.8em;
  }
}
@media (min-width: 1200px) {
  .text-nine-tenth-xl {
    font-size: 0.9em;
  }
}
@media (min-width: 1200px) {
  .text-one-xl {
    font-size: 1em;
  }
}
@media (min-width: 1200px) {
  .text-one-and-a-tenth-xl {
    font-size: 1.1em;
  }
}
@media (min-width: 1200px) {
  .text-one-and-a-fifth-xl {
    font-size: 1.2em;
  }
}
@media (min-width: 1200px) {
  .text-one-and-a-quarter-xl {
    font-size: 1.25em;
  }
}
@media (min-width: 1200px) {
  .text-one-and-a-third-xl {
    font-size: 1.3em;
  }
}
@media (min-width: 1200px) {
  .text-one-and-a-half-xl {
    font-size: 1.5em;
  }
}
@media (min-width: 1200px) {
  .text-one-and-two-third-xl {
    font-size: 1.66em;
  }
}
@media (min-width: 1200px) {
  .text-one-and-three-quarter-xl {
    font-size: 1.75em;
  }
}
@media (min-width: 1200px) {
  .text-double-xl {
    font-size: 2em;
  }
}
@media (min-width: 1200px) {
  .text-triple-xl {
    font-size: 3em;
  }
}
.text-underline {
  text-decoration: underline;
}

.text-underline-no {
  text-decoration: none;
}

/***************************************************/
/*                                                 */
/*                  HEIGHT / WIDTH                 */
/*                                                 */
/***************************************************/
.height-5 {
  height: 5px;
}

.width-5 {
  width: 5px;
}

.height-10 {
  height: 10px;
}

.width-10 {
  width: 10px;
}

.height-15 {
  height: 15px;
}

.width-15 {
  width: 15px;
}

.height-20 {
  height: 20px;
}

.width-20 {
  width: 20px;
}

.height-25 {
  height: 25px;
}

.width-25 {
  width: 25px;
}

.height-30 {
  height: 30px;
}

.width-30 {
  width: 30px;
}

.height-35 {
  height: 35px;
}

.width-35 {
  width: 35px;
}

.height-40 {
  height: 40px;
}

.width-40 {
  width: 40px;
}

.height-45 {
  height: 45px;
}

.width-45 {
  width: 45px;
}

@media (min-width: 576px) {
  .height-5-sm {
    height: 5px !important;
  }
  .width-5-sm {
    width: 5px !important;
  }
  .height-10-sm {
    height: 10px !important;
  }
  .width-10-sm {
    width: 10px !important;
  }
  .height-15-sm {
    height: 15px !important;
  }
  .width-15-sm {
    width: 15px !important;
  }
  .height-20-sm {
    height: 20px !important;
  }
  .width-20-sm {
    width: 20px !important;
  }
  .height-25-sm {
    height: 25px !important;
  }
  .width-25-sm {
    width: 25px !important;
  }
  .height-30-sm {
    height: 30px !important;
  }
  .width-30-sm {
    width: 30px !important;
  }
  .height-35-sm {
    height: 35px !important;
  }
  .width-35-sm {
    width: 35px !important;
  }
  .height-40-sm {
    height: 40px !important;
  }
  .width-40-sm {
    width: 40px !important;
  }
  .height-45-sm {
    height: 45px !important;
  }
  .width-45-sm {
    width: 45px !important;
  }
}
@media (min-width: 768px) {
  .height-5-md {
    height: 5px !important;
  }
  .width-5-md {
    width: 5px !important;
  }
  .height-10-md {
    height: 10px !important;
  }
  .width-10-md {
    width: 10px !important;
  }
  .height-15-md {
    height: 15px !important;
  }
  .width-15-md {
    width: 15px !important;
  }
  .height-20-md {
    height: 20px !important;
  }
  .width-20-md {
    width: 20px !important;
  }
  .height-25-md {
    height: 25px !important;
  }
  .width-25-md {
    width: 25px !important;
  }
  .height-30-md {
    height: 30px !important;
  }
  .width-30-md {
    width: 30px !important;
  }
  .height-35-md {
    height: 35px !important;
  }
  .width-35-md {
    width: 35px !important;
  }
  .height-40-md {
    height: 40px !important;
  }
  .width-40-md {
    width: 40px !important;
  }
  .height-45-md {
    height: 45px !important;
  }
  .width-45-md {
    width: 45px !important;
  }
}
@media (min-width: 992px) {
  .height-5-lg {
    height: 5px !important;
  }
  .width-5-lg {
    width: 5px !important;
  }
  .height-10-lg {
    height: 10px !important;
  }
  .width-10-lg {
    width: 10px !important;
  }
  .height-15-lg {
    height: 15px !important;
  }
  .width-15-lg {
    width: 15px !important;
  }
  .height-20-lg {
    height: 20px !important;
  }
  .width-20-lg {
    width: 20px !important;
  }
  .height-25-lg {
    height: 25px !important;
  }
  .width-25-lg {
    width: 25px !important;
  }
  .height-30-lg {
    height: 30px !important;
  }
  .width-30-lg {
    width: 30px !important;
  }
  .height-35-lg {
    height: 35px !important;
  }
  .width-35-lg {
    width: 35px !important;
  }
  .height-40-lg {
    height: 40px !important;
  }
  .width-40-lg {
    width: 40px !important;
  }
  .height-45-lg {
    height: 45px !important;
  }
  .width-45-lg {
    width: 45px !important;
  }
}
@media (min-width: 1200px) {
  .height-5-xl {
    height: 5px !important;
  }
  .width-5-xl {
    width: 5px !important;
  }
  .height-10-xl {
    height: 10px !important;
  }
  .width-10-xl {
    width: 10px !important;
  }
  .height-15-xl {
    height: 15px !important;
  }
  .width-15-xl {
    width: 15px !important;
  }
  .height-20-xl {
    height: 20px !important;
  }
  .width-20-xl {
    width: 20px !important;
  }
  .height-25-xl {
    height: 25px !important;
  }
  .width-25-xl {
    width: 25px !important;
  }
  .height-30-xl {
    height: 30px !important;
  }
  .width-30-xl {
    width: 30px !important;
  }
  .height-35-xl {
    height: 35px !important;
  }
  .width-35-xl {
    width: 35px !important;
  }
  .height-40-xl {
    height: 40px !important;
  }
  .width-40-xl {
    width: 40px !important;
  }
  .height-45-xl {
    height: 45px !important;
  }
  .width-45-xl {
    width: 45px !important;
  }
}
.height-50 {
  height: 50px;
}

.width-50 {
  width: 50px;
}

.height-60 {
  height: 60px;
}

.width-60 {
  width: 60px;
}

.height-70 {
  height: 70px;
}

.width-70 {
  width: 70px;
}

.height-80 {
  height: 80px;
}

.width-80 {
  width: 80px;
}

.height-90 {
  height: 90px;
}

.width-90 {
  width: 90px;
}

.height-100 {
  height: 100px;
}

.width-100 {
  width: 100px;
}

.height-110 {
  height: 110px;
}

.width-110 {
  width: 110px;
}

.height-120 {
  height: 120px;
}

.width-120 {
  width: 120px;
}

.height-130 {
  height: 130px;
}

.width-130 {
  width: 130px;
}

.height-140 {
  height: 140px;
}

.width-140 {
  width: 140px;
}

.height-150 {
  height: 150px;
}

.width-150 {
  width: 150px;
}

.height-160 {
  height: 160px;
}

.width-160 {
  width: 160px;
}

.height-170 {
  height: 170px;
}

.width-170 {
  width: 170px;
}

.height-180 {
  height: 180px;
}

.width-180 {
  width: 180px;
}

.height-190 {
  height: 190px;
}

.width-190 {
  width: 190px;
}

.height-200 {
  height: 200px;
}

.width-200 {
  width: 200px;
}

.height-210 {
  height: 210px;
}

.width-210 {
  width: 210px;
}

.height-220 {
  height: 220px;
}

.width-220 {
  width: 220px;
}

.height-230 {
  height: 230px;
}

.width-230 {
  width: 230px;
}

.height-240 {
  height: 240px;
}

.width-240 {
  width: 240px;
}

.height-250 {
  height: 250px;
}

.width-250 {
  width: 250px;
}

.height-260 {
  height: 260px;
}

.width-260 {
  width: 260px;
}

.height-270 {
  height: 270px;
}

.width-270 {
  width: 270px;
}

.height-280 {
  height: 280px;
}

.width-280 {
  width: 280px;
}

.height-290 {
  height: 290px;
}

.width-290 {
  width: 290px;
}

.height-300 {
  height: 300px;
}

.width-300 {
  width: 300px;
}

.height-310 {
  height: 310px;
}

.width-310 {
  width: 310px;
}

.height-320 {
  height: 320px;
}

.width-320 {
  width: 320px;
}

.height-330 {
  height: 330px;
}

.width-330 {
  width: 330px;
}

.height-340 {
  height: 340px;
}

.width-340 {
  width: 340px;
}

.height-350 {
  height: 350px;
}

.width-350 {
  width: 350px;
}

.height-360 {
  height: 360px;
}

.width-360 {
  width: 360px;
}

.height-370 {
  height: 370px;
}

.width-370 {
  width: 370px;
}

.height-380 {
  height: 380px;
}

.width-380 {
  width: 380px;
}

.height-390 {
  height: 390px;
}

.width-390 {
  width: 390px;
}

@media (min-width: 576px) {
  .height-50-sm {
    height: 50px !important;
  }
  .width-50-sm {
    width: 50px !important;
  }
  .height-60-sm {
    height: 60px !important;
  }
  .width-60-sm {
    width: 60px !important;
  }
  .height-70-sm {
    height: 70px !important;
  }
  .width-70-sm {
    width: 70px !important;
  }
  .height-80-sm {
    height: 80px !important;
  }
  .width-80-sm {
    width: 80px !important;
  }
  .height-90-sm {
    height: 90px !important;
  }
  .width-90-sm {
    width: 90px !important;
  }
  .height-100-sm {
    height: 100px !important;
  }
  .width-100-sm {
    width: 100px !important;
  }
  .height-110-sm {
    height: 110px !important;
  }
  .width-110-sm {
    width: 110px !important;
  }
  .height-120-sm {
    height: 120px !important;
  }
  .width-120-sm {
    width: 120px !important;
  }
  .height-130-sm {
    height: 130px !important;
  }
  .width-130-sm {
    width: 130px !important;
  }
  .height-140-sm {
    height: 140px !important;
  }
  .width-140-sm {
    width: 140px !important;
  }
  .height-150-sm {
    height: 150px !important;
  }
  .width-150-sm {
    width: 150px !important;
  }
  .height-160-sm {
    height: 160px !important;
  }
  .width-160-sm {
    width: 160px !important;
  }
  .height-170-sm {
    height: 170px !important;
  }
  .width-170-sm {
    width: 170px !important;
  }
  .height-180-sm {
    height: 180px !important;
  }
  .width-180-sm {
    width: 180px !important;
  }
  .height-190-sm {
    height: 190px !important;
  }
  .width-190-sm {
    width: 190px !important;
  }
  .height-200-sm {
    height: 200px !important;
  }
  .width-200-sm {
    width: 200px !important;
  }
  .height-210-sm {
    height: 210px !important;
  }
  .width-210-sm {
    width: 210px !important;
  }
  .height-220-sm {
    height: 220px !important;
  }
  .width-220-sm {
    width: 220px !important;
  }
  .height-230-sm {
    height: 230px !important;
  }
  .width-230-sm {
    width: 230px !important;
  }
  .height-240-sm {
    height: 240px !important;
  }
  .width-240-sm {
    width: 240px !important;
  }
  .height-250-sm {
    height: 250px !important;
  }
  .width-250-sm {
    width: 250px !important;
  }
  .height-260-sm {
    height: 260px !important;
  }
  .width-260-sm {
    width: 260px !important;
  }
  .height-270-sm {
    height: 270px !important;
  }
  .width-270-sm {
    width: 270px !important;
  }
  .height-280-sm {
    height: 280px !important;
  }
  .width-280-sm {
    width: 280px !important;
  }
  .height-290-sm {
    height: 290px !important;
  }
  .width-290-sm {
    width: 290px !important;
  }
  .height-300-sm {
    height: 300px !important;
  }
  .width-300-sm {
    width: 300px !important;
  }
  .height-310-sm {
    height: 310px !important;
  }
  .width-310-sm {
    width: 310px !important;
  }
  .height-320-sm {
    height: 320px !important;
  }
  .width-320-sm {
    width: 320px !important;
  }
  .height-330-sm {
    height: 330px !important;
  }
  .width-330-sm {
    width: 330px !important;
  }
  .height-340-sm {
    height: 340px !important;
  }
  .width-340-sm {
    width: 340px !important;
  }
  .height-350-sm {
    height: 350px !important;
  }
  .width-350-sm {
    width: 350px !important;
  }
  .height-360-sm {
    height: 360px !important;
  }
  .width-360-sm {
    width: 360px !important;
  }
  .height-370-sm {
    height: 370px !important;
  }
  .width-370-sm {
    width: 370px !important;
  }
  .height-380-sm {
    height: 380px !important;
  }
  .width-380-sm {
    width: 380px !important;
  }
  .height-390-sm {
    height: 390px !important;
  }
  .width-390-sm {
    width: 390px !important;
  }
}
@media (min-width: 768px) {
  .height-50-md {
    height: 50px !important;
  }
  .width-50-md {
    width: 50px !important;
  }
  .height-60-md {
    height: 60px !important;
  }
  .width-60-md {
    width: 60px !important;
  }
  .height-70-md {
    height: 70px !important;
  }
  .width-70-md {
    width: 70px !important;
  }
  .height-80-md {
    height: 80px !important;
  }
  .width-80-md {
    width: 80px !important;
  }
  .height-90-md {
    height: 90px !important;
  }
  .width-90-md {
    width: 90px !important;
  }
  .height-100-md {
    height: 100px !important;
  }
  .width-100-md {
    width: 100px !important;
  }
  .height-110-md {
    height: 110px !important;
  }
  .width-110-md {
    width: 110px !important;
  }
  .height-120-md {
    height: 120px !important;
  }
  .width-120-md {
    width: 120px !important;
  }
  .height-130-md {
    height: 130px !important;
  }
  .width-130-md {
    width: 130px !important;
  }
  .height-140-md {
    height: 140px !important;
  }
  .width-140-md {
    width: 140px !important;
  }
  .height-150-md {
    height: 150px !important;
  }
  .width-150-md {
    width: 150px !important;
  }
  .height-160-md {
    height: 160px !important;
  }
  .width-160-md {
    width: 160px !important;
  }
  .height-170-md {
    height: 170px !important;
  }
  .width-170-md {
    width: 170px !important;
  }
  .height-180-md {
    height: 180px !important;
  }
  .width-180-md {
    width: 180px !important;
  }
  .height-190-md {
    height: 190px !important;
  }
  .width-190-md {
    width: 190px !important;
  }
  .height-200-md {
    height: 200px !important;
  }
  .width-200-md {
    width: 200px !important;
  }
  .height-210-md {
    height: 210px !important;
  }
  .width-210-md {
    width: 210px !important;
  }
  .height-220-md {
    height: 220px !important;
  }
  .width-220-md {
    width: 220px !important;
  }
  .height-230-md {
    height: 230px !important;
  }
  .width-230-md {
    width: 230px !important;
  }
  .height-240-md {
    height: 240px !important;
  }
  .width-240-md {
    width: 240px !important;
  }
  .height-250-md {
    height: 250px !important;
  }
  .width-250-md {
    width: 250px !important;
  }
  .height-260-md {
    height: 260px !important;
  }
  .width-260-md {
    width: 260px !important;
  }
  .height-270-md {
    height: 270px !important;
  }
  .width-270-md {
    width: 270px !important;
  }
  .height-280-md {
    height: 280px !important;
  }
  .width-280-md {
    width: 280px !important;
  }
  .height-290-md {
    height: 290px !important;
  }
  .width-290-md {
    width: 290px !important;
  }
  .height-300-md {
    height: 300px !important;
  }
  .width-300-md {
    width: 300px !important;
  }
  .height-310-md {
    height: 310px !important;
  }
  .width-310-md {
    width: 310px !important;
  }
  .height-320-md {
    height: 320px !important;
  }
  .width-320-md {
    width: 320px !important;
  }
  .height-330-md {
    height: 330px !important;
  }
  .width-330-md {
    width: 330px !important;
  }
  .height-340-md {
    height: 340px !important;
  }
  .width-340-md {
    width: 340px !important;
  }
  .height-350-md {
    height: 350px !important;
  }
  .width-350-md {
    width: 350px !important;
  }
  .height-360-md {
    height: 360px !important;
  }
  .width-360-md {
    width: 360px !important;
  }
  .height-370-md {
    height: 370px !important;
  }
  .width-370-md {
    width: 370px !important;
  }
  .height-380-md {
    height: 380px !important;
  }
  .width-380-md {
    width: 380px !important;
  }
  .height-390-md {
    height: 390px !important;
  }
  .width-390-md {
    width: 390px !important;
  }
}
@media (min-width: 992px) {
  .height-50-lg {
    height: 50px !important;
  }
  .width-50-lg {
    width: 50px !important;
  }
  .height-60-lg {
    height: 60px !important;
  }
  .width-60-lg {
    width: 60px !important;
  }
  .height-70-lg {
    height: 70px !important;
  }
  .width-70-lg {
    width: 70px !important;
  }
  .height-80-lg {
    height: 80px !important;
  }
  .width-80-lg {
    width: 80px !important;
  }
  .height-90-lg {
    height: 90px !important;
  }
  .width-90-lg {
    width: 90px !important;
  }
  .height-100-lg {
    height: 100px !important;
  }
  .width-100-lg {
    width: 100px !important;
  }
  .height-110-lg {
    height: 110px !important;
  }
  .width-110-lg {
    width: 110px !important;
  }
  .height-120-lg {
    height: 120px !important;
  }
  .width-120-lg {
    width: 120px !important;
  }
  .height-130-lg {
    height: 130px !important;
  }
  .width-130-lg {
    width: 130px !important;
  }
  .height-140-lg {
    height: 140px !important;
  }
  .width-140-lg {
    width: 140px !important;
  }
  .height-150-lg {
    height: 150px !important;
  }
  .width-150-lg {
    width: 150px !important;
  }
  .height-160-lg {
    height: 160px !important;
  }
  .width-160-lg {
    width: 160px !important;
  }
  .height-170-lg {
    height: 170px !important;
  }
  .width-170-lg {
    width: 170px !important;
  }
  .height-180-lg {
    height: 180px !important;
  }
  .width-180-lg {
    width: 180px !important;
  }
  .height-190-lg {
    height: 190px !important;
  }
  .width-190-lg {
    width: 190px !important;
  }
  .height-200-lg {
    height: 200px !important;
  }
  .width-200-lg {
    width: 200px !important;
  }
  .height-210-lg {
    height: 210px !important;
  }
  .width-210-lg {
    width: 210px !important;
  }
  .height-220-lg {
    height: 220px !important;
  }
  .width-220-lg {
    width: 220px !important;
  }
  .height-230-lg {
    height: 230px !important;
  }
  .width-230-lg {
    width: 230px !important;
  }
  .height-240-lg {
    height: 240px !important;
  }
  .width-240-lg {
    width: 240px !important;
  }
  .height-250-lg {
    height: 250px !important;
  }
  .width-250-lg {
    width: 250px !important;
  }
  .height-260-lg {
    height: 260px !important;
  }
  .width-260-lg {
    width: 260px !important;
  }
  .height-270-lg {
    height: 270px !important;
  }
  .width-270-lg {
    width: 270px !important;
  }
  .height-280-lg {
    height: 280px !important;
  }
  .width-280-lg {
    width: 280px !important;
  }
  .height-290-lg {
    height: 290px !important;
  }
  .width-290-lg {
    width: 290px !important;
  }
  .height-300-lg {
    height: 300px !important;
  }
  .width-300-lg {
    width: 300px !important;
  }
  .height-310-lg {
    height: 310px !important;
  }
  .width-310-lg {
    width: 310px !important;
  }
  .height-320-lg {
    height: 320px !important;
  }
  .width-320-lg {
    width: 320px !important;
  }
  .height-330-lg {
    height: 330px !important;
  }
  .width-330-lg {
    width: 330px !important;
  }
  .height-340-lg {
    height: 340px !important;
  }
  .width-340-lg {
    width: 340px !important;
  }
  .height-350-lg {
    height: 350px !important;
  }
  .width-350-lg {
    width: 350px !important;
  }
  .height-360-lg {
    height: 360px !important;
  }
  .width-360-lg {
    width: 360px !important;
  }
  .height-370-lg {
    height: 370px !important;
  }
  .width-370-lg {
    width: 370px !important;
  }
  .height-380-lg {
    height: 380px !important;
  }
  .width-380-lg {
    width: 380px !important;
  }
  .height-390-lg {
    height: 390px !important;
  }
  .width-390-lg {
    width: 390px !important;
  }
}
@media (min-width: 1200px) {
  .height-50-xl {
    height: 50px !important;
  }
  .width-50-xl {
    width: 50px !important;
  }
  .height-60-xl {
    height: 60px !important;
  }
  .width-60-xl {
    width: 60px !important;
  }
  .height-70-xl {
    height: 70px !important;
  }
  .width-70-xl {
    width: 70px !important;
  }
  .height-80-xl {
    height: 80px !important;
  }
  .width-80-xl {
    width: 80px !important;
  }
  .height-90-xl {
    height: 90px !important;
  }
  .width-90-xl {
    width: 90px !important;
  }
  .height-100-xl {
    height: 100px !important;
  }
  .width-100-xl {
    width: 100px !important;
  }
  .height-110-xl {
    height: 110px !important;
  }
  .width-110-xl {
    width: 110px !important;
  }
  .height-120-xl {
    height: 120px !important;
  }
  .width-120-xl {
    width: 120px !important;
  }
  .height-130-xl {
    height: 130px !important;
  }
  .width-130-xl {
    width: 130px !important;
  }
  .height-140-xl {
    height: 140px !important;
  }
  .width-140-xl {
    width: 140px !important;
  }
  .height-150-xl {
    height: 150px !important;
  }
  .width-150-xl {
    width: 150px !important;
  }
  .height-160-xl {
    height: 160px !important;
  }
  .width-160-xl {
    width: 160px !important;
  }
  .height-170-xl {
    height: 170px !important;
  }
  .width-170-xl {
    width: 170px !important;
  }
  .height-180-xl {
    height: 180px !important;
  }
  .width-180-xl {
    width: 180px !important;
  }
  .height-190-xl {
    height: 190px !important;
  }
  .width-190-xl {
    width: 190px !important;
  }
  .height-200-xl {
    height: 200px !important;
  }
  .width-200-xl {
    width: 200px !important;
  }
  .height-210-xl {
    height: 210px !important;
  }
  .width-210-xl {
    width: 210px !important;
  }
  .height-220-xl {
    height: 220px !important;
  }
  .width-220-xl {
    width: 220px !important;
  }
  .height-230-xl {
    height: 230px !important;
  }
  .width-230-xl {
    width: 230px !important;
  }
  .height-240-xl {
    height: 240px !important;
  }
  .width-240-xl {
    width: 240px !important;
  }
  .height-250-xl {
    height: 250px !important;
  }
  .width-250-xl {
    width: 250px !important;
  }
  .height-260-xl {
    height: 260px !important;
  }
  .width-260-xl {
    width: 260px !important;
  }
  .height-270-xl {
    height: 270px !important;
  }
  .width-270-xl {
    width: 270px !important;
  }
  .height-280-xl {
    height: 280px !important;
  }
  .width-280-xl {
    width: 280px !important;
  }
  .height-290-xl {
    height: 290px !important;
  }
  .width-290-xl {
    width: 290px !important;
  }
  .height-300-xl {
    height: 300px !important;
  }
  .width-300-xl {
    width: 300px !important;
  }
  .height-310-xl {
    height: 310px !important;
  }
  .width-310-xl {
    width: 310px !important;
  }
  .height-320-xl {
    height: 320px !important;
  }
  .width-320-xl {
    width: 320px !important;
  }
  .height-330-xl {
    height: 330px !important;
  }
  .width-330-xl {
    width: 330px !important;
  }
  .height-340-xl {
    height: 340px !important;
  }
  .width-340-xl {
    width: 340px !important;
  }
  .height-350-xl {
    height: 350px !important;
  }
  .width-350-xl {
    width: 350px !important;
  }
  .height-360-xl {
    height: 360px !important;
  }
  .width-360-xl {
    width: 360px !important;
  }
  .height-370-xl {
    height: 370px !important;
  }
  .width-370-xl {
    width: 370px !important;
  }
  .height-380-xl {
    height: 380px !important;
  }
  .width-380-xl {
    width: 380px !important;
  }
  .height-390-xl {
    height: 390px !important;
  }
  .width-390-xl {
    width: 390px !important;
  }
}
.height-400 {
  height: 400px;
}

.width-400 {
  width: 400px;
}

.height-450 {
  height: 450px;
}

.width-450 {
  width: 450px;
}

.height-500 {
  height: 500px;
}

.width-500 {
  width: 500px;
}

.height-550 {
  height: 550px;
}

.width-550 {
  width: 550px;
}

.height-600 {
  height: 600px;
}

.width-600 {
  width: 600px;
}

.height-650 {
  height: 650px;
}

.width-650 {
  width: 650px;
}

.height-700 {
  height: 700px;
}

.width-700 {
  width: 700px;
}

.height-750 {
  height: 750px;
}

.width-750 {
  width: 750px;
}

.height-800 {
  height: 800px;
}

.width-800 {
  width: 800px;
}

.height-850 {
  height: 850px;
}

.width-850 {
  width: 850px;
}

.height-900 {
  height: 900px;
}

.width-900 {
  width: 900px;
}

.height-950 {
  height: 950px;
}

.width-950 {
  width: 950px;
}

.height-1000 {
  height: 1000px;
}

.width-1000 {
  width: 1000px;
}

@media (min-width: 576px) {
  .height-400-sm {
    height: 400px !important;
  }
  .width-400-sm {
    width: 400px !important;
  }
  .height-450-sm {
    height: 450px !important;
  }
  .width-450-sm {
    width: 450px !important;
  }
  .height-500-sm {
    height: 500px !important;
  }
  .width-500-sm {
    width: 500px !important;
  }
  .height-550-sm {
    height: 550px !important;
  }
  .width-550-sm {
    width: 550px !important;
  }
  .height-600-sm {
    height: 600px !important;
  }
  .width-600-sm {
    width: 600px !important;
  }
  .height-650-sm {
    height: 650px !important;
  }
  .width-650-sm {
    width: 650px !important;
  }
  .height-700-sm {
    height: 700px !important;
  }
  .width-700-sm {
    width: 700px !important;
  }
  .height-750-sm {
    height: 750px !important;
  }
  .width-750-sm {
    width: 750px !important;
  }
  .height-800-sm {
    height: 800px !important;
  }
  .width-800-sm {
    width: 800px !important;
  }
  .height-850-sm {
    height: 850px !important;
  }
  .width-850-sm {
    width: 850px !important;
  }
  .height-900-sm {
    height: 900px !important;
  }
  .width-900-sm {
    width: 900px !important;
  }
  .height-950-sm {
    height: 950px !important;
  }
  .width-950-sm {
    width: 950px !important;
  }
  .height-1000-sm {
    height: 1000px !important;
  }
  .width-1000-sm {
    width: 1000px !important;
  }
}
@media (min-width: 768px) {
  .height-400-md {
    height: 400px !important;
  }
  .width-400-md {
    width: 400px !important;
  }
  .height-450-md {
    height: 450px !important;
  }
  .width-450-md {
    width: 450px !important;
  }
  .height-500-md {
    height: 500px !important;
  }
  .width-500-md {
    width: 500px !important;
  }
  .height-550-md {
    height: 550px !important;
  }
  .width-550-md {
    width: 550px !important;
  }
  .height-600-md {
    height: 600px !important;
  }
  .width-600-md {
    width: 600px !important;
  }
  .height-650-md {
    height: 650px !important;
  }
  .width-650-md {
    width: 650px !important;
  }
  .height-700-md {
    height: 700px !important;
  }
  .width-700-md {
    width: 700px !important;
  }
  .height-750-md {
    height: 750px !important;
  }
  .width-750-md {
    width: 750px !important;
  }
  .height-800-md {
    height: 800px !important;
  }
  .width-800-md {
    width: 800px !important;
  }
  .height-850-md {
    height: 850px !important;
  }
  .width-850-md {
    width: 850px !important;
  }
  .height-900-md {
    height: 900px !important;
  }
  .width-900-md {
    width: 900px !important;
  }
  .height-950-md {
    height: 950px !important;
  }
  .width-950-md {
    width: 950px !important;
  }
  .height-1000-md {
    height: 1000px !important;
  }
  .width-1000-md {
    width: 1000px !important;
  }
}
@media (min-width: 992px) {
  .height-400-lg {
    height: 400px !important;
  }
  .width-400-lg {
    width: 400px !important;
  }
  .height-450-lg {
    height: 450px !important;
  }
  .width-450-lg {
    width: 450px !important;
  }
  .height-500-lg {
    height: 500px !important;
  }
  .width-500-lg {
    width: 500px !important;
  }
  .height-550-lg {
    height: 550px !important;
  }
  .width-550-lg {
    width: 550px !important;
  }
  .height-600-lg {
    height: 600px !important;
  }
  .width-600-lg {
    width: 600px !important;
  }
  .height-650-lg {
    height: 650px !important;
  }
  .width-650-lg {
    width: 650px !important;
  }
  .height-700-lg {
    height: 700px !important;
  }
  .width-700-lg {
    width: 700px !important;
  }
  .height-750-lg {
    height: 750px !important;
  }
  .width-750-lg {
    width: 750px !important;
  }
  .height-800-lg {
    height: 800px !important;
  }
  .width-800-lg {
    width: 800px !important;
  }
  .height-850-lg {
    height: 850px !important;
  }
  .width-850-lg {
    width: 850px !important;
  }
  .height-900-lg {
    height: 900px !important;
  }
  .width-900-lg {
    width: 900px !important;
  }
  .height-950-lg {
    height: 950px !important;
  }
  .width-950-lg {
    width: 950px !important;
  }
  .height-1000-lg {
    height: 1000px !important;
  }
  .width-1000-lg {
    width: 1000px !important;
  }
}
@media (min-width: 1200px) {
  .height-400-xl {
    height: 400px !important;
  }
  .width-400-xl {
    width: 400px !important;
  }
  .height-450-xl {
    height: 450px !important;
  }
  .width-450-xl {
    width: 450px !important;
  }
  .height-500-xl {
    height: 500px !important;
  }
  .width-500-xl {
    width: 500px !important;
  }
  .height-550-xl {
    height: 550px !important;
  }
  .width-550-xl {
    width: 550px !important;
  }
  .height-600-xl {
    height: 600px !important;
  }
  .width-600-xl {
    width: 600px !important;
  }
  .height-650-xl {
    height: 650px !important;
  }
  .width-650-xl {
    width: 650px !important;
  }
  .height-700-xl {
    height: 700px !important;
  }
  .width-700-xl {
    width: 700px !important;
  }
  .height-750-xl {
    height: 750px !important;
  }
  .width-750-xl {
    width: 750px !important;
  }
  .height-800-xl {
    height: 800px !important;
  }
  .width-800-xl {
    width: 800px !important;
  }
  .height-850-xl {
    height: 850px !important;
  }
  .width-850-xl {
    width: 850px !important;
  }
  .height-900-xl {
    height: 900px !important;
  }
  .width-900-xl {
    width: 900px !important;
  }
  .height-950-xl {
    height: 950px !important;
  }
  .width-950-xl {
    width: 950px !important;
  }
  .height-1000-xl {
    height: 1000px !important;
  }
  .width-1000-xl {
    width: 1000px !important;
  }
}
.height-twentieth {
  height: 5vh !important;
}

.height-tenth {
  height: 10vh !important;
}

.height-fourth {
  height: 25vh !important;
}

.height-third {
  height: 33.3333vh !important;
}

.height-half {
  height: 50vh !important;
}

.flip-x {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.flip-y {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

/********************* POSITION ********************/
.top--9px {
  top: -9px !important;
}

.left--9px {
  left: -9px !important;
}

.bottom--9px {
  bottom: -9px !important;
}

.right--9px {
  right: -9px !important;
}

.top--8px {
  top: -8px !important;
}

.left--8px {
  left: -8px !important;
}

.bottom--8px {
  bottom: -8px !important;
}

.right--8px {
  right: -8px !important;
}

.top--7px {
  top: -7px !important;
}

.left--7px {
  left: -7px !important;
}

.bottom--7px {
  bottom: -7px !important;
}

.right--7px {
  right: -7px !important;
}

.top--6px {
  top: -6px !important;
}

.left--6px {
  left: -6px !important;
}

.bottom--6px {
  bottom: -6px !important;
}

.right--6px {
  right: -6px !important;
}

.top--5px {
  top: -5px !important;
}

.left--5px {
  left: -5px !important;
}

.bottom--5px {
  bottom: -5px !important;
}

.right--5px {
  right: -5px !important;
}

.top--4px {
  top: -4px !important;
}

.left--4px {
  left: -4px !important;
}

.bottom--4px {
  bottom: -4px !important;
}

.right--4px {
  right: -4px !important;
}

.top--3px {
  top: -3px !important;
}

.left--3px {
  left: -3px !important;
}

.bottom--3px {
  bottom: -3px !important;
}

.right--3px {
  right: -3px !important;
}

.top--2px {
  top: -2px !important;
}

.left--2px {
  left: -2px !important;
}

.bottom--2px {
  bottom: -2px !important;
}

.right--2px {
  right: -2px !important;
}

.top--1px {
  top: -1px !important;
}

.left--1px {
  left: -1px !important;
}

.bottom--1px {
  bottom: -1px !important;
}

.right--1px {
  right: -1px !important;
}

.top-0px {
  top: 0px !important;
}

.left-0px {
  left: 0px !important;
}

.bottom-0px {
  bottom: 0px !important;
}

.right-0px {
  right: 0px !important;
}

.top-1px {
  top: 1px !important;
}

.left-1px {
  left: 1px !important;
}

.bottom-1px {
  bottom: 1px !important;
}

.right-1px {
  right: 1px !important;
}

.top-2px {
  top: 2px !important;
}

.left-2px {
  left: 2px !important;
}

.bottom-2px {
  bottom: 2px !important;
}

.right-2px {
  right: 2px !important;
}

.top-3px {
  top: 3px !important;
}

.left-3px {
  left: 3px !important;
}

.bottom-3px {
  bottom: 3px !important;
}

.right-3px {
  right: 3px !important;
}

.top-4px {
  top: 4px !important;
}

.left-4px {
  left: 4px !important;
}

.bottom-4px {
  bottom: 4px !important;
}

.right-4px {
  right: 4px !important;
}

.top-5px {
  top: 5px !important;
}

.left-5px {
  left: 5px !important;
}

.bottom-5px {
  bottom: 5px !important;
}

.right-5px {
  right: 5px !important;
}

.top-6px {
  top: 6px !important;
}

.left-6px {
  left: 6px !important;
}

.bottom-6px {
  bottom: 6px !important;
}

.right-6px {
  right: 6px !important;
}

.top-7px {
  top: 7px !important;
}

.left-7px {
  left: 7px !important;
}

.bottom-7px {
  bottom: 7px !important;
}

.right-7px {
  right: 7px !important;
}

.top-8px {
  top: 8px !important;
}

.left-8px {
  left: 8px !important;
}

.bottom-8px {
  bottom: 8px !important;
}

.right-8px {
  right: 8px !important;
}

.top-9px {
  top: 9px !important;
}

.left-9px {
  left: 9px !important;
}

.bottom-9px {
  bottom: 9px !important;
}

.right-9px {
  right: 9px !important;
}

.top--9rem {
  top: -9rem !important;
}

.left--9rem {
  left: -9rem !important;
}

.bottom--9rem {
  bottom: -9rem !important;
}

.right--9rem {
  right: -9rem !important;
}

.top--8rem {
  top: -8rem !important;
}

.left--8rem {
  left: -8rem !important;
}

.bottom--8rem {
  bottom: -8rem !important;
}

.right--8rem {
  right: -8rem !important;
}

.top--7rem {
  top: -7rem !important;
}

.left--7rem {
  left: -7rem !important;
}

.bottom--7rem {
  bottom: -7rem !important;
}

.right--7rem {
  right: -7rem !important;
}

.top--6rem {
  top: -6rem !important;
}

.left--6rem {
  left: -6rem !important;
}

.bottom--6rem {
  bottom: -6rem !important;
}

.right--6rem {
  right: -6rem !important;
}

.top--5rem {
  top: -5rem !important;
}

.left--5rem {
  left: -5rem !important;
}

.bottom--5rem {
  bottom: -5rem !important;
}

.right--5rem {
  right: -5rem !important;
}

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

.left--4rem {
  left: -4rem !important;
}

.bottom--4rem {
  bottom: -4rem !important;
}

.right--4rem {
  right: -4rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.top-0rem {
  top: 0rem !important;
}

.left-0rem {
  left: 0rem !important;
}

.bottom-0rem {
  bottom: 0rem !important;
}

.right-0rem {
  right: 0rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.left-4rem {
  left: 4rem !important;
}

.bottom-4rem {
  bottom: 4rem !important;
}

.right-4rem {
  right: 4rem !important;
}

.top-5rem {
  top: 5rem !important;
}

.left-5rem {
  left: 5rem !important;
}

.bottom-5rem {
  bottom: 5rem !important;
}

.right-5rem {
  right: 5rem !important;
}

.top-6rem {
  top: 6rem !important;
}

.left-6rem {
  left: 6rem !important;
}

.bottom-6rem {
  bottom: 6rem !important;
}

.right-6rem {
  right: 6rem !important;
}

.top-7rem {
  top: 7rem !important;
}

.left-7rem {
  left: 7rem !important;
}

.bottom-7rem {
  bottom: 7rem !important;
}

.right-7rem {
  right: 7rem !important;
}

.top-8rem {
  top: 8rem !important;
}

.left-8rem {
  left: 8rem !important;
}

.bottom-8rem {
  bottom: 8rem !important;
}

.right-8rem {
  right: 8rem !important;
}

.top-9rem {
  top: 9rem !important;
}

.left-9rem {
  left: 9rem !important;
}

.bottom-9rem {
  bottom: 9rem !important;
}

.right-9rem {
  right: 9rem !important;
}

.top--100px {
  top: -100px !important;
}

.left--100px {
  left: -100px !important;
}

.bottom--100px {
  bottom: -100px !important;
}

.right--100px {
  right: -100px !important;
}

.top--100 {
  top: -100% !important;
}

.left--100 {
  left: -100% !important;
}

.bottom--100 {
  bottom: -100% !important;
}

.right--100 {
  right: -100% !important;
}

.top--90px {
  top: -90px !important;
}

.left--90px {
  left: -90px !important;
}

.bottom--90px {
  bottom: -90px !important;
}

.right--90px {
  right: -90px !important;
}

.top--90 {
  top: -90% !important;
}

.left--90 {
  left: -90% !important;
}

.bottom--90 {
  bottom: -90% !important;
}

.right--90 {
  right: -90% !important;
}

.top--80px {
  top: -80px !important;
}

.left--80px {
  left: -80px !important;
}

.bottom--80px {
  bottom: -80px !important;
}

.right--80px {
  right: -80px !important;
}

.top--80 {
  top: -80% !important;
}

.left--80 {
  left: -80% !important;
}

.bottom--80 {
  bottom: -80% !important;
}

.right--80 {
  right: -80% !important;
}

.top--70px {
  top: -70px !important;
}

.left--70px {
  left: -70px !important;
}

.bottom--70px {
  bottom: -70px !important;
}

.right--70px {
  right: -70px !important;
}

.top--70 {
  top: -70% !important;
}

.left--70 {
  left: -70% !important;
}

.bottom--70 {
  bottom: -70% !important;
}

.right--70 {
  right: -70% !important;
}

.top--60px {
  top: -60px !important;
}

.left--60px {
  left: -60px !important;
}

.bottom--60px {
  bottom: -60px !important;
}

.right--60px {
  right: -60px !important;
}

.top--60 {
  top: -60% !important;
}

.left--60 {
  left: -60% !important;
}

.bottom--60 {
  bottom: -60% !important;
}

.right--60 {
  right: -60% !important;
}

.top--50px {
  top: -50px !important;
}

.left--50px {
  left: -50px !important;
}

.bottom--50px {
  bottom: -50px !important;
}

.right--50px {
  right: -50px !important;
}

.top--50 {
  top: -50% !important;
}

.left--50 {
  left: -50% !important;
}

.bottom--50 {
  bottom: -50% !important;
}

.right--50 {
  right: -50% !important;
}

.top--40px {
  top: -40px !important;
}

.left--40px {
  left: -40px !important;
}

.bottom--40px {
  bottom: -40px !important;
}

.right--40px {
  right: -40px !important;
}

.top--40 {
  top: -40% !important;
}

.left--40 {
  left: -40% !important;
}

.bottom--40 {
  bottom: -40% !important;
}

.right--40 {
  right: -40% !important;
}

.top--30px {
  top: -30px !important;
}

.left--30px {
  left: -30px !important;
}

.bottom--30px {
  bottom: -30px !important;
}

.right--30px {
  right: -30px !important;
}

.top--30 {
  top: -30% !important;
}

.left--30 {
  left: -30% !important;
}

.bottom--30 {
  bottom: -30% !important;
}

.right--30 {
  right: -30% !important;
}

.top--20px {
  top: -20px !important;
}

.left--20px {
  left: -20px !important;
}

.bottom--20px {
  bottom: -20px !important;
}

.right--20px {
  right: -20px !important;
}

.top--20 {
  top: -20% !important;
}

.left--20 {
  left: -20% !important;
}

.bottom--20 {
  bottom: -20% !important;
}

.right--20 {
  right: -20% !important;
}

.top--10px {
  top: -10px !important;
}

.left--10px {
  left: -10px !important;
}

.bottom--10px {
  bottom: -10px !important;
}

.right--10px {
  right: -10px !important;
}

.top--10 {
  top: -10% !important;
}

.left--10 {
  left: -10% !important;
}

.bottom--10 {
  bottom: -10% !important;
}

.right--10 {
  right: -10% !important;
}

.top-00px {
  top: 0px !important;
}

.left-00px {
  left: 0px !important;
}

.bottom-00px {
  bottom: 0px !important;
}

.right-00px {
  right: 0px !important;
}

.top-00 {
  top: 0% !important;
}

.left-00 {
  left: 0% !important;
}

.bottom-00 {
  bottom: 0% !important;
}

.right-00 {
  right: 0% !important;
}

.top-10px {
  top: 10px !important;
}

.left-10px {
  left: 10px !important;
}

.bottom-10px {
  bottom: 10px !important;
}

.right-10px {
  right: 10px !important;
}

.top-10 {
  top: 10% !important;
}

.left-10 {
  left: 10% !important;
}

.bottom-10 {
  bottom: 10% !important;
}

.right-10 {
  right: 10% !important;
}

.top-20px {
  top: 20px !important;
}

.left-20px {
  left: 20px !important;
}

.bottom-20px {
  bottom: 20px !important;
}

.right-20px {
  right: 20px !important;
}

.top-20 {
  top: 20% !important;
}

.left-20 {
  left: 20% !important;
}

.bottom-20 {
  bottom: 20% !important;
}

.right-20 {
  right: 20% !important;
}

.top-30px {
  top: 30px !important;
}

.left-30px {
  left: 30px !important;
}

.bottom-30px {
  bottom: 30px !important;
}

.right-30px {
  right: 30px !important;
}

.top-30 {
  top: 30% !important;
}

.left-30 {
  left: 30% !important;
}

.bottom-30 {
  bottom: 30% !important;
}

.right-30 {
  right: 30% !important;
}

.top-40px {
  top: 40px !important;
}

.left-40px {
  left: 40px !important;
}

.bottom-40px {
  bottom: 40px !important;
}

.right-40px {
  right: 40px !important;
}

.top-40 {
  top: 40% !important;
}

.left-40 {
  left: 40% !important;
}

.bottom-40 {
  bottom: 40% !important;
}

.right-40 {
  right: 40% !important;
}

.top-50px {
  top: 50px !important;
}

.left-50px {
  left: 50px !important;
}

.bottom-50px {
  bottom: 50px !important;
}

.right-50px {
  right: 50px !important;
}

.top-50 {
  top: 50% !important;
}

.left-50 {
  left: 50% !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.right-50 {
  right: 50% !important;
}

.top-60px {
  top: 60px !important;
}

.left-60px {
  left: 60px !important;
}

.bottom-60px {
  bottom: 60px !important;
}

.right-60px {
  right: 60px !important;
}

.top-60 {
  top: 60% !important;
}

.left-60 {
  left: 60% !important;
}

.bottom-60 {
  bottom: 60% !important;
}

.right-60 {
  right: 60% !important;
}

.top-70px {
  top: 70px !important;
}

.left-70px {
  left: 70px !important;
}

.bottom-70px {
  bottom: 70px !important;
}

.right-70px {
  right: 70px !important;
}

.top-70 {
  top: 70% !important;
}

.left-70 {
  left: 70% !important;
}

.bottom-70 {
  bottom: 70% !important;
}

.right-70 {
  right: 70% !important;
}

.top-80px {
  top: 80px !important;
}

.left-80px {
  left: 80px !important;
}

.bottom-80px {
  bottom: 80px !important;
}

.right-80px {
  right: 80px !important;
}

.top-80 {
  top: 80% !important;
}

.left-80 {
  left: 80% !important;
}

.bottom-80 {
  bottom: 80% !important;
}

.right-80 {
  right: 80% !important;
}

.top-90px {
  top: 90px !important;
}

.left-90px {
  left: 90px !important;
}

.bottom-90px {
  bottom: 90px !important;
}

.right-90px {
  right: 90px !important;
}

.top-90 {
  top: 90% !important;
}

.left-90 {
  left: 90% !important;
}

.bottom-90 {
  bottom: 90% !important;
}

.right-90 {
  right: 90% !important;
}

.top-100px {
  top: 100px !important;
}

.left-100px {
  left: 100px !important;
}

.bottom-100px {
  bottom: 100px !important;
}

.right-100px {
  right: 100px !important;
}

.top-100 {
  top: 100% !important;
}

.left-100 {
  left: 100% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.right-100 {
  right: 100% !important;
}

.vertical-center {
  transform: translateY(-50%);
  top: 50%;
}

/***************************************************/
/*                                                 */
/*                     OPACITY                     */
/*                                                 */
/***************************************************/
.opacity-00 {
  opacity: 0;
}

.opacity-01 {
  opacity: 0.1;
}

.opacity-02 {
  opacity: 0.2;
}

.opacity-03 {
  opacity: 0.3;
}

.opacity-04 {
  opacity: 0.4;
}

.opacity-05 {
  opacity: 0.5;
}

.opacity-06 {
  opacity: 0.6;
}

.opacity-07 {
  opacity: 0.7;
}

.opacity-08 {
  opacity: 0.8;
}

.opacity-09 {
  opacity: 0.9;
}

.opacity-10 {
  opacity: 1;
}

.opacity-transition {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

/***************************************************/
/*                                                 */
/*                      VIDEO                      */
/*                                                 */
/***************************************************/
video.fullVideo {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -101;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

.fullDarken {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transition: 1s opacity;
}

video.fullScreen {
  display: block;
}

.rotate {
  -webkit-transition: transform 3s ease;
  -moz-transition: transform 3s ease;
  -ms-transition: transform 3s ease;
  -o-transition: transform 3s ease;
  transition: transform 3s ease;
}

.rotate:hover {
  transform: rotate(1000deg);
}

/***************************************************/
/*                                                 */
/*                 RATIO-CONTENT                   */
/*                                                 */
/***************************************************/
/* permet de couper l'image selon un ratio largeur/hauteur défini */
.ratio-1-1 {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.ratio-2-1 {
  width: 100%;
  padding-top: calc(50% - 0.25rem);
  position: relative;
}

.ratio-3-1 {
  width: 100%;
  padding-top: 33%;
  position: relative;
}

.ratio-4-1 {
  width: 100%;
  padding-top: 25%;
  position: relative;
}

.ratio-3-2 {
  width: 100%;
  padding-top: 66%;
  position: relative;
}

.ratio-1-1_25 {
  width: 100%;
  padding-top: 125%;
  position: relative;
}

.ratio-1-1_33 {
  width: 100%;
  padding-top: 133%;
  position: relative;
}

.ratio-1-2 {
  width: 100%;
  padding-top: calc(200% + 0.5rem);
  position: relative;
}

.ratio-4-3 {
  width: 100%;
  padding-top: 62.5%;
  position: relative;
}

@media (min-width: 768px) {
  .ratio-2-1-md {
    padding-top: calc(50% - 0.25rem);
  }
}
.ratio-content {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.ratio-content img {
  object-fit: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ratio-content img.img-position-top-0 {
  object-position: 50% 0% !important;
}

.ratio-content img.img-position-top-1 {
  object-position: 50% 1% !important;
}

.ratio-content img.img-position-top-2 {
  object-position: 50% 2% !important;
}

.ratio-content img.img-position-top-3 {
  object-position: 50% 3% !important;
}

.ratio-content img.img-position-top-4 {
  object-position: 50% 4% !important;
}

.ratio-content img.img-position-top-5 {
  object-position: 50% 5% !important;
}

.ratio-content img.img-position-top-6 {
  object-position: 50% 6% !important;
}

.ratio-content img.img-position-top-7 {
  object-position: 50% 7% !important;
}

.ratio-content img.img-position-top-8 {
  object-position: 50% 8% !important;
}

.ratio-content img.img-position-top-9 {
  object-position: 50% 9% !important;
}

.ratio-content img.img-position-top-10 {
  object-position: 50% 10% !important;
}

.ratio-content img.img-position-top-11 {
  object-position: 50% 11% !important;
}

.ratio-content img.img-position-top-12 {
  object-position: 50% 12% !important;
}

.ratio-content img.img-position-top-13 {
  object-position: 50% 13% !important;
}

.ratio-content img.img-position-top-14 {
  object-position: 50% 14% !important;
}

.ratio-content img.img-position-top-15 {
  object-position: 50% 15% !important;
}

.ratio-content img.img-position-top-16 {
  object-position: 50% 16% !important;
}

.ratio-content img.img-position-top-17 {
  object-position: 50% 17% !important;
}

.ratio-content img.img-position-top-18 {
  object-position: 50% 18% !important;
}

.ratio-content img.img-position-top-19 {
  object-position: 50% 19% !important;
}

.ratio-content img.img-position-top-20 {
  object-position: 50% 20% !important;
}

.ratio-content img.img-position-top-21 {
  object-position: 50% 21% !important;
}

.ratio-content img.img-position-top-22 {
  object-position: 50% 22% !important;
}

.ratio-content img.img-position-top-23 {
  object-position: 50% 23% !important;
}

.ratio-content img.img-position-top-24 {
  object-position: 50% 24% !important;
}

.ratio-content img.img-position-top-25 {
  object-position: 50% 25% !important;
}

.ratio-content img.img-position-top-26 {
  object-position: 50% 26% !important;
}

.ratio-content img.img-position-top-27 {
  object-position: 50% 27% !important;
}

.ratio-content img.img-position-top-28 {
  object-position: 50% 28% !important;
}

.ratio-content img.img-position-top-29 {
  object-position: 50% 29% !important;
}

.ratio-content img.img-position-top-30 {
  object-position: 50% 30% !important;
}

.ratio-content img.img-position-top-31 {
  object-position: 50% 31% !important;
}

.ratio-content img.img-position-top-32 {
  object-position: 50% 32% !important;
}

.ratio-content img.img-position-top-33 {
  object-position: 50% 33% !important;
}

.ratio-content img.img-position-top-34 {
  object-position: 50% 34% !important;
}

.ratio-content img.img-position-top-35 {
  object-position: 50% 35% !important;
}

.ratio-content img.img-position-top-36 {
  object-position: 50% 36% !important;
}

.ratio-content img.img-position-top-37 {
  object-position: 50% 37% !important;
}

.ratio-content img.img-position-top-38 {
  object-position: 50% 38% !important;
}

.ratio-content img.img-position-top-39 {
  object-position: 50% 39% !important;
}

.ratio-content img.img-position-top-40 {
  object-position: 50% 40% !important;
}

.ratio-content img.img-position-top-41 {
  object-position: 50% 41% !important;
}

.ratio-content img.img-position-top-42 {
  object-position: 50% 42% !important;
}

.ratio-content img.img-position-top-43 {
  object-position: 50% 43% !important;
}

.ratio-content img.img-position-top-44 {
  object-position: 50% 44% !important;
}

.ratio-content img.img-position-top-45 {
  object-position: 50% 45% !important;
}

.ratio-content img.img-position-top-46 {
  object-position: 50% 46% !important;
}

.ratio-content img.img-position-top-47 {
  object-position: 50% 47% !important;
}

.ratio-content img.img-position-top-48 {
  object-position: 50% 48% !important;
}

.ratio-content img.img-position-top-49 {
  object-position: 50% 49% !important;
}

.ratio-content img.img-position-top-50 {
  object-position: 50% 50% !important;
}

.ratio-content img.img-position-top-51 {
  object-position: 50% 51% !important;
}

.ratio-content img.img-position-top-52 {
  object-position: 50% 52% !important;
}

.ratio-content img.img-position-top-53 {
  object-position: 50% 53% !important;
}

.ratio-content img.img-position-top-54 {
  object-position: 50% 54% !important;
}

.ratio-content img.img-position-top-55 {
  object-position: 50% 55% !important;
}

.ratio-content img.img-position-top-56 {
  object-position: 50% 56% !important;
}

.ratio-content img.img-position-top-57 {
  object-position: 50% 57% !important;
}

.ratio-content img.img-position-top-58 {
  object-position: 50% 58% !important;
}

.ratio-content img.img-position-top-59 {
  object-position: 50% 59% !important;
}

.ratio-content img.img-position-top-60 {
  object-position: 50% 60% !important;
}

.ratio-content img.img-position-top-61 {
  object-position: 50% 61% !important;
}

.ratio-content img.img-position-top-62 {
  object-position: 50% 62% !important;
}

.ratio-content img.img-position-top-63 {
  object-position: 50% 63% !important;
}

.ratio-content img.img-position-top-64 {
  object-position: 50% 64% !important;
}

.ratio-content img.img-position-top-65 {
  object-position: 50% 65% !important;
}

.ratio-content img.img-position-top-66 {
  object-position: 50% 66% !important;
}

.ratio-content img.img-position-top-67 {
  object-position: 50% 67% !important;
}

.ratio-content img.img-position-top-68 {
  object-position: 50% 68% !important;
}

.ratio-content img.img-position-top-69 {
  object-position: 50% 69% !important;
}

.ratio-content img.img-position-top-70 {
  object-position: 50% 70% !important;
}

.ratio-content img.img-position-top-71 {
  object-position: 50% 71% !important;
}

.ratio-content img.img-position-top-72 {
  object-position: 50% 72% !important;
}

.ratio-content img.img-position-top-73 {
  object-position: 50% 73% !important;
}

.ratio-content img.img-position-top-74 {
  object-position: 50% 74% !important;
}

.ratio-content img.img-position-top-75 {
  object-position: 50% 75% !important;
}

.ratio-content img.img-position-top-76 {
  object-position: 50% 76% !important;
}

.ratio-content img.img-position-top-77 {
  object-position: 50% 77% !important;
}

.ratio-content img.img-position-top-78 {
  object-position: 50% 78% !important;
}

.ratio-content img.img-position-top-79 {
  object-position: 50% 79% !important;
}

.ratio-content img.img-position-top-80 {
  object-position: 50% 80% !important;
}

.ratio-content img.img-position-top-81 {
  object-position: 50% 81% !important;
}

.ratio-content img.img-position-top-82 {
  object-position: 50% 82% !important;
}

.ratio-content img.img-position-top-83 {
  object-position: 50% 83% !important;
}

.ratio-content img.img-position-top-84 {
  object-position: 50% 84% !important;
}

.ratio-content img.img-position-top-85 {
  object-position: 50% 85% !important;
}

.ratio-content img.img-position-top-86 {
  object-position: 50% 86% !important;
}

.ratio-content img.img-position-top-87 {
  object-position: 50% 87% !important;
}

.ratio-content img.img-position-top-88 {
  object-position: 50% 88% !important;
}

.ratio-content img.img-position-top-89 {
  object-position: 50% 89% !important;
}

.ratio-content img.img-position-top-90 {
  object-position: 50% 90% !important;
}

.ratio-content img.img-position-top-91 {
  object-position: 50% 91% !important;
}

.ratio-content img.img-position-top-92 {
  object-position: 50% 92% !important;
}

.ratio-content img.img-position-top-93 {
  object-position: 50% 93% !important;
}

.ratio-content img.img-position-top-94 {
  object-position: 50% 94% !important;
}

.ratio-content img.img-position-top-95 {
  object-position: 50% 95% !important;
}

.ratio-content img.img-position-top-96 {
  object-position: 50% 96% !important;
}

.ratio-content img.img-position-top-97 {
  object-position: 50% 97% !important;
}

.ratio-content img.img-position-top-98 {
  object-position: 50% 98% !important;
}

.ratio-content img.img-position-top-99 {
  object-position: 50% 99% !important;
}

.ratio-content img.img-position-top-100 {
  object-position: 50% 100% !important;
}

/***************************************************/
/*                                                 */
/*                     SHADOW                      */
/*                                                 */
/***************************************************/
.box-shadow-1 {
  -moz-box-shadow: 0 0 1px #666;
  -webkit-box-shadow: 0 0 1px #666;
  box-shadow: 0 0 1px #666;
}

.drop-shadow-1 {
  -webkit-filter: drop-shadow(0px 0px 1px #666);
  filter: drop-shadow(0px 0px 1px #666);
}

.box-shadow-2 {
  -moz-box-shadow: 0 0 2px #666;
  -webkit-box-shadow: 0 0 2px #666;
  box-shadow: 0 0 2px #666;
}

.drop-shadow-2 {
  -webkit-filter: drop-shadow(0px 0px 2px #666);
  filter: drop-shadow(0px 0px 2px #666);
}

.box-shadow-3 {
  -moz-box-shadow: 0 0 3px #666;
  -webkit-box-shadow: 0 0 3px #666;
  box-shadow: 0 0 3px #666;
}

.drop-shadow-3 {
  -webkit-filter: drop-shadow(0px 0px 3px #666);
  filter: drop-shadow(0px 0px 3px #666);
}

.box-shadow-4 {
  -moz-box-shadow: 0 0 4px #666;
  -webkit-box-shadow: 0 0 4px #666;
  box-shadow: 0 0 4px #666;
}

.drop-shadow-4 {
  -webkit-filter: drop-shadow(0px 0px 4px #666);
  filter: drop-shadow(0px 0px 4px #666);
}

.box-shadow-5 {
  -moz-box-shadow: 0 0 5px #666;
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

.drop-shadow-5 {
  -webkit-filter: drop-shadow(0px 0px 5px #666);
  filter: drop-shadow(0px 0px 5px #666);
}

.box-shadow-6 {
  -moz-box-shadow: 0 0 6px #666;
  -webkit-box-shadow: 0 0 6px #666;
  box-shadow: 0 0 6px #666;
}

.drop-shadow-6 {
  -webkit-filter: drop-shadow(0px 0px 6px #666);
  filter: drop-shadow(0px 0px 6px #666);
}

.box-shadow-7 {
  -moz-box-shadow: 0 0 7px #666;
  -webkit-box-shadow: 0 0 7px #666;
  box-shadow: 0 0 7px #666;
}

.drop-shadow-7 {
  -webkit-filter: drop-shadow(0px 0px 7px #666);
  filter: drop-shadow(0px 0px 7px #666);
}

.box-shadow-8 {
  -moz-box-shadow: 0 0 8px #666;
  -webkit-box-shadow: 0 0 8px #666;
  box-shadow: 0 0 8px #666;
}

.drop-shadow-8 {
  -webkit-filter: drop-shadow(0px 0px 8px #666);
  filter: drop-shadow(0px 0px 8px #666);
}

.box-shadow-9 {
  -moz-box-shadow: 0 0 9px #666;
  -webkit-box-shadow: 0 0 9px #666;
  box-shadow: 0 0 9px #666;
}

.drop-shadow-9 {
  -webkit-filter: drop-shadow(0px 0px 9px #666);
  filter: drop-shadow(0px 0px 9px #666);
}

.box-shadow-10 {
  -moz-box-shadow: 0 0 10px #666;
  -webkit-box-shadow: 0 0 10px #666;
  box-shadow: 0 0 10px #666;
}

.drop-shadow-10 {
  -webkit-filter: drop-shadow(0px 0px 10px #666);
  filter: drop-shadow(0px 0px 10px #666);
}

.grayscale-00 {
  filter: grayscale(0);
}

.grayscale-10 {
  filter: grayscale(0.1);
}

.grayscale-20 {
  filter: grayscale(0.2);
}

.grayscale-30 {
  filter: grayscale(0.3);
}

.grayscale-40 {
  filter: grayscale(0.4);
}

.grayscale-50 {
  filter: grayscale(0.5);
}

.grayscale-60 {
  filter: grayscale(0.6);
}

.grayscale-70 {
  filter: grayscale(0.7);
}

.grayscale-80 {
  filter: grayscale(0.8);
}

.grayscale-90 {
  filter: grayscale(0.9);
}

.grayscale-100 {
  filter: grayscale(1);
}

/***************************************************/
/*                                                 */
/*                    CKEDITOR                     */
/*                                                 */
/***************************************************/
.cke_float {
  border-width: 2px 2px 1px 2px !important;
  border-style: solid !important;
  border-color: hsl(24deg, 100%, 50%) !important;
}

.cke_editable_inline {
  background-color: rgba(255, 102, 0, 0.1);
  border: 2px rgb(255, 102, 0) dotted;
}

.cke_editable_inline.cke_focus:before {
  content: url("../../../ui/imi/images/logoImiFrameworkIn.svg");
  width: 30px;
  position: absolute;
  right: 0;
  top: -35px;
}

div.cke_editable_inline.cke_focus {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: hsl(24deg, 100%, 50%) !important;
}

/***************************************************/
/*                                                 */
/*                    CAROUSEL                     */
/*                                                 */
/***************************************************/
ol.carousel-indicators i {
  margin-left: 5px;
  margin-right: 5px;
  opacity: 0.3;
}

ol.carousel-indicators i.active {
  opacity: 1;
}

/********************* QUIZZ **********************/
.quizz label {
  margin-left: 0.5rem;
  transform: translateY(0.2rem);
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

.quizz-question {
  padding-left: 3rem;
}

/***************************************************/
/*                                                 */
/*                      FORM                       */
/*                                                 */
/***************************************************/
input::-webkit-input-placeholder {
  color: #adb5bd !important;
}

input:-moz-placeholder { /* Firefox 18- */
  color: #adb5bd !important;
}

input::-moz-placeholder { /* Firefox 19+ */
  color: #adb5bd !important;
}

input:-ms-input-placeholder {
  color: #adb5bd !important;
}

/*# sourceMappingURL=imi4-3.css.map */