/*!
Theme Name: CFMU React
Theme URI: https://www.cfmu.ca/
Description: CFMU - McMaster University 93.3FM
Author: Operatic Agency
Author URI: https://www.operaticagency.com/
Text Domain: Operatic Agency
Version: 1.0.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
#adminmenu #toplevel_page_admin_label {
  margin-top: 10px;
  background-color: #f0f0f1;
  border-top: 5px solid #f0f0f1;
}

#adminmenu #toplevel_page_admin_label a {
  pointer-events: none;
  background-color: darkred;
  border-radius: 0 15px 0 0;
}

#adminmenu #toplevel_page_admin_label div.wp-menu-image {
  display: none;
}

#adminmenu #toplevel_page_admin_label div.wp-menu-name {
  padding: 8px 8px 8px 12px;
  font-style: italic;
  font-weight: bold;
}

#chart-settings-page {
  padding: 20px;
}
#chart-settings-page h1 {
  margin-bottom: 40px;
}
#chart-settings-page .album-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 420px;
  margin: 5px 0;
  padding: 5px;
}
#chart-settings-page .album-item .album-select-container {
  margin: auto;
}
#chart-settings-page .album-item .album-select-container .album-select {
  width: 280px;
}
#chart-settings-page .album-item .arrows {
  width: 95px;
  display: flex;
  justify-content: space-between;
}
#chart-settings-page .album-item .arrows .move-item {
  display: flex;
  padding: 10px;
  background-color: #FFF;
  border-radius: 50%;
  border: 1px solid #CCC;
  cursor: pointer;
}

#schedule-settings {
  padding: 20px;
}
#schedule-settings h1 {
  margin-bottom: 30px;
}
#schedule-settings .flash-message {
  width: 25%;
  margin: 20px 0;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  font-weight: 500;
}
#schedule-settings .flash-message.success {
  color: #0e6251;
  background-color: #d1f2eb;
  border-color: #bfece3;
}
#schedule-settings .flash-message.warning {
  color: #7d2c38;
  background-color: #fcdde2;
  border-color: #fbcfd6;
}
#schedule-settings #day-of-week {
  margin-bottom: 20px;
}
#schedule-settings #schedule-form {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  grid-gap: 1.5em;
}
#schedule-settings #schedule-form .schedule-row {
  display: contents;
}
#schedule-settings #schedule-form .row-header {
  font-weight: bold;
}
#schedule-settings #schedule-form .carryover-container {
  grid-column: span 3;
}
#schedule-settings #schedule-form .carryover-container div {
  margin: .5em 0;
}
#schedule-settings #schedule-form .carryover-container .carryover-select-container {
  display: none;
}
#schedule-settings #schedule-form .carryover-container .carryover-select-container.show {
  display: block;
}

#socan-report-page {
  padding: 20px;
}
#socan-report-page p {
  margin: 0;
  padding: 4px 0;
}
#socan-report-page h1 {
  margin-bottom: 30px;
}
#socan-report-page .flash-message {
  width: 25%;
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  font-weight: 500;
}
#socan-report-page .flash-message.success {
  color: #0e6251;
  background-color: #d1f2eb;
  border-color: #bfece3;
}
#socan-report-page .flash-message.warning {
  color: #7d2c38;
  background-color: #fcdde2;
  border-color: #fbcfd6;
}
#socan-report-page .flash-message.hide {
  display: none;
}
#socan-report-page #socan-form {
  display: flex;
  flex-flow: column;
}
#socan-report-page #socan-form .show-select-container {
  margin: 10px 0;
}
#socan-report-page #socan-form .show-select-container #show {
  max-width: 395px;
}
#socan-report-page #socan-form .date-pickers {
  display: flex;
  margin: 10px 0;
}
#socan-report-page #socan-form .date-pickers div {
  margin: 0 30px 0 0;
}
@media (max-width: 767px) {
  #socan-report-page #socan-form .date-pickers {
    flex-flow: column;
  }
}
#socan-report-page #socan-form .button-container {
  margin-top: 20px;
}