#page{background-image:url(../images/pagebg.png);background-repeat:no-repeat;position:absolute;left:50%;margin-left:-420px;margin-top:1px;width:825px;height:900px}.left{position:relative;float:left;width:160px;margin:10;padding:5;clear:left;border-style:none;border-color:#000;text-alignment:center;border-radius:5px}.right{position:absolute;right:0;width:160px;margin-right:30px;padding:0;clear:right;border-style:none;border-color:#000;text-alignment:center;border-radius:10px}*{font-family:Verdana;font-size:9pt}body{background-repeat:repeat-x;font-family:Arial,sans-serif;background-color:#f4f4f9;padding:20px;text-align:center}a{text-decoration:none;font-weight:700;color:silver;padding:2px}a:hover{background-color:silver;font-weight:700;border-radius:10px;text-decoration:underline}.button:active{background-color:#3e8e41;box-shadow:5px #666;transform:translateY(3px);text-decoration:underline}body.green{background-image:url(../images/green-background.png)}body.green a{color:#3a8335}body.lightblue{background-image:url(../images/lightblue-background.png)}body.lightblue a{color:#39568f}body.red{background-image:url(../images/red-background.png)}body.red a{color:#c20000}body.maroon{background-image:url(../images/maroon-background.png)}body.maroon a{color:#c22222}body.brown{background-image:url(../images/brown-background.png)}body.brown a{color:#45250a}body.orange{background-image:url(../images/orange-background.png)}body.orange a{color:#d0942d}body.yellow{background-image:url(../images/yellow-background.png)}body.yellow a{color:#aeae36}body.teal{background-image:url(../images/teal-background.png)}body.teal a{color:#1b574d}body.darkblue{background-image:url(../images/darkblue-background.png)}body.darkblue a{color:#0f009d}body.purple{background-image:url(../images/purple-background.png)}body.purple a{color:9966FF}body.pink{background-image:url(../images/pink-background.png)}body.pink a{color:#ca73ca}body.grey{background-image:url(../images/grey-background.png)}body.grey a{color:#707070}body.black{background-image:url(../images/black-background.png)}body.black a{color:#8b8b8b}#content{width:100%;text-align:left}#text{margin-right:5px;margin-left:5px;margin-top:10px;clear:both;width:99%;height:700px;overflow:scroll}#main{margin:5px 10px}.logo{float:left;text-align:center}#main .headerlinks{position:relative;text-align:center;font-size:20pt;margin-right:20px;margin-left:10px;margin-top:10px;background-color:#fff;border-radius:5px}hr{margin-top:2px;border:none;background-color:#c04f15;color:#c04f15;height:2px}#scroll-container{width:790px;overflow-y:scroll;overflow-x:hidden;margin:0}#scroll-container table{width:770px;margin-left:10;margin-right:10}.inspection-table td,.inspection-table th{padding:5px;font-size:11px;text-align:center}.inspection-table input[type=date],.inspection-table input[type=text],.inspection-table select{width:100%;box-sizing:border-box;font-size:10px}#breadcrumb{margin-left:10px;margin-top:5px;width:785px;float:left}#footer{position:relative;bottom:0;font-size:8pt;text-align:center;color:#00000}#button{margin:15px;float:left;width:123px;height:123px;background-image:url(../images/button-background.png)}#button a{float:left;width:123px;height:123px}#button a img{border:0;margin-left:4px;margin-top:10px}#button a div{text-align:center;color:#000;font-weight:400}#print span{margin-left:5px;margin-top:5px;float:right}#printtext h1,#text h1{text-decoration:underline}#printtext div.indent,#text div.indent{margin-left:10px}#formtable{width:100%}#formtable .header{font-weight:700;background-color:#e0e0e0}#formtable input{width:100%}#formtable .actions a{font-size:30pt;font-weight:400}.button{border:2px solid #000;padding:2px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;border-radius:5px}.button1{background-color:grey}.button2{background-color:#ff0}.button3{background-color:#00f}.button4{background-color:green}.button5{background-color:red}.button6{background-color:Orange}.button7{background-color:Brown}.button8{background-color:#663399}.button10,.button9{background-color:#fff}.button1:hover{background-color:silver}.button2:hover{background-color:gold}.button3:hover{background-color:#87ceeb}.button4:hover{background-color:#2e8b57}.button5:hover{background-color:salmon}.button6:hover{background-color:#ffdab9}.button7:hover{background-color:#d2691e}.button8:hover{background-color:#9370db}.button9:hover{background-color:#add8e6}.button10:hover{background-color:#ffdab9}ul{list-style-type:none;margin:0;padding:0;border-radius:5px;background-color:#00000}li a{display:block;color:#000;padding:8px}li a.active{color:silver;text-decoration:underline}li a:hover:not(.active){background-color:#fff;color:#fff}.dropbtn{position:left;color:#fff;padding:6px;font-size:11px;border:none;cursor:pointer}.dropdown{position:relative;display:inline-block;text-align:left}.dropdown-content{display:none;position:fixed;background-color:#fff;min-width:100px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);border-radius:10px}.dropdown-content a{padding:6px 12px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#fff;color:#fff;text-decoration:underline}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{color:#fff}#frame{margin:28px;width:707px;float:left;background-image:url(../images/frame-background.png)}#frame a{float:left;width:150}#frame a img{border:0;margin-left:2px;margin-top:20px}#frame a div,#icon a div{text-align:center;color:#000;font-weight:400}#icon{margin:2px;float:left;width:25px;height:25px;background-image:url(../images/icon-background.png)}#icon a{float:left;width:25px;height:25px}#icon a img{border:0;margin-left:2px;margin-top:2px}table{border-collapse:collapse}td{border-radius:2px;padding:3px}tr:nth-child(2n){background-color:#f1f1ee}tr:hover{background-color:silver}.main-content{display:flex;flex-direction:column;gap:10px;width:750px;margin:0 auto}h1{width:100%;margin-bottom:20px;color:#d9534f}.performance-card{background-color:#fff;border:3px solid #ffc107;border-radius:12px;box-shadow:0 8px 12px rgba(0,0,0,.2);padding:10px;text-align:center;order:-1}.shield-image{max-width:200px;height:auto;margin-bottom:5px}.performance-label strong{font-size:28px;color:#000;display:block}.performance-card h3{font-size:24px;margin-top:0;margin-bottom:8px;color:#212529}.category-card{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:98%;padding:5px;display:flex;justify-content:space-between;align-items:center}.category-card h3{margin:0;color:#d9534f;min-width:100px}.count-box{display:flex;gap:2px}.count-box>div{padding:2px;border-radius:4px;text-align:center;min-width:70px}.total-box{background-color:#f0f8ff;border:1px solid #cef;padding:5px;font-size:16px;font-weight:700;color:#337ab7;text-align:right;min-width:400px}.actual{background-color:#dff0d8;border:1px solid #d6e9c6}.due{background-color:#f2dede;border:1px solid #ebccd1}.count-label{font-size:10px;color:#666;margin-bottom:5px}.count-number{font-size:24px;font-weight:700}.due .count-number{color:#a94442}@media print{#page,#frame,#main,#content,#text,#scroll-container,.main-content{position:static!important;left:0!important;top:0!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;float:none!important;background:none!important;transform:none!important}body,html{background:#fff!important;padding:0!important;margin:0!important}.left,.right,.logo,#breadcrumb,#footer,.button,#icon,.dropbtn{display:none!important}table,#scroll-container table,.inspection-table{width:100%!important;margin:0!important;border-collapse:collapse!important}tr{page-break-inside:avoid!important}}
