/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6 mai 2020, 15:01:33
    Author     : emmanuelgrondin
*/
body {
    --color-mv: #112233;
    --if-mv-color: #112233;
    --if-mv-background: #e5edf3;
    --if-mv-border: 1px dashed var(--if-mv-color);
    --construction-if-mv-color: var(--color-primary-default);
    --construction-if-mv-background: #e5edf3;
    --construction-if-mv-border: 1px dashed var(--construction-if-mv-color);
  }
  .if-mv-color {
      color: var(--if-mv-color);
  }
  .if-mv-background {
      background-color: var(--if-mv-background);
  }
  .if-mv-border {
      border: var(--if-mv-border);
  }
  .btn-mv,
  .dvore-only-mv-container-target,
  .dvore-only-mv-container .btn,
  .dvore-only-mv-container > li.nav-item .nav-link,
  .dvore-only-mv-container > .dropdown-item,
  .dvore-only-mv-container .dvore-admin-menu-popover-cta,
  .dvore-admin-left-sidebar-menu-list-container .dvore-admin-left-sidebar-menu-list-element-no-access .dvore-admin-left-sidebar-menu-list-element-link {
      background-color: var(--if-mv-background) !important;
      border: var(--if-mv-border) !important;
      color: var(--if-mv-color) !important;
  }
  .btn-mv:hover,
  .dvore-only-mv-container .btn:hover {
      background-color: var(--if-mv-background) !important;
      border: var(--if-mv-border) !important;
      color: var(--if-mv-color) !important;
  }
  .dvore-admin-sidebar-expension-menu-list-element-cta-no-access {
      border: var(--if-mv-border) !important;
      background-color: var(--if-mv-background) !important;
  }
  /*OVERRIDE BTN STYLE*/
  .dvore-only-mv-container-icon-only .btn.btn-default {
    background-color: var(--if-mv-background)!important;
    color: var(--if-mv-color) !important;
    border: var(--if-mv-border) !important;
  }
  /*END - OVERRIDE BTN STYLE*/
  
  .dvore-only-mv-container .panel {
      border: var(--if-mv-border) !important;
      background-color: var(--if-mv-background) !important;
  }
  .dvore-only-mv-container a {
      color: var(--if-mv-color) !important;
      border: var(--if-mv-border);
      background-color: var(--if-mv-background);
  }
  .dvore-only-mv-container li.dvore-sidebar-offcanvas-nav-item {
      border: var(--if-mv-border);
      background-color: var(--if-mv-background);
  }
  .dvore-only-mv-container p {
      color: var(--if-mv-color) !important;
      border: var(--if-mv-border);
      background-color: var(--if-mv-background);
  }
  .dvore-only-mv-container .alert {
      border: var(--if-mv-border) !important;
      background-color: var(--if-mv-background) !important;
      color: var(--if-mv-color) !important;
  }
  .dvore-only-mv-container textarea {
      border-color: var(--if-mv-color) !important;
  }
  .dvore-admin-page-builder .dvore-only-mv-container li {
      color: var(--if-mv-color) !important;
      background-color: var(--if-mv-background) !important;
      border: var(--if-mv-border) !important;
      margin-bottom: 1px;
  }
  
  .dvore-only-mv-container .dvore-admin-menu-popover-cta {
      color: var(--if-mv-color) !important;
  }
  .dvore-only-mv-container .checkbox {
      color: var(--if-mv-color) !important;
  }
  .dvore-only-mv-container .checkbox-custom {
      color: var(--if-mv-color) !important;
  }
  .dvore-only-mv-container .switchery.switchery-default {
      border: var(--if-mv-border) !important;
  }
  .dvore-only-mv-container label {
    background-color: var(--if-mv-background) !important;
    border: var(--if-mv-border) !important;
    padding: 2px 5px;
  }
  .dvore-only-mv-container span.input-group-addon,
  .dvore-only-mv-container .form-control {
      border: var(--if-mv-border) !important;
      background-color: var(--if-mv-background) !important;
  }
  .dvore-only-mv-container span.input-group-addon {
      border-right: none !important;
  }
  /*.dvore-only-mv-container .form-group {
      border: 1px solid var(--color-mv) !important;
  }*/
  
  .dvore-only-mv-container .nav-link {
      color: var(--if-mv-color) !important;
  }
  .dvore-only-mv-container .icon,
  .dvore-only-mv-container.dvore-only-mv-container-icon-only .btn .icon {
      color: var(--if-mv-color) !important;
  }
  .dvore-only-mv-container .btn .icon {
      color: var(--if-mv-color) !important;
  }
  .dvore-only-mv-container .btn:hover .icon {
      color: var(--if-mv-color) !important;
  }
  .dvore-only-mv-container .chat-content {
      background-color: var(--if-mv-background) !important;
      color: var(--if-mv-color) !important;
      border: var(--if-mv-border) !important;
  }
  .dvore-only-mv-container .badge {
      background-color: var(--if-mv-background) !important;
      border: var(--if-mv-border) !important;
      color: var(--if-mv-color) !important;
  }
  .badge.down-left {
      position: relative;
      bottom: -15px;
      left: -5px;
      margin: 0 -0.8em;
      border-radius: 15px;
  }
  .badge.up-left {
      position: relative;
      top: -15px;
      left: -10px;
      margin: 0 -0.8em;
      border-radius: 15px;
  } 
  .badge.up-right {
      position: relative;
      top: -14px;
      right: -28px;
      margin: 0 -0.8em;
      border-radius: 15px;
  } 
  .dvore-mv-temp-translation {
    color: #dfec13 !important;
  }
  
  /* IF MV CONSTRUCTION */
  .if-mv-construction-color {
      color: var(--construction-if-mv-color);
  }
  .if-mv-construction-background {
      background-color: var(--construction-if-mv-background);
  }
  .if-mv-construction-border {
      border: var(--construction-if-mv-border);
  }
  .dvore-only-mv-construction .btn,
  .dvore-only-mv-construction .form-control {
      border: var(--construction-if-mv-border);
  }
  .dvore-only-mv-construction .btn,
  .dvore-only-mv-construction > li.nav-item .nav-link,
  .dvore-only-mv-construction > .dropdown-item,
  .dvore-only-mv-construction .dvore-admin-menu-popover-cta {
      background-color: var(--construction-if-mv-background) !important;
      border: var(--construction-if-mv-border) !important;
      color: var(--construction-if-mv-color) !important;
  }
  .dvore-only-mv-construction .btn:hover {
      background-color: var(--construction-if-mv-background) !important;
      border: var(--construction-if-mv-border) !important;
      color: var(--construction-if-mv-color) !important;
  }
  /*OVERRIDE BTN STYLE*/
  .dvore-only-mv-construction-icon-only .btn.btn-default {
    background-color: var(--construction-if-mv-background)!important;
    color: var(--construction-if-mv-color) !important;
    border: var(--construction-if-mv-border) !important;
  }
  /*END - OVERRIDE BTN STYLE*/
  
  .dvore-only-mv-construction .panel {
      border: var(--construction-if-mv-border) !important;
      background-color: var(--construction-if-mv-background) !important;
  }
  .dvore-only-mv-construction a {
      color: var(--construction-if-mv-color) !important;
  }
  .dvore-only-mv-construction li.dvore-sidebar-offcanvas-nav-item {
      border: var(--construction-if-mv-border);
      background-color: var(--construction-if-mv-background);
  }
  .dvore-only-mv-construction p {
      color: var(--construction-if-mv-color) !important;
  }
  .dvore-only-mv-construction .alert {
      border: var(--construction-if-mv-border) !important;
      background-color: var(--construction-if-mv-background) !important;
      color: var(--construction-if-mv-color) !important;
  }
  .dvore-only-mv-construction textarea {
      border-color: var(--construction-if-mv-color) !important;
  }
  .dvore-admin-page-builder .dvore-only-mv-construction li {
      color: var(--construction-if-mv-color) !important;
      background-color: var(--construction-if-mv-background) !important;
      border: var(--construction-if-mv-border) !important;
      margin-bottom: 1px;
  }
  
  .dvore-only-mv-construction .dvore-admin-menu-popover-cta {
      color: var(--construction-if-mv-color) !important;
  }
  .dvore-only-mv-construction .checkbox {
      color: var(--construction-if-mv-color) !important;
  }
  .dvore-only-mv-construction .checkbox-custom {
      color: var(--construction-if-mv-color) !important;
  }
  .dvore-only-mv-construction .switchery.switchery-default {
      border: var(--construction-if-mv-border) !important;
      background-color: var(--construction-if-mv-color) !important;
  }
  .dvore-only-mv-construction label {
      border: var(--construction-if-mv-border) !important;
      background-color: var(--construction-if-mv-background) !important;
      padding: 2px 5px;
  }
  .dvore-only-mv-construction .switchery-small {
    border: var(--construction-if-mv-border) !important;
  }
  .dvore-only-mv-construction span.input-group-addon,
  .dvore-only-mv-construction .form-control {
      border: var(--construction-if-mv-border) !important;
      background-color: var(--construction-if-mv-background) !important;
  }
  .dvore-only-mv-construction span.input-group-addon {
      border-right: none !important;
  }
  .dvore-only-mv-construction .panel,
  .dvore-only-mv-construction .dropdown,
  .dvore-only-mv-construction-target {
    --border-size: 4px;
        --border-angle: 0turn;
        border-radius: 1.25rem !important;
        background-clip: padding-box;
        padding: 4px 5px;
        border: var(--construction-if-mv-border) !important;
      background-image: conic-gradient(from var(--border-angle), var(--construction-if-mv-background), var(--construction-if-mv-background) 20%, var(--construction-if-mv-background)), conic-gradient(from var(--border-angle), var(--construction-if-mv-background) 50%, var(--color-primary-default), var(--color-primary-default));
      background-size: calc(100% - var(--border-size)) calc(100% - var(--border-size)), cover;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-animation: bg-spin 5s linear infinite;
              animation: bg-spin 5s linear infinite;
              background-origin: border-box;
              background-clip: padding-box, border-box;
  }
  @keyframes rotate {
      100% {
          transform: rotate(1turn);
      }
  }
  @-webkit-keyframes bg-spin {
      to {
          --border-angle: 2turn;
      }
  }
  @keyframes bg-spin {
      to {
          --border-angle: 2turn;
      }
  }
  @property --border-angle {
      syntax: "<angle>";
      inherits: true;
      initial-value: 0turn;
  }