@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

BODY {font-family:'Lato',sans-serif}
.tracker-container{margin:2%;background-color:white;border:1.5px solid #aaaaaa;min-width:650px}.tracker-container-2{padding:15px}
.tracker-options {margin:0% 5%;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap}.tracker-option{display:flex;align-items:center;box-shadow:2px 2px #333333;background-color:#eeeeee;margin:4px 10px;text-align:Center;border:1px solid #888888;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:bold}.tracker-option:hover{cursor:pointer;background-color:darkgreen;color:white}.selected{background-color:darkblue !important;color:white}
.tracker-display{margin-top:35px} h2 {font-size:15px;margin-bottom:4px}
.tracker-players {overflow:auto;margin-left:10px}
.tracker-players TD {font-size:11px}.sortRow{cursor:pointer}
.tracker-account {background-color:#3a5743;margin:0%;justify-content: space-between;width:100%;grid-gap:40px}.account-div{color:white;border-radius:5px;margin:7px;background-color:#61ab 78;border:1px solid #aaaaaa;padding:2px 12px;box-shadow:2px 2px black;text-align:center;flex-grow:1}
.tracker-account-options{flex-direction: row;display:flex;grid-gap:20px}
.tracker-account-elem {width:50%}
.tracker-account-elem LI {margin-left:15px}
.headerRow,.header-row{background-color:rgb(55, 101, 146);color:white} .headerRow TD,.header-row TD{padding-top:1px;padding-bottom:1px;text-transform:lowercase;font-weight:bold;padding:2px 4px}
.hrow td{font-weight:bold;background-color:#bbbbbb}.datarow td{padding:2px 4px;border-bottom:1px solid #aaaaaa} tr.datarow:hover td{background-color:#ebeda4}
.tracker-filters {margin:0px 5% 12px 5%;justify-content:center;flex-direction:row;display:flex;flex-wrap:wrap}
.filter-element {margin:5px 5px;border:1px solid black;box-shadow:2px 2px #555555;cursor:pointer;border-radius:10px;padding:2px 8px;font-weight:bold;align-items:center;display:flex;text-align: center;font-size:13px}
.filter-element-title {margin:5px 8px;border:1px solid black;box-shadow:2px 2px #555555;border-radius:10px;padding:3px 14px;font-weight:bold;align-items:center;display:flex;text-align: center;background-color:black;color:white;font-size:14px}
.flt{background-color:#cccccc}.lbl{background-color:#eeeeee} .filter-element:hover {background-color:green;color:white}
.row1_format TD {background-color:#ededed}.row2_format td{background-color:white} 
.feedback-center {font-weight:bold;background-color:lightgreen;padding:5px 12px;border-bottom:1px solid black;border-top:1px solid black;margin-bottom:10px}
.email_active {background-color:green;cursor:pointer}
.email_inactive {background-color:red;cursor:pointer} .email_inactive:hover {text-decoration:underline;background-color:maroon}
.player_list TABLE{width:100%}
.addplayer_container {display:flex;flex-direction:column;margin:15px 5%;justify-content:center;align-items:center;flex-grow:1}
.addplayer_container DIV {width:100%;text-align:center;margin-top:10px}
.addplayer_container INPUT {width:75%;font-size:18px;padding:3px 10px;font-weight:bold}
.tracker-player-header-row {font-weight:bold;background-color:#777777;color:white}
.tracker-player-header-row TD {padding:3px 5px}
.player_list TD {padding:3px 5px}
.row1 {background-color:#eeeeee}
.addplayer_notes{font-size:15px;padding:15px 10px}
.totals-row TD{background-color: #dddddd;font-weight:bold;border-top:1px solid black;border-bottom:1px solid black}
.option-row{display:flex;flex-direction:row;margin-top:10px}
.option-row select {width:200px;padding:1px 6px}
.option-subject {margin-right:12px;font-weight:bold;width:160px}
.option-value {font-size:12px;display:flex;flex-direction:column;grid-gap:6px}
fieldset {padding:17px;margin-bottom:20px;border-radius:10px;margin-left:10px}
.settings-updated {margin-left:12px;color:darkred;font-weight:bold;font-size:12px}
.update-settings {margin-top:25px}
legend {font-size:15px;font-weight:bold;color:darkblue;padding-left:4px;padding-right:4px}
.update-settings .uts {padding:3px 10px;border-radius:2px;font-weight:bold;margin-bottom:15px}
.update-settings .uts:hover {cursor:pointer;box-shadow:2px 2px black;background-color:darkgreen;color:white}
TD {padding-right:10px;white-space:nowrap}
.new-label {margin-left:10px;padding:1px 4px}
.label-submit {padding:1px 4px;margin-left:10px;font-weight:bold}
.lbl-mgmt {font-size:10px;padding:0px 2px}
.lbl-elem {border:1px solid black;background-color:lightgreen;padding:1px 4px;border-radius:5px;font-weight:bold;font-size:10px;margin-right:3px}
.borderLeft {border-left:1px solid black}
.time-period-container {flex-direction:row;display:flex;margin:10px;justify-content:center}
.time-period{padding:5px 12px;background-color:white;color:black;font-weight:bold;font-size:15px;border-radius:10px;margin-right:15px;border:1px solid #aaaaaa}
.time-period-title{padding:5px 12px;background-color:black;color:white;font-weight:bold;font-size:15px;border-radius:10px;margin-right:15px;border:1px solid #aaaaaa}
.time-period:hover {cursor:pointer;background-color:#eeeeee;color:black}
.selected {background-color:darkblue;color:white}
.tracker_add{cursor:pointer}
.tracker-send-dest {padding:2px 5px;width:200px;background-color:rgba(190, 184, 184, 0.871);font-weight:bold}
.fieldset-filters {border-radius:10px;margin:10px 10% 20px 10%}
.remove-label {cursor:pointer;color:blue;text-decoration:underline}
.filtered {padding-left:40px;font-size:13px;color:darkred;font-weight:bold;display:none;align-items:baseline}
.restore {color:blue;text-decoration: underline;cursor:pointer;font-weight:normal;margin-left:15px}
.tracker-account-actions {width:100%;display:flex;flex-direction: row;justify-content: center;margin-bottom:12px}
.tracker-action-elem {max-width:250px;margin: 0px 25px 0px 25px;border:1px solid #aaaaaa;border-radius:10px;background-color:#eeeeee;padding:5px 13px;text-align:center;font-size:12px;line-height:1.4;display:flex;flex-direction:column;min-height:70px}
.tracker-action-elem:hover {background-color:darkgreen;color:white}
.tracker-action-elem A{color:blue;font-weight:bold;font-size:15px;cursor:pointer}
.tracker-action-elem:hover A{color:white}
.filter-input-button {margin-left:30px;display:none;margin-bottom:4px} .filter-input-button input {padding:1px 10px;font-weight:bold;border-radius:5px}
.filter-input-button input:hover {cursor:pointer;color:white;background-color: darkgreen}
.tracker-add-team {font-size:14px;padding:2px 10px;background-color:#efefef}
.tracker-account-status {font-size:13px;font-family:monospace}
.tracker-status-option {display:flex;flex-direction: row;margin-right:20px;font-family:monospace !important}
.tracker-status-subject {font-weight:bold;padding-right:12px;font-family:monospace !important}
.tracker-status-content {font-family:monospace !important}
.tracker-status-col-1,.tracker-status-col-2 {flex-direction: column;display:flex;width:40%;padding-left:25px;line-height:1.5}
.tracker-account-actions-list {display:flex;flex-direction:row}
.highlighted-row{background-color:orange !important}

@media (max-width:750px){
    .tracker-option{font-size:13px;margin:10px} 
    .tracker-account {display:none}
    .option-row {flex-direction: column}
} 

@media (max-width:900px){
    .tracker-account-options{flex-direction:column} 
    .tracker-account-elem{width:100%;margin-bottom:20px}
    .tracker-container{min-width:100%}
    .tracker-account-actions-list {display:flex;flex-direction:column}
}