html, body {
  height: 100%;
  margin: 0;
  background-color:#ffffff;
  color: #575756;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.ng-sidebar__content {
	margin-bottom:0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #008cc8;
    background-color: rgba(81, 111, 202, 1);
}

.webcast-left-container,
.webcast-right-container {
  flex-grow: 1;
  flex-shrink: 1;
  transition: all 400ms ease;
}

/* HEADER */
app-header {
}

app-header h5 {
  margin-top: 13px;
}

app-presentation-selector {
    color: #008cc8;	
	display:none;
}

.navbar {
	background-color:#ffffff;
   
}
app-header .navbar .row {
	padding-top:10px;
	padding-bottom:10px;
}
/* END OF HEADER */

/* FOOTER */



app-footer .bg-dark {
	background-color: #008cc8 !important;
}
app-footer p {
	font-size:0.9em;
}
app-footer .bg-dark a, app-footer .bg-dark a:focus, app-footer .bg-dark a:hover {
    color: #ffffff;
}

app-footer .navbar{
  box-shadow: 0 .45rem .85rem .85rem rgba(0,0,0,.075)!important;
}

/* END OF FOOTER */

a, a:focus, a:hover {
	color: #008cc8;
}

h2, h3, h4, h5 {
	color: #008cc8;
}

app-main {
	padding-top:30px;
}

app-aside {
	padding-top:30px;
}

app-footer {
	background-color: #90dee0;
}

app-copy h5 {
	display:none;
}

app-live-action h5 {
	display:none;
}

app-prelive-action ul > li{
	line-height:2.2em;
}

/* BUTTONS */
.bg-primary, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .bg-secondary, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
	background-color: #008cc8 !important;
	color: #ffffff;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #008cc8;
    border-color: #008cc8;
}

.progress-bar {
	background-color: #008cc8; 
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #008cc8;
	border-color: #008cc8;
}

.btn {
	transition: background-color 0.5s ease;
}

.btn-primary {
	background-color: #008cc8;
	border-color: #008cc8;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.375)!important;
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #ffffff;
	border-color: #008cc8;
    color: #008cc8;
}


.btn-danger, .btn-danger:hover {
    color: #fff;
    background-color: #008cc8;
    border-color: #008cc8;
}

.btn-outline-primary {
    border-color: #008cc8;
	color: #008cc8;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.375)!important;
}	

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #008cc8;
}

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #008cc8;
    border-color: #008cc8;
}

/* END OF BUTTONS */

/* INPUTS */
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #008cc8;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #008cc8;
}


.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #008cc8;
}
/* END OF INPUTS */
/* ERRORS */
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #008cc8;
}

.invalid-feedback {
	color: #008cc8;
}
/* END OF ERRORS */

/* SIDEBAR */

#downloads-header {
	display:none;
}

.ng-sidebar {
	background-color: #ffffff !important;
	border-width: 0;
}

.gg-sidebar {
    border-right: 1px solid rgba(0, 0, 0, 0.125);
	-webkit-box-shadow: 0 2px 12px 0 #dfe3eb;
    box-shadow: 0 2px 12px 0 #dfe3eb;
}	

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #008cc8;
}  

app-sidebar .card {
    border-width: 0 0 1px 0;
	border-color: #ffffff;
}

app-sidebar .card-header, app-sidebar .card-header > a, app-sidebar .card-header > a:focus, app-sidebar .card-header > a:hover {
	color: #ffffff;
	background-color: #008cc8 !important;
}

app-sidebar .card-header {
  
}

app-sidebar .card-header:first-child {
    border-radius: 0;
}

/* END OF SIDEBAR */

/* SPEAKERS */
app-speakers-standard .card {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.175)!important;
	border-width: 0px;
}

app-speakers-standard .card-footer {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.175)!important;
}

app-speakers-standard .card-footer, app-speakers .card-footer a, app-speakers .card-footer a > a:focus,  app-speakers .card-footer a > a:hover {
	text-decoration:none;
}

app-speakers-thumb-gallery .nav-tabs {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.375)!important;
}
/* END OF SPEAKERS */

app-collateral .table td, app-podcast .table td{
    border-top: 0px solid #dee2e6; 
}
/* PLAYER */
.theo-primary-color, .theoplayer-skin .vjs-big-play-button, .theoplayer-skin .vjs-volume-level, .theoplayer-skin .vjs-play-progress, .theoplayer-skin .vjs-slider-bar, .theoplayer-skin .theo-settings-control-menu-item-value, .theoplayer-skin .theo-settings-control-menu-item-hd-label, .theo-upnext-panel .theo-upnext-panel-content .theo-upnext-panel-autoplay {
    color: #8fd9f5;
}
/* END OF PLAYER */

/* WEBCAST */
app-webcast-section, app-software-test-section {
	padding-top:30px;
}
.reactions-container {
	display: none;
}
	
input.ratio-slider::-webkit-slider-thumb {
  background: #008cc8 !important;
 
}

input.ratio-slider::-moz-range-thumb {
  background: #008cc8 !important;
}

input.ratio-slider::-ms-thumb {
  background: #008cc8 !important;
}

.chapters-container .card-img-top{
	max-height:85px;
}


/* END OF WEBCAST */

/* RESPONSIVE ITEMS */
@media (min-width: 576px) { 

}

@media (min-width: 768px) { 

}

@media (min-width: 992px) { 
	app-aside {
		box-shadow: -5px 0 5px -5px rgba(0,0,0,.075);
	}
}
/* END OF RESPONSIVE ITEMS */


/* BOOTSTRAP EFFECTS */
.modal-holder{
  animation-name: animateup;
  animation-duration: 0.5s;
}

@keyframes animateup {
  0%   {transform: scale(0.5)}
  100% {transform: scale(1)}
}
/* END OF BOOTSTRAP EFFECTS */