: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);}
body, html {width: 100%; height: 100%; margin: 0; padding: 0}
/* HEADER */
header{height:70px;margin:10px 10px 0 10px;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.6em;}
/* LOGIN FORM */
.login h3.err{text-align:center;color: var(--pink); margin:0;padding:5px 10px 0 10px;}
.login h3.err span{font-style:italic;}
.login {width: 360px;background-color: var(--white);box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);margin: 60px 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[type="password"],.login form input[type="email"] {width: 280px;height: 50px;border:1px solid var(--blue);margin-bottom: 20px;padding: 0 15px;font-size: 16px;}
.login form input[type="submit"] {width: 330px;padding: 15px;margin:10px 0 10px 0;border-radius: var(--br-3xs);cursor:pointer;font-weight:bold;letter-spacing: 2px; border: solid 3px var(--blue);background-color: var(--blue);color: var(--white);box-shadow: 2px 3px 10px var(--darkgrey);}
.login form input[type="submit"]:hover{background-color: var(--white);color: var(--darkgrey);text-decoration: underline;box-shadow: 2px 3px 10px var(--white);border: solid 3px var(--darkgrey);}
.login form input[type="password"]:focus,.login form input[type="email"]:focus,.login form input[type="submit"]:focus {outline:None;}
.help {text-align: center;display:block;color: var(--pink);margin:auto;padding:15px 0;}
.login a {text-decoration: none;}
.login a:hover {text-decoration: underline;color: var(--darkgrey);}
/* FOOTER */
footer{text-align:center;width: auto; height:50px;margin-bottom:20px;background-color:var(--white);color:var(--blue);}
footer p{font-size: 0.9em;font-weight:bold;padding-top:15px;}
footer p :link{color:var(--pink);}
footer p :hover{color:var(--darkgrey);} 
/* PBI AREA */
.container{display:flex;flex-direction:column;width: 100%; height: 100%;}
.report {flex-grow: 1; border: none; margin: 0; padding: 0;}