/**
  1.General
  2.Bootstrap Customization 
  3.Layout
	4.Loading
  5.Preloader
  6.Notification
  7.Module
  8.Responsive
*/

/* General */

body {
  background-color: #0d0d0d;
  font-family: "Poppins";
  color: #fff;
}

body.default-layout,
body.player-layout {
  background-color: #0d0d0d;
}

::-webkit-input-placeholder {
  color: #a1a1a1 !important;
  /* Edge */
}

:-ms-input-placeholder {
  color: #a1a1a1 !important;
  /* Internet Explorer 10-11 */
}

::placeholder {
  color: #a1a1a1 !important;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Track */
}

::-webkit-scrollbar-thumb {
  background: #a1a1a1;
  /* Handle */
}

::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
  /* Handle on hover */
}
a.link {
  color: #1663bc;
  font-family: "Poppins";
}
a {
  color: #1663bc;
}

/* Bootstrap Customization */

.form-group .col-form-label {
  color: #7d7f7e;
  font-family: "Poppins Bold";
}
.form-control,
.form-control:focus {
  color: #8f8f90;
  border-color: #d9d9d9;
  font-family: "Poppins Light";
  background-color: transparent;
}
.custom-checkbox .custom-control-label {
  color: #dadde4;
}
.custom-control-label::before {
  border-color: #ebebeb;
}
.btn {
  color: #fff;
}
.btn-success {
  background-color: #cdedd5;
  border-color: #cdedd5;
  color: #49bd65;
}
.btn-success:hover {
  background-color: #49bd65;
  border-color: #49bd65;
  color: #cdedd5;
}
.btn-outline-light {
  border-color: #c0cadf;
  color: #c0cadf;
}
.btn-outline-light:hover {
  color: #fff;
  background: #171717;
}
.btn-outline-dark,
.btn-outline-dark.disabled {
  border-color: #1663bc;
  color: #1663bc;
}
.btn-outline-dark.disabled {
  opacity: 0.8;
}
.loginbtn, .loginbtn:hover, .loginbtn:active {
  border-color: #ee1c25 !important;
  background-color: #ee1c25 !important;
  color: #fff;
}

.btn-main,
.btn-main:hover,
.btn-outline-dark:hover {
  border-color: #1663bc;
  background-color: #1663bc;
  color: #fff;
}
.btn-main:hover {
  opacity: 0.85;
}
.btn-facebook{
  background-color: #fff;
  color: #4267B2;
}
.btn-google {
  background-color: #fff;
  color: #DB4437;
}
.nav-tabs {
  border-bottom-color: rgba(47, 128, 237, 0.1);
}
.nav-tabs .nav-link {
  color: #8e98ad;
}
.nav-tabs .nav-link.active {
  border-bottom-color: #1663bc;
  background: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #dadde4;
}
.tab-content {
  background: #171717;
}
.table {
  color: #dadde4;
}
.table td,
.table thead th {
  border-color: rgba(47, 128, 237, 0.1);
}
.table thead th {
  font-family: "Poppins Medium";
}
.table td {
  font-family: "Poppins Light";
}
.dd-menu .dropdown-item {
  color: #dadde4;
}
.dd-menu {
  box-shadow: 1px 0 20px rgba(34, 34, 34, 0.4) !important;
  -webkit-box-shadow: 1px 0 20px rgba(34, 34, 34, 0.4) !important;
  -moz-box-shadow: 1px 0 20px rgba(34, 34, 34, 0.4) !important;
  border-color: #171717;
  background-color: #171717;
}
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus {
  color: #fff;
  background-color: #1663bc;
}
.page-link{
  color: #fff;
  background-color: #182943;
  border: 1px solid #182943;
}
.page-item.active .page-link,
.page-link:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  background-color: #182943;
  border-color: #182943;
  opacity: .55;
}

.popover-body {
  background: #171717;
}
.bs-popover-bottom>.arrow::after{
  border-bottom-color: #171717;
}
.bs-popover-top>.arrow::after{
  border-top-color: #171717;
}

/* Layout */

.main-nav a.navbar-brand img,
#footer img {
  max-width: 40%;
}
.main-nav .navbar-nav .nav-link {
  color: hsla(0, 0%, 100%, 0.5);
}
.main-nav .navbar-nav li.active > .nav-link {
  color: #fff;
}
.main-nav .navbar-nav .nav-link:focus,
.main-nav .navbar-nav .nav-link:active {
  color: #1663bc;
}
.main-nav .navbar-nav li.active:before {
  border-top-color: #fff;
}
.main-nav .navbar-collapse,
.main-nav.tv-menu .navbar-collapse {
  border-color: #171717;
}
.main-nav.tv-menu .navbar-collapse {
  background-color: #171717;
}
.main-nav .navbar-toggler i,
ul#right-menu li i {
  color: #1663bc;
}
ul#right-menu li i.flaticon-user {
  color: #b4b4b4;
}
ul#right-menu #lblUsername {
  font-family: "Poppins Medium";
}
#modalSearch input {
  border-color: #fff;
  background-color: transparent;
}
#modalSearch {
  background-color: rgba(0, 0, 0, 0.85);
}
#modalSearch .close {
  color: #fff;
}
#modalSearch .modal-content {
  background-color: transparent;
}
footer {
  background: #171717;
  color: #dadde4;
}
#footer .nav a.nav-link{
  color: rgba(255, 255, 255, .7);
}
#footer .square {
  background: rgba(255, 255, 255, .7);
}
.title {
  color: #fff;
}
.title-divider:before {
  background: #084cca; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #084cca 0%,
    #108ddd 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #084cca 0%,
    #108ddd 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #084cca 0%, #108ddd 100%);
}
.btn-table {
  border-color: #eee;
}
.btn-table:hover {
  border-color: #1663bc;
  background-color: #1663bc;
  color: #fff;
}
.thumbnail-container {
  background: #171717;
  -webkit-box-shadow: 0 2px 5px 0 rgba(34, 34, 34, 0.4);
  -moz-box-shadow: 0 2px 5px 0 rgba(34, 34, 34, 0.4);
  box-shadow: 0 2px 5px 0 rgba(34, 34, 34, 0.4);
}
.premium {
  background: rgba(255, 255, 255, 0.75);
  color: #4386fc;
}
.swiper-button-next,
.swiper-button-prev {
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
}

