@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

html {
  background-color: #3B464D;
  overflow-x: hidden;
}
body {
  font-family: 'Montserrat', sans-serif;
    color: #fff;
}


a {
  color: #545a5f;
  text-decoration: none;
}


.bg-black {
  background-color: #9E80A8;
  color: #fff;
}

.bg-black p {
  color: #c8c8c8;
}

.bg-black ul li {
  color: #C7C7C7;
}


.bg-black .open > a, .bg-black .open > a:hover, .bg-black .open > a:focus {
  color: #fff;
}

.bg-black a {
  color: #30beac;
}

.bg-black a {
  color: #9E80A8;
}

.bg-black a:hover,
.bg-black a .open,
.bg-black a:active,
.bg-black a:focus {
  color: #9E80A8;
} 

.bg-black .text-lt {
  color: #fff !important;
}

.bg-black.lt, .bg-black .lt {
  background-color: #4B4B4C;
}

.bg-black .nav > li:hover > a,
.bg-black .nav > li:focus > a,
.bg-black .nav > li.active > a {
  color: #fff;
  background-color: #4B4B4C;
}

.bg-black .nav > li > a:hover,
.bg-black .nav > li > a:focus {
  background-color: #4B4B4C;
}

.bg-black .nav > li > a {
  color: #FFFFFF !important;
}
.navbar .nav > li > a {
  color: #FFFFFF !important;
  background-color: #9A48B6;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:active {
  color: #FFFFFF !important;
  background-color: #9A48B6;
}


/*.nav > li {
 border-bottom: solid 1px;
  border-color: #E4E2E2;
}*/

.bg-black .text-muted {
  color: #A6A6A6 !important;
}

.bg-black.navbar-nav .text-muted {
  color: #FFFFFF !important;
}

.bg-black.bg, .bg-black .bg {
  background-color: #252525;
}

.bg-black.dk, .bg-black .dk {
  background-color: #313233;
}

.bg-black.lter, .bg-black .lter {
  background-color: #313233;
  border: solid 1px;
  border-color: #5f6062;
}

.bg-black .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.bg-dark {
  background-color: #FFFFFF !important;
  color: #929699;
}

.btn-default {
  color: #FFFFFF !important;
   background-color: #9A48B6;
  border-color: #9A48B6; 
   }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #FFFFFF !important;
    background-color: #9A48B6;
  border-color: #9A48B6;
}

.reco {
  color: #ffffff !important;
  background-color: #9E80A8 !important;
  border-color: #9E80A8 !important;
}

.panel-body {
background-color: #4B4B4C;
}

.video-info {
 background-color: #4B4B4C;
 color:#333;
}

.bg-danger {
  background-color: #313233;
  color: #ffffff;
  border-color: #646667;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  color: #ffffff !important;
  background-color: #CFCFCF;
  border-color: #CFCFCF;
}

.text-white {
  color: #fff;
  /*border: none !important;*/
}

.text-white:hover {
  color: #fff !important;
 }


.text-black {
    color: #4B4B4C;
}

.text-danger {
  color: #9E80A8;
  border: none !important;
}

.text-info {
  color: #9E80A8;
  border: none !important;
}

.text-warning {
  color: #9E80A8;
  border: none !important;
}

.text-success {
  color: #9E80A8;
  border: none !important;
}

.bg-warning {
  background-color: #ffffff;
}

.sm {
  color: #fff;
}

.panel-toggle {
  color: white !important;
}

.caret-bg {
 background-color: #9E80A8;	
}

.caret-bg > li > a{
 background-color: #9E80A8;	
}

.caret-bg > li > a:hover,
.caret-bg > li > a:active,
.caret-bg > li > a:focus{
 background-color: #9E80A8 !important;	
}



.item .opacity {
  background-color: rgba(0,0,0,0.75);
}

.jw-captions-text {
  background-color: black;
}

.jw-title-primary, .jw-title-secondary {
  color: white;
}

/* Pagination rules */

.pagination > .active > a {
   background-color: #4B4B4C;
  border-color: #4B4B4C;
}

.pagination > li > a {
  color: #4B4B4C;
  border: 1px solid #4B4B4C;
}

.pagination>.active>a:hover,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #ffffff;
  background-color:#9E80A8;
  border-color: #4B4B4C;
}

/* inputfields */

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  background-color: #ECECEC;
  border: 1px solid;
  border-color: #9A48B6;
}

input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
  background-color: #ECECEC;
  border-color: #9A48B6;
  }

/* line 122, ../sass/screen.scss */
input[type="color"]:active, input[type="date"]:active, input[type="datetime"]:active, input[type="datetime-local"]:active, input[type="email"]:active, input[type="month"]:active, input[type="number"]:active, input[type="password"]:active, input[type="search"]:active, input[type="tel"]:active, input[type="text"]:active, input[type="time"]:active, input[type="url"]:active, input[type="week"]:active, input:not([type]):active, textarea:active {
  background-color: #ECECEC;
  border-color: #9A48B6;
  }
  
.panel-default .panel-heading {
  background-color: #4B4B4C;
  border-color: #4B4B4C !important;
}

.panel-default>.panel-heading {
  color: #ffffff;
}

.panel.panel-default {
  border-color: #6B6B6B;
}

.bg-black .nav .open > a {
  background-color: #36ad9e;
}


.dropdown-menu .divider {
  background-color: #e5e5e5;
}

.dropdown-menu {
  background-color: #4B4B4C;
  border: 1px solid;
  border-color: #6B6B6B;
}

.dropdown-menu > li > a {
  color: #FFF;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #252525 !important;
  color: #FFF;
}

.navbar-nav>li>.dropdown-menu {
  width: 168px;
}

.alert-success {
  background-color: #585958;
  border-color: #7c7c7c;
}

.btn-success {
  color: #fff !important;
  background-color: #313233 !important;
  border-color: #9E80A8;
}

.btn-success:hover {
  color: #fff !important;
  background-color: #606061 !important;
  border-color: #9E80A8;
}