/* OVERRIDE FULL WIDTH FOR SCENE */
#kn-scene_121 {
  width: 50%;
  margin: auto !important;
}

/* NO TABLES ON MOBILE, NO LISTS ON DESKTOP */
@media screen and (max-width: 768px) {
  #kn-scene_121 {width: 90%; margin: auto;}
}

.kn-table.kn-view {display: block;}
.kn-list.kn-view {display: none;}

@media screen and (max-width: 768px) {

.kn-table.kn-view {display: none;}
.kn-list.kn-view {display: block;}

}
/* TABLE GROUPS SHADING */
.kn-table .kn-group-level-1 {
    background-color: rgba(69,138,186,0.5)!important;
}

.kn-table .kn-group-level-2 {
    background-color: rgba(69,138,186,0.1)!important;
}

.kn-table .kn-group-level-3 {
    background-color: rgba(69,138,186,0.1)!important;
}

/* LIST VIEW -> CARDS */
.kn-list-item-container {
border: solid 0.4px grey;
-webkit-box-shadow: -1px 2px 5px 7px rgba(163,163,163,0.33);
-moz-box-shadow: -1px 2px 5px 7px rgba(163,163,163,0.33);
box-shadow: -1px 2px 5px 7px rgba(163,163,163,0.33);
margin-top:20px;
padding-bottom:30px;
}

/* BUTTONS */
a.kn-link-page{
  background-color: white;
  color: black;
  border: 2px solid #458aba;
  border-radius: 15px;
  padding: 5px 10px;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  display: inline-block;
}

a.kn-link-page:hover{
    background-color: #458aba;
    border-color: #458aba;
    color: white;
}

a.kn-link-delete{
  background-color: white;
  color: black;
  border: 2px solid #ff3232;
  border-radius: 15px;
  padding: 5px 10px;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  display: inline-block;
}

a.kn-link-delete:hover{
    background-color: #ff3232;
    color: white;
}

/* Calendar Export Button */
.kn-ical.kn-button{
  margin: 0px 0px 50px 0px;
  background-color: #003d99;
  color: white;
  text-transform: uppercase;
}

/*-------- Modal View Width --------*/
@media only screen and (max-width: 1300px) and (min-width: 1201px) {
  .kn-modal {width: 85%;
}
}
@media only screen and (max-width: 1200px) and (min-width: 1101px) {
  .kn-modal {width: 90%;
}
}
@media only screen and (max-width: 1100px) and (min-width: 800px) {
  .kn-modal {width: 95%;
}
}
@media only screen and (min-width: 1301px) {
  .kn-modal {width: 1100px;
}
}

/* Calendar max width */
div.knack-calendar.fc{
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* EVERYTHING BELOW IS FOR CHECKBOX TO SLIDER */
/* Checkbox to Slider */
.option {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}

/* Hide default HTML checkbox */
.option input {
opacity: 0;
width: 0;
height: 0;
}

/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ff6464;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #1ade00;
}

input:focus + .slider {
box-shadow: 0 0 1px #1ade00;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}