.hide { display: none; }
body { height:100vh; }
section { height:100%; }
section:not(#screen_login){ padding:3em .5em; }
#login p{ font-size:1.5rem; }
#login img{ width:12rem; }
#home button img{ width:5rem; }
#home button span{ font-size:1.5rem; font-weight:bold; }

img[src^="assets/img/icon-"] { width:1.5em; }
img[src^="assets/img/icon-notify"] { margin-right:.5em; }

button { cursor:pointer; }

.btn:focus { box-shadow:none; }
.arrow { margin-top:-5px; transform:scale(2); -webkit-transform:scale(2); -moz-transform:scale(2); -ms-transform:scale(2); -o-transform:scale(2); }
.card table { margin-bottom:0; }
.visible { visibility:visible; opacity:1; }
.hidden { visibility:hidden; opacity:0; transition:visibility 0s .5s, opacity .5s linear; }
.pinout { margin: 1rem auto;display: block;border-radius: 1rem; max-width: 100%; padding: 1rem; background-color: white; }

/* Custom input switch */
.switch { position:relative; display:inline-block; width:60px; height:34px; margin-bottom:0; }
.switch input { opacity:0; width:0; height:0; }
.slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -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:#17a2b8; }
input:focus + .slider { box-shadow:0 0 1px #17a2b8; }
input:checked + .slider:before { -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); }
.slider.round { border-radius:34px; }
.slider.round:before { border-radius:50%; }