body {
    font-size: 0.9rem;
    font-family: 'Roboto', sans-serif;
  }
  
  .env-dev .navbar-collapse {
      background-color: #888888 !important;
  }
  .env-dev .navbar-header {
      background-color: #AAAAAA !important;
  }
  
  .env-test .navbar-collapse {
      background-color: darkorange !important;
  }
  .env-test .navbar-header {
      background-color: darkorange !important;
  }

  .footer-full {
      width: 100% !important;
      margin: 0px !important;
      left: 0px!important;
  }
  
  .eqblue {
      color:#2975ff !important;
  }
  
  .order-kpi {
      font-size:1rem;
  }
  .order-state {
      background: #1e88e5;
      border-radius: 30px;
      padding: 2px 3px;
      font-size: 0.6rem;
      color: white;
      width: 80px;
      text-align: center;
      margin-top: 4px;
  }
  
  .order-state-round {
  background: #1e88e5;
      border-radius: 15px;
      width: 15px;
      height: 15px;
      display: block;
      float: left;
      margin-right: 5px;
  }

  .state-draft {
    background-color: lightgrey;
}
.state-option {
    background-color: yellow;
    color:black;
}
.state-waiting {
    background-color: orange;
    color:black;
}
.state-ready {
    background-color: lightblue;
}
.state-running {
    background-color: blue;
}
.state-ended {
    background-color: black;
    color:white;
}
.state-archived {
    background-color: darkgrey;
}
.state-refused {
    background-color: red;
}


.sidebar-item ul {
    padding: 0px !important;
    background-color: #dddddd !important;
}

.sidebar-link.has-arrow.active {
    border-radius:0px!important;
    background-color: #cccccc !important;
}


.sidebar-link.active span{
    color :#252529 !important;
}

.sidebar-link.active i{
    color :#252529 !important;
}


.eqradio > div > div > input[type="radio"] {
    display: none !important;
    &:not(:disabled) ~ label {
      cursor: pointer;
    }
  }
  .eqradio > div > div > input[type="radio"]:disabled + label {
      color: hsla(150, 5%, 75%, 1);
      border-color: hsla(150, 5%, 75%, 1);
      box-shadow: none;
      cursor: not-allowed;
    }
  }
  
  
  
  .eqradio > div > div > input[type="radio"] + label{
      height: auto;
  }
  
  .eqradio > div > div > input[type="radio"]:not(:checked) + label::before {
      border: none;
  }
  
  .eqradio > div > div > input[type="radio"]:checked + label::after {
      color: white;
      font-family: "Material Design Icons";
      border: 2px solid #333333;
      content: "\f12c";
      font-size: 24px;
      position: absolute;
      top: -15px;
      left:20px;
      transform: translateX(-50%);
      height: 30px;
      width: 30px;
      line-height: 30px;
      text-align: center;
      border-radius: 50%;
      background: #333333;
      box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
    }
  
    .asColorPicker-dropdown {
      max-width: 260px !important; }
  
      .asColorPicker-trigger {
          position: absolute !important;
          top: 0 !important;
          right: -63px !important;
          height: 35px !important;
          width: 65px !important;
          border-left: solid 1px #ccc !important;
          border-bottom-right-radius: 3px !important;
          border-top-right-radius: 3px !important;
      }
      .asColorPicker-trigger span{
          border-left: solid 1px #ccc !important;
          border-bottom-right-radius: 3px !important;
          border-top-right-radius: 3px !important;
      }
  
  
      .asColorPicker-clear {
      display: none !important;
      position: absolute !important;
      top: 5px !important;
      right: 10px !important;
      text-decoration: none !important; }



      .select2-container--default .select2-selection--single {min-height:38px}
      .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 38px;}
      .select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px;}
      .wizard-content .wizard>.content { overflow: visible;}
      .wizard-content .wizard {overflow: visible;}
      .asColorPicker-trigger span {border: #ced4da solid 1px;}
      @media (max-width: 768px)
      {
        .wizard-content .wizard>.steps>ul {display: none;}
        .wizard-content .wizard>.content>.body { padding: 0 0px;}    
      }

      .select2-container--default .select2-selection--multiple .select2-selection__choice {
          color: #6D7581 !important;    
      }

      .select2-container--default .select2-selection--multiple .select2-selection__choice span{
        background-color: inherit !important;    
        }