/* index.css */
body { font-family:sans-serif; width: 960px; }
@media  screen  and (min-width:960px) { body {margin:0 auto; } }
table#screen-table { width: auto; display: table; table-layout: auto; border-collapse: collapse; }
table#screen-table tr { border-bottom:3px solid white; }
table#screen-table tr.no-border-bottom { border-bottom:0px solid white; }
table#screen-table td { border-right:3px solid white; }
div.mobile { display:none; }

table#screen-table tr td { font-family: "Be Vietnam Pro", sans-serif; font-weight: 400; }
td {  padding:2px 4px; }
td.now { border-top-color: black!important; border-bottom-color: black!important; }
/*td.now:last-child { border-right-color: black!important; }*/
/*
td.recent { border-top-color: royalblue; border-bottom-color: royalblue;}
td.recent:last-child { border-right-color: royalblue; }
*/
td.day-of-week { border-left:8px solid inherit; padding-right:8px; }
td.day-of-week.now { border-left:8px solid black!important;}
/*td.day-of-week.recent { border-left-color:royalblue;}*/

.button-group { margin: 20px 0px; }
.button-group button { margin:0 10px; font-size:16pt; }
.button-group button.active { background-color:wheat; }
.button-group button:hover { cursor:pointer; } 
.button-group select { font-size:15pt; margin:0px 5px;}
a button:hover { cursor:pointer; }
span.filter-by { font-size:15pt; text-transform:uppercase;}
table caption { font-size:15pt; display:none;} /* hide the caption for now */
.timezone { opacity: .85; border:1px solid transparent; }
td.url { text-align:center; padding:3px; }
td.eastern, td.central, td.mountain, td.pacific { text-align:center; padding:3px; font-weight:bold; opacity:.5;}
.eastern  { color:darkblue; }
.central  { color:darkmagenta; }
.mountain { color:brown; }
.pacific  { color:darkgreen; }

/* override timezone coloring and opacity for mobile cards */
tr.zone-times * { color:black!important; opacity:1;}
tr.zone-headings * { color:black!important; opacity:1;}

