/*
 * 
 *   Copyright 2016 RIFT.IO Inc
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 *
 */
.slick-track {
  cursor:pointer;
}
.slick-slider {
  margin-right:0;
  margin-bottom: 50px;
}
.slick-next, .slick-prev {
  opacity:0.25;
  top:5rem;
  z-index:5;
  height:auto;
  &:hover{
    opacity:1;
  }
  &:before{
    font-family: "slick";
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.slick-next {
    right: -1rem;
}
.slick-prev {
    left: -10px;
}
.slick-list {
  max-width: 693px;
}
.slick-slide {
  height:auto;
}
.slick-slide.component {
  box-sizing:border-box;
  flex-direction:column;
  flex-wrap:nowrap;
  // RIFT-12883
  // Prevent resizing
  // height:0;
  transition:height 200ms, opacity 600ms;
  opacity:0;
  .componentWrapper {
    display:flex;
    flex-wrap:wrap;
        flex: 1 0 auto;
  }
}
.slick-active {
}
.slick-slide.slick-active.component {
  align-items:inherit;
  height:auto;
  opacity:1;
  transition:height 200ms, opacity 600ms;
}
.slick-initialized.slick-slider{
  max-width: 693px;
}
.slick-initialized .slick-slide {
    display: flex;
}
.monitoring_params_component {
    flex: 1 1;
    flex-basis: 20%;
    text-align:center;
    display: flex;
    flex-direction: column;
    justify-content: center;

    align-content: center;
    padding: 0.5rem;
    border:1px solid white;
}
.slick-dots li button:before {
    font-size: 25px;
}