/*========================
* 
* 				GENERAL
* 
* ======================*/

/*========== TOOLSET LIGTHBOX ==========*/

.toolset-dialog {
  width: 70% !important;
  left: 50px !important;
  background: #23282deb !important;
  padding: 50px !important;
  border-radius: 10px !important;
  overflow-y: scroll;
}

.toolset-dialog button {
  cursor: pointer !important;
  margin: 4px;
  padding: 15px;
  background: #135e96;
  transition: all 0.2s linear;
}

.ui-dialog-titlebar-close {
  background: red !important;
}

.ui-dialog-titlebar-close:hover {
  color: red;
}

.js-toolset-collapsible__toggle {
  background: #595959 !important;
}

.toolset-dialog button:hover {
  background: white !important;
  color: #135e96;
  transition: all 0.2s linear;
}

/*========== Si Internet Explorer ==========*/

html.internet-explorer body.ie {
  margin-top: 40px;
}

html.internet-explorer body.ie:after {
  content: "Vous utilisez actuellement Internet Explorer, certains éléments peuvent ne pas s'afficher correctement. Nous vous recommandons d'utiliser un autre navigateur.";
  position: absolute;
  padding: 10px;
  top: 0px;
  color: var(--blanc);
  background-color: #dd0000;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}

/* ========== */

body {
	width: 100vw;
	overflow-x: hidden;
	background-color: #fff !important;
}

.nowrap {
  white-space: nowrap;
}

.devant {
  z-index: 99;
  position: relative;
}

.maxwidth50 .fl-col-content {
  max-width: 50%;
}

@media all and (max-width: 768px) {
  .maxwidth50 .fl-col-content {
    width: 100%;
    max-width: inherit;
  }
}

.maxwidth1600px .fl-col-content {
  max-width: 1600px;
}

.maxwidth1200px .fl-col-content {
  max-width: 1200px;
}

.maxwidth1000px .fl-col-content {
  max-width: 1000px;
}

.maxwidth900px .fl-col-content {
  max-width: 900px;
}

.maxwidth800px .fl-col-content {
  max-width: 800px;
}

.maxwidth600px .fl-col-content {
  max-width: 600px;
}

.maxwidth400px .fl-col-content {
  max-width: 400px;
}

.droite .fl-col-content {
  margin-left: auto;
}

.centrer .fl-col-content {
  margin-left: auto;
  margin-right: auto;
}

.ultra-light {
  font-weight: 200;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.black {
  font-weight: 900;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.normal {
  font-style: normal;
}

.lowercase {
  text-transform: lowercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}