*{
  font-family: Raleway !important;
}

html {
  font-size: 50%;
}

@media (min-width: 1280px) {
  html {
    font-size: 56%;
  }
}

@media (min-width: 1600px) {
  html {
    font-size: 57.5%;
  }
}

/* STYLES THEME */
body {
  background-color: #ffffff !important;
  font-size: 1.5rem;
  color: #000000;
}
h1 {
  color: #000000;
}
h2 {
  color: #000000;
}
h3 {
  color: #000000;
}
h4 {
  color: #000000;
}
p {
  font-size: 1.5rem;
  color: #000000;
}
a:not(.btn):not(.dropdown-item):not(.step-indicator):not(.nav-link):not(.page-link):not(.ignore-color) {
  color: #446082;
}
a:not(.btn):not(.dropdown-item):not(.step-indicator):not(.nav-link):not(.page-link):hover:not(.ignore-color):hover,
a:not(.btn):not(.dropdown-item):not(.step-indicator):not(.nav-link):not(.page-link):focus:not(.ignore-color):focus {
  color: #2f435b;
}
hr {
  border-top-color: #e5e5e5;
}
.hr-light {
  border-top-color: #cccccc;
}
.hr-white {
  border-top-color: #ffffff;
}
.hr-light-grey {
  border-top-color: #cccccc;
}
.hr-extra-light-grey {
  border-top-color: #f5f5f5;
}
.modal-full .close {
  color: #ffffff !important;
}
.modal-content {
  background-color: #ffffff;
}
.modal-header {
  border-bottom: 1px solid #dddddd;
}
.modal-title {
  color: #000000;
}
.modal-sh .close {
  color: #000000;
}
.modal-footer {
  border-top: 1px solid #dddddd;
}
.sweet-alert {
  background-color: #ffffff;
}
.swal2-popup {
  background-color: #ffffff !important;
}
.swal2-title,
.swal2-content {
  color: #000000 !important;
}
.advanced-swal2 .swal2-header {
  background: #f5f5f5 !important;
}
.contact-import-swal2 ul {
  border-bottom: 1px solid #f5f5f5;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  background-color: #ffffff;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  background-color: #ffffff;
}
.page-link {
  color: #446082;
}
.page-link:hover {
  background-color: #f5f5f5;
  color: #446082;
}
.page-item.disabled .page-link {
  color: #999999;
}
.page-item.active .page-link {
  color: #ffffff;
  background-color: #446082;
}
a.pagination-goto-btn,
a.pagination-goto-btn:hover {
  color: #ffffff !important;
  background-color: #446082;
}
.list-group-item {
  background-color: #ffffff;
  color: #000000;
  border-color: #e5e5e5;
}
.bg-success {
  background-color: #43cd43 !important;
}
.bg-danger {
  background-color: #e52020 !important;
}
.bg-sms {
  background-color: #8ca7b3;
}
.bg-mms {
  background-color: #89ccff;
}
.bg-vms,
.bg-vocal {
  background-color: #e27d25;
}
.bg-fixe {
  background-color: #fd9e4b;
}
.bg-mobile {
  background-color: #f58a2d;
}
.bg-email {
  background-color: #48b948;
}
.bg-fax {
  background-color: #30c1b2;
}
.bg-mail {
  background-color: #a5467f;
}
.bg-optin {
  background-color: #e52020;
}
.bg-other {
  background-color: #505d73;
}
.bg-body {
  background-color: #ffffff;
}
.bg-grey {
  background-color: #999999;
}
.bg-light-grey {
  background-color: #cccccc;
}
.bg-extra-light-grey {
  background-color: #f5f5f5;
}
.bg-red {
  background-color: #e52020;
}
.bg-red2 {
  background-color: #a01616;
}
.bg-red3 {
  background-color: #c21b1b;
}
.bg-orange {
  background-color: #ed9a00;
}
.bg-orange2 {
  background-color: #a56b00;
}
.bg-green {
  background-color: #43cd43;
}
.bg-green2 {
  background-color: #2e8f2e;
}
.bg-green3 {
  background-color: #38ae38;
}
.ajax-loader-container {
  background-color: rgba(255, 255, 255, 0.9);
}
.loader-sector-01 {
  border-color: transparent transparent transparent #446082;
}
.loader-sector-02 {
  border-color: transparent transparent transparent #ed9a00;
}
.loader-sector-03 {
  border-color: transparent transparent transparent #43cd43;
}
.ajax-loader-container-small {
  background-color: rgba(255, 255, 255, 0.9);
}
.loader-bubble {
  background-color: #446082;
}
.bg-red,
.bg-error {
  background-color: #e52020 !important;
}
.bg-red2 {
  background-color: #a01616 !important;
}
.bg-red3 {
  background-color: #c21b1b !important;
}
.bg-orange,
.bg-warning {
  background-color: #ed9a00 !important;
}
.bg-orange2 {
  background-color: #a56b00 !important;
}
.bg-green,
.bg-ok {
  background-color: #43cd43 !important;
}
.bg-green2 {
  background-color: #2e8f2e !important;
}
.bg-green3 {
  background-color: #38ae38 !important;
}
.bg-blue,
.bg-neutral {
  background-color: #8ca7b3 !important;
}
.bg-dark-grey {
  background-color: #666666 !important;
}
.bg-light-grey,
.bg-inactive {
  background-color: #cccccc !important;
}
.bg-extra-light-grey {
  background-color: #f5f5f5 !important;
}
.bg-extra-light-primary {
  background-color: #eceff2;
}
.bg-light-primary {
  background-color: #d9dfe6;
}
.bg-primary {
  background-color: #446082 !important;
}
.separator:before {
  background: #cccccc;
}
.separator>span {
  background-color: #cccccc;
  color: #ffffff;
}
.separator-primary>span {
  background-color: #446082;
}
.separator-menu>span {
  background-color: #eceff2;
  color: #446082;
}
.separator-menu:before {
  background: #eceff2;
}
.carousel-indicators-primary .active {
  background-color: #446082;
}
.block-basic {
  border: 1px solid #e5e5e5;
}
.block-body {
  background-color: #ffffff;
}
.block-extra-light-grey {
  background-color: #f5f5f5;
}
.border-light {
  border: 1px solid #dddddd;
}
.msg-success {
  background-color: #43cd43;
}
.msg-error {
  background-color: #e52020;
}
.msg-neutral {
  background-color: #f5f5f5;
}
.popover {
  background-color: #ffffff;
}
.popover-header {
  color: #000000 !important;
  border-bottom: 1px solid #e5e5e5;
}
.popover-body{
  color: #000000;
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^="top"] > .arrow::after{
  border-top-color: #ffffff;
}

.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^="right"] > .arrow::after{
  border-right-color: #ffffff;
}

.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^="bottom"] > .arrow::after{
  border-bottom-color: #ffffff;
}

.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^="left"] > .arrow::after{
  border-left-color: #ffffff;
}

