/* Pheno2019.css overwrites for W3.CSS by Andrew Smith, somewhere in March 2019 */

/* Colour scheme - silvers */

html,body{font-family:Verdana,sans-serif;font-size:17px;line-height:1.5}html{overflow-x:hidden}
body,p,h1,h2,h3,h4,h5,h6,li {color: #2b363b !important}

/* Colour scheme - silvers */


.w3-theme-l5 {color:#000 !important; background-color:#fdfdfd !important}
.w3-theme-l4 {color:#000 !important; background-color:#f8f9fa !important}
.w3-theme-l3 {color:#000 !important; background-color:#f1f3f5 !important}
.w3-theme-l2 {color:#000 !important; background-color:#eaeeef !important}
.w3-theme-l1 {color:#000 !important; background-color:#e3e8ea !important}
.w3-theme-d1 {color:#000 !important; background-color:#c2cdd2 !important}
.w3-theme-d2 {color:#000 !important; background-color:#a8b7bf !important}
.w3-theme-d3 {color:#fff !important; background-color:#8ea2ac !important}
.w3-theme-d4 {color:#fff !important; background-color:#758d99 !important}
.w3-theme-d5 {color:#fff !important; background-color:#5f7681 !important}
.w3-theme-d6 {color:#fff !important; background-color:#4c5f67 !important}
.w3-theme-d7 {color:#fff !important; background-color:#43535a !important}
.w3-theme-d8 {color:#fff !important; background-color:#39474d !important}
.w3-theme-d9 {color:#fff !important; background-color:#303b41 !important}

.w3-theme-light {color:#000 !important; background-color:#f8f9fa !important}
.w3-theme-dark {color:#fff !important; background-color:#5f7681 !important}
.w3-theme-action {color:#fff !important; background-color:#5f7681 !important}

.w3-theme {color:#000 !important; background-color:#dce2e5 !important}
.w3-text-theme {color:#dce2e5 !important}
.w3-border-theme {border-color:#dce2e5 !important}

.w3-hover-theme:hover {color:#000!important; background-color:#dce2e5!important}
.w3-hover-text-theme:hover {color:#dce2e5!important}
.w3-hover-border-theme:hover {border-color:#dce2e5 !important}

.w3-text-black,.w3-hover-text-black:hover{color:#000 !important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#758d99!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f8f9fa!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#5f7681!important}

.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#c2cdd2!important}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#c2cdd2!important;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#f1f3f5!important;color:#000}

.w3-content a { color: #2e7ae5; }
.w3-content a:hover {background-color: #e3e8ea;}

.red {color: red !important; font-color: red !important;}

/* layout changes */


.w3-jumbo {font-size:9vw!important}
.w3-xxxlarge {font-size:7vw!important}

.w3-dropdown-hover .w3-button {width: 101%;}

@media only screen and (min-width: 768px) {
.w3-jumbo {font-size:72px!important}
.w3-xxxlarge {font-size:48px!important}
}

.w3-ul {list-style-type:none;padding:0;margin:0}
.w3-ul li {padding:8px 16px;border-bottom:1px solid #ddd}
.w3-ul li:last-child {border-bottom:none}


article.blurb {padding: 30px 20px 10px 20px; margin: 20px 0; background-color: #f1f3f5; border: 1px solid #c2cdd2; }
article ul li {padding:8px 16px;}
article p.top {text-align: right !important;}
p.top a {background-color: #5f7681; padding: 6px; color: #eaeeef !important; text-decoration: none; }
p.top a:hover {background-color: #222; padding: 6px; color: #eaeeef !important; text-decoration: none; }

article ul li {padding:8px 16px;}

.anchor {padding-top: 40px !important;}

strong {font-weight:bold; color: black;}

table.schedule {min-width: 200px !important; margin: 20px 0;}
td.break {font-style: italic; color: #5f7681 !important; background-color: #e3e8ea !important;}


table.ratings {font-size: medium; background: white; border: 1px solid #a8b7bf; border-collapse: collapse; width: 100%;}
table.ratings td, table.ratings th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table.ratings th {background-color: #758d99; color: #e3e8ea !important;}
table.ratings td:first-child {width: 25%;}
table.ratings td:last-child {width: 75%;}
table.ratings caption { display: none;}

.placeholder {width: 500px; height: 250px; background: #cc0; margin: 20px 0;}
.blurb-image {border: 2px solid #758d99; }

/* rego form */

.disabled {display: none;}
fieldset {background-color: #f1f3f5 !important;}
note {display: block; float: right; width: 250px; font-size: 75%; border: 1px solid #a8b7bf; background-color: #e3e8ea; padding: 0 10px;}
legend {font-weight: bold; font-size: 110%;}
#user {display: block; color: white !important; font-weight: bold; font-size: 24px; background: #8ea2ac !important; padding: 15px 10px 10px 15px; border: 1px solid #a8b7bf;}
table#games th, table#fees th {text-align: left !important;}
errors {color: red !important; background-color: yellow; }
td.checkbox {text-align: center !important; }

#submitbutton input {background: #57a45c !important; color: #fff !important; border: 1px solid white; padding: 8px 12px; }
#submitbutton input:hover {background: #6fc271 !important; color: #fff !important;}
#submitbutton input:active {background: #a7cd66 !important; color: #fff !important;}

.edit input {background: #d79541 !important; color: #fff !important; border: 1px solid white; padding: 8px 12px; }
.edit input:hover {background: #dbcc55 !important; color: #fff !important;}
.edit input:active {background: #e3e322 !important; color: #fff !important;}

.pay input {background: #57a45c !important; color: #fff !important; border: 1px solid white; padding: 8px 12px; width: 220px;}
.pay input:hover {background: #6fc271 !important; color: #fff !important;}
.pay input:active {background: #a7cd66 !important; color: #fff !important;}


table#conflicts {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#conflicts td, table#conflicts th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; }
table#conflicts th {background-color: #758d99; color: white !important; font-weight: normal; }
table#conflicts td {text-align: center;}

table#banquet {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#banquet td, table#banquet th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table#banquet th {background-color: #758d99; color: white !important; font-weight: normal;}

#checkDetails ol { float:left; list-style:none; display:block; width:100%; margin:0 }
#checkDetails li { float:left; list-style:none; display:inline; margin-left:10px; padding:5px 0px; line-height:130%; }
#checkDetails li.head1 { text-align:left; padding-left:1em; width:180px;  }
#checkDetails li.label { text-align:left; font-weight:bold; padding-left:1em; width:180px; }
#checkDetails li.value { text-align:left; padding-left:1em; width:375px; }
#checkDetails li { }
#checkDetails table tr td { width:8%; }
#checkDetails h2 { text-align:left; }
#checkDetails form p.edit input {margin-top: 20px; }

table#fees td {padding-left: 2em;}

table#payments {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#payments td, table#payments th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table#payments th {background-color: #758d99; color: white !important; font-weight: normal;}

table#payments2 {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#payments2 td, table#payments2 th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table#payments2 th {background-color: #758d99; color: white !important; font-weight: normal;}

playeredit { display:block; width:63%; margin:0 5px 10px 0px; padding:12px; background-color: white; border:1px solid #c2cdd2; }
playeredit ul { text-decoration:; display:inline; margin:30px 50px; }
playeredit li { text-decoration:; display:inline; margin: 0px 20px; }
playeredit li.name { width:40%; }
playeredit li a { color:#0900b3; text-decoration:none; }
playeredit li a:link, playeredit li a:visited, playeredit li a:active { /* color:#671F00;*/ text-decoration:underline; }

table#games {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#games td, table#games th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table#games th {background-color: #758d99; color: white !important; font-weight: normal;}
table#games th.playername {background-color: #4c5f67;}

label { display:inline-block; width:180px; margin-right:12px;} 
label.no_length { width:100%;}
#login input[type=submit] { margin-left:195px; }