--- /dev/null
+
+/*
+ *
+ * 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;
+ 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;
+}