.upload-box-container {
  background-color: #f5f5f5;
  outline: 2px dashed #cccccc;
}
.upload-box-container .upload-box-icon {
  color: #cccccc;
}
.upload-box-file+label {
  color: #333333;
}
.upload-box-file+label:hover span.choose {
  color: #446082;
}
.upload-box-container p {
  color: #333333;
}
.file-upload-btn {
  border: 2px solid #446082;
  background-image: linear-gradient(to bottom, #446082 50%, transparent 50%);
  color: #ffffff;
}
.file-upload-btn:hover {
  color: #446082;
}
.file-upload {
  border: 4px solid #446082;
  background-image: linear-gradient(to bottom, #446082 50%, transparent 50%);
  color: #ffffff;
}
.file-upload:hover {
  color: #446082;
}
.file-upload-label:hover .file-upload-choose {
  color: $primary
}
.popover-help {
  background-color: #446082;
  color: #ffffff !important;
}
.popover-help:hover {
  background-color: #3d5675;
  color: #ffffff !important;
}
.badge-primary {
  background-color: #446082;
  color: #ffffff;
}
.badge-success {
  background-color: #43cd43;
  color: #ffffff;
}
.loading_bar {
  background-color: #dddddd;
  border: 5px solid #f5f5f5;
}
.loading_bar_progress {
  background: #446082;
}
.alert-info {
  background-color: #e2e7ec;
  border-color: #e2e7ec;
  color: #2f435b;
}
.alert-info p {
  color: #2f435b;
}
.alert-success {
  background-color: #e2f7e2;
  border-color: #e2f7e2;
  color: #2e8f2e;
}
.alert-success p {
  color: #2e8f2e;
}
.alert-warning {
  background-color: #fcefd8;
  border-color: #fcefd8;
  color: #a56b00;
}
.alert-warning p {
  color: #a56b00;
}
.alert-danger,
.alert-error {
  background-color: #fbdddd;
  border-color: #fbdddd;
  color: #a01616;
}
.alert-danger p,
.alert-error p {
  color: #a01616;
}
ul.list-basic .fa-check-circle {
  color: #43cd43;
}
.list-tag .list-item {
  background-color: #f5f5f5;
  color: #000000;
}
.container-main.container-without-tpl {
  background-color: #e5e5e5;
}
.block-shadow-login {
  background-color: #ffffff;
}
.form-section .form-section-title-admin-mb h2 {
  color: #ffffff;
}
.field-config {
  background-color: #f5f5f5;
}
.alert-dev {
  border: 3px solid #e52020;
  color: #e52020;
}
.ui-sortable-placeholder.ui-state-highlight{
  background-color: #eceff2 !important;
  border-color: #d9dfe6 !important;
}
.global-body-overlay .global-body-loader {
  color: #ffffff;
}
.global-body-overlay .global-body-loader p {
  color: #ffffff;
}
.help-arrow svg path {
  fill: #ffffff !important;
}
.help-wizard-container p {
  color: #ffffff;
}
.new-medal .medal-bg {
  color: #e52020;
}
.medal-text {
  color: #ffffff;
}
.allowed-element,
.allowed-keyword,
.allowed-link,
.allowed-oadc {
  background-color: #f5f5f5;
}
.nav-tabs.nav-tabs-inverted .nav-link.active,
.nav-tabs.nav-tabs.nav-tabs-inverted .nav-item.show .nav-link {
  background-color: #ffffff;
}
.nav-tabs.nav-tabs-inverted .nav-link {
  background-color: #f5f5f5;
}
.nav-tabs.nav-tabs-inverted .nav-link:hover {
  background-color: #ffffff;
}
.svg-custom-primary-stroke{
  stroke: #446082 !important;
}
.svg-custom-primary-fill{
  fill: #446082 !important;
}
.sh .container-main,
.sh .device-column,
.sh .credit-bar-right{
  background-color: var(--dynamic_theme_main_bg) !important;
}
.sh .substep-selection:hover {
  border-color: #d9dfe6 !important;
}
.sh .substep-select-input:checked~.substep-selection {
  border-color: #446082 !important;
}
.sh header .ico-product-sms,
.sh header .ico-product-mms,
.sh header .ico-product-vocal,
.sh header .ico-product-email,
.sh header .ico-product-rcs,
.sh header .ico-product-mail,
.sh header .ico-product-optin,
.sh header .ico-product-fax,
.sh header .ico-product-market-auto{
  background-color: #446082 !important;
}
.calendrier_cellule {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.calendrier .cellule_gauche {
  background: #e5e5e5;
}
.calendrier_head .cellule_jour,
.calendrier_head .cellule_gauche {
  background: #e5e5e5;
}
.calendrier_body .cellule_today {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
#sidebar-right {
  background-color: #ffffff;
}
#sidebar-right li.locked .locked-icon {
  color: #bbbbbb;
}
#sidebar-right li a.account-menu-title {
  color: #999999;
  border-top: 1px solid #dddddd;
}
.user-cover {
  background: #ffffff;
}
.block-parameters:hover {
  background-color: #eceff2;
  border-top: 2px solid #446082;
}
.col-block-parameters.active .block-parameters {
  background-color: #eceff2;
  border-top: 2px solid #446082;
}
.col-block-parameters .locked-icon {
  background: #bbbbbb;
  color: #ffffff;
}
.block-parameters-icon {
  color: #446082;
}
.account-parameters-menu.reduced .block-parameters {
  border: 0.1rem solid #446082;
}
.account-parameters-menu.reduced .col-block-parameters.active .block-parameters {
  border: 0.1rem solid #446082;
  background-color: #446082;
}
.account-parameters-menu.reduced .col-block-parameters.active .block-parameters * {
  color: #ffffff;
}
.account-parameters-menu.reduced .col-block-parameters .block-parameters:hover {
  border: 0.1rem solid #446082;
  background-color: #446082;
}
.account-parameters-menu.reduced .col-block-parameters .block-parameters:hover * {
  color: #ffffff;
}
.custom-logo-bg {
  background-color: #ffffff;
}
.custom-logo-inverted-bg {
  background-color: #ffffff;
}
.col-conversations {
  border-right: 5px solid #f5f5f5;
}
.col-conversation {
  background-color: #ffffff;
  border-left: 3px solid #ffffff;
  border-bottom: 1px solid #f5f5f5;
}
.col-conversation:hover {
  background-color: #f5f5f5;
  border-left: 3px solid #446082;
}
.col-conversation.active {
  background-color: #ffffff;
  border-left: 3px solid #446082;
}
.answer {
  background-color: #ffffff;
  border: 2px solid #dddddd;
}
.answer-primary {
  background-color: #446082;
  border: 2px solid #446082;
}
.answer-blue {
  background-color: #eceff2;
}
.answer-grey {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.answer::before {
  border-top: 24px solid #dddddd;
}
.answer::after {
  border-top: 20px solid #ffffff;
}
.answer-invert::before {
  border-top: 24px solid #dddddd;
}
.answer-blue::after {
  border-top: 20px solid #eceff2;
}
.answer-grey::before {
  border-top: 24px solid #f5f5f5;
}
.answer-grey::after {
  border-top: 20px solid #f5f5f5;
}
.answer-primary::after {
  border-top: 20px solid #446082;
}
.answer-primary::before {
  border-top: 24px solid #446082;
}
.answer-left::after {
  border-right: 20px solid #ffffff;
}
.answer-left.answer-blue::after {
  border-right-color: #eceff2;
  border-top-color: transparent;
}
.block-bubble-msg.conv_message::before {
  border-top: 44px solid #dddddd;
  border-right: 44px solid transparent;
  border-left: 0px solid transparent;
}
.block-bubble-msg.conv_message::after {
  border-top: 40px solid #ffffff;
  border-right: 40px solid transparent;
  border-left: 0px solid transparent;
}
.block-bubble-msg.block-bubble-msg-light::before {
  border-top: 24px solid #dddddd;
  border-right: 0px solid transparent;
  border-left: 24px solid transparent;
}
.block-bubble-msg.block-bubble-msg-light::after {
  border-top: 20px solid #ffffff;
  border-right: 0px solid transparent;
  border-left: 20px solid transparent;
}
.agenda-variable {
  background-color: #999999;
  color: #ffffff;
}
.message-help {
  background-color: #f5f5f5;
}
.bullet-number {
  background-color: #446082;
  color: #ffffff;
}
.timeline-google-agenda {
  background-color: #d9dfe6;
}
.timeline-google-agenda:after {
  border-left-color: #d9dfe6;
}
@media (min-width: 992px) {
  .page-api-plugin .timeline {
    background-color: #f5f5f5;
  }
}
.page-api-plugin .timeline:after {
  border-left-color: #f5f5f5;
}
.nav-bundle {
  background-color: #ffffff;
  color: #446082;
}
.bundle-panel {
  background: #ffffff;
  color: #000000;
}
.bundle-panel:hover {
  background-color: #f5f5f5;
}
.features-list table tr td {
  border: 1px solid #f5f5f5;
  color: #666666;
}
.features-list table tbody tr:nth-child(even) {
  background: #ffffff;
}
.features-list table tbody tr:nth-child(odd) {
  background: #ffffff;
}
.features-list th.table-feature-title {
  background: #ffffff;
  border: 1px solid #f5f5f5;
  box-shadow: inset 0 -2px 0 #e5e5e5;
}
.features-list th.table-feature-category {
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.feature-allowed {
  color: #43cd43;
}
.feature-disallowed {
  color: #e52020;
}
.feature-customizable{
  background-color: #eceff2;
}
.feature-unavailable{
  background-color: #fce8e8;
}
.feature-customizable-unavailable{
  background-color: #fdf4e5;
}
.page-limited-features .feature{
  background-color: #ffffff;
}
.btn-locked-icon{
  background: #bbbbbb;
  border: 0.2rem solid #ffffff;
}.btn-primary{
  background-color: #446082;
  border-color: #446082;
  color: #ffffff;
}
.btn-primary:hover{
  background-color: #2f435b;
  border-color: #2f435b;
  color: #ffffff;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle{
  background-color: #2f435b;
  border-color: #2f435b;
  color: #ffffff;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus{
    box-shadow: 0 0 0 .2rem #44608220;
}
.btn-outline-primary{
  background-color: transparent;
  border-color: #446082;
  color: #446082;
}
.btn-outline-primary:hover{
  background-color: #446082;
  border-color: #446082;
  color: #ffffff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle{
  background-color: #446082;
  border-color: #446082;
  color: #ffffff;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus{
    box-shadow: 0 0 0 .2rem #44608220;
}
.btn-outline-secondary{
  background-color: transparent;
  border-color: #101828;
  color: #101828;
}
.btn-outline-secondary:hover{
  background-color: #101828;
  border-color: #101828;
  color: #ffffff;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle{
  background-color: #101828;
  border-color: #101828;
  color: #ffffff;
}
.btn-success{
  background-color: #43cd43;
  border-color: #43cd43;
  color: #ffffff;
}
.btn-success:hover{
  background-color: #2e8f2e;
  border-color: #2e8f2e;
  color: #ffffff;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle{
  background-color: #2e8f2e;
  border-color: #2e8f2e;
  color: #ffffff;
}
.btn-outline-success{
  background-color: transparent;
  border-color: #43cd43;
  color: #43cd43;
}
.btn-outline-success:hover{
  background-color: #43cd43;
  border-color: #43cd43;
  color: #ffffff;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle{
  background-color: #43cd43;
  border-color: #43cd43;
  color: #ffffff;
}
.btn-warning{
  background-color: #ed9a00;
  border-color: #ed9a00;
  color: #ffffff;
}
.btn-warning:hover{
  background-color: #a56b00;
  border-color: #a56b00;
  color: #ffffff;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle{
  background-color: #a56b00;
  border-color: #a56b00;
  color: #ffffff;
}
.btn-outline-warning{
  background-color: transparent;
  border-color: #ed9a00;
  color: #ed9a00;
}
.btn-outline-warning:hover{
  background-color: #ed9a00;
  border-color: #ed9a00;
  color: #ffffff;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle{
  background-color: #ed9a00;
  border-color: #ed9a00;
  color: #ffffff;
}
.btn-danger{
  background-color: #e52020;
  border-color: #e52020;
  color: #ffffff;
}
.btn-danger:hover{
  background-color: #a01616;
  border-color: #a01616;
  color: #ffffff;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle{
  background-color: #a01616;
  border-color: #a01616;
  color: #ffffff;
}
.btn-outline-danger{
  background-color: transparent;
  border-color: #e52020;
  color: #e52020;
}
.btn-outline-danger:hover{
  background-color: #e52020;
  border-color: #e52020;
  color: #ffffff;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle{
  background-color: #e52020;
  border-color: #e52020;
  color: #ffffff;
}
.btn-outline-grey{
  background-color: #ffffff;
  border-color: #dddddd;
  color: #000000;
}
.btn-outline-grey .icon{
  color: #446082;
}
.btn-outline-grey:hover,
.btn-outline-grey:focus,
.btn-outline-grey.focus{
  background-color: #e5e5e5;
  border-color: #e5e5e5;
  box-shadow: none;
  color: #000000;
}
.btn-outline-grey.dropdown-toggle::after{
  color: #446082;
}
.btn-light{
  background-color: #eceff2;
  border-color: #eceff2;
  color: #000000;
}
.btn-light:hover{
  background-color: #d9dfe6;
  border-color: #d9dfe6;
  color: #000000;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle{
  background-color: #d9dfe6;
  border-color: #d9dfe6;
  color: #000000;
}
.btn-outline-white {
  border-color: #ffffff;
  color: #ffffff !important;
}
.btn-outline-white:hover,
.btn-outline-white:focus,
.btn-outline-white.focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000 !important;
}
.btn-white,
.btn-white:hover,
.btn-white:focus,
.btn-white.focus {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
}
.btn-info {
  color: #ffffff !important;
}
.btn-invert {
  background-color: #ffffff;
  color: #446082;
}
.btn-warning,
.btn-warning:hover {
  color: #ffffff !important;
}
.dropdown-item .icon {
  color: #446082;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #2f435b;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #2f435b;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #2f435b;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #2f435b;
}
.tooltip .tooltip-inner {
  background-color: #2f435b;
}
.table .lien_pdf {
  border: 2px solid #dddddd;
  color: #666666;
  background: #ffffff;
}
.custom-select-sh-container {
  background-color: #ffffff;
  border: #dddddd 1px solid;
}
.custom-select-sh-container::after {
  border-top-color: #999999;
}
.sa-button-container .cancel,
.swal2-actions:not(.swal2-loading) .swal2-styled.swal2-cancel {
  background-color: var(--dynamic_modal_bg) !important;
  border-color: #446082 !important;
  color: #446082 !important;
}
.sa-button-container .cancel:hover,
.swal2-actions:not(.swal2-loading) .swal2-styled.swal2-cancel:hover {
  background-color: #446082 !important;
  color: #ffffff !important;
}
.sa-button-container .confirm,
.swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm {
  background-color: #446082 !important;
  border-color: #446082 !important;
  color: #ffffff !important;
}
.btn-fixed-save {
  background-color: #43cd43;
  border: 2px solid #ffffff;
}
.btn-fixed-save:hover {
  background-color: #2e8f2e;
}
.btn-select,
.btn-select:hover,
.btn-select:focus,
.btn-select.focus {
  background-color: #ffffff;
  border-color: #dddddd;
  color: #000000;
}
@media (min-width: 992px) {
  .device-column {
    background-color: #ffffff;
  }
}
.credit-title {
  background-color: #e5e5e5;
}
.credit-title::after {
  border-left-color: #e5e5e5;
}
.credit-amount {
  border-right: 1px solid #dddddd;
}
.step-bar {
  background-color: #dddddd;
}
.step-indicator-icon {
  background-color: #ffffff;
  border: 2px solid #dddddd;
  color: #ffffff;
}
.step-indicator.current .step-indicator-icon {
  background-color: #446082;
}
.step-indicator.ok .step-indicator-icon {
  background-color: #43cd43;
}
.step-indicator.current .step-indicator-name {
  color: #446082;
}
.step-indicator.ok .step-indicator-name {
  color: #43cd43;
}
.step-title-icon {
  color: #446082;
}
.substep-selection {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
}
.substep-block {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
}
.substep-select-input:checked~.substep-selection,
.substep-selection:hover {
  background-color: #eceff2;
  border-color: #eceff2;
}
.substep-selection-locked:hover{
  border-color: #ffffff;
}
.substep-select-input:checked~.substep-selection .substep-content-icon {
  color: #446082;
}
.round-icon {
  background-color: #446082;
  color: #ffffff;
}
.round-icon-light {
  background-color: #d9dfe6;
}
.round-icon-lighter {
  background-color: #eceff2;
}
.round-icon-outline {
  border: 0.2rem solid #dddddd;
  background-color: #ffffff;
}
.round-icon-outline-primary {
  border: 0.2rem solid #446082;
}
.round-icon-outline-warning {
  border: 0.2rem solid $warning;
}
.round-icon-outline-info {
  border: 0.2rem solid $info;
}
.substep-icon .text {
  color: #446082;
}
.substep-select-input:checked~.substep-selection .substep-icon {
  background-color: #43cd43 !important;
}
.substep-select-input:checked~.substep-selection .substep-icon::after {
  background-color: #43cd43 !important;
}
.round-icon-checkbox {
  background-color: #ffffff;
  color: #ffffff;
}
.round-icon-with-checkbox input~label {
  background-color: #e52020;
}
.round-icon-with-checkbox input:checked~label {
  background-color: #43cd43;
}
.round-icon-with-checkbox input:checked~label .round-icon-checkbox::after {
  color: #43cd43;
}
.round-icon-with-checkbox input:checked~label.bg-danger .round-icon-checkbox::after {
  color: #e52020;
}
.round-icon-with-checkbox input:disabled~label {
  background-color: #cccccc;
}
.substep-select-input:checked~.substep-selection.substep-selection-simple {
  background-color: #43cd43;
  border-color: #43cd43;
}
.substep-select-input:checked~.substep-selection.substep-selection-simple h3,
.substep-select-input:checked~.substep-selection.substep-selection-simple p {
  color: #ffffff;
}
.substep-summary {
  background-color: #f5f5f5;
}
.bg-inactive {
  background-color: #cccccc;
}
.group-select-label {
  background-color: #ffffff;
  border: 2px solid #ffffff;
}
.group-select-text {
  color: #000000;
}
.group-select-text.nom_groupe {
  color: #000000;
}
.group-select-badge {
  background-color: #bbbbbb;
}
.group-select-button {
  background-color: #446082;
}
.group-select-button a {
  color: #ffffff !important;
}
.group-select-check {
  background-color: #43cd43;
  color: #ffffff;
}
.group-select-input:checked~.group-select-label {
  border-color: #43cd43;
}
.group-select-input:checked~.group-select-label .group-select-badge {
  background-color: #43cd43;
}
.group-select-input:checked~.group-select-label .substep-icon {
  background-color: #43cd43;
}
.group-select-input:checked~.group-select-label .substep-icon::after {
  background-color: #43cd43;
}
.group-type {
  background-color: #446082;
  color: #ffffff;
}
.group-select-input:checked~.group-select-label .group-type {
  background-color: #43cd43;
}
.list-select-overflow {
  background-color: #ffffff;
}
.list-select-label {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #dddddd;
}
.list-select-check {
  border: 2px solid #ffffff;
  color: #ffffff;
}
.list-select-input:checked~.list-select-label {
  border-color: #43cd43;
  background-color: #43cd43;
  color: #ffffff;
}
.template {
  background-color: #eceff2;
}
.template:hover,
.template.selected {
  background-color: #d9dfe6;
}
.template .remove {
  color: #446082;
}
.template .check {
  background-color: #43cd43;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.template .tag-list {
  color: #446082;
}
.block-bubble {
  background-color: #f5f5f5;
}
.block-bubble::after {
  border-top: 40px solid #f5f5f5;
}
.block-bubble-msg {
  background-color: #ffffff;
  border: 2px solid #dddddd;
}
.block-bubble-msg::before {
  border-top: 24px solid #dddddd;
}
.block-bubble-msg::after {
  border-top: 20px solid #ffffff;
}
.block-bubble-msg textarea {
  background-color: #ffffff;
  color: #000000;
}
.recap-magasin {
  border: 1px solid #dddddd;
}
.btn-send.clicked .ico {
  color: #43cd43;
}
.active-filters .filter-rule {
  background-color: #f5f5f5;
}
.active-filters .filter-item {
  background-color: #bbbbbb;
  color: #ffffff;
}
.group-select-input:checked~.group-select-label .stroke-light-primary {
  stroke: #446082 !important;
}
.group-select-input:checked~.group-select-label .ico-light-blue svg path,
.group-select-input:checked~.group-select-label .ico-light-blue svg rect,
.group-select-input:checked~.group-select-label .ico-light-blue svg polygon,
.group-select-input:checked~.group-select-label .ico-light-blue svg circle {
  fill: #446082 !important;
}
.bulle-produit {
  color: #ffffff;
  border: 2px solid #ffffff;
}
.bulle-produit p {
  color: #ffffff;
}
.ico-presentation {
  border: 5px solid #dddddd;
}
.device-numbered-bullet {
  color: #ffffff;
}
.device-presentation-container.sms-presentation-new .device-phone .status-bar,
.device-presentation-container.sms-presentation-new .device-phone .notch-angle::after,
.device-presentation-container.sms-presentation-new .sender,
.device-presentation-container.sms-presentation-new .device-phone .avatar {
  background-color: #8ca7b3;
  color: #ffffff;
}
.device-presentation-container.mms-presentation-new .device-phone .status-bar,
.device-presentation-container.mms-presentation-new .device-phone .notch-angle::after,
.device-presentation-container.mms-presentation-new .sender,
.device-presentation-container.sms-presentation-new .device-phone .avatar {
  background-color: #89ccff;
  color: #ffffff;
}
.device-presentation-container.vms-presentation-new .device-phone .status-bar,
.device-presentation-container.vms-presentation-new .device-phone .notch-angle::after,
.device-presentation-container.vms-presentation-new .sender {
  background-color: #e27d25;
  color: #ffffff;
}
.device-presentation-container.sms-presentation-new .sender p,
.device-presentation-container.mms-presentation-new .sender p,
.device-presentation-container.vms-presentation-new .sender p {
  color: #ffffff;
}
.device-presentation-container.product-presentation .answer-zone {
  border-bottom: 1px solid #dddddd;
}
.device-presentation-container.product-presentation .interface-icons {
  color: #000000;
}
.device-presentation-container.vms-presentation-new .vms-play {
  color: #ffffff;
  background-color: #e27d25;
}
.device-presentation-container.vms-presentation-new .vms-icon {
  color: #999999;
}
.device-presentation-container.vms-presentation-new .vms-icon.icon-02 {
  background-color: #43cd43;
  color: #ffffff;
}
.device-presentation-container.vms-presentation-new .vms-progress .bar {
  background-color: #e27d25;
}
.device-presentation-container.vms-presentation-new .vms-progress .text-01 {
  color: #999999;
}
.device-presentation-container.vms-presentation-new .vms-progress .text-02 {
  color: #999999;
}
.device-presentation-container.email-presentation-new .device-tablet .message-bg {
  background-color: #f5f5f5;
}
.device-presentation-container.email-presentation-new .device-tablet .message {
  background-color: #000000;
}
.device-presentation-container.email-presentation-new .device-tablet .sender-text span:first-child {
  color: #cccccc;
}
.device-presentation-container.email-presentation-new .device-tablet .subject-text span:first-child {
  color: #cccccc;
}
.device-presentation-container.email-presentation-new .device-tablet .action {
  border: 2px solid #999999;
}
.device-presentation-container.mail-presentation-new .message {
  color: #ffffff;
}
.report-pseudo-table>.row:nth-child(odd) .col-sm-6 {
  background-color: #f5f5f5;
}
.status-badge {
  color: #ffffff;
}
.status-red {
  background-color: #e52020 !important;
}
.status-red-02 {
  background-color: #a30202 !important;
}
.status-red-03 {
  background-color: #662d2d !important;
}
.status-red-04 {
  background-color: #ea6767 !important;
}
.status-yellow {
  background-color: #d3d629 !important;
}
.status-orange {
  background-color: #ed9a00 !important;
}
.status-orange-02 {
  background-color: #ff6600 !important;
}
.status-green {
  background-color: #43cd43 !important;
}
.status-green-02 {
  background-color: #29a429 !important;
}
.status-green-03 {
  background-color: #337933 !important;
}
.status-blue {
  background-color: #8ca7b3 !important;
}
.status-grey {
  background-color: #999999 !important;
}
.status-grey-02 {
  background-color: #666666 !important;
}
.status-grey-03 {
  background-color: #cccccc !important;
}
.message-preview-container .control-message {
  background-color: #446082;
  color: #ffffff;
}
.message-preview-container .control-message a {
  color: #ffffff;
}
.mail-rules-list {
  border: 1px solid #e5e5e5;
}
.mail-rule {
  background-color: #f5f5f5;
}
.mail-rule .rule-icon {
  background-color: #999999;
  color: #ffffff;
}
.mail-rule-ok .rule-icon {
  background-color: #43cd43;
}
.mail-rule-ko .rule-icon {
  background-color: #e52020;
}
.page-envoi-e-mail .modele-display .modele-media-name {
  background-color: #666666;
}
.page-envoi-e-mail .modele-display .modele-media-name p {
  color: #ffffff;
}
.choix_type_param label.label_block {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #333333;
}
.choix_type_param label.label_block:hover {
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
}
.choix_type_param.active label.label_block {
  background-color: #eceff2;
  border: 1px solid #eceff2;
  color: #333333;
}
.choix_type_param .select_choix {
  color: #ffffff;
  background: #43cd43;
}
.choix_type_param .badge {
  background: #446082;
  color: #ffffff;
}
.choix_type_param .badge a {
  color: #ffffff;
}
.liste_groupes_campagne ul {
  background: #ffffff;
}
.choix_type_param.active .liste_groupes_campagne li label {
  background-color: #ffffff !important;
  color: #333333 !important;
  border-bottom: 1px solid #e5e5e5;
}
.choix_type_param.active .liste_groupes_campagne li label.selected {
  background-color: #ecfaec !important;
  color: #333333;
  border-bottom: 1px solid #ffffff;
}
.popup {
  border: 1px solid #000000;
}
.popup_container_2 {
  background: #ffffff;
}
.popup_container_close .popup_close {
  color: #ffffff;
  background-color: #ffffff;
}
textarea {
  border: 1px solid #dddddd;
}
p.line-behind:before {
  border-top: 2px solid #dddddd;
}
p.line-behind span {
  background: #eceff2;
}
.progress-bar {
  color: #ffffff;
  background-color: #446082;
}
.progress-bar-success {
  background-color: #43cd43;
}
.progress-bar-info {
  background-color: #d9dfe6;
}
.progress-bar-warning {
  background-color: #ed9a00;
}
.progress-bar-danger {
  background-color: #e52020;
}
.col-groups {
  background-color: #ffffff;
}
.col-contacts {
  background-color: #ffffff;
}
.col-groups-border {
  background-color: #446082;
}
.col-groups-toggler {
  color: #ffffff;
  background-color: #446082;
}
.group-list>li>a {
  background-color: #d9dfe6;
  color: #000000;
}
.group-list>li>a.collapsed {
  background-color: #ffffff;
}
.group-list>li>a.collapsed:hover {
  background-color: #d9dfe6;
}
.group-list>li .badge {
  background-color: #446082;
}
.group-list>li.active .badge {
  background-color: #446082;
}
.group-list>li .group-actions {
  background-color: #d9dfe6;
}
.filtre_actif {
  background-color: #43cd43;
}
.filtre_actif p {
  color: #ffffff;
}
.filtre_actif a {
  color: #ffffff;
}
.liste_groupes ul.liste_groupes_content>li:not(.order-li):hover {
  background-color: #d9dfe6;
}
.liste_groupes ul.liste_groupes_content>li.active {
  background-color: #d9dfe6;
  border-left: 3px solid #446082;
}
.liste_groupes ul.liste_groupes_content>li .badge {
  background-color: #bbbbbb;
}
.liste_groupes ul.liste_groupes_content>li:not([data_id_groupe="0"]).active .badge {
  background-color: #446082;
}
.liste_groupes ul.liste_groupes_content>li[data_id_groupe="0"].active .badge {
  background-color: #446082;
}
.nom_groupe_input input {
  border-color: #ffffff;
}
.groupe-categ {
  background-color: #e5e5e5;
}
.nom_groupe_texte .icon,
.groupe-categ .icon,
.nom_groupe .icon {
  color: #446082;
}
.order-by-sort-container .icon-order {
  color: #446082;
}
.article h2 span {
  border-right: 5px solid #dddddd;
}
.cgvu-index {
  background-color: #f5f5f5;
}
.menu_api>ul {
  border-right: 1px solid #e5e5e5;
}
.menu_api>ul>li {
  border-bottom: 1px solid #e5e5e5;
}
.block-code {
  color: #405b7b;
  background: #f5f5f5;
}
.table_api th {
  background-color: #ffffff;
}
.table_api.table-striped tbody tr {
  background-color: #f5f5f5;
}
.table_api.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #ffffff;
}
.preview-container-hexa .preview-container-mask {
  background-color: #ffffff;
}
.btn-esp-right .text {
  border-right: 1px solid #ffffff;
}
.btn-toggle {
  color: #ffffff;
  background-color: #446082;
}
.widget-shadow {
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
}
.widget-shadow .widget-title {
  background-color: #eceff2;
}
.widget-shadow.widget-alert .widget-title {
  background-color: #fce8e8;
}
ul.widget-menu>li>a,
ul.widget-menu>li>span {
  color: #446082;
}
ul.widget-menu .dropdown-item {
  color: #666666;
}
ul.widget-menu .dropdown-item .icon {
  color: #446082;
}
.dashboard-drop-placeholder {
  background-color: #eceff2;
  color: #d9dfe6;
}
.dashboard-add-zone {
  background-color: #446082;
}
.dashboard-add-zone .icon {
  background-color: #446082;
  color: #ffffff;
}
.hidden-widgets {
  background-color: #f5f5f5;
}
.widget-important-warning {
  background-color: #ed9a00;
}
.widget-important-warning p,
.widget-important-warning a {
  color: #ffffff;
}
.widget-whats-new {
  background-color: #f5f5f5;
}
.widget-whats-new.widget-whats-new-alert {
  background-color: #e52020;
}
.widget-whats-new .bg-whats-new {
  background-color: #ffffff;
}
.widget-whats-new .title-container {
  background-color: #ffffff;
}
@media (min-width: 992px) {
  .widget-whats-new .title-container::after {
    border-color: #f5f5f5;
    border-top-color: #ffffff;
  }
}
@media (min-width: 992px) {
  .widget-whats-new.widget-whats-new-alert .title-container::after {
    border-color: #e52020;
    border-left-color: #ffffff;
  }
}
@media (min-width: 992px) {
  .widget-whats-new.widget-whats-new-alert .text-container::after {
    border-color: #ffffff;
    border-left-color: #e52020;
  }
}
.widget-whats-new.widget-whats-new-alert p {
  color: #ffffff;
}
@media (min-width: 992px) {
  .dashboard-col-3 .widget-whats-new .title-container::after {
    border: 200px solid #f5f5f5;
    border-left-color: #ffffff;
  }
}
@media (min-width: 992px) {
  .dashboard-col-3 .widget-whats-new .text-container::after {
    border: 200px solid #ffffff;
    border-left-color: #f5f5f5;
  }
}
.widget-whats-new-mb {
  background-color: #f5f5f5;
}
.widget-whats-new-mb.widget-whats-new-alert {
  background-color: #e52020;
}
.widget-whats-new-mb .bg-whats-new {
  background-color: #ffffff;
}
.widget-whats-new-mb .title-container {
  background-color: #ffffff;
}
@media (min-width: 992px) {
  .widget-whats-new-mb .title-container::after {
    border-color: #f5f5f5;
    border-left-color: #ffffff;
  }
}
@media (min-width: 992px) {
  .widget-whats-new-mb.widget-whats-new-alert .title-container::after {
    border-color: #e52020;
    border-left-color: #ffffff;
  }
}
@media (min-width: 992px) {
  .widget-whats-new-mb .text-container::after {
    border-color: #ffffff;
    border-left-color: #f5f5f5;
  }
}
@media (min-width: 992px) {
  .widget-whats-new-mb.widget-whats-new-alert .text-container::after {
    border-color: #ffffff;
    border-left-color: #e52020;
  }
}
.widget-whats-new-mb.widget-whats-new-alert p {
  color: #ffffff;
}
.widget-commandes {
  background-color: #ffffff;
}
.credit-block-flip .credit-block-card {
  background-color: #ffffff;
}
.credit-block-flip .credit-block-card .front {
  background-color: #ffffff;
  border: 2px solid #dddddd;
}
.credit-block-flip .credit-block-card .back {
  background-color: #ffffff;
  border: 2px solid #dddddd;
}
.credit-type {
  background-color: #666666;
  color: #ffffff;
}
.credit-value span,
.messages-sent span {
  color: #666666;
}
.credit-add {
  background-color: #666666;
  color: #ffffff;
}
.credit-add,
.credit-add:hover {
  color: #ffffff;
}
.widget-credit p.total-price {
  border-top: 2px dotted #dddddd;
}
.credit-sms .credit-type,
.credit-sms .credit-add {
  background-color: #8ca7b3;
}
.credit-sms label.credit-type {
  background-color: #e5e5e5;
}
.credit-sms input[type="radio"]:checked+label.credit-type {
  background-color: #8ca7b3;
}
.credit-sms .credit-value span:first-child {
  color: #8ca7b3;
}
.credit-mms .credit-type,
.credit-mms .credit-add {
  background-color: #89ccff;
}
.credit-mms .credit-value span:first-child {
  color: #89ccff;
}
.credit-vms .credit-type,
.credit-vms .credit-add {
  background-color: #e27d25;
}
.credit-vms label.credit-type {
  background-color: #e5e5e5;
}
.credit-vms input[type="radio"]:checked+label.credit-type {
  background-color: #e27d25;
}
.credit-vms .credit-value span:first-child {
  color: #e27d25;
}
.credit-email .credit-type,
.credit-email .credit-add {
  background-color: #48b948;
}
.credit-email .credit-value span:first-child {
  color: #48b948;
}
.credit-fax .credit-type,
.credit-fax .credit-add {
  background-color: #30c1b2;
}
.credit-fax .credit-value span:first-child {
  color: #30c1b2;
}
#widget_credits .credits-container {
  border-top: 1px solid #e5e5e5;
}
.widget-last-campaigns {
  background-color: #ffffff;
}
.widget-contacts {
  background-color: #ffffff;
}
.widget-magazine-cover {
  border: 5px solid #dddddd;
}
.mag-number {
  color:  #2f435b;
}
.widget-stats {
  background-color: #ffffff;
}
.grid_panel {
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.grid_title {
  border-bottom: 1px solid #dddddd;
}
.grid_footer {
  background-color: #f5f5f5;
}
.grid_title .collapse-link {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.grid_title .collapse-link:hover {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
.grid_title .nav-action {
  background-color: #446082;
  border-color: #446082;
}
.grid_title .nav-action:hover {
  background-color: #446082;
  border-color: #446082;
}
.grid_ticket_campagne td a:not(.btn) {
  color: #1b2634 !important;
}
.grid_ticket_its td#id a:not(.btn) {
  color: #8e9fb4 !important;
}
.grid_ticket_mobimel td#id a:not(.btn) {
  color: #8e9fb4 !important;
}
.grid_ticket_hexa td#id a:not(.btn) {
  color: #8e9fb4 !important;
}
.grid_ticket_esp td#id a:not(.btn) {
  color: #1b2634 !important;
}
.color_sh {
  color: #101828 !important;
}
.visuel-plateforme-esp .visuel-plateforme-btn {
  color: #446082;
}
.device-phone {
  background-color: #333333;
}
.device-phone .screen {
  background-color: #ffffff;
}
.device-phone .status-bar {
  background: #ffffff;
}
.device-phone .notch {
  background-color: #333333;
}
.device-phone .notch-angle {
  background-color: #333333;
}
.device-phone .notch-angle::after {
  background-color: #ffffff;
}
.device-phone .camera {
  background-color: #666666;
}
.device-phone .speaker {
  background-color: #666666;
}
.device-phone .url-bar {
  background-color: #ffffff;
}
.device-phone .site-url {
  background-color: #e5e5e5;
}
.device-phone .avatar {
  background-color: #101828;
  color: #ffffff;
}
.device-phone .message-bubble {
  background-color: #f5f5f5;
}
.device-phone .bat-form-container {
  background-color: #f5f5f5;
}
.device-phone .vocal-sender {
  background-color: #446082;
  color: #ffffff;
}
.device-phone .vocal-sender .bullet {
  background-color: #ffffff;
}
.play-btn-circle-01 {
  background-color: #d9dfe6;
}
.play-btn-circle-02 {
  background-color: #446082;
  color: #ffffff;
}
.device-phone .vocal-icons .icon-01 {
  color: #666666;
}
.device-phone .vocal-icons .icon-02 {
  color: #ffffff;
  background-color: #43cd43;
}
.device-phone .vocal-icons .icon-03 {
  color: #666666;
}
.device-phone .vocal-progress-bar .progress-bar {
  background-color: #446082;
}
.device-phone .vocal-progress-bar .time {
  color: #666666;
}
.device-tablet {
  background-color: #333333;
}
.device-tablet .screen {
  background-color: #ffffff;
}
.device-tablet .status-bar {
  background: #446082;
  color: #ffffff;
}
.device-tablet .camera {
  background-color: #666666;
}
.device-tablet .email-preview-hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.device-tablet .bat-form-container {
  background-color: #f5f5f5;
}
.device-envelope .background {
  background-color: #bbbbbb;
}
.device-envelope .mail {
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
}
.device-envelope .mail-angle {
  border-top: 60px solid #ffffff;
}
.device-envelope .mail-angle:before {
  border-bottom: 40px solid #f5f5f5;
}
.device-envelope .envelope {
  background-color: #f5f5f5;
}
.device-envelope .envelope:before {
  border-bottom: 60px solid #f5f5f5;
}
.device-envelope .envelope:after {
  border-bottom: 60px solid #f5f5f5;
}
.optin_target {
  background: #eceff2;
}
.target_rank1 {
  background: #333333;
}
.target_rank2 {
  background: #ffffff;
}
.target_rank3 {
  background: #333333;
}
.target_rank4 {
  background: #ffffff;
}
.target_rank5 {
  background: #e52020;
}
.device-fax .mail {
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
}
.device-fax .mail-angle {
  border-top: 60px solid #ffffff;
}
.device-fax .mail-angle:before {
  border-bottom: 40px solid #f5f5f5;
}
.device-fax .virtual-fax {
  background-color: #f5f5f5;
}
.device-fax .virtual-fax-phone {
  background-color: #e5e5e5;
}
.device-fax .fax-sender {
  background-color: #ffffff;
}
.device-fax .fax-touch {
  background-color: #dddddd;
}
.device-fax .send-bat {
  border-top: 1px solid #dddddd;
}
.device-phone-rcs .rcs-banner {
  background-color: #446082;
}
.device-phone-rcs .rcs-info .brand-baseline {
  color: #999999;
}
.device-phone-rcs .brand-logo-container {
  background-color: #ffffff;
}
.device-phone-rcs .rcs-link p {
  color: #446082;
}
.device-phone-rcs .nav-infos-bar-menu-infos {
  border-bottom: 2px solid #446082;
}
.device-phone-rcs .nav-infos-bar-menu-options {
  border-bottom: 2px solid #ffffff;
}
.device-phone-rcs .rcs-infos-details:not(:last-child) .details-text {
  border-bottom: 1px solid #dddddd;
}
.device-phone-rcs .nav-bar-bottom {
  border-top: 1px solid #dddddd;
}
.advantages-list-order li {
  border-bottom: 1px dotted #cccccc;
}
.choix_sous_produit .popover-title {
  background: #333333;
  color: #ffffff;
}
.choix_sous_produit .popover-content {
  color: #000000;
}
.preselection p.texte_choix {
  color: #cccccc;
}
.choix_canal_produit {
  background: #f5f5f5;
  border: 1px solid #dddddd;
}
.choix_canal_produit .choix_type label {
  background: #ffffff;
  border: 1px solid #dddddd;
  color: #333333 !important;
}
.choix_canal_produit .choix_type.active label {
  background: #446082 !important;
  border: 1px solid #446082 !important;
  color: #ffffff !important;
}
.choix_canal_produit p {
  color: #dddddd;
}
.module_commande .entete {
  background: #333333;
  color: #ffffff;
}
.module_commande .entete span.nb_entete {
  background: #ffffff;
  color: #333333;
}
.module_commande .ligne_body {
  border: 5px solid #eceff2;
}
.module_commande .choix_qte input {
  box-shadow: inset 3px 0px 3px #dddddd;
}
.module_commande .choix_qte a.qte_modif {
  background-color: #e5e5e5;
}
.module_commande .choix_qte a.qte_modif:hover {
  background-color: #cccccc;
}
.slider>.track,
.slider>.highlight-track {
  background: #cccccc;
  border: 1px solid #999999;
}
.slider>.highlight-track {
  background-color: #43cd43;
  border-color: #2e8f2e;
}
.module_commande .fourchette {
  background: #f5f7f8;
}
.module_commande .fourchette:hover,
.module_commande .fourchette.fourchette_current {
  background: #d9dfe6;
}
.module_commande .fourchette_unique {
  background-color: #d9dfe6 !important;
}
.module_commande .tarif {
  color: #333333;
}
.module_commande .tarif_publique {
  color: #333333;
}
.module_commande .arrowhead {
  background: #ffffff;
}
.module_commande .btn_commande {
  border: 1px solid #f5f5f5;
  box-shadow: 0px 0px 5px #dddddd;
  background: #ffffff;
}
.module_commande .btn_commande .btn_g span.ligne2 {
  color: #333333;
}
.module_commande .btn_commande:hover .btn_d {
  background-color: #333333;
}
.btn_devis {
  border: 1px solid #f5f5f5;
}
.btn_devis:hover {
  color: #333333;
  background-color: #e5e5e5;
}
.choix_type_sms .module_commande .quantite,
.choix_type_sms .module_commande .prix_total,
.choix_type_sms .btn_commande .btn_g span.ligne1,
.choix_type_sms .btn_devis {
  color: #8ca7b3;
}
.choix_type_sms .btn_commande .btn_d {
  background-color: #8ca7b3;
}
.choix_type_mms .module_commande .quantite,
.choix_type_mms .module_commande .prix_total,
.choix_type_mms .btn_commande .btn_g span.ligne1,
.choix_type_mms .btn_devis {
  color: #89ccff;
}
.choix_type_mms .btn_commande .btn_d {
  background-color: #89ccff;
}
.choix_type_vocal .module_commande .quantite,
.choix_type_vocal .module_commande .prix_total,
.choix_type_vocal .btn_commande .btn_g span.ligne1,
.choix_type_vocal .btn_devis {
  color: #e27d25;
}
.choix_type_vocal .btn_commande .btn_d {
  background-color: #e27d25;
}
.choix_type_email .module_commande .quantite,
.choix_type_email .module_commande .prix_total,
.choix_type_email .btn_commande .btn_g span.ligne1,
.choix_type_email .btn_devis {
  color: #48b948;
}
.choix_type_email .btn_commande .btn_d {
  background-color: #48b948;
}
.choix_type_fax .module_commande .quantite,
.choix_type_fax .module_commande .prix_total,
.choix_type_fax .btn_commande .btn_g span.ligne1,
.choix_type_fax .btn_devis {
  color: #30c1b2;
}
.choix_type_fax .btn_commande .btn_d {
  background-color: #30c1b2;
}
.choix_type_courrier .module_commande .quantite,
.choix_type_courrier .module_commande .prix_total,
.choix_type_courrier .btn_commande .btn_g span.ligne1,
.choix_type_courrier .btn_devis {
  color: #a5467f;
}
.choix_type_courrier .btn_commande .btn_d {
  background-color: #a5467f;
}
.choix_type_prospects .module_commande .quantite,
.choix_type_prospects .module_commande .prix_total,
.choix_type_prospects .btn_commande .btn_g span.ligne1,
.choix_type_prospects .btn_devis {
  color: #e52020;
}
.choix_type_prospects .btn_commande .btn_d {
  background-color: #e52020;
}
.choix_type_vocalisation .module_commande .quantite,
.choix_type_vocalisation .module_commande .prix_total,
.choix_type_vocalisation .btn_commande .btn_g span.ligne1,
.choix_type_vocalisation .btn_devis {
  color: #999999;
}
.choix_type_vocalisation .btn_commande .btn_d {
  background-color: #999999;
}
.bloc_blanc {
  background: #ffffff;
  border: 1px solid #dddddd;
}
.bloc_gris {
  background: #f5f5f5;
}
.etape_commande {
  border: 1px solid #e5e5e5;
}
.etape_commande_encours {
  background: #446082;
  border: 1px solid #446082;
}
.etape_commande p {
  color: #999999;
}
.etape_commande_encours p {
  color: #333333;
}
.etape_commande .num_etape {
  background: #f5f7f8;
  color: #333333;
}
.recap_commande_fin h3 {
  border-bottom: 3px dotted #dddddd;
}
.montant_a_payer {
  background: #f5f5f5;
}
.purchase-grid {
  background: #ffffff;
}
.purchase-product .product-name {
  color: #446082;
}
.purchase-product .product-name a {
  color: #446082;
}
.purchase-product .line-product-price.even {
  background: #eceff2;
}
.purchase-product .line-product-price.odd {
  background: #ffffff;
}
.purchase-product .line-product-price:hover {
  border: 2px solid #999999;
}
.purchase-product .line-product-price.active {
  border: 2px solid #446082;
}
.purchase-product .line-product-price.even .col-md-3:nth-child(2) .price-step-content,
.purchase-product .line-product-price.even .col-md-3:nth-child(4) .price-step-content,
.purchase-product .line-product-price.even .col-md-4:nth-child(2) .price-step-content {
  background-color: #eceff2;
}
.purchase-product .line-product-price .col-md-3:nth-child(2) .price-step-content,
.purchase-product .line-product-price .col-md-3:nth-child(4) .price-step-content,
.purchase-product .line-product-price .col-md-4:nth-child(2) .price-step-content {
  background-color: #f5f7f8;
}
.purchase-product .amount span {
  color: #446082;
}
.purchase-volume {
  background-color: #446082;
}
.purchase-product .product-volume {
  color: #ffffff;
}
.purchase-product .product-volume .num {
  border: 2px solid #ffffff;
}
.purchase-product .input-group-btn-vertical>.btn {
  color: #000000;
  border: 1px solid #f5f5f5;
}
.purchase-title {
  color: #446082;
}
.purchase-title .num {
  border: 2px solid #446082;
}
.arrow-down {
  border-top: 30px solid #eceff2;
}
.col-md-3.col-arrow-down:nth-child(2) .arrow-down,
.col-md-3.col-arrow-down:nth-child(4) .arrow-down,
.col-md-4.col-arrow-down:nth-child(2) .arrow-down {
  border-top: 30px solid #eceff2;
}
.choix_type.active label {
  background: #f5f7f8;
  border: 1px solid #f5f7f8;
  color: #333333;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs .nav-link {
  color: #999999;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: #f5f5f5;
  color: #000000;
  border-color: #dddddd #dddddd #f5f5f5 #dddddd;
}
.nav-tabs .nav-link:hover {
  background-color: #f5f5f5;
  border-color: #dddddd #dddddd #f5f5f5 #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs .dropdown-menu {
    border: 2px solid #dddddd;
  }
}
.form-section {
  background-color: #ffffff;
}
.form-section-title {
  border-bottom: 1px solid #dddddd;
}
.form-section h2 {
  color: #000000;
}
.form-control,
.form-control-inline,
.form-control-inline-block {
  background-color: #ffffff;
  border-color: #dddddd;
  color: #000000;
}
.form-control:focus{
  border-color: #d9dfe6;
  box-shadow: 0 0 0 0.2rem #44608220;
}
.form-control::placeholder,
.form-control-inline::placeholder,
.form-control-inline-block::placeholder {
  color: #9b757d;
}
.form-control-xs,
.input-group-xs>.form-control {
  border-color: #dddddd;
}
.form-control-md,
.input-group-md>.form-control {
  border-color: #dddddd;
}
.form-control-lg,
.input-group-lg>.form-control,
.sweet-alert input {
  border-color: #dddddd;
}
.input-group-lg .input-group-text,
.sweet-alert .input-group .input-group-text {
  color: #000000;
}
.bootstrap-select .btn {
  border-color: #dddddd;
  background-color: #ffffff;
  color: #000000;
}
.selectpicker-md .bootstrap-select .btn {
  border-color: #dddddd;
  background-color: #ffffff;
}
.selectpicker-lg .bootstrap-select .btn {
  border-color: #dddddd;
  background-color: #ffffff;
}
.input-group-custom-icon {
  color: #446082;
}
.input-group-custom-calendar {
  color: #446082;
}
.input-group-custom-calendar-lg {
  color: #446082;
}
.input-addon-icon {
  color: #446082;
}
.custom-file-label::after {
  background-color: #446082;
  color: #ffffff;
}
.select2-container .select2-choice,
.select2-container-multi .select2-choices,
.select2-search input {
  border-color: #dddddd !important;
  background-color: #ffffff !important;
  color: #000000;
}
.select2-md .select2-container-multi .select2-choices .select2-search-choice {
  color: #333333 !important;
}
.select2-choices .select2-search-choice {
  background-color: #f5f5f5 !important;
}
.select2-container .select2-choice>.select2-chosen {
  color: #9b757d !important;
}
.select2-container .select2-choice>.select2-chosen span {
  color: #000000 !important;
}
.select2-drop {
  border-color: #dddddd;
  background-color: #ffffff;
  color: #000000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background-color: #f5f5f5;
}
.select2-drop-active {
  border-color: #dddddd !important;
}
.input-group-text {
  background-color: #ffffff;
  border-color: #dddddd;
}
.switch-bg {
  background-color: #e5e5e5;
}
.switch-btn {
  background-color: #ffffff;
}
.switch-text {
  color: #999999;
}
.switch-with-badge .switch-badge {
  background-color: #bbbbbb;
}
input.switch-input:checked~.switch-text-container .switch-text {
  color: #000000;
}
.badge {
  color: #ffffff;
}
input.switch-input:checked~.switch-btn-container .switch-bg {
  background-color: #446082;
}
.switch-with-badge .switch-badge {
  background-color: #bbbbbb;
}
.switch-with-badge input.switch-input:checked~.switch-text-container .switch-badge {
  background-color: #446082;
}
.switch-with-text .switch-text {
  color: #ffffff;
}
.switch-with-text .switch-btn {
  color: #f5f5f5;
}
.switch-with-text.switch-md .switch-btn {
  color: #f5f5f5;
}
.switch-with-text.switch-lg .switch-btn {
  color: #f5f5f5;
}
.switch-with-text input.switch-input:checked~.switch-btn-container .switch-bg .switch-btn {
  color: #446082;
}
.custom-checkbox-sh-input+label::before {
  border: 1px solid #cccccc;
  background-color: #eeeeee;
  color: #eeeeee;
}
.custom-checkbox-sh-input:checked+label::before {
  border: 1px solid #446082;
  background-color: #446082;
  color: #ffffff;
}
.custom-radio-sh-input+label::before {
  border: 2px solid #cccccc;
  background-color: #e5e5e5;
  color: #dddddd;
}
.custom-radio-sh-input:checked+label::before {
  border: 6px solid #446082;
  background-color: #ffffff;
  color: #ffffff;
}
.slider-xl.ui-slider-horizontal {
  background-color: #dddddd;
}
.slider-xl.ui-slider .ui-slider-handle {
  background-color: #446082;
}
.slider-xl.ui-slider .ui-slider-handle.ui-state-active {
  background-color: #2f435b;
}
.liste_sous_segments {
  background-color: #f5f5f5;
}
.liste_sous_segments.selected {
  background-color: #eceff2;
}
.liste_segments_exclusion .fakebox-checked {
  background-color: #e52020;
  border: 1px solid #e52020;
}
.input-phone-validation {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.input-phone-validation-simple {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.input-background-color {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
input.form-control.warning {
  background-color: #fdf3f3;
  border-color: #fdf3f3;
}
.dropdown-menu {
  background-color: #ffffff;
}
.dropdown-item {
  color: #000000;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #eceff2;
  color: #000000;
}
.dropdown-item:active,
.dropdown-item.active {
  background-color: #446082;
  color: #ffffff;
}
.dropdown-item .icon {
  color: #446082;
}
.dropdown-item:active .icon,
.dropdown-item.active .icon {
  color: #ffffff;
}
.dropdown-divider {
  border-top: 1px solid #e5e5e5;
}
.dropdown.dropdown-action-menu .dropdown-toggle {
  color: #446082;
}
.dropdown.dropdown-outline.dropdown-action-menu .dropdown-toggle {
  border: 1px solid #446082;
}
.dropdown.dropdown-action-menu .dropdown-toggle:hover,
.dropdown.dropdown-action-menu .dropdown-toggle:focus {
  background: #446082;
  color: #ffffff;
}
.dropdown.dropdown-action-menu .dropdown-item {
  color: #666666;
}
.dropdown.dropdown-action-menu .dropdown-menu p {
  color: #666666;
}
.dropdown.dropdown-action-menu .dropdown-item:hover,
.dropdown.dropdown-action-menu .dropdown-item:focus {
  background-color: #eceff2;
  color: #000000;
}
.dropdown.dropdown-action-menu .dropdown-item:active,
.dropdown.dropdown-action-menu .dropdown-item.active {
  background-color: #446082;
  color: #ffffff;
}
.datepicker table thead{
  /*border-bottom: 2px solid #dddddd;*/
}
.datepicker table tr td,
.datepicker table tr th {
  color: #000000;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
  background-color: #446082;
  border-color: #446082;
  color: #ffffff;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background-color: #e5e5e5;
}
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background-color: #e5e5e5;
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background-color: #e5e5e5;
}
.datepicker table tr td.new,
.datepicker table tr td.old {
  color: #666666;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: #bbbbbb;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused{
  background-color: #2f435b !important;
  color: #ffffff; !important;
}
.datepicker-dropdown::after {
  border-bottom-color: #ffffff;
}
.datepicker-dropdown.datepicker-orient-top:after {
  border-top-color: #ffffff;
}
.input-group-with-addons {
  border: 1px solid #dddddd;
}
.input-group-with-addons .input-group-text {
  color: #666666 !important;
}
.checkbox-custom {
  background-color: #ffffff;
  color: #ffffff;
  border: 1px solid #dddddd;
}
.formulaire_inscription label.checkbox-custom-label {
  background-color: #e5e5e5;
}
.formulaire_inscription input[type=checkbox]:checked+.checkbox-custom {
  border: 1px solid #446082;
  background: #446082;
}
.oneclick-cvv-container {
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item.active {
  background-color: #446082;
}
.node-tree .fa-check-square,
.node-tree .fa-square {
  color: #446082;
}
.custom-tree-sh {
  border: 1px solid #dddddd;
}
.input-tabs .input-tab label {

}
.input-tabs .input-tab .icon {
  background: #ffffff;
  color: #446082;
}
.input-tabs .input-tab input:checked~label,
.input-tabs .input-tab label:hover {
  border-color: #dddddd #dddddd #ffffff #dddddd;
}
.sh .input-tabs .input-tab input:checked~label,
.sh .input-tabs .input-tab label:hover {
  border-color: #dddddd #dddddd #f5f5f5 #dddddd;
}
.nav-pills .nav-link{
  border: 1px solid #446082;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link{
  background-color: #446082;
}
.col-periods{
  border-right: #dddddd;
}
.dropdown-menu-datepicker .inline-datepicker{
  border: 1px solid #dddddd;
}
.dropdown-menu-datepicker #datepicker-start .active.day:before,
.dropdown-menu-datepicker #datepicker-end .active.day:before,
.dropdown-menu-datepicker #datepicker-end .date-start-range:before,
.dropdown-menu-datepicker #datepicker-start .date-end-range:before,
.dropdown-menu-datepicker .datepicker table tr td.day.date-range:hover:before,
.dropdown-menu-datepicker .datepicker table tr td.date-range.focused:before{
  background-color: #eceff2;
}
.period-defined{
  color: #446082;
}
.period-defined:hover{
  background-color: #f5f5f5;
}
.period-defined.selected{
  background-color: #446082;
  color: #ffffff;
}
.date-range{
  background-color: #eceff2;
}
.date-range.date-start-range,
.date-range.date-end-range{
  background-color: #d9dfe6 !important;
  color: #ffffff !important;
}
.input-login {
  background-color: #f5f5f5;
}
.form-linear-field,
textarea.form-linear-field {
  border-bottom: 2px solid #bbbbbb;
  color: #000000;
  background: #f5f5f5 !important;
}
.sh .substep-select-input:checked ~ .substep-selection .form-linear-field,
textarea.form-linear-field {
  background-color: #ffffff !important;
}
.form-linear-field::placeholder {
  color: transparent;
}
.form-linear-field:placeholder-shown ~ .form-linear-label {
  color: #9b757d;
}
.form-linear-label,
.form-linear-field:focus ~ .form-linear-label {
  color: #000000;
}
.form-linear-field:focus {
  border-bottom: 3px solid #446082;
}
#motionDesignModal img.example,
.motion-design-presentation img.example {
  border: 5px solid #e5e5e5;
}
#motionDesignModal .white-gradient-mask,
.motion-design-presentation .white-gradient-mask {
  background: #ffffff;
}
@media (min-width: 768px) {
  .brand-cover{
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 80%, #ffffff 100%);
  }
}
.brand-cover.active{
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 80%, #ffffff 100%);
}



.main-logo svg #SPOT path{
  fill: #8ca7b3 !important;
}
@media (min-width: 768px) {
  .main-logo svg #SPOT path{
    fill: #8ca7b3 !important;
  }
}
@media (min-width: 1280px) {
  .main-logo svg #SPOT path{
    fill: #ffffff !important;
  }
}
.main-logo.active svg #SPOT path{
  fill: #ffffff !important;
}
@media (min-width: 768px) {
  .main-logo.active svg #SPOT path{
    fill: #ffffff;
  }
}
@media (min-width: 1280px) {
  .main-logo.active svg #SPOT path{
    fill: #8ca7b3 !important;
  }
}
.main-logo svg #HIT path{
  fill: #8ca7b3 !important;
}
@media (min-width: 768px) {
  .main-logo svg #HIT path{
    fill: #8ca7b3 !important;
  }
}
@media (min-width: 1280px) {
  .main-logo svg #HIT path{
    fill: #ffffff !important;
  }
}
.main-logo.active svg #HIT path{
  fill: #ffffff !important;
}
@media (min-width: 768px) {
  .main-logo.active svg #HIT path{
    fill: #ffffff !important;
  }
}
 @media (min-width: 1280px) {
  .main-logo.active svg #HIT path{
    fill: #8ca7b3 !important;
  }
}
.navbar-products {
  background-color: #ffffff;
}
header .ico-product,
header .link-product .icone {
  background-color: #446082 !important;
}
.link-product:hover .ico-product {
  background-color: #446082 !important;
}
.ico-product .custom-fill{
  fill: #ffffff !important;
}
.ico-product .custom-stroke{
  stroke: #ffffff !important;
}
.ico-product .custom-bg-fill{
  fill: #446082 !important;
}
.ico-product .custom-bg-stroke{
  stroke: #446082 !important;
}
.ico-product.ico-product-mb{
  background-color: #446082 !important;
}
.ico-product.ico-product-mb .custom-fill{
  fill: #ffffff !important;
}
.ico-product.ico-product-mb .custom-stroke{
  stroke: #ffffff !important;
}
.link-product:hover .ico-product.ico-product-mb {
  background-color: #446082 !important;
}
.name-product {
  color: #000000;
}
.navbar-user {
  background-color: #ffffff;
}
.ico-report,
.ico-notifications,
.ico-user-sub-account,
.ico-user-account,
.ico-cart,
.ico-external-link,
.ico-store-link,
.ico-helpdesk-link {
  color: #ffffff;
}
.ico-external-link,
.ico-store-link,
.ico-helpdesk-link {
  background-color: #2f435b;
}
.ico-external-link:hover,
.ico-store-link:hover,
.ico-helpdesk-link:hover {
  color: #ffffff;
}
.ico-report {
  background-color: #ed9a00;
}
.ico-notifications {
  background-color: #446082;
}
.ico-user-account {
  background-color: #101828;
}
.ico-cart {
  background-color: #446082;
}
.ico-sub-account-01,
.ico-sub-account-02 {
  color: #ffffff;
}
.dropdown-subaccounts .ico-sub-account-main {
  background-color: #101828;
}
.dropdown-subaccounts .ico-sub-account-secondary {
  background-color: #cccccc;
}
.sub-account-arrow {
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.infocount {
  background-color: #e52020;
  color: #ffffff;
  border: 0.2rem solid #ffffff;
}
.text-user-account {
  color: #000000;
}
.user-id-container {
  color: #666666;
}
.user-id-icon {
  color: #101828;
}
.navbar-user .dropdown-menu {
  background-color: #ffffff;
  color: #000000;
}
.navbar-user .nav-item.dropdown.show::after {
  border-bottom-color: #ffffff;
}
.dropdown-user-account .dropdown-toggle::after {
  color: #000000;
}
.navbar-user .dropdown-item .fa {
  color: #446082;
}
.navbar-user .dropdown-item {
  color: #000000;
}
.dropdown-subaccounts .dropdown-menu .dropdown-item:not(.sub-account) {
  background-color: #f5f5f5;
}
.dropdown-basket .dropdown-item-text {
  color: #000000;
}
.dropdown-basket .remove-item {
  color: #bbbbbb;
}
.navbar-user .dropdown-user-account .ico-dropdown-item {
  color: #446082;
}
.dropdown-notifications .dropdown-item {
  border-bottom: 1px solid #e5e5e5;
}
.dropdown-notifications .dropdown-item .remove-notification {
  color: #bbbbbb;
}
.dropdown-notifications .ico-dropdown-item,
.dropdown-subaccounts .ico-dropdown-item {
  color: #ffffff;
}
.dropdown-notifications .ico-dropdown-item {
  background-color: #446082;
}
.dropdown-subaccounts .ico-dropdown-item {
  background-color: #101828;
}
.main-logo svg .custom-logo-mb-fill {
  fill: #8ca7b3 !important;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .main-logo svg .custom-logo-mb-fill{
    fill: #8ca7b3 !important;
  }
}
@media (min-width: 1280px) {
  .main-logo svg .custom-logo-mb-fill{
    fill: #ffffff !important;
  }
}
.main-logo.active svg .custom-logo-mb-fill {
  fill: #ffffff !important;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .main-logo.active svg .custom-logo-mb-fill {
    fill: #ffffff !important;
  }
}
@media (min-width: 1280px) {
  .main-logo.active svg .custom-logo-mb-fill {
    fill: #8ca7b3 !important;
  }
}
.ico-sh svg path,
.ico-sh svg rect,
.ico-sh svg polygon,
.ico-sh svg circle {
  fill: #446082 !important;
}
.btn-outline-primary:hover .ico-sh svg path,
.btn-outline-primary:hover .ico-sh svg rect,
.btn-outline-primary:hover .ico-sh svg polygon,
.btn-outline-primary:hover .ico-sh svg circle {
  fill: #ffffff !important;
}
.ico-white svg path,
.ico-white svg rect,
.ico-white svg polygon,
.ico-white svg circle {
  fill: #ffffff !important;
}
.ico-grey svg path,
.ico-grey svg rect,
.ico-grey svg polygon,
.ico-grey svg circle {
  fill: #666666 !important;
}
.ico-light-grey svg path,
.ico-light-grey svg rect,
.ico-light-grey svg polygon,
.ico-light-grey svg circle {
  fill: #cccccc !important;
}
.ico-light-blue svg path,
.ico-light-blue svg rect,
.ico-light-blue svg polygon,
.ico-light-blue svg circle {
  fill: #d9dfe6 !important;
}
svg .stroke-primary {
  stroke: #446082 !important;
}
svg .fill-primary {
  fill: #446082 !important;
}
svg .stroke-light-primary {
  stroke: #d9dfe6 !important;
}
svg .fill-body {
  fill: #ffffff !important;
}
svg .fill-light-primary {
  fill: #d9dfe6 !important;
}
svg .fill-extra-light-primary {
  fill: #eceff2 !important;
}
svg .fill-ultra-light-primary {
  fill: #f5f7f8 !important;
}
.ui-widget-header {
  background-color: #d9dfe6;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  background-color: #446082;
}
span.fancytree-title:hover {
  background: #eceff2 !important;
  border-color: #eceff2 !important;
  color: #000000 !important;
}
span.fancytree-active .fancytree-title,
span.fancytree-active .fancytree-title:hover,
span.fancytree-active.fancytree-focused .fancytree-title {
  background: #d9dfe6 !important;
  border-color: #d9dfe6 !important;
  color: #000000 !important;
}
span.fancytree-selected .fancytree-title,
span.fancytree-selected .fancytree-title:hover,
span.fancytree-selected.fancytree-focused .fancytree-title,
span.fancytree-selected.fancytree-active .fancytree-title {
  background: #43cd43 !important;
  border-color: #43cd43 !important;
  color: #ffffff !important;
}
.carousel-mag .carousel-indicators li {
  background-color: #dddddd;
}
.carousel-mag .carousel-indicators .active {
  background-color: #446082;
}
.mag-subscribe {
  background: #e5e5e5;
}
.mag-link-hover>span {
  color: #ffffff;
  border: 2px solid #ffffff;
}
.mag-link.mag-link-main img {
  border: 5px solid #ffffff;
}
.mag-link.mag-link-small img {
  border: 3px solid #ffffff;
}
.ribbon {
  background-color: #446082;
  color: #ffffff;
}
.ribbon:before,
.ribbon:after {
  border-top: 3px solid #101828;
}
.bullet-number {
  background-color: #446082;
  color: #ffffff;
}
.document-accordion-heading {
  border-bottom: 5px solid #f5f5f5;
  color: #000000;
}
.document-accordion-heading:hover {
  color: #000000;
}
.document-accordion-heading .icon {
  background-color: #446082;
  color: #ffffff;
}
.substep-sm .substep-sm-selection {
  border: 2px solid #eceff2;
}
.substep-sm .substep-sm-select-input:checked~.substep-sm-selection {
  background-color: #ffffff;
  border-color: #d9dfe6;
}
.substep-sm .substep-sm-select-input:checked~.substep-sm-selection .substep-sm-icon {
  background-color: #43cd43;
}
.substep-sm .substep-sm-select-input:checked~.substep-sm-selection .substep-sm-icon::after {
  background-color: #43cd43;
}
.pli_document_container {
  border-bottom: 1px dotted #dddddd;
}
.moins_cher {
  background-color: #e52020;
}
.message-no-affranchissment {
  background-color: #f5f5f5;
}
.message-no-papier {
  background-color: #f5f5f5;
}
.media-thumbnail-container {
  background-color: #ffffff;
}
.media-thumbnail-icon {
  background-color: #ffffff;
}
.media-thumbnail-container .picto-site-online {
  background-color: #43cd43;
}
.media-thumbnail-container .picto-site-online.picto-site-offline {
  background-color: #e52020;
}
ul.media-thumbnail-menu {
  background-color: #ffffff;
}
ul.media-thumbnail-menu>li>a {
  color: #446082;
}
ul.media-thumbnail-menu .dropdown-item {
  color: #666666;
}
ul.media-thumbnail-menu .dropdown-item .icon {
  color: #446082;
}
.media-thumbnail-preview-link {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.3);
}
.media-thumbnail-preview-link:hover {
  color: #ffffff;
}
.modele-media-properties {
  background-color: #ffffff;
}
.addthis_button {
  background-color: #446082;
  color: #ffffff !important;
}
.phone-screen {
  background-color: #ffffff;
}
.phone-screen::after {
  background-color: #dddddd;
}
.phone-screen-sms .avatar {
  background-color: #101828;
  color: #ffffff;
}
.phone-screen-sms .message-content {
  background-color: #e5e5e5;
  color: #000000;
}
.laptop-screen {
  background-color: #dddddd;
}
.laptop-media {
  background-color: #ffffff;
}
.laptop-keyboard {
  border-bottom: 12px solid #cccccc;
}
.laptop-keyboard-keys {
  border-bottom: 7px solid #333333;
}
.laptop-bottom-notch {
  background-color: #bbbbbb;
}
.input-modele:checked~.label-modele .media-icon {
  background-color: #43cd43;
}
.liste_modeles {
  background: #eceff2;
}
.page-envoi-courrier-intersport .modele_preview .preview-btn .fa {
  color: #ffffff;
}
.page-envoi-courrier-intersport .modele_preview .fa {
  color: #ffffff;
}
.page-envoi-courrier-intersport .modele_preview .bat-validate-check {
  background-color: #43cd43;
}
.preview_thumbnail {
  background-color: #ffffff;
}
.preview_media {
  color: #ffffff;
}
.preview_media:hover {
  color: #ffffff;
}
.template_media .input-modele:checked~.media-icon {
  background-color: #43cd43;
}
#modal-model-preview .btn-switch-preview {
  color: #dddddd;
}
#modal-model-preview .btn-default.btn-switch-preview.active,
#modal-model-preview .btn-default.btn-switch-preview:active,
#modal-model-preview .btn-default.btn-switch-preview:hover,
#modal-model-preview .btn-default.btn-switch-preview:focus {
  color: #446082;
}
.preview-container-mobile .preview-container-mask {
  background-color: #ffffff;
}
.picto-scenario.picto-site-online .fa-rss {
  color: #43cd43;
}
.picto-scenario.picto-site-online.picto-site-offline .fa-rss {
  color: #e52020;
}
.picto-scenario.picto-site-online .fa-exclamation-triangle,
.picto-scenario.picto-site-online .fa-exclamation-pause {
  color: #ed9a00;
}
.banner-new-media-tool {
  background-color: #446082;
}
.banner-text h2 {
  color: #ffffff;
}
.banner-text p {
  color: #ffffff;
}
.client-tag {
  background: #f5f5f5;
  color: #666666;
}
.client-tag::before {
  background: #ffffff;
}
.client-tag::after {
  background: #ffffff;
  border-left: 1.2rem solid #f5f5f5;
}
.client-tag-lg::after {
  border-left: 1.6rem solid #f5f5f5;
}
.client-tag-xl::after {
  border-left: 2.8rem solid #f5f5f5;
}
.client-tag-primary {
  background-color: #446082;
  color: #ffffff;
}
.client-tag-primary::after {
  border-left: 1.2rem solid #446082;
}
.client-tag-success {
  background-color: #43cd43;
  color: #ffffff;
}
.client-tag-success::after {
  border-left: 1.2rem solid #43cd43;
}
.client-tag-danger {
  background-color: #e52020;
  color: #ffffff;
}
.client-tag-danger::after {
  border-left: 1.2rem solid #e52020;
}
.client-tag-radio:checked~.client-tag {
  background-color: #43cd43;
  color: #ffffff;
}
.client-tag-radio:checked~.client-tag::after {
  border-left-color: #43cd43;
}
#popup_personnalisation .html_personnalisee {
  border: 5px solid #dddddd;
  background-color: #ffffff;
}
.fakelabel-type-roundcheck {
  color: #333333;
}
.fakebox-type-roundcheck {
  color: #43cd43;
  border: 2px solid #dddddd;
}
.fakebox-type-roundcheck-unchecked {
  border: 2px solid #dddddd;
}
.fakebox-type-roundcheck-checked {
  border: 2px solid #dddddd;
}
.label-type-roundcheck [type="checkbox"]:not(:checked)+.fakelabel-type-roundcheck+.fakebox-type-roundcheck-unchecked,
.label-type-roundcheck [type="radio"]:not(:checked)+.fakelabel-type-roundcheck+.fakebox-type-roundcheck-unchecked {
  color: #bbbbbb;
}
.label-type-roundcheck.bordered .fakelabel-type-roundcheck {
  border: 2px solid #dddddd;
}
.fakelabel-type-modele {
  color: #333333;
  background-color: #f5f5f5;
}
.label-type-modele [type="checkbox"]:checked+.fakelabel-type-modele,
.label-type-modele [type="radio"]:checked+.fakelabel-type-modele {
  color: #333333;
  background-color: #e5e5e5;
}
.fakebox-type-modele {
  color: #43cd43;
}
.label-type-modele [type="checkbox"]:not(:checked)+.fakelabel-type-modele+.fakebox-type-modele-unchecked,
.label-type-modele [type="radio"]:not(:checked)+.fakelabel-type-modele+.fakebox-type-modele-unchecked {
  color: #bbbbbb;
}
#sidebar-right .sidebar-notifications-container{
  border-bottom: 1px solid #dddddd;
}
#sidebar-right .sidebar-notifications-header{
  background-color: #f5f5f5;
  color: #000000;
}
#sidebar-right .sidebar-notification:not(:last-child) .sidebar-notification-container{
  border-bottom: 1px solid #dddddd;
}
#sidebar-right .sidebar-notifications .icon{
  background-color: #eceff2;
  color: #446082;
}
#sidebar-right .sidebar-notifications .notification-info .icon{
  background-color: #eceff2;
  color: #446082;
}
#sidebar-right .sidebar-notifications .notification-warning .icon{
  background-color: #fdf4e5;
  color: #ed9a00;
}
#sidebar-right .sidebar-notifications .notification-danger .icon{
  background-color: #fce8e8;
  color: #e52020;
}
.toast.notification-push-container{
  background-color: #ffffff;
}
.toast.notification-push-container .icon{
  background-color: #eceff2;
  color: #446082;
}
.toast.notification-push-container.notification-info .icon{
  background-color: #eceff2;
  color: #446082;
}
.toast.notification-push-container.notification-warning .icon{
  background-color: #fdf4e5;
  color: #ed9a00;
}
.toast.notification-push-container.notification-danger .icon{
  background-color: #fce8e8;
  color: #e52020;
}
.toast.notification-push-container.toast-header{
  border-bottom: 1px solid #dddddd;
}
.toast.notification-push-container .toast-title{
  color: #000000;
}
.toast.notification-push-container .toast-time{
  color: #999999;
}
.toast.notification-push-container .toast-content{
  color: #000000;
}
.toast.notification-push-container .close{
  color: #666666;
}
.tag {
  color: #ffffff;
  background: #333333;
}
.tag_bleu {
  background: #8ca7b3 !important;
}
.tag_gris {
  background: #999999 !important;
}
.tag_gris_fonce {
  background: #666666 !important;
}
.tag_vert {
  background: #43cd43 !important;
}
.tag_vert_2 {
  background: #29a429 !important;
}
.tag_vert_3 {
  background: #337933 !important;
}
.tag_orange {
  background: #ed9a00 !important;
}
.tag_orange_2 {
  background: #ff6600 !important;
}
.tag_rouge {
  background: #a30202 !important;
}
.tag_rouge_2 {
  background: #e52020 !important;
}
.tag_rouge_3 {
  background: #662d2d !important;
}
.form-control-inline {
  border-color: #dddddd;
  color: #446082;
  background-color: #ffffff;
}
.input-group-volume {
  border: 1px solid #dddddd;
}
.input-group-volume .input-group-helper {
  color: #999999;
}
.line-product-palier-tarif:nth-child(odd) {
  background-color: #f5f5f5;
}
.line-product-palier-tarif:hover {
  border: 2px solid #dddddd;
}
.line-product-palier-tarif.active {
  border: 2px solid #446082;
}
.os-theme-thin-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle.active:before,
.os-theme-thin-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle.active:before {
  background: #ffffff;
}
.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle.active:before,
.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle.active:before {
  background: #000000;
}
.device-phone.device-phone-presentation {
  border: 3px solid #ffffff;
}
.zone_accuses {
  background: #f5f5f5;
}
.liste_statut ul li {
  color: #999999;
}
.liste_statut ul li.active {
  color: #333333;
}
.liste_statut .badge {
  background: none repeat scroll 0 0 #d9dfe6;
  color: #ffffff;
}
.liste_statut li.active .btn_small {
  background: #e52020;
}
.liste_statut li .btn_small:hover {
  background: #333333;
}
.liste_accuses {
  background: #ffffff;
}
.ico-stop {
  background-color: #e52020;
}
#preview {
  border: 1px solid #000000;
}
.chart-js-legend li {
  color: #999999;
}
.legend-container-horizontal {
  border-top: 1px solid #e5e5e5;
}
@media (min-width: 768px) {
  .status-chart-container {
    border-right: 1px solid #e5e5e5;
  }
}
.condition-separator:after{
  background: #dddddd;
}
.condition-title{
  background-color: #f5f5f5;
  color: #000000;
}
.condition-title.bg-warning{
  color: #ffffff;
}
.btn-opt-filter-delete-and{
  color: #446082;
}
.segment-main-title{
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.segment-title{
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.segment-column{
  background-color: #ffffff;
}
.segment-condition{
  background-color: #ffffff;
  border-color: #dddddd;
}
.segment-data{
  background-color: #ffffff;
}
.invalid-segment .group-select-label{
  background-color: #eceff2;
  border-color: #eceff2;
}a.bloc-creation{
  background-color : #446082;
  color: #ffffff;
}
a.bloc-creation:hover{
  background-color : #2f435b;
  color: #ffffff;
}
.indicator .legend_color_none{
  background: #ffffff;
}
.ico-link {
  color: #446082;
}
.state{
  color: #ffffff;
}
.state-offline{
  background-color: #e52020;
}
.state-online{
  background-color: #43cd43;
}
.sidebar-bg {
  background: #ffffff;
}
#dismiss {
  color: #ffffff;
}
#dismiss.active {
  color: #000000;
}
#sidebar .sidebar-menu .side-campaigns li a {
  color: #000000;
}
#sidebar .sidebar-menu .side-campaigns .ico-product,
#sidebar .sidebar-menu .side-campaigns .icone {
  background-color: #446082;
}
@media (min-width: 768px) {
  #sidebar .sidebar-menu>ul>li>a .icon {
    color: #446082;
  }
  #sidebar.active .sidebar-menu>ul>li>a .icon {
    color: #446082;
  }
  #dismiss {
    color: #000000;
  }
  #dismiss.active {
    color: #000000;
  }
}
#sidebar {
  color: #000000;
}
#sidebar .sidebar-menu ul p {
  color: #000000;
}
#sidebar .sidebar-menu>ul>li {
}
#sidebar .sidebar-menu>ul>li>a {
  color: #000000;
}
#sidebar .sidebar-menu ul>li a:hover,
#sidebar .sidebar-menu a[aria-expanded="true"] {
  color: #000000;
  background: #f8f8f8;
}
#sidebar .sidebar-menu>ul ul {
  background: #f8f8f8;
}
#sidebar .sidebar-menu>ul ul>li>a {
  color: #000000;
}
#sidebar .sidebar-menu>ul ul>li>a .badge {
  background-color: #e52020;
}
#sidebar .sidebar-menu>ul>li>a .badge {
  background-color: #e52020;
}
#sidebar .sidebar-menu>ul ul>li>a .icon {
  color: #446082;
}
#sidebar .search-item-id-link {
  color: #000000;
}
#sidebar .menu-results-item a {
  color: #000000;
}
#sidebar .menu-results-item .badge {
  background-color: #e52020;
}
.card,
.card-support,
.card-support:first-of-type {
  background-color: #ffffff !important;
  border: 1px solid #f5f5f5 !important;
}
.card .card-header,
.card-support .card-header {
  background-color: #f5f5f5 !important;
}
.proposal-list-item {
  border: 2px solid #446082;
}
.proposal-list-item.active {
  background-color: #446082;
  color: #ffffff;
}.table {
  background-color: #ffffff;
  color: #000000;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}
.table-striped tbody.reverse tr:nth-of-type(even) {
  background-color: #f5f5f5;
}
.table th,
.table td {
  border-top: 1px solid #f5f5f5;
}
.table-border-top {
  border-top: 5px solid #f5f5f5;
}
.table thead th {
  border-bottom: 2px solid #cccccc;
}
.table thead th a.pagination-ajax-action{
  color: #000000 !important;
}
.table-hover tbody tr:hover {
  color: #000000;
}
.edit_colonne,
.delete_colonne {
  color: #446082 !important;
}
.sortby::after {
  color: #cccccc;
}
.sortby.sortby_active::after {
  color: #446082;
}
.table tr.ligne_sh td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_suspendu td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_supprime td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_commercial td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_revendeur td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_type_0 td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_type_1 td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_option_liberte td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_option_credit td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_relance_redressement td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_relance_huissier td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_relance_avocat td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_relance_courrier4 td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_relance_courrier3 td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_relance_courrier2 td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_relance_courrier td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_fraude_annule td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_prelevement td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_non_conforme td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_verifie td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_commercant_0 td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_facture_color td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.bg_orange td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_evenements td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_ca_1000 td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_ca_5000 td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_its_siege td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_its_su td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_its_mag td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr td.td-transparent a {
  color: #1b2634 !important;
}
.table tr.ligne_prospection_rouge td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_prospection_bleu td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_prospection_orange td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_prospection_vert td a:not(.btn) {
  color: #1b2634 !important;
}
.table tr.ligne_violet td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_vert_fonce td a:not(.btn) {
  color: #8e9fb4 !important;
}
.table tr.ligne_waiting_validation td,
.table_foot .legende .legende_waiting_validation,
.liste-legende .legende .legende_waiting_validation,
.span_ligne_waiting_validation .table-indicator {
  background-color: #ed9a00 !important;
}
.table tr.sub-total-grid td {
  background-color: #999999 !important;
  color: #ffffff !important;
}
.table-striped tbody tr .cell-secondary {
  background-color: #f5f5f5;
}
.table-striped tbody tr:nth-of-type(odd) .cell-secondary {
  background-color: #dddddd;
}
.table-hover-cell tbody tr:hover td{
  color: #000000 !important;
}
.table-hover-cell tbody tr:hover td,
.table-hover-cell tbody tr:hover td.cell-secondary {
  background-color: #eceff2;
}
.table-hover-cell tbody tr:hover td:hover,
.table-hover-cell tbody tr:hover td.cell-secondary:hover {
  background-color: #eceff2;
  border: 1px solid #446082;
}
.col-timeline-today {
  background-color: #000000;
}
.col-timeline-holiday {
  background-color: #e5e5e5 !important;
}
.timeline-arrowhead-left {
  border-right: 40px solid #e5e5e5;
}
.timeline-arrowhead-left:hover {
  border-right: 40px solid #cccccc;
}
.timeline-arrowhead-right {
  border-left: 40px solid #e5e5e5;
}
.timeline-arrowhead-right:hover {
  border-left: 40px solid #cccccc;
}
.timeline-campaign {
  background-color: #e5e5e5;
}
.timeline-campaign a.tl-prevent-add {
  background-color: #cccccc;
  color: #ffffff;
}
.timeline-date {
  color: #666666;
}
.timeline-date:not(:last-child):after {
  background-color: #cccccc;
}
.tl-add-date {
  background: #e5e5e5;
}
.tl-alert-value-empty {
  border-color: #e52020 !important;
  border-left: 4px solid #e52020 !important;
}
.campaign-container-cell {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.campaign-content {
  background-color: #ffffff;
  color: #333333;
}
.campaign-content:after {
  border-top: 20px solid #ffffff;
}
.campaign-content .campaign-title {
  color: #446082;
}
.campaign-sms {
  background-color: #8ca7b3;
}
.campaign-email {
  background-color: #48b948;
}
.campaign-mms {
  background-color: #89ccff;
}
.campaign-vocal {
  background-color: #89ccff;
}
.campaign-courrier {
  background-color: #a5467f;
}
.campaign-multi {
  background-color: #30c1b2;
}
.campaign-autre {
  background-color: #505d73;
}
.notif-response-start-1 {
  border-color: transparent transparent transparent #ffffff;
}
.notif-response-end-1 {
  border-color: transparent transparent #ffffff transparent;
}
.notif-response-start-2 {
  border-color: transparent transparent transparent #000000;
}
.notif-response-end-2 {
  border-color: transparent transparent #000000 transparent;
}
.notif-response-1 {
  border-bottom: 2px solid #ffffff;
}
.notif-response-2 {
  border-bottom: 2px solid #000000;
}
.notif-response-start-none {
  border-color: transparent transparent transparent #000000;
}
.notif-response-end-none {
  border-color: transparent transparent #000000 transparent;
}
.notif-response-none {
  border-bottom: 2px solid #000000;
}
.text-primary {
  color: #446082 !important;
}
.text-light-primary {
  color: #d9dfe6;
}
.text-body-force {
  color: #000000 !important;
}
.text-body-inv-force {
  color: #ffffff !important;
}
.text-white {
  color: #ffffff;
}
.text-sms {
  color: #8ca7b3;
}
.text-mms {
  color: #89ccff;
}
.text-vms {
  color: #e27d25;
}
.text-email {
  color: #48b948;
}
.text-mail {
  color: #a5467f;
}
.text-optin {
  color: #e52020;
}
.text-fax {
  color: #30c1b2;
}
.text-grey {
  color: #999999;
}
.text-light-grey {
  color: #cccccc;
}
.text-danger,
.text-red {
  color: #e52020 !important;
}
.text-orange {
  color: #ed9a00;
}
.text-success,
.text-green {
  color: #43cd43 !important;
}
.text-magenta {
  color: #101828;
}
.text-link {
  color: #364c68 !important;
}
/* PRODUCT ICONS MB */

.ico-product .ico-product-container svg circle:not(.svg-fill),
.ico-product .ico-product-container svg rect:not(.svg-fill),
.ico-product .ico-product-container svg line:not(.svg-fill),
.ico-product .ico-product-container svg polyline:not(.svg-fill),
.ico-product .ico-product-container svg polygon:not(.svg-fill),
.ico-product .ico-product-container svg path:not(.svg-fill){
  stroke: #8ca7b3 !important;
}

.ico-product .ico-product-container svg .svg-fill{
  fill: #8ca7b3 !important;
}

.name-product{
  color: #000000;
}

/* LIBRARY */

#library-modal .col-library-explorer{
  background-color: #ffffff;
}

@media(min-width:992px){
  #library-modal .col-library-explorer{
    border-right: 5px dotted #e5e5e5;
  }
}

