body {
  color: #000000 !important;
  background-color: #f1f1f1 !important;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
ol.closed-captions-def-list-container li p {
  color: #123d62 !important;
}

a, ol.closed-captions-def-list-container li button, button.show-or-hide-links-and-attachments,
button.chapter-description-toggle, button.show-attachments-link {
  color: #337ab7 !important;
}

a:hover,
ol.closed-captions-def-list-container li button:hover {
  color: #23527c !important;
}

.list-group-item:not(.active), .panel-body, .sync-video-checkbox-container,
.captions-sidepanel, #captions_search_results_container { 
  background-color: #ffffff !important;
}

select option,
.form-control,
button:not([class^="styled"]):not([class^="ButtonWrapper"]):not([class^="caption-timestamp"]):not([class^="video-search-clear-btn"]):not([class^="show-or-hide-links-and-attachments"]):not([class^="chapter-description-toggle"]):not([class^="show-attachments-link"]):not([class^="post-search-controls"]) {
  background-color: #ffffff !important;
  border-color: #dddddd !important;
  color: #123d62 !important;
}

input[type="text"]:not([class^="sc-"]) {
  background: #ffffff !important;
}
input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #123d62 !important;
}
input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #123d62 !important;
  opacity:  1 !important;
}
input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #123d62 !important;
  opacity:  1 !important;
}
input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #123d62 !important;
}

.list-group-item.active {
  background-color: #999999 !important;
} 

.panel-heading { 
  background-color: #e5e7ef !important;
  color: #0060c7 !important;
}

.panel,
.panel-heading,
.list-group-item {
  border-color: #dddddd !important;
}

.panel-heading h1, 
.panel-heading .h1,
.panel-heading h2,
.panel-heading .h2,
.panel-heading h3,
.panel-heading .h3,
.panel-heading h4,
.panel-heading .h4,
.panel-heading h5,
.panel-heading .h5,
.panel-heading h6,
.panel-heading .h6 {
  color: #0060c7 !important;
}

#tabs a {
  color: #337ab7 !important;
}

#tabs a:hover,
#tabs > li.active > a, 
#tabs > li.active > a:focus {
  color: #23527c !important;
  border-bottom-color: #23527c !important;
}

::-webkit-input-placeholder {
  color: # !important;
}
:-moz-placeholder {
  color: # !important;
}
::-moz-placeholder {
  color: # !important;
}
:-ms-input-placeholder {
  color: # !important;
}

/*
- no-repeat is so splash images are not repeated
- center center is so those non-repeated splashes are centered
- none is because we were seeing weird single pixel black left borders on full screen embed
*/
.jw-skin-telvue .jw-preview {
  background: #000000 none center center;
  background-repeat: no-repeat;
}

div#captions-text-container {
  background-color: #ffffff !important;
}