/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * 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.
 */
 html,
 body {
   font-family: 'Heebo', 'Helvetica', sans-serif;
   margin: 0px;
   padding: 0px;
   direction: ltr;
   transition: width 2s, height 2s, transform 2s;
}

 body > div > i {display: none !important;}
 
 header {display: flex !important;}
 
 h3 {
   padding: 0px;
   margin: 0px;
 }
 
 main {
   /* max-width: 1024px; */
   margin: 0px auto;
 }
 
 .material-icons#close {
   color: white;
   text-shadow: #000 1px 1px 2px;
   cursor: pointer;
   text-decoration: none;
   display: block;
   height: 50px;
   width: 100%;
 }

 .max_width_600 {
   max-width: 600px;
   margin: 0 auto;
   text-align: left;
 }
 
 /* body {
   background-image: url(../images/main-bg.jpg);
 } */
#activeBg {
  background-color: #321bab;
}

 #section2 {
  background-image: url(../images/bg-subtitle.png);
  background-repeat: no-repeat;
  margin-top: -30px;
  background-color: #6161FF;
 }

 @media only screen and (max-width: 600px) {
  /* #top2 {
    background-image: url(../images/top2-sm.jpg);
   } */
   #section2 {
    background-image: url(../images/bg-subtitle-sm.png);
    /* background-size: cover;
    background-repeat: no-repeat;
    margin-top: -30px; */
   }
   #on-off-signal {
    display: none;
   }
 }

* {
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s  ease-in-out;
}

.fade-in { animation: fadeIn 2s; }

.selected-option {
  background-color: #6161FF !important;
}

.selected-option .item-name {
  color: #321bab !important;
}

.selected-option {
  background-color: #fff !important;
}
/* .selected-option .item-circle {
  background-color: #fff !important;
  color: #321bab !important;
} */