#library-modal .col-library-content{
  background-color: #ffffff;
}

#library-modal .btn-add-file{
  background-color: #446082;
}

#library-modal .btn-add-file:hover,
#library-modal .btn-add-file:active,
#library-modal .btn-add-file:focus{
  background-color: #39516e;
}

#library-modal .lib-tree-view ul:before{
  border-left: 1px dotted #bbbbbb;
}

#library-modal .lib-tree-view ul li:before{
  border-top: 1px dotted #bbbbbb;
}

#library-modal .lib-tree-view ul li:last-child:before{
  background: #ffffff;
}

#library-modal .lib-thumbnail .label{
  background-color: #e5e5e5;
}

#library-modal .btn-upload{
  background-color: #43cd43;
}

#library-modal .btn-cancel{
  background-color: #e52020;
}

#library-modal .lib-item-droppable-active{
  background-color: #e5e5e5;
}

#library-modal .lib-item-droppable-hover{
  background-color: #cccccc;
}

#library-modal .breadcrumb > li > a,
#library-modal .breadcrumb > li > span{
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

#library-modal #lib-items-message,
#library-modal .lib-items-message{
  background-color: #f5f5f5;
  color: #000000;
}

#library-modal .thumb-file{
  color: #cccccc;
}

#library-modal img.thumb-file{
  color: #cccccc;
}

