/* 
Copyright 2017 Amazon.com, Inc. or its affiliates. All Rights Reserved.
Licensed under the Amazon Software License (the "License"). You may not use this file except in compliance with the License. A copy of the License is located at
    http://aws.amazon.com/asl/
or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, express or implied. See the License for the specific language governing permissions and limitations under the License.
 */
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

body {
  font-family: 'Muli';
  font-weight: 300;
  line-height: 1.42em;
  color:#A7A1AE;
  background-color:#182e54;
  font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
}

.logo{
  display: block;
  margin-left: 5%;
  width: 50%;
  max-width: 480px;
  /*height: 10vh;*/
  
}

h1 {
  font-size:3em; 
  font-weight: 300;
  line-height:1em;
  /* text-align: center; */
  color: #4DC3FA;
}

h2 {
  font-size:2em; 
  font-weight: 300;
  text-align: left;
  display: block;
  line-height:1em;
  color: #FFF842;
  margin-top: 0.2em;
  margin-bottom: 0.8em;
}

img:not(.logo){
  /*border: 5px solid #6c7076;*/
  
}





/* Background-color of the odd rows */
/*div.inner-grid:nth-child(odd) {*/
/*    background-color: #323C50;*/
/*}*/

/* Background-color of the even rows */
/*div.inner-grid:nth-child(even) {*/
/*    background-color: #2C3446;*/
/*}*/

/*.inner-grid-list{*/
  /*border: 2px dashed;*/
/*  height: 1000px;*/
/*  overflow-y: scroll;*/
/*}*/

.inner-grid-list div{
  display: inline-block;


}

/*.inner-grid-list::-webkit-scrollbar-track*/
/*{*/
/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*	border-radius: 10px;*/
/*	background-color: #F5F5F5;*/
/*}*/

/*.inner-grid-list::-webkit-scrollbar*/
/*{*/
/*	width: 12px;*/
/*	border-radius: 10px;*/
/*	background-color: #F5F5F5;*/
/*}*/

/*.inner-grid-list::-webkit-scrollbar-thumb*/
/*{*/
/*	border-radius: 10px;*/
/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
/*	background-color: #555;*/
/*}*/


.inner-grid-list {
  /*border: 2px dashed;*/
  overflow: auto;
  white-space: nowrap;
}



/*.buttons {*/
/*  margin-left: auto;*/
/*  margin-right: auto;*/
/*  text-align:center;*/
/*  width: 50%;*/
/*}*/


.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}


.onoffswitch {
    position: relative; width: 152px;  margin-left: auto;
  margin-right: auto;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #182E54; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Detects Only";
    padding-left: 10px;
    background-color: #283E6D; color: #F8FAFD;
}
.onoffswitch-inner:after {
    content: "Show All";
    padding-right: 10px;
    background-color: #283e6d; color: #F8FAFD;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 22px; margin: 4px;
    background: #FF8400;
    position: absolute; top: 0; bottom: 0;
    right: 118px;
    border: 2px solid #182E54; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

#right-button{
  float:right;
   padding: 0; line-height: 1.42em;
    font-size: 20px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
  display: inline-block;
  /*height:30px;*/
  border-radius: 20px;
  line-height: 28px;
  border-color: transparent;
  width: 50px;
  background-color: #283e6d; color: #F8FAFD;
  margin-right: 20px;
  text-align: center;
  /*border: 2px;*/
  /*box-sizing: border-box;*/
  top: 4px; bottom: 0;
  margin-top: 2px;
margin-bottom : 2px;


}

#left-button{
   padding: 0;line-height: 1.42em;
    font-size: 20px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
  float: left;
  display: block;
  border-color: transparent;
  height:28px;
  border-radius: 20px;
  width: 50px;
  background-color: #283e6d; color: #F8FAFD;
  margin-left: 20px;
  text-align: center;
  border: 2px;
  box-sizing: border-box;
  top: 0; bottom: 0;
  margin-top: 2px;
  margin-bottom : 2px;



}

.right{
  border: 2px;
}