/* VARIABLES ===========================================*/
/* COLORS CLASS ===========================================*/
.background-after:after,
.background-before:before,
.background-hover:hover,
.background {
  background-color: #c42064;
}

.background-hover-important:hover,
.background-important {
  background-color: #c42064 !important;
}

.background-2-after:after,
.background-2-before:before,
.background-2-hover:hover,
.background-2 {
  background-color: #000000 !important;
}

.btn.background {
  border-color: #c42064 !important;
  background-color: #c42064 !important;
}
.btn.background:hover {
  -webkit-filter: brightness(0.9);
  -moz-filter: brightness(0.9);
  -ms-filter: brightness(0.9);
  filter: brightness(0.9);
}

.btn.button_background_yellow {
  border-color: #E6DE27 !important;
  background-color: #E6DE27 !important;
}
.btn.button_background_yellow:hover {
  -webkit-filter: brightness(0.9);
  -moz-filter: brightness(0.9);
  -ms-filter: brightness(0.9);
  filter: brightness(0.9);
}

.btn.button_background_green {
  border-color: #5EBD5E !important;
  background-color: #5EBD5E !important;
}
.btn.button_background_green:hover {
  -webkit-filter: brightness(0.9);
  -moz-filter: brightness(0.9);
  -ms-filter: brightness(0.9);
  filter: brightness(0.9);
}

.color-after:after,
.color-before:before,
.color-hover:hover,
.color {
  color: #c42064;
}

.color-contrast-after:after,
.color-contrast-before:before,
.color-contrast-hover:hover,
.color-contrast {
  color: #fff;
}

.color-before-hover:hover:before,
.color-before:before {
  color: #c42064;
}

.border,
.border-color,
.border-color-before:before,
.border-color-after:after,
.border-color-hover:hover,
.border-color-hovered {
  border-color: #c42064 !important;
}

.background-contrast-after:after,
.background-contrast-before:before,
.background-contrast-hover:hover,
.background-contrast {
  color: #fff !important;
}

/* ==================================================================*/
/* SURCHARGE */
/* ==================================================================*/
/* SIDEBAR ===========================================*/
.nav > li.active {
  border-color: #c42064;
}

.nav-header {
  background-color: #c42064 !important;
}

/* QUESTIONNAIRE ===========================================*/
.question-title:before {
  background-color: #c42064;
}

/* LOADING PAGE ===========================================*/
.pace .pace-progress {
  background: #c42064;
}

/* BODY / SIDEBAR ===========================================*/
body {
  background-color: #000000;
}

/* SLIDER ===========================================*/
.noUi-connect,
.noUi-horizontal .noUi-handle-lower .noUi-tooltip,
.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  background: #c42064 !important;
}
.noUi-connect:before,
.noUi-horizontal .noUi-handle-lower .noUi-tooltip:before,
.noUi-horizontal .noUi-handle-upper .noUi-tooltip:before {
  border-color: transparent transparent #c42064 transparent;
}

/* LEAFLET MARKER ================================================*/
.leaflet-marker {
  border-color: #c42064 transparent transparent transparent;
}

.leaflet-marker::before {
  border: 15px solid #c42064;
}

.marker-cluster,
.marker-cluster div {
  background: #c42064;
  color: #fff;
  font-size: 17px;
}

.marker-cluster.marker-cluster-medium div {
  background: rgb(108.3157894737, 17.6842105263, 55.2631578947);
}

.marker-cluster.marker-cluster-large div {
  background: rgb(20.6315789474, 3.3684210526, 10.5263157895);
}

.sweet-alert button {
  padding: 8px 16px;
  font-size: 13px;
}
.sweet-alert button.confirm {
  background: #c42064 !important;
}
.sweet-alert button.confirm:hover {
  background: rgb(108.3157894737, 17.6842105263, 55.2631578947) !important;
}

/* STEP WIZARD ================================================*/
.wizard > .steps .done a {
  background: white !important;
  color: #c42064 !important;
}
.wizard > .steps .done a .number {
  background: white !important;
  color: #c42064 !important;
}
.wizard > .steps .done a:hover .number, .wizard > .steps .done a:active .number {
  background: white !important;
  color: #c42064 !important;
}

.wizard > .steps .current a {
  background: #c42064 !important;
}
.wizard > .steps .current a .number {
  background: #c42064 !important;
}
.wizard > .steps .current a:hover .number, .wizard > .steps .current a:active .number {
  background: #c42064 !important;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
  background: #c42064 !important;
}

input[type=checkbox]:checked + .custom-checkbox {
  background: #c42064;
}

/* AG GRID */
.ag-theme-material {
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ag-theme-material {
  /* use theme parameters where possible */
  --ag-checkbox-checked-color: $main-color !important;
  --ag-material-accent-color: $main-color !important;
  --ag-material-primary-color: $main-color !important;
  --ag-odd-row-background-color: #ececec !important;
  --ag-row-hover-color: #f3f3f3 !important;
}

.ag-theme-material .ag-side-bar {
  background: #c42064 !important;
}

.ag-theme-material .ag-side-button {
  color: #fff !important;
}

.ag-theme-material .ag-header-row {
  background-color: #f9f9f9 !important;
  font-weight: bold !important;
  color: #676a6c !important;
}

.ag-theme-material .ag-row {
  color: #676a6c !important;
}

.ag-theme-material ag-root-wrapper {
  border-radius: 0 0 10px 10px;
}

.ag-theme-material .ag-root-wrapper-body {
  border: 2px solid #c42064 !important;
}