#library-modal .lib-thumbnail-upload{
  border: 2px dotted #dddddd;
}

/* SPECIFIQUE POUR LOGO IMG */

.main-logo.main-logo-mb{
  transition: all 0.2s;
}

.main-logo.main-logo-mb .main-logo-svg{
  height: 100%;
}

.main-logo.main-logo-mb img{
  max-width: 100%;
  max-height: 100%;
  transition: all 0.2s;
}

@media (max-width: 1279px) {
  .main-logo.main-logo-mb:not(.active) img{
    filter: contrast(60%);
  }
}

@media (min-width: 1280px) {
  .main-logo.main-logo-mb.active img{
    filter: contrast(60%);
  }
}

/* LOGO */

.main-logo.main-logo-mb{
  top: 9px;
  left: 60px;
  width: 95px;
  height: 30px;
}

@media (min-width: 768px) {
  .main-logo.main-logo-mb{
    top: 14px;
    left: 70px;
    width: 95px;
    height: 30px;
  }
}

@media (min-width: 992px) {
  .main-logo.main-logo-mb{
    top: 18px;
    left: 80px;
    width: 95px;
    height: 30px;
  }
}

@media (min-width: 1280px) {
  .main-logo.main-logo-mb{
    top: 10px;
    left: 65px;
    width: 190px;
    height: 60px;
  }
}

