/* Description: Dark On Light (Higher Contrast)
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

body { font-size: 15px; color: #eeeeec; background-color: #000; }

body.font-default { font-family: 'Open Sans', sans-serif; }

body.font-opendyslexic { font-family: 'opendyslexic'; }

a { color: #729fcf; text-decoration: none; }

a:hover { text-decoration: underline; }

p { max-width: 800px; }

.message { max-width: 800px; margin: 15px 0; padding: 4px 6px; background-color: #eeeeec; color: #2e3436; border-radius: 5px; }

.message.success { background-color: #9de259; }

.message.warning { background-color: #fcef88; }

.message.error { background-color: #bf2121; color: #eeeeec; }

.simplebar-scrollbar:before { background-color: #eeeeec; }

button, input[type=submit], input[type=reset], input[type=button], a.button { padding: 4px 6px; background-color: #eeeeec; color: #2e3436; font-size: 13px; border: 0; border-radius: 5px; font-weight: 600; margin-left: 12px; }

a.button, a.button:hover { text-decoration: none; cursor: pointer; }

button:first-child, input[type=submit]:first-child, input[type=reset]:first-child, input[type=button]:first-child, a.button:first-child { margin-left: 0; }

button.add, a.button.add { background-color: #9de259; }

button.edit, a.button.edit { background-color: #fcef88; }

button.delete, a.button.delete { background-color: #bf2121; color: #eeeeec; }

fieldset { border: 0; border-top: 1px solid #eeeeec; margin-top: 22px; }

legend { font-size: 16px; font-weight: 600; padding: 0px 5px 2px 5px; }

.fieldrow { font-size: 14px; margin: 15px 0; vertical-align: middle; }

.fieldrow > span { display: inline-block; }

.fieldrow > div { vertical-align: top; display: inline-block; }

.fieldrow > * > *:first-child { margin-top: 0; }

.fieldrow > div > div + div { margin: 7px 0; }

label { display: inline-block; width: 200px; text-align: right; padding-right: 8px; font-weight: 600; /* vertical-align: middle; */ }

label.required { font-weight: 800; }

label:after { content: ':'; }

label.empty:after { content: ''; }

