header{display:block}
footer{}
.body{font-family:monospace;}
input[type="radio"]:focus,input[type="checkbox"]:focus{border-color:red!important;}
.cutline {border:none;border-top:1px dashed black;}

select:required:invalid {color:#666;}
option[value=""][disabled] {display:none;}
option {color:#000;}

.blink_me {animation: blinker 1s /*linear*/ step-end infinite;}
@keyframes blinker {50% {opacity: 0;}}

/* Header */
.path{background-image:linear-gradient(to right, rgb(154, 241, 154), rgb(17, 160, 12));color:rgb(124, 32, 108);display:block;height:15px;padding-top:2px;padding-bottom:2px;font-size:10px;}
.path a{font-weight:bold;text-decoration:none;}
.welcome-logo{width:35%;}
.logo{width:25%;}
.photo{width:200px;height:300px;text-align:center;}
.photo-list{width:50px;height:75px;}
.photo-icon{width:25px;height:25px;}
.qr-batch{width:150px;height:150px;}
.warning{color:rgb(255,128,0);font-size:14px;font-weight:bold;text-align:center;animation: blinker 1.5s step-end infinite;}
.readonly {background:transparent;border:none;outline:none;padding:0px 0px;}

.question{height:80px;}
.answer{height:80px;}
.imgintro{width:350px;}
.imgradio{position:absolute;opacity:0;width:0;height:0;}
.imgradio + img{cursor:pointer;}
.imgradio:checked + img {outline:3px solid #f00;}

/* Dropdown Menu */
.menu-ddbutton1{height:20px;}
.menu-dd{display:inline-block;position:relative;text-align:right;}
.menu-dd-content{display:none;right:0;background-color:rgb(128,128,128);box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);min-width:125px;position:absolute;top:20px;z-index:1;}
.menu-dd-content a{color:black;display:block;padding:5px 5px;text-decoration:none;}
.menu-dd-content a:hover{background-color:rgb(192,192,192);color:rgb(255,255,255);}
.menu-dd:hover .menu-ddbutton{background-color:rgb(255,255,0);color:rgb(255,255,255);transition-duration:0.6s;-webkit-transition-duration:0.6s;} 
.menu-dd:hover .menu-dd-content{display:block;}

/* Menu Workbench */
.menu{height:400px;width:520px;text-align:center;}
.menu-item{display:inline-grid;width:150px;text-align:center;padding:5px 5px 5px 5px;}
.menu-button{background-color:rgb(254,217,102);width:150px;border:2px solid black;color:black;font-size:14px;border-radius:6px;display:inline-block;margin-top:20px;padding:10px 0px;text-align:center;}
.menu-button a{font-weight:bold;text-decoration:none;}
.menu-button:hover{background-color:gray;border:2px solid rgb(254,217,102);color:rgb(254,217,102);transition-duration:0.8s;-webkit-transition-duration:0.8s;}

.float-right{float:right;}

.filter{background-color:lightgray;font-size:12px;text-align:left;width:100%;display:flow-root;}
.filter-item{float:left;margin:auto;padding-left:5px;padding-right:5px;padding-bottom:5px;position:relative;}
.filter-title{}
.filter-input{}
.filter-span{}
.filter-button{background-color:rgb(254,217,102);border:2px solid black;color:black;border-radius:4px;display:inline-block;font-size:12px;margin-left:auto;margin-right:auto;margin-top:0px;padding:1px 10px;}
.filter-button a{font-weight:bold;text-decoration:none;}
.filter-button:hover{background-color:gray;border:2px solid rgb(254,217,102);color:rgb(254,217,102);transition-duration:0.8s;-webkit-transition-duration:0.8s;}
.button{display:inline-block;}
.action-button{background-color:rgb(254,217,102);border:2px solid black;color:black;border-radius:6px;display:inline-block;font-size:14px;margin-left:auto;margin-right:auto;margin-top:0px;padding:5px 10px;}
.action-button a{font-weight:bold;text-decoration:none;}
.action-button:hover{background-color:gray;border:2px solid rgb(254,217,102);color:rgb(254,217,102);transition-duration:0.8s;-webkit-transition-duration:0.8s;}

.head{background-color:lightgray;font-size:12px;text-align:left;width:100%;display:flow-root;}
.head-item{float:left;margin:auto;padding-left:5px;padding-right:5px;padding-bottom:5px;position:relative;}
.head-title{}
.head-input{}
.head-span{}

.hdr {border-collapse:collapse;font-size:12px;width:100%;}

.tb{border-collapse:collapse;font-size:12px;width:100%;}
.tbh{background-color:#4CAF50;border:1px solid #ddd;color:white;font-weight:bold;text-align:left;}
.tbh a{font-size:14px;text-decoration:none;}
.tbr:nth-child(odd){background-color:#a0a0a0;}
.tbr:nth-child(even){background-color:#f2f2f2;}
.tbr:hover {background-color:#ddd;}
.tbc{border:1px solid #ddd;padding:5px;}
.tbc a{font-size:14px;text-decoration:none;}

.member{border-collapse:collapse;font-size:12px;width:100%;}
.member-head{background-color:#4CAF50;border:1px solid #ddd;color:white;font-weight:bold;text-align:left;}
.member-head a{font-size:14px;text-decoration:none;}
.member-row:nth-child(odd){background-color:#a0a0a0;}
.member-row:nth-child(even){background-color:#f2f2f2;}
.member-row:hover {background-color:#ddd;}
.member-col{border:1px solid #ddd;padding:5px;}
.member-col a{font-size:14px;text-decoration:none;}

.reset{height:400px;padding-top:80px;text-align:center;width:100%;}
.signin{height:400px;padding-top:80px;text-align:center;width:100%;}
.welcome{height:400px;padding-top:80px;text-align:center;width:100%;}
.ucase{text-transform: uppercase;}

.member{background-color:lightgray;font-size:12px;text-align:left;width:100%;display:flow-root;}
.member-item{float:left;margin:auto;padding-left:5px;padding-right:5px;padding-bottom:5px;position:relative;}
.member-title{}
.member-input{}
.member-span{}

/* Package Label */
.fs16px{font-size:16px;}
.fs20px{font-size:20px;}
.fs20px-w45{font-size:20px;width:45%;}
.ta-right{text-align:right}

.pg{font-size:10px;}
.pgrow{width:100%;}
.pglbl{width:50px;text-align:center;}
.pgcol{width:20px;text-align:center;border:1px solid rgb(32,32,32);background-color:rgb(64,64,64);color:rgb(128,128,128);}
.pgsel{width:20px;text-align:center;border:1px solid rgb(32,32,32);background-color:rgb(128,128,128);color:rgb(255,255,255);}
.pgcol:hover{background-color:rgb(128,128,128);color:rgb(255,255,255);}
.pgnext{width:40px;text-align:center;border:1px solid rgb(32,32,32);background-color:rgb(64,64,64);color:rgb(128,128,128);}
.pgnext:hover{background-color:rgb(128,128,128);color:rgb(255,255,255);}