/*
Copyright (c) 2019 Obscape Group BV.  All rights reserved.
Obscape Group BV
Rijswijk, The Netherlands
info@obscape.com
*/

html,body,h1,h2,h3,h4,h5 {font-family: "Century Gothic", sans-serif}

html,body {
    height: 100%;
}

@media (min-width:993px) {
    div.w3-main {
        height: 100%;
    }
}

@media (max-width:992px) {
    div.w3-main {
        /* Firefox */
        height: -moz-calc(100% - 43px);
        /* WebKit */
        height: -webkit-calc(100% - 43px);
        /* Opera */
        height: -o-calc(100% - 43px);
        /* Standard */
        height: calc(100% - 43px);
    }
}

@media (min-width:1287px) {
    .w3-col.xl1{width:8.33333%}
    .w3-col.xl2{width:16.66666%}
    .w3-col.xl3{width:24.99999%}
    .w3-col.xl4{width:33.33333%}
    .w3-col.xl5{width:41.66666%}
    .w3-col.xl6{width:49.99999%}
    .w3-col.xl7{width:58.33333%}
    .w3-col.xl8{width:66.66666%}
    .w3-col.xl9{width:74.99999%}
    .w3-col.xl10{width:83.33333%}
    .w3-col.xl11{width:91.66666%}
    .w3-col.xl12{width:99.99999%}
}

@media (min-width:1525px) {
    .w3-col.xxl1{width:8.33333%}
    .w3-col.xxl2{width:16.66666%}
    .w3-col.xxl3{width:24.99999%}
    .w3-col.xxl4{width:33.33333%}
    .w3-col.xxl5{width:41.66666%}
    .w3-col.xxl6{width:49.99999%}
    .w3-col.xxl7{width:58.33333%}
    .w3-col.xxl8{width:66.66666%}
    .w3-col.xxl9{width:74.99999%}
    .w3-col.xxl10{width:83.33333%}
    .w3-col.xxl11{width:91.66666%}
    .w3-col.xxl12{width:99.99999%}
}

@media (min-width:1900px) {
    .w3-col.xxxl1{width:8.33333%}
    .w3-col.xxxl2{width:16.66666%}
    .w3-col.xxxl3{width:24.99999%}
    .w3-col.xxxl4{width:33.33333%}
    .w3-col.xxxl5{width:41.66666%}
    .w3-col.xxxl6{width:49.99999%}
    .w3-col.xxxl7{width:58.33333%}
    .w3-col.xxxl8{width:66.66666%}
    .w3-col.xxxl9{width:74.99999%}
    .w3-col.xxxl10{width:83.33333%}
    .w3-col.xxxl11{width:91.66666%}
    .w3-col.xxxl12{width:99.99999%}
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  background: #888; 
}
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.obsbutton {
    background-color: #FF592C;
    color: white;
    font-size: .8em;
    border-radius: 4px;
    padding: 4px 6px;
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-bottom: #777 1px solid;
    border-right: #777 1px solid;
}

.obsbutton:hover {
    opacity: .5;
    cursor:pointer;
}

.obsbutton:focus {
    outline: 1px solid #CCC;
}

.disbutton {
    background-color: #CCCCCC;
    color: #444444;
    font-size: .8em;
    border: 1px solid white;
    border-radius: 4px;
    padding: 4px 6px;
}

.modbutton {
    width:100%;
}

.w3-check,.w3-radio {
    filter: grayscale(100%);
}

.w3-check:checked {
    filter: grayscale(100%);
}