input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=date], input[type=time], input[type=email], input[type=number], input[type=tel], input[type=url], select, textarea { display: inline-block; color: #2e3436; font-size: 13px; border-radius: 2px; border: 0; padding: 5px; width: 250px; vertical-align: middle; }

textarea, ob-tag-input, ob-user-input, ob-group-input, ob-media-input, ob-playlist-input { vertical-align: top; }

input[type=checkbox], input[type=radio] { vertical-align: middle; position: relative; top: -1px; }

input[type=range], input[type=color] { vertical-align: middle; }

.hidden { display: none; }

.table { width: 100%; max-width: 800px; }

.table th { font-weight: bold; padding: 5px 10px; border-bottom: 1px solid #fff; white-space: nowrap; text-align: left; }

.table td { padding: 5px 10px; border-bottom: 1px solid #777; }

.table tr:last-child td { border-bottom: 0; }

.table th:first-child, .table td:first-child { padding-left: 0px; }

.table th:last-child, .table td:last-child { padding-right: 0px; }

.droppable_target_media, .droppable_target_playlist { border: 2px solid transparent; }

.droppable_target_highlighted { border: 2px dashed #e09529 !important; }

/*
.ui-droppable-hover .droppable_target_highlighted,
.ui-droppable-hover.droppable_target_highlighted
{ border-color: #9de259 !important;
}
*/
#ui-datepicker-div { font-size: 0.8em; }

.ui-datepicker-calendar { table-layout: fixed; }

ob-user-input, ob-group-input, ob-media-input, ob-playlist-input, ob-tag-input { display: inline-block; }

ob-user-input select, ob-user-input ob-user, ob-group-input select, ob-group-input ob-group, ob-media-input ob-media, ob-playlist-input ob-playlist { display: block; }

ob-user-input select, ob-group-input select, ob-media-input, ob-playlist-input { width: 100%; max-width: 350px; }

ob-user-input ob-user, ob-group-input ob-group, ob-media-input ob-media, ob-playlist-input ob-playlist { background-color: #eeeeec; color: #000; padding: 5px; border-radius: 2px; margin: 5px 0; position: relative; font-size: 0.9em; box-sizing: border-box; max-width: 350px; }

ob-user-input ob-user span, ob-group-input ob-group span, ob-media-input ob-media span, ob-playlist-input ob-playlist span { cursor: pointer; padding-left: 10px; padding-right: 10px; color: #bf2121; font-weight: bold; font-size: 0.9em; position: absolute; right: 0; }

ob-user-input ob-user span::after, ob-group-input ob-group span::after, ob-media-input ob-media span::after, ob-playlist-input ob-playlist span::after { content: 'x'; }

ob-media-input:empty, ob-playlist-input:empty { border: 2px dashed #eeeeec; }

ob-playlist-input:empty::after { content: 'Drop Playlists Here'; display: block; text-align: center; line-height: 96px; }

ob-playlist-input[data-single]:empty::after { content: 'Drop Playlist Here'; }

ob-media-input:empty::after { content: 'Drop Media Here'; display: block; text-align: center; line-height: 96px; }

ob-tag-suggestions { width: 250px; padding: 4px; background-color: #333336; border: 1px solid #fff; border-radius: 2px; display: none; margin-top: 5px; height: 130px; }

ob-tag-input:not([data-suggestions=false]):focus { margin-bottom: 145px; }

ob-tag-input:focus ob-tag-suggestions { display: block; position: absolute; top: calc(100% + 5px); left: -1px; height: 130px; }

ob-tag-suggestions ob-tag { cursor: pointer; }

ob-tag-input { display: inline-block; width: 250px; min-height: 1.5em; border: 1px solid #fff; padding: 4px; border-radius: 2px; position: relative; }

ob-tag-input ob-tag { display: inline-block; background-color: #eeeeec; color: #000; padding: 5px; border-radius: 2px; margin: 5px; }

ob-tag-input ob-tag span { cursor: pointer; padding-left: 5px; padding-right: 2px; color: #bf2121; font-weight: bold; font-size: 0.9em; }

ob-tag-input ob-tag span::after { content: 'x'; }

ob-media-input, ob-playlist-input { box-sizing: border-box; width: 350px; min-height: 100px; }

ob-user-input.readonly span, ob-media-input.readonly span, ob-playlist-input.readonly span { display: none; }

ob-user-input.readonly select { display: none; }

#drag_helper { z-index: 100000; left: -1000px; top: -1000px; position: fixed; cursor: pointer; padding: 3px; font-weight: 600; background-color: rgba(255, 255, 255, 0.8); color: #000; width: 250px; text-align: center; border-radius: 5px; font-size: 13px; }

#client_settings_welcome_message { width: 100%; max-width: 600px; height: 200px; }

.device_settings_station_ids { position: relative; top: -5px; margin-bottom: -5px; padding: 5px; }

.device_settings_default_playlist { padding: 5px; }

.device_settings_supports_linein_container { margin-top: 0 !important; /* needed for consistent spacing when items above are hidden */ }

#device_list .last_connect_error div { height: 20px; text-align: right; font-weight: bold; }

#device_list .last_connect_time div { height: 20px; white-space: nowrap; }

#monitor_filter_list div { margin: 7px 0; }

select { width: auto; }

#device_list td div div { position: relative; }

.device_list_alert { position: absolute; left: -22px; top: 4px; font-size: 12px; }

#DOMWindow { color: #eeeeec; border-radius: 5px; background-color: #333336; border: 1px solid #eeeeec; }

#emergency_list_container { background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 10px; width: 100%; max-width: 800px; box-sizing: border-box; }

/* #profile_photo_uploader  #media_file_uploader */
.qq-uploader { position: relative; width: 100%; }

.qq-upload-button { color: #ccc; text-align: center; width: 100px; padding: 3px; background: rgba(0, 0, 0, 0.3); border-radius: 5px 5px 5px 5px; border: 1px solid #e09529; font-size: 0.9em; }

#media_file_uploader .qq-upload-button { margin: 5px 0px 0px 10px; }

.qq-upload-drop-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 70px; z-index: 2; background: #FF9797; text-align: center; }

#profile_photo_uploader .qq-upload-list { padding: 0; list-style: none; }

#media_file_uploader .qq-upload-list { padding: 20px 0 20px 30px; list-style: disc; }

.qq-upload-list li { margin: 0; padding: 0; }

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; }

.qq-upload-failed-text { display: none; }

.qq-upload-fail .qq-upload-failed-text { display: inline; }

html, body { height: 100%; }

body { overflow: hidden; }

#main_container { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: #333336; min-width: 1100px; max-width: 1920px; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; }

#layout_container { flex: 1 1 auto; max-height: calc(100vh - 60px); display: flex; }

body.sidebar-left #layout_container { flex-direction: row-reverse; }

#layout_main_container { /* overflow-y: auto; */ flex: 1 1 auto; }
#layout_main_container > .simplebar-track.simplebar-vertical { top: 5px; bottom: 5px; }

@media (min-width: 1780px) { body.sidebar-left.sidebar-expanded #layout_main_container { padding-left: 512px; } }
#layout_main { padding: 15px 15px 25px 25px; }

#layout_sidebar { padding: 15px 15px 0 5px; flex: 0 0 370px; width: 370px; max-width: 370px; display: flex; flex-direction: column; }

#layout_footer { flex: 0 0 60px; display: flex; align-items: center; clear: both; border-top: 1px solid #eeeeec; font-size: 0.9em; box-sizing: border-box; }

#footer_ajax { width: 24px; height: 21px; text-align: center; margin-left: 24px; background-image: url("/images/ajax-loader.png"); opacity: 0; animation: play 0.8s steps(12) infinite; }

@keyframes play { from { background-position: 0px; }
  to { background-position: -288px; } }
#footer_box_left { display: flex; align-items: center; }

#footer_box_right { color: #ccc; text-align: right; flex: 1 1 auto; margin-right: 25px; display: flex; justify-content: flex-end; }

#alert_container, #confirm_container { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 20000; background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; }

#alert, #confirm { width: 400px; min-height: 100px; border-radius: 5px; background-color: #333336; border: 1px solid #eeeeec; padding: 15px 15px 70px 15px; position: relative; }

#alert_message, #confirm_message { white-space: pre-line; }

#alert_buttons, #confirm_buttons { position: absolute; left: 15px; bottom: 15px; width: calc(100% - 30px); border-top: 1px solid #eeeeec; padding-top: 15px; }

#layout_modal_overlay { background-color: rgba(0, 0, 0, 0.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; display: none; }

body.modal-open #layout_modal_overlay { display: block; }

#layout_modal_container { display: none; position: absolute; top: 0; left: 50%; margin-left: -400px; width: 800px; min-width: 675px; height: 100%; align-items: center; justify-content: center; z-index: 9999; }

@media (max-width: 1600px) { body.sidebar-left #layout_modal_container { left: 400px; margin-left: 0; }
  body.sidebar-right #layout_modal_container { left: auto; right: 400px; margin-left: 0; } }
@media (max-width: 1225px) { #layout_modal_container { width: calc(100vw - 425px); } }
/*
@media (max-width: 1100px)
{ #layout_modal_container { left: auto; right: 400px; margin-left: 0; }
}
*/
body.modal-open #layout_modal_container { display: flex; }

#layout_modal_window { color: #eeeeec; border-radius: 5px; background-color: #333336; border: 1px solid #eeeeec; padding: 10px; /*  overflow: auto; */ max-height: 90%; width: 100%; }
#layout_modal_window > .simplebar-track.simplebar-vertical { right: 1px; top: 3px; bottom: -5px; }

#obmenu { z-index: 15000; position: relative; }

body.modal-open #obmenu { z-index: 9997; }

#media_upload_form { position: relative; max-width: 800px; height: 150px; margin: 15px 0; background: rgba(0, 0, 0, 0.3); border-radius: 5px; }

#media_upload_progress { max-width: 800px; height: 150px; margin: 15px 0; background: rgba(0, 0, 0, 0.3); border-radius: 5px; text-align: center; line-height: 150px; display: none; }

#media_upload_file_field { position: absolute; top: 0; left: 0; width: 100%; height: 150px; opacity: 0; z-index: 99; }

#media_upload_file_instructions { position: absolute; top: 0; left: 0; width: 100%; height: 150px; line-height: 150px; text-align: center; }

#media_data_middle .addedit_form_title { font-weight: 600; margin-right: 16px; }

#media_data_middle textarea { /*  width: 175px; */ height: 75px; }

#media_delete_list > li { padding-bottom: 10px; }

#media_delete_list ul { padding-left: 10px; }

.media_genre td { padding: 3px 0 0 20px; }

#media_settings_metadata .ui-sortable-helper { display: block; width: 100%; }

#media_settings_metadata .ui-sortable-helper td { display: none; }

#media_settings_metadata .ui-sortable-helper td:first-child { display: block; }

#metadata_select_options { height: 150px; }

button.copy_to_all { background-color: transparent !important; color: inherit; border: 0 !important; font-size: 15px; margin-left: 6px; position: relative; top: 1px; }

#obmenu { display: flex; margin: 0; padding: 0; font-size: 1rem; }
#obmenu > li { display: block; padding: 0; position: relative; }
#obmenu li ul { display: block; position: absolute; bottom: -9999px; z-index: 20000; opacity: 0; transition: opacity 0.2s; padding: 10px 0; }
#obmenu li:hover ul { opacity: 1; bottom: 30px; }
#obmenu li li { font-size: 0.9rem; white-space: nowrap; display: block; padding: 0; }
#obmenu a { color: #ccc; text-transform: lowercase; padding: 10px 20px; display: block; cursor: pointer; }
#obmenu li ul { border: 1px solid #eeeeec; border-radius: 5px; background-color: #555753; }

#dynamic_num_items_all { position: relative; top: 2px; }

#playlist_edit_advanced { width: 100%; max-width: 800px; min-height: 100px; margin: 15px 0; background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; }

#playlist_edit_advanced_times { position: relative; min-height: 100px; }

#playlist_edit_advanced_help { min-height: 100px; line-height: 100px; }

#playlist_edit_advanced_items { position: relative; width: 500px; }

#playlist_edit_advanced td { vertical-align: top; }

#playlist_edit_advanced td:first-child { padding-left: 5px; min-height: 100px; }

#playlist_edit_advanced .playlist_addedit_advanced_item { overflow: hidden; background: #aaa; outline: 1px solid #000; position: absolute; z-index: 1; text-align: center; }

#playlist_edit_advanced .playlist_addedit_advanced_item.audio { background: #669; }

#playlist_edit_advanced .playlist_addedit_advanced_item.video { background: #696; }

#playlist_edit_advanced .playlist_addedit_advanced_item.image { background: #966; }

#playlist_edit_advanced .playlist_addedit_advanced_item.selected { outline: 2px solid #a00; z-index: 2; }

#playlist_edit_advanced .playlist_edit_advanced_time { position: absolute; left: 0; }

#playlist_edit_advanced_help { text-align: center; display: none; }

#playlist_items, #playlist_liveassist_items { max-width: 800px; min-height: 100px; margin: 15px 0; background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; overflow: hidden; padding: 5px; }

#playlist_items_drag_help, #playlist_liveassist_drag_help { text-align: center; line-height: 100px; }

#playlist_liveassist_buttons { margin-top: 25px; }

.playlist_addedit_item, .playlist_addedit_liveassist_item { min-height: 30px; padding: 5px; border-bottom: 1px solid #000; }

.playlist_addedit_item:last-child, .playlist_addedit_liveassist_item:last-child { border-bottom: 0; }

.playlist_addedit_duration { display: block; float: right; padding-left: 5px; padding-bottom: 5px; }

.playlist_addedit_liveassist_item { background: #666; }

.playlist_addedit_item, .playlist_addedit_liveassist_item { cursor: pointer; }

.playlist_addedit_item[data-type=audio] { background: #669; }

.playlist_addedit_item[data-type=video] { background: #696; }

.playlist_addedit_item[data-type=image] { background: #966; }

.playlist_addedit_item[data-type=station_id] { background: #577; }

.playlist_addedit_item[data-type=dynamic] { background: #666; }

.playlist_addedit_item[data-type=breakpoint] { background: #996; line-height: 30px; text-align: center; }

.playlist_addedit_item.selected, .playlist_addedit_liveassist_item.selected { border: 0; outline: 2px solid #a00; z-index: 2; }

#schedule_for span { display: inline-block; padding-right: 15px; }

#schedule_container { background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 10px; }

#schedule { width: 100%; table-layout: fixed; border-collapse: collapse; }

#schedule_details { position: absolute; top: 0; left: 0; background-color: rgba(32, 32, 32, 0.9); border: 1px solid #eeeeec; border-radius: 5px; z-index: 999; width: 300px; padding: 5px; }

#schedule_details td { font-size: 0.9em; }

#schedule_details td:first-child { text-align: right; padding-right: 5px; white-space: nowrap; vertical-align: top; }

#schedule_details td:first-child:after { content: ':'; }

#schedule_days > th { text-align: center; font-weight: normal; padding-bottom: 10px; }

#schedule td:first-child, #schedule th:first-child { width: 100px; }

#schedule tbody td:not(:first-child) { vertical-align: top; text-align: center; /* border: 1px dotted rgba(127,127,127,0.3); */ /* TODO: border causes formatting problems due to block height calculation. */ }

.schedule_time_interval { font-size: 0.8em; height: 30px; padding-right: 10px; text-align: right; }

.schedule_time_hour a:first-child { font-weight: bold; }

.schedule_data { position: relative; font-size: 0.8em; cursor: pointer; }

.schedule_data > div { position: absolute; background-color: #666; border-top: 1px solid #777; width: 100%; }

.schedule_dst_info { font-size: 0.8em; text-align: center; }

#schedule_date_select { width: 100%; margin-bottom: 10px; font-weight: bold; }

#schedule_date_select td:first-child { width: 150px; }

#schedule_date_select td:last-child { width: 150px; }

#schedule_date_select td { white-space: nowrap; }

#schedule_date_range { text-align: center; }

#schedule_date_select td:first-child { text-align: left; }

#schedule_date_select td:last-child { text-align: right; }

#permissions_addedit_form { line-height: 1.2em; }

/* SIDEBAR PLAYER */
#sidebar_player { position: relative; padding-bottom: 15px; }

#sidebar_player_toggle { font-size: 0.6875rem; cursor: pointer; position: absolute; bottom: 0; right: 0; }

#sidebar_player_toggle_show, #sidebar_player_toggle_hide { display: none; }

#sidebar_player:hover #sidebar_player_toggle_hide { display: block; }

#sidebar_player.closed #sidebar_player_toggle_hide { display: none !important; }

#sidebar_player.closed #sidebar_player_toggle_show { display: block !important; }

#sidebar_player_main { text-align: center; background-color: rgba(0, 0, 0, 0.3); height: 200px; overflow: hidden; border-radius: 5px; flex: none; }

#sidebar_player.closed #sidebar_player_main { display: none; }

#sidebar_player_draghere { color: #555753; font-size: 6em; line-height: 196px; border-radius: 5px; border-width: 2px; height: 196px; }

#sidebar_player_draghere:empty::after { font-family: "Font Awesome 5 Free"; content: "\f144"; }

#sidebar_player video { width: 360px; max-height: 196px; }

#sidebar_search { margin-top: 5px; font-size: 0.9em; flex: auto; display: flex; flex-direction: column; z-index: 10000; }

/* SIDEBAR SEARCH CONTAINERS */
#sidebar_search_playlist_container { background-color: #555753; /* display: flex; done by js */ flex: auto; }

#sidebar_search_media_container { flex: auto; display: flex; }

#sidebar_search_media_container > *, #sidebar_search_playlist_container > * { flex: none; /* some children flex settings overridden below */ }

.sidebar_search_media_container_basic { background-color: #555753; }

.sidebar_search_media_container_detailed { background: #555753; }

#sidebar_search_media_results_container, #sidebar_search_playlist_results_container { /* overflow-y: scroll; overflow-x: hidden;
*/ flex: 1 1 0px; }

#sidebar_search_media_container, #sidebar_search_playlist_container { clear: both; z-index: 2; position: relative; top: 0; padding: 10px; border-radius: 0px 5px 5px 5px; flex-direction: column; margin-bottom: 20px; }

.sidebar_search_detailed { margin-left: -530px; }

body.sidebar-left .sidebar_search_detailed { margin-left: 0; margin-right: -530px; }

#media_detailed_toggle_right { display: none; }

#media_detailed_toggle_left { display: inline; }

.sidebar_search_media_container_detailed #media_detailed_toggle_right { display: inline; }

.sidebar_search_media_container_detailed #media_detailed_toggle_left { display: none; }

body.sidebar-left #media_detailed_toggle_right { display: inline; }

body.sidebar-left #media_detailed_toggle_left { display: none; }

body.sidebar-left .sidebar_search_media_container_detailed #media_detailed_toggle_right { display: none; }

body.sidebar-left .sidebar_search_media_container_detailed #media_detailed_toggle_left { display: inline; }

/* SIDEBAR SEARCH TABS AND BUTTONS */
#sidebar_search_tab_media, #sidebar_search_tab_playlist { width: 150px; border-radius: 5px 5px 0px 0px; height: 25px; line-height: 25px; text-align: center; cursor: pointer; }

#sidebar_search_tabs { font-size: 1.2em; text-transform: lowercase; flex: 0 0 auto; display: flex; }

#sidebar_search_tabs a { color: #eeeeec; }

#sidebar_search_tabs a:hover { text-decoration: none; }

#sidebar_search_media_form, #sidebar_search_playlist_form { padding: 5px; text-align: center; }

#sidebar_search_media_filters { padding-right: 10px; }

#sidebar_search_tab_media { position: relative; top: 0px; left: 0px; /* z-index: 10; */ }

#sidebar_search_tab_playlist { position: relative; top: 0px; left: -10px; /* z-index: 5; */ }

.sidebar_search_tab { background-color: #888a85; z-index: 1; }

.sidebar_search_tab.selected { background-color: #555753; z-index: 15; }

#sidebar_search_media_buttons, #sidebar_search_media_select_buttons, #sidebar_search_playlist_buttons, #sidebar_search_playlist_select_buttons { text-align: center; padding-bottom: 5px; margin: 0px -3px; }

#sidebar_search_media_buttons, #sidebar_search_playlist_buttons { padding-top: 4px; }

#sidebar_search_media_select_buttons, #sidebar_search_playlist_select_buttons { padding-top: 10px; }

.sidebar_search_media_buttons_sep, .sidebar_search_playlist_buttons_sep { border-left: 1px solid #aaa; padding-left: 5px; }

#sidebar_search_media_input { max-width: 155px; }

#sidebar_search_media_mode { margin: 3px 0; }

/* SIDEBAR SEARCH RESULTS */
#sidebar_search_media_headings, #sidebar_search_playlist_headings, #sidebar_search_playlist_results, #sidebar_search_media_results { border-collapse: collapse; }

#sidebar_search_media_results td, #sidebar_search_media_headings th, #sidebar_search_playlist_results td, #sidebar_search_playlist_headings th { padding: 1px 10px 1px 0; text-align: left; }

#sidebar_search_media_results .sidebar_search_media_type i { position: relative; left: 3px; }

#sidebar_search_media_headings th, #sidebar_search_playlist_headings th { font-size: 0.9em; margin-top: 10px; font-weight: bold; text-align: left; border-bottom: 1px solid #aaa; }

#sidebar_search_media_headings, #sidebar_search_playlist_headings, #sidebar_search_media_results, #sidebar_search_playlist_results { width: calc(100% - 10px); table-layout: fixed; }

#sidebar_search_playlist_headings th:last-child { padding-right: 20px; }

#sidebar_search_media_results td, #sidebar_search_playlist_results td { font-size: 0.8em; border-bottom: 1px solid #777; word-wrap: break-word; overflow: hidden; }

#sidebar_search_media_results .sidebar_search_media_type { width: 12px; }

#sidebar_search_media_results .sidebar_search_media_artist { width: 124px; }

#sidebar_search_media_results .sidebar_search_media_title { width: 124px; }

#sidebar_search_media_results .sidebar_search_media_time { width: 40px; padding-right: 0; }

#sidebar_search_playlist_results .sidebar_search_playlist_name { width: 150px; }

#sidebar_search_playlist_results .sidebar_search_playlist_description { width: 170px; }

.sidebar_search_media_result, .sidebar_search_playlist_result { cursor: pointer; }

#sidebar_search_media_footer .num_results, #sidebar_search_playlist_footer .num_results { font-weight: 600; }

#sidebar_search_media_footer .results, #sidebar_search_playlist_footer .results { text-align: center; }

#sidebar_search_media_footer .details { position: relative; z-index: 99; }

.sidebar_search_noresults { color: #999; text-align: left; font-size: 1.8em; padding: 20px 20px 20px 4px; }

/* work for expanded view and collpased view, but a bit messy */
/* TODO display is a bit glitchy? */
/*
.sidebar_search_noresults
{ width: 900px;
}
*/
.sidebar_search_media_artist { width: 140px; /* see sidebar.js $(document).ready() */ }

.sidebar_search_media_title { width: 140px; /* see sidebar.js $(document).ready() */ }

.sidebar_search_media_time { width: 40px; }

.sidebar_search_media_detailed_column { width: 90px; }

.sidebar_search_media_year { width: 30px; }

.sidebar_search_playlist_name { width: 90px; }

.sidebar_search_playlist_description { width: 240px; /* see sidebar.js $(document).ready() */ }

#sidebar_search_media_footer, #sidebar_search_playlist_footer { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; width: 100%; font-size: 13px; padding: 3px 0; margin-bottom: 10px; position: relative; }

#sidebar_search_media_footer .details, #sidebar_search_playlist_footer .details { position: absolute; left: 0; }
#sidebar_search_media_footer .details a, #sidebar_search_playlist_footer .details a { font-size: 13px; padding: 2px; }

body.sidebar-left #sidebar_search_media_footer .details, body.sidebar-left #sidebar_search_playlist_footer .details { left: auto; right: 0; text-align: right; }

#sidebar_search_media_loadmore, #sidebar_search_playlist_loadmore { font-size: 0.8em; text-align: center; cursor: pointer; padding-top: 5px; padding-bottom: 8px; }

#sidebar_search_media_loading, #sidebar_search_playlist_loading { font-size: 0.8em; text-align: center; padding-top: 5px; padding-bottom: 8px; }

/* SIDEBAR SEARCH RESULTS DRAGGING AND SELECTED */
.sidebar_search_media_selected, .sidebar_search_playlist_selected { background: rgba(255, 255, 255, 0.8); color: #000; }

/* SIDEBAR CONTEXT MENU */
.context-menu { padding: 5px; list-style-type: none; background: #333336; border-radius: 5px; z-index: 10002 !important; }

.context-menu li { padding: 4px; font-size: 0.8em; }

/* MY SEARCHES */
#my_searches_history, #my_searches_history * { cursor: pointer; }

#my_searches_history_nosearches, #my_searches_saved_nosearches { margin-top: -10px; }

.my_searches_item { padding: 10px 0; border-top: 1px solid #aaa; }

.my_searches_item:last-child { border-bottom: 1px solid #aaa; margin-bottom: 20px; }

.my_searches_item:hover { background-color: rgba(255, 255, 255, 0.1); }

.my_searches_item.context_menu_on { background-color: rgba(255, 255, 255, 0.2); }

.my_searches_context_menu { display: none; position: fixed; top: 0; left: 0; border-radius: 5px; border: 1px solid #eeeeec; background-color: #333336; width: 125px; padding: 5px; cursor: pointer; }

.my_searches_context_menu > div { padding: 5px; }

.media_search_item_default_text { font-weight: bold; padding-bottom: 5px; }

#edit_my_search_item_description { height: 75px; margin-bottom: 15px; }

.advanced_search { text-align: left; }

.advanced_search select { width: auto; }

.checkmark { font-size: 1.3em; }

.permission-category th { padding-top: 30px; }

body, #main_container, #footer_box_left a, #footer_box_right { color: #000000; /**/ }

a { color: #11308c; /**/ }

body, #main_container, ob-tag-suggestions { background-color: #ededf1; /**/ }

fieldset, #layout_footer { border-top-color: #000000; /**/ }

.table th { border-bottom: 1px solid #000; }

.table td { border-bottom: 1px solid #555; /**/ }

.simplebar-scrollbar:before { background-color: #272727; }

.simplebar-scrollbar.simplebar-visible:before { opacity: 1 !important; }

button, input[type=submit], input[type=reset], input[type=button], a.button, ob-tag-input ob-tag, ob-user-input ob-user, ob-group-input ob-group, ob-playlist-input ob-playlist, ob-media-input ob-media { background-color: #272727; /**/ color: #fff; /**/ }

ob-media-input:empty, ob-playlist-input:empty { border-color: #000; }

input, select, textarea { border: 1px solid #000 !important; }

ob-tag-input { border-color: #000; }

ob-playlist-input, ob-media-input { padding: 0 5px; }

button.add, button.edit, a.button.add, a.button.edit { /* color: #fff; */ }

button.add, a.button.add { background-color: #1e5a1e; /**/ color: #fff; }

button.edit, a.button.edit { background-color: #DDC714; /**/ color: #000; }

button.delete, a.button.delete { color: #fff; /**/ }

.message { color: #fff; background-color: #272727; }

.message.success { background-color: #1e5a1e; color: #fff; }

.message.warning { background-color: #DDC714; /**/ color: #000; }

.message.error { color: #fff; }

::-webkit-input-placeholder { color: #2e3436; text-align: center; }

:-moz-placeholder { /* Firefox 18- */ color: #2e3436; text-align: center; }

::-moz-placeholder { /* Firefox 19+ */ color: #2e3436; text-align: center; }

:-ms-input-placeholder { color: #2e3436; text-align: center; }

::input-placeholder { color: #2e3436; text-align: center; }

/*
.droppable_target_media, .droppable_target_playlist
{ border: 1px solid #000000 !important;
}
*/
.droppable_target_highlighted { border: 1px dashed #c1360f !important; /**/ }

#obmenu li ul { background-color: #ededf1; /**/ border: 1px solid #000000; /**/ }

#sidebar_player_main { background-color: #ededf1; /**/ border: 1px solid #000000; /**/ }

#sidebar_search_playlist_container { background: #ededf1; /**/ border: 1px solid #000000; /**/ }

.sidebar_search_media_container_basic { background: #ededf1; /**/ border: 1px solid #000000; /**/ }

.sidebar_search_media_container_detailed { background: #ededf1; /**/ border: 1px solid #000000; /**/ }

#sidebar_search_tabs { position: relative; top: 1px; }

.sidebar_search_detailed #sidebar_search_tab_playlist { background-color: #ededf1; }

.sidebar_search_tab { background-color: transparent; border-right: 1px solid #000000; /**/ border-left: 1px solid #000000; /**/ border-top: 1px solid #000000; /**/ }

.sidebar_search_tab.selected { background-color: #ededf1; /**/ border: 1px solid #000000; /**/ border-bottom: 0; font-weight: bold; }

#sidebar_search_tabs a { color: #000000; /**/ }

.sidebar_search_noresults { color: #000000; /**/ }

#sidebar_search_media_headings th, #sidebar_search_playlist_headings th { border-bottom: 1px solid #333; }

.sidebar_search_media_selected, .sidebar_search_playlist_selected { background-color: #272727; color: #fff; }

.context-menu, .my_searches_context_menu { background-color: #ededf1; /**/ border: 1px solid #000000; /**/ }

#media_upload_form { border: 1px solid #000000; /**/ background-color: transparent; }

#playlist_edit_advanced { background-color: transparent; }

#playlist_items, #playlist_liveassist_items { background-color: transparent; border: 1px solid #000000; /**/ }

.playlist_addedit_item[data-type=dynamic], .playlist_addedit_liveassist_item { background-color: #babcb8; /**/ }

.playlist_addedit_item[data-type=station_id] { background-color: #8cbaba; /**/ }

.playlist_addedit_item[data-type=breakpoint] { background-color: #bdbe8c; /**/ }

.playlist_addedit_item[data-type=audio], #playlist_edit_advanced .playlist_addedit_advanced_item_audio { background-color: #A3A2E5; /**/ }

.playlist_addedit_item[data-type=image], #playlist_edit_advanced .playlist_addedit_advanced_item.image { background-color: #E09998; /**/ }

.playlist_addedit_item[data-type=video], #playlist_edit_advanced .playlist_addedit_advanced_item.video { background-color: #afd5b0; /**/ }

#schedule_container { border: 1px solid #000000; /**/ background: transparent; }

#schedule_details { background-color: #ededf1; /**/ border: 1px solid #000000; /**/ }

.schedule_data > div { background-color: #454843; color: #fff; }

#emergency_list_container { background: transparent; }

#layout_modal_window { color: #000000; /**/ background-color: #ededf1; /**/ border-color: #000000; /**/ }

#ob_ad_manager_drop { padding: 25px; }

#alert, #confirm { background-color: #ededf1; border: 1px solid #000; }

#drag_helper { background-color: #000; color: #fff; }

/*# sourceMappingURL=style.css.map */