@media (min-width: 1600px) {
  .main-logo.main-logo-mb{
    top: 15px;
    left: 65px;
    width: 190px;
    height: 60px;
  }
}

/* LOGO - ACTIVE */

.main-logo.active.main-logo-mb{
  top: 9px;
  left: 60px;
  width: 95px;
  height: 30px;
}

@media (min-width: 768px) {
  .main-logo.active.main-logo-mb{
    top: 14px;
    left: 70px;
    width: 95px;
    height: 30px;
  }
}

@media (min-width: 992px) {
  .main-logo.active.main-logo-mb{
    top: 18px;
    left: 70px;
    width: 95px;
    height: 30px;
  }
}

@media (min-width: 1280px) {
  .main-logo.active.main-logo-mb{
    top: 10px;
    left: 80px;
    width: 190px;
    height: 60px;
  }
}

@media (min-width: 1600px) {
  .main-logo.active.main-logo-mb{
    top: 15px;
    left: 80px;
    width: 190px;
    height: 60px;
  }
}

.main-logo.main-logo-mb svg{
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/* MODE SHADOW */


.preview-mode-shadow .btn:not(.dropdown-toggle){
  box-shadow: 3px 3px 8px rgba(0,0,0,0.15);
}

.preview-mode-shadow .substep-selection{
  border: none !important;
  border-radius: 2rem;
  box-shadow: 3px 3px 8px rgba(0,0,0,0.15);
}

.preview-mode-shadow .form-section{
  box-shadow: 3px 3px 8px rgba(0,0,0,0.15);
}

.preview-mode-shadow .device{
  box-shadow: 6px 6px 16px rgba(0,0,0,0.15);
}

.preview-mode-shadow.dark-shadow .btn:not(.dropdown-toggle){
  box-shadow: 3px 3px 8px rgba(0,0,0,0.85);
}

.preview-mode-shadow.dark-shadow .substep-selection{
  border: none !important;
  border-radius: 2rem;
  box-shadow: 3px 3px 8px rgba(0,0,0,0.85);
}

.preview-mode-shadow.dark-shadow .form-section{
  box-shadow: 3px 3px 8px rgba(0,0,0,0.85);
}

.preview-mode-shadow.dark-shadow .device{
  box-shadow: 6px 6px 16px rgba(0,0,0,0.85);
}

.preview-mode-no-shadow .btn:not(.dropdown-toggle){
  box-shadow: none;
}

.preview-mode-no-shadow .substep-selection{
  border: none !important;
  border-radius: 2rem;
  box-shadow: none;
}

.preview-mode-no-shadow .form-section{
  box-shadow: none;
}

.preview-mode-no-shadow .device{
  box-shadow: none;
}

/* BOUTONS CARRES */


.preview-btn-square .btn,
.preview-btn-square .btn-primary:before,
.preview-btn-square .btn-outline-primary:before,
.preview-btn-square .btn-success:before{
  border-radius: 0 !important;
}

.preview-btn-rounded .btn,
.preview-btn-rounded .btn-primary:before,
.preview-btn-rounded .btn-outline-primary:before,
.preview-btn-rounded .btn-success:before{
  border-radius: 5rem !important;
}