:root {margin:0;padding:0;/* Colors */--black: #000;--darkgrey:#2f4f4f;--lightgrey:#dee0e4;--white: #fff;--green: #1aff8d;--gold: #ffe900;--pink:#ff0d8b;--blue:#56afe2;/* Border radiuses */--br-3xs: 0.3em; }
* {box-sizing: border-box;font-size: 16px;font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
h1,h2,h3{margin:0;}
body{background-color: var(--white);}
/* HEADER */
header{height:60px;display:flex;justify-content:space-between;}
header.header-item{min-height:60px;}
.header-item.dtvlogo{min-width:222px;}
.header-item.homelink{min-width:50px;}
.header-item.homelink a{width:50px;height:50px;display:inline-block;background: url("/_core/images/home-icon-solid-blue.png") no-repeat;background-size:cover;}
.header-item.homelink a:hover{width:50px;height:50px;display:inline-block;background: url("/_core/images/home-icon-darkgrey.png") no-repeat;background-size:cover;}
/* PAGE TITLE*/
.pagename{text-align: center;color:var(--darkgrey);margin-bottom:10px;}
.pagename h1 {font-size: 1.5em;}
/* LOGIN PAGE */
#login h3.err{text-align: center;color: var(--pink);margin:5px;}
#login {width:240px;background-color: var(--white);box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);margin: 40px auto;border-radius: var(--br-3xs);}
#login form {display: flex;flex-wrap: wrap;justify-content: center;padding-top: 20px;}
#login form label {display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;background-color: var(--blue);color: var(--white);border-top-left-radius: var(--br-3xs);border-bottom-left-radius: var(--br-3xs);}
#login form input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
#login form input[type=number] {-moz-appearance: textfield;}
#login form input[type="password"],#login form input[type="number"] {width: 150px;height: 50px;border:1px solid var(--blue);margin-bottom: 20px;padding: 0 10px;font-size: 16px;}
#login form input[type="submit"] {box-shadow: 2px 3px 10px var(--darkgrey);width: 200px;padding: 15px;margin:5px 0 15px 0;background-color: var(--blue);border: 0;cursor:pointer;font-weight:bold;color: var(--white);letter-spacing: 2px; border-radius: var(--br-3xs);}
#login form input[type="submit"]:hover{background: var(--blue);color: var(--darkgrey);background-color: var(--white);border:3px solid var(--darkgrey);box-shadow: none;text-decoration: underline;}
#login form input[type="number"]:focus,#login form input[type="password"]:focus {outline:None;}
/* ROTA PAGE*/
.rota{margin-top: 10px;}
.rota h1{text-align: center;color: var(--darkgrey);font-size: 22px;margin:0;}
.rota h2{text-align: center;color: var(--darkgrey);font-size: 18px;margin:0 0 5px 0;}
table.center{margin-left:auto;margin-right:auto; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);border-radius: 0.3em;}
th,td{width:auto;text-align:center;border-radius: 0.3em;padding:5px 10px 5px 10px;border-collapse: collapse;font-size: 16px; color:var(--darkgrey);}
.mon{background-color: var(--blue);}
.wed{background-color: var(--gold);}
.fri{background-color: var(--green);}
.sun{background-color: var(--pink);}
.ipaddress{text-align: center;color: var(--darkgrey);font-size: 10px;padding: 50px 0 5px 0;}