body {
  background: #f3f3f3;
}

h1, .h1 {font-size: 1.6rem;}
h2, h3, .h2, .h3 {font-size: 1.5rem;}
h4, .h4 {font-size: 1.2rem;}

.btn-search-dropdown {
    background:white;
    border:1px solid lightgrey;
    border-radius: 0;
}

.btn-search {
    border:1px solid lightgrey;
    border-color: #c82333;
    background: #dc3545;
}

.btn-search:hover {
    color:#ffffff;
    background:#c82333;
}

#menu {
  background: #000000;
}

.footer {
    background: #000000;
}

.sidebar, .media-left {
  border-right: 1px solid lightgrey;
}

.list-group-small > .list-group-item {
  background:#f3f3f3
}

.list-group-small > .list-group-item:hover,
.list-group-small > .list-group-item.active {
  color:#c82333;
  background:#e9ecef;
}

.list-group-small > .list-group-item:hover .pull-right {
  color:#c82333;
  background: #999999;
  background: #999999;
}

.border-bottom {
  border-bottom: 1px solid lightgrey;
}

.border-top {
  border-top: 1px solid lightgrey;
}

.bg-section {
    background: #ffffff;
}

.text-section {
    color: #c82333 !important;
}

.none {color: gray;}

.tabs-content {
  border: 1px solid lightgrey;
}

.model-name, .channel-name {
    background:#333333;
    color:#ffffff;
}

.model-box, .channel-box {
  background: #333333;
  color: #ffffff;
}

.btn-model, .btn-channel {
    background:#333333;
    color:#ffffff;
}

.btn-model:hover, .btn-channel:hover {
    color: #ffffff;
}

.slider-title {font-size: 13px; color: #c82333;}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #c82333 !important;}
ul#lightSlider li.playlist-active img {border: 2px solid #c82333;}

.btn-primary {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #dc3545;
}
  
.btn-primary:hover {
  color: #ffffff;
  background-color: #c82333;
  border-color: #c82333;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
  background-color: #dc3545;
  border-color: #dc3545;
}

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

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  background-color: #c82333;
}

.caret {
  position: relative;
}

a {
  color: #dc3545;
}
  
a:hover {
  color: #c82333;
}

a.video-playlist, a.video-favorite {
  color: #ffffff;
}

a.video-playlist:hover, a.video-favorite:hover,
a.video-playlist.active, a.video-favorite.active {
  color: #c82333;
}

.page-link {
  color: #c82333;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
  
.page-link:hover {
  color: #c82333;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-item.active .page-link {
  color: #ffffff;
  background-color: #c82333;
  border-color: #c82333;
}

.footer,
.nav-footer > .nav-item > .nav-link {
	color: #cccccc;
}

.nav-footer > .nav-item > .nav-link.disabled {
	color: #dc3545;
}

.btn-playlist {
  color: #ffffff;
}

.bg-lightgrey {
	background: lightgrey;
}

a.badge-secondary:hover {
	color: #c82333;
}

@media screen and (max-width:960px) {
  #menu {
	  border-top: 1px solid #dedede;
  }
  
  .search, #menu {
    background: #f5f5f5;
  }

  nav.menu a:hover,
  nav.menu a.active,
  nav.menu ul li.active {
    color: #ffffff;
    background: #c82333;
  }
}

@media screen and (min-width:960px) {
  nav.menu > ul > li {
    background-color: #000000;
  }

  nav.menu > ul > li > a {
    color:#ffffff;
  }
  
  nav.menu > ul > li > a:hover,
  nav.menu > ul > li > a.open {
    background: #212121;
  }
  
  nav.menu > ul > li > a.active {
    background: #c82333;
  }

  nav.menu > ul > li > ul > li > a {
    color:#ffffff;
  }
  
  nav.menu > ul > li > .mega-menu {
    background: #212121;
  }

  .menu-left {
      border-right: 1px solid #2b2b2b;
  }  
  
  .menu-left a {
	color: #ffffff;
  }    
  
  .menu-left a:hover {
    background: #c82333;
  }  
  
  nav.menu ul li ul.menu-list {
    background: #212121;  
  }  
  
  nav.menu ul.menu-list > li > a:hover {
    background: #c82333;
  }  
  
  .menu-content .h3 {color: #ffffff;}  
  .menu-content h5 > a:hover {
    color: #c82333 !important;
  }
}

.custom-radio .custom-control-input:checked~.custom-control-label::before{
  border-color: #c82333;
  background-color: #c82333;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: #dc3545;
}

div.tagsinput {
    border: 1px solid #ced4da !important;
    background-color: #ffffff !important;
    border-radius: 0.25rem;
}

div.tagsinput input {
    color: #000000 !important;
}
    
div.tagsinput span.tag {
  background-color: #c82333 !important;
  border-color: #c82333 !important;
  color: #ffffff !important;
}
  
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da !important;
    background-color: #ffffff !important;
    color: #000000;
    border-radius: 0.25rem;
}

.select2-dropdown,
.select2-search,
.select2-search input,
.select2-results {
    background-color: #ffffff !important;
}

.select2-dropdown {
    border: 1px solid #ced4da !important;
}

.select2-default {
  color: #000000 !important;
}

.select2-results .select2-highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #c82333 !important;
  color: #000000 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #c82333 !important;
  border-color: #c82333 !important;
  color: #000000 !important;
}

.custom-file-label {
    border: 1px solid #ced4da !important;
    background-color: #ffffff !important;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    background-color: #ffffff !important;
    color: #c82333;
}

.btn-ns, .btn-group-ns > .btn { {
  padding: 0.15rem 0.3rem;
  font-size: 0.675rem;
  line-height: 1.2;
  border-radius: 0.2rem;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 0.15rem 0.3rem;
  font-size: 0.775rem;
  line-height: 1.2;
  border-radius: 0.2rem;
}