/* Loading */

.loader {
  border-color: rgba(0, 6, 87, 0.5);
  border-top-color: #1663bc;
}

/* Preloader */

.preloader {
  background: #171717;
}
.ripple-loader div {
  border-color: #1663bc;
}

/* Notification */

.ns-box {
  font-family: "Poppins" !important;
}
.ns-effect-exploader {
  color: #fff !important;
  background: #003357 !important;
}
.ns-bar .ns-close::before,
.ns-bar .ns-close::after,
.ns-effect-exploader .ns-close:hover::before,
.ns-effect-exploader .ns-close:hover::after {
  background-color: #fff;
}

/* Module */

.default-layout .logo {
  max-width: 150px;
}
.modal-auth .modal-content{
  background: transparent;
}
.modal-auth .modal-body{
  background: #171717;
}
.modal-auth h1 {
  color: #fff;
  font-family: "Poppins Medium";
}
.modal-auth p {
  color: rgba(255, 255, 255, 0.5);
}
.digit-group input {
  background-color: transparent;
  border-color: #1663bc;
  color: #6a6a6a;
  font-family: "Poppins Light";
}
.slider .card-img-overlay {
  /* background: linear-gradient(to right, #030b17, rgba(0, 0, 0, 0)); */
  background: transparent;
  box-shadow: 0 .5rem 1rem rgba(8,25,62,.5);
  color: #fff;
}
.slider .badge {
  background: rgb(9, 79, 203); /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(9, 79, 203, 1) 0%,
    rgba(15, 136, 219, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(9, 79, 203, 1) 0%,
    rgba(15, 136, 219, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(9, 79, 203, 1) 0%,
    rgba(15, 136, 219, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#094fcb', endColorstr='#0f88db',GradientType=1 ); /* IE6-9 */
  font-family: "Poppins Thin";
  color: #fff;
}
.slider p.card-text {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Poppins Light";
}
.single-video-layout .tag {
  color: rgba(255, 255, 255, 0.6);
}
.single-video-layout h6 {
  color: #fff;
}
.single-video-layout .desc {
  color: rgba(255, 255, 255, 0.8);
}
.single-video-layout .cast span:first-child,
.single-video-layout .director span:first-child {
  color: rgba(255, 255, 255, 0.6);
}
.single-video-layout .btn {
  color: #ee1c25;
}
.single-video-layout .preference{
  background: #171717;
}
.single-video-layout .preference .btn{
  color: #fff;
}
.single-video-layout .preference .count{
  font-family: "Poppins Light";
}
.season .card-img-overlay {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(25, 33, 51, 0)),
    color-stop(80%, rgba(25, 33, 51, 0.8)),
    to(#192133)
  );
  background-image: -webkit-linear-gradient(
    top,
    rgba(25, 33, 51, 0),
    rgba(25, 33, 51, 0.8) 80%,
    #192133 100%
  );
  background-image: -o-linear-gradient(
    top,
    rgba(25, 33, 51, 0),
    rgba(25, 33, 51, 0.8) 80%,
    #192133 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(25, 33, 51, 0),
    rgba(25, 33, 51, 0.8) 80%,
    #192133 100%
  );
  color: #fff;
}
.episode .tag {
  color: rgba(255, 255, 255, 0.6);
}
.package .card {
  background: #171717;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);
}
.package .card.active {
  border: 2px solid rgba(47, 128, 237, 0.3);
}
.package .card .price {
  font-family: "Poppins Bold";
  color: #ee1c25;
}
.package .card .validity,
.package .card .tag {
  color: #fff;
}
.package .card hr {
  border-color: rgba(47, 128, 237, 0.1);
}
.package .badge {
  color: #fff;
  background-color: #171717;
  font-family: "Poppins Light";
}

/* Article */

#article .card {
  color: #fff;
  background-color: #171717;
  font-family: "Poppins Light";
  -webkit-box-shadow: 0 2px 5px rgb(34 34 34 / 40%);
  -moz-box-shadow: 0 2px 5px rgb(34 34 34 / 40%);
  box-shadow: 0 2px 5px rgb(34 34 34 / 40%);
}

#article .card-text{
  color: rgba(255, 255, 255, 0.8);
}

#article hr{
  background: rgba(255, 255, 255, 0.2);
}
#article-view .btn-tag{
  background: #343a40;
}

#article-view .navigation{
  font-family: 'Poppins Light';
}
#article-view .navigation a{
  color: #fff;
}

/* Spatial Navigation */

.focusable:focus,
.navigable:focus,
#modalSearch .close:focus,
.thumbnail-container:focus,
.thumbnail-container:active{
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgb(0, 123, 255, .5);
}

/* Responsive */

@media (max-width: 993px) {
  .main-nav .navbar-collapse {
    background-color: #171717;
  }
}

@media (max-width: 768px) {
  .main-nav a.navbar-brand img {
    max-width: 75px;
  }
}
