body { width: 120em; max-width: 1800px !important; }
#table_contacts_game tbody .home_contact_name, #table_contacts_game tbody .away_contact_name{ display: block; font-size: 1.3em;}
#table_contacts_game tbody .home_contact_title, #table_contacts_game tbody .away_contact_title { display: block; }
#table_contacts_game tbody .home_contact_phone, #table_contacts_game tbody .away_contact_phone{ display: block; }

.build_space ul.gallery_details li { width: 95%; float: left; height: 4em; }
.build_space ul.gallery_details li.incomplete { color: #fff; background: #f00; font-weight: bold;}
.build_space ul.gallery_details li.completed { color: #fff; background: darkgreen; font-weight: bold;}
.build_space ul.gallery_details li img {height: 3em; width: auto; float: left; padding: 0 .5em ;  }



.previous_schedule button {height: 1.5em; font-size: .67em; }


#overlay_white.wider { width: 75%; height: 75%; left: 10%; top: 10%; }
#overlay_white .email_form img { max-width: 90%; max-height: 90%; }


div.led-box p { display: none;}
li.disabled div.led-box p { display: inherit;}

.led-red {
  background-color: #F00;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
  -webkit-animation: blinkRed 0.5s infinite;
  -moz-animation: blinkRed 0.5s infinite;
  -ms-animation: blinkRed 0.5s infinite;
  -o-animation: blinkRed 0.5s infinite;
  animation: blinkRed 0.5s infinite;
}


.led-green, .led-blue, .led-red, .led-yellow {
  position: relative;
  top: -2em;
  margin: 0 auto;
  width: 24px !important;
  height: 24px;
  border-radius: 50%;
}

.led-green {
    background-color: #ABFF00;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.led-blue {
  background-color: #24E0FF;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #3F8CFF 0 2px 14px;
}

html body div.detail_loading { z-index: 1004 !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; margin: 0 auto;}
html body div.detail_loading img { position: fixed; top: 25%; left: 25%; width: 50%; height: auto; }
#update_user ul li input.checkbox, input.checkbox { width: 1em !important; margin: 0em !important;}

div#status { position: fixed; top: 0; left: 0; height: 25px; right: 0px; background-color: #000; color: #fff; }
div#status div { float: left; }
div#status div strong {padding: 0 1em; }


tr.sidearm, p.sidearm { font-style: italic; font-weight: bold; color: #ff0000 !important; }

.page_gallery_manager div.tools h3 { color: #000;}
.page_gallery_manager div.tool_data ul li label { width: 95px; float: left;}
.page_gallery_manager div.tool_data ul li:hover { background-color: #f00;}
	

ol.published_works li.page_404, span.page_404 { background-color: #b00; }
ol.published_works li.page_rejected, span.page_rejected { background-color: yellow; }
ol.published_works li.page_published, span.page_published { background-color: lightgreen; }
div.key { font-size: 2em; }

ul li.rates, ul li.socials { border: 2px solid black; }
#update_user ul li label { font-size: 18px !important; }


ul.settings_menu { width: 100%; height: 2em; }
ul.settings_menu li {width: auto; float: left; height: 1.2em; border: solid 3px black; border-bottom: 0px;  font-size: 1.75em; padding:  0px .5em; display: flex; flex-direction: column; background-color: #000; color: #fff;}
ul.settings_menu li:hover { display: block; color: goldenrod; text-decoration: underline; background-color: #ccc;}
ul.settings_menu li a { display: block; color: #fff; text-decoration: none;}
ul.settings_menu li.active { display: block; color: #f00; background-color: #fff; }
ul.settings_menu li.active a { display: block; color: black; background-color: #fff;  }
ul.settings_menu li.active a:hover { display: block; color: black; background-color: #fff;  }
ul.settings_menu li:hover a { display: block; color: red; text-decoration: underline; background-color: #ccc;}
form#update_user div.settings { width: 80em !important; display: none; }
div.mce-tinymce{
    width: 80em !important;
}
div.settings img.headshot{ max-height: 500px; max-width: 500px; }
div.settings#rate_sheet input[type='text'] { width: 75px;}
table tr.headers th label {font-size: 2em; }


table.photographer_history { float: right; width: 250px; z-index: 999; background-color: #fff; color: #000; }
table.photographer_history thead th {font-size: 1.3em; color: #fff; background-color: #000; vertical-align: bottom; padding: .5em;}
table.photographer_history thead th.smaller {font-size: .9em;}
/* table.photographer_history tbody tr {height: 1.1em; overflow: hidden; } */
table.photographer_history tbody th { overflow: hidden;}
table.photographer_history tbody th span { display: block; width: 150%; height: 1em; text-align: left;}
table.photographer_history tbody td span { display: block; background-color: inherit;}
table.photographer_history tbody td, table.photographer_history tbody th { padding: .1em; }
table.photographer_history tbody td { text-align: center; }
table.photographer_history tbody tr:nth-child(even) span, table.photographer_history tbody tr:nth-child(even) { background-color: #ccc; color: #000; }

table.photographer_history tbody tr:nth-child(odd) span, table.photographer_history tbody tr:nth-child(odd) { background-color: #fff; color: #000; }
table.photographer_history tbody tr:hover span, table.photographer_history tbody tr:hover {cursor: pointer; background-color: #fc0; color: #000; }

div.narrower { width: 70%; float: left;}
div.school_toggle div { width: 48%; }
div.school_toggle div.home, div.school_toggle div.away { float: right; background-color: #000; color: #fff; border: 5px solid #000; border-bottom: 0px; }
 
div.school_toggle div.home button, div.school_toggle div.away button { width: 100%; font-size: 1.5em; background-color: #000; color: #fff; border: 0px; }
div.school_toggle div.active { }
div.school_toggle div.active button { width: 100%; font-size: 1.5em; background-color: #fc0 !important; color: #000; border: 0px; }
table.school_toggle {width: 100%; }
table.school_toggle tbody {background-color: #fc0; min-width: 100%; }
table.school_toggle tbody.sportsinfocontacts td {background-color: #fc0; min-width: 100%; }
table.school_toggle tbody.hidden { display: none; }
table.school_toggle tbody.email th { vertical-align: top; font-size: 1.5em; }
table.school_toggle tbody.email th em { font-size: .5em; }
table.school_toggle tbody ul { width: 100%; }
table.school_toggle tbody ul li { width: 48%; max-width: 48%; min-width: 15em; float: left; height: 6em; padding: .2em; overflow: hidden; }
table.school_toggle tbody.email input[type=text] { width: 90%; font-size: 2em; }
table.school_toggle tbody.email textarea { width: 100%; height: 10em;  }
table.school_toggle tbody.email textarea.hidden { display: none; }
table.school_toggle tbody.email div.mce-tinymce {
  width: 100% !important;
}
table.school_toggle tbody.email div.uploader { border: 2px solid black; }
table.school_toggle tbody.email .attachments { border-bottom: 3px solid #ccc; padding-bottom: 1em; }
table.school_toggle tbody.email .attachments img.thumbnail { width: 125px; height: auto;  }
table.school_toggle tbody.email .attachments div.thumbnails { width: 135px; text-align: center; float: left; height: 110px;  }
body.page_schedule #overlay_white { width: 70%; height: 70%; left: 15%; top: 15%; }


.mobile { display: none;}
html body div#upcoming tbody tr:hover { background-color: #000; color: #fff !important; }
html body div#upcoming tbody tr td, html body div#upcoming tbody tr th { vertical-align: middle; }
#upcoming tbody tr:hover td.date , #upcoming tbody tr:hover th.date, #upcoming tbody tr:hover td.date span, #upcoming tbody tr:hover th.date span { background-color: #000; color: #fff !important; } 



 /* Keep the inner coverage content hidden in the DOM */
.covered .coverage { display: none; }
.covered, .coverage-flyout { cursor: pointer; }
/* Flyout box */
.coverage-flyout {
  position: absolute;
  width: 150px;
  height: auto;
  font-size: 1.3em;
  overflow: auto;
  background: #fff;
  border: 1px solid #999;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
  z-index: 9999;
  padding: 8px;
}


.recent_folders {
  float: right;
  position: absolute;
  width: 30em;
  border: 3px solid black;
  padding: .25em;
  right: 1em;
  z-index: 999;
  background-color: #ccc;
}
.recent_folders h2 { text-align: center; }
.recent_folders ul li { padding: .25em}
.recent_folders ul li:hover { background-color: #000; color: #fff; cursor: pointer;}