/* define the colors for each weekday  (used for screen only) */
tr[day-of-week='sunday']                      { background-color: #b3e0ff; }
tr[day-of-week='sunday']    td[meridian='am'] { background-color: #cceaff; }
tr[day-of-week='sunday']    td[meridian='pm'] { background-color: #99c7e6; }

tr[day-of-week='monday']                      { background-color: #ffcccb; }
tr[day-of-week='monday']    td[meridian='am'] { background-color: #ffe0df; }
tr[day-of-week='monday']    td[meridian='pm'] { background-color: #e6b3b2; }

tr[day-of-week='tuesday']                     { background-color: #d3f9d8; }
tr[day-of-week='tuesday']   td[meridian='am'] { background-color: #ebfdf0; }
tr[day-of-week='tuesday']   td[meridian='pm'] { background-color: #b9dfbe; }

tr[day-of-week='wednesday']                   { background-color: #b0c4de; }
tr[day-of-week='wednesday'] td[meridian='am'] { background-color: #c8d9ec; }
tr[day-of-week='wednesday'] td[meridian='pm'] { background-color: #97abc5; }

tr[day-of-week='thursday']                    { background-color: #f2a1d1; }
tr[day-of-week='thursday']  td[meridian='am'] { background-color: #f9c0e0; }
tr[day-of-week='thursday']  td[meridian='pm'] { background-color: #d88bb9; }

tr[day-of-week='friday']                      { background-color: #deb887; }
tr[day-of-week='friday']    td[meridian='am'] { background-color: #efd3a8; }
tr[day-of-week='friday']    td[meridian='pm'] { background-color: #c49e70; }

tr[day-of-week='saturday']                    { background-color: #d8bfd8; }
tr[day-of-week='saturday']  td[meridian='am'] { background-color: #e9d7e9; }
tr[day-of-week='saturday']  td[meridian='pm'] { background-color: #bfa6bf; }

/* these are for the mobile display (same colors) */
.show-card.sunday    { background-color: #b3e0ff; }
.show-card.monday    { background-color: #ffcccb; }
.show-card.tuesday   { background-color: #d3f9d8; }
.show-card.wednesday { background-color: #b0c4de; }
.show-card.thursday  { background-color: #f2a1d1; }
.show-card.friday    { background-color: #deb887; }
.show-card.saturday  { background-color: #d8bfd8; }

tr.tools-activated { background-color:lightslategrey; }
td.tools.activated { background-color: lightslategrey;  }
td.tools.activated i { color:white; }
td.tool-row-contents { color:white; }


i.unique-code-trash { color:gainsboro; vertical-align:middle; }
i.unique-code-trash:hover { cursor:pointer; color:red;  }

.data-chunk[chunk-type='card'] i.unique-code-trash { color:white; vertical-align:middle; }
.data-chunk[chunk-type='card'] i.unique-code-trash:hover { cursor:pointer; color:red;  }

.fade-out-shrink {  /* for lines that get deleted by user */
  transition: all 1.0s ease;
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

span.hide-tag { display:none; } /* allows us to hide tags where we wish */

td.platform { text-align:center; }
img.platform-icon { width:30px; height:30px; }
.cache-indicator * { font-size: 30pt; padding:0px; padding-right:10px; margin:0px; vertical-align: middle;}
.cache-indicator.fresh * { color:darkgoldenrod!important; }
.cache-indicator.cache * { color:dodgerblue!important; }
span.recycle { text-align:center; display:block; }
span.recycle i { font-size:18pt;}
span.specific-date { font-size:14pt; text-align:center; display:block;}
a.url-button { color:black; }
a.url-button:hover { opacity:.5 }
span.half-hour-bullet {font-size:14pt;}
span.ampm { font-size:9pt; text-transform:uppercase; }
a { text-decoration:none; }
span.instructions {font-size:14pt; font-family: "Be Vietnam Pro", sans-serif; font-weight: 300; }
.select-widget { border:2px solid grey; }
a#fresh-dot:hover { cursor:pointer; }
#meta-data { border:1px solid red; padding:8px 12px; margin:20px 0px;display:none;}

td.tools { text-align:center; width:25px;}
td.tools i.inactive { visibility:hidden; }
td.tools i:hover { cursor:pointer; opacity:.5; }
th.tools { display:none;} /* hide the tools heading */
td.handle a, span.mobile-handle a { text-decoration:none!important; }
td.handle a { color:black!important; }
td.handle a:hover, span.mobile-handle a:hover { font-weight:bold; }

div.mobile-title { display:inline-block; padding:3px 0px;}
div.mobile-tools-toggle i.inactive { display:none; }
div.mobile-tools-toggle i:hover { cursor:pointer; opacity:.5; }

/* Start: mast logo and button */
.mast-container { display: flex; align-items: center; }
img#logo { width: 710px; height: auto; }
img#add-button { width: auto; padding-left:5px; opacity:.5; }
img#add-button:hover { opacity:1; }
img#add-button { visibility: hidden; }

.hide-for-mobile { display:block; }
.hide-for-screen { display:none; }

img.tiny-avatar { width:30px; height:30px; border-radius:50% 50%; vertical-align:middle; }
/* mobile */
@media only screen and (max-width:960px) { 
	body { font-family:sans-serif; margin:5px 12px 5px 17px!important;width:90%!important; }
	table { width:95%; }
	div.mobile { display:block; }
	table#screen-table { display:none; }	
	img#logo { width: 70%!important; height: auto; display:block;}
	img#add-button { width: auto; padding-left:20px; opacity:.5; }
	img#add-button:hover { opacity:1; }
	img#add-button { visibility: hidden; }	
	div.mast-container a { display:contents; }
	span.instructions {font-size:10pt; }
	.select-widget { width:90%; }
	.button-group select {margin-top:10px; display:block;}
	button.filterby { width:90%; margin:10px 1px 1px 1px;}
	.hide-for-mobile { display:none; }
  .hide-for-screen { display:block; }
}

table#screen-table tr td.timezone-highlight { opacity:1!important; } /* border: 1px solid grey!important; } */