.header,
.header.header-scrolled {
    background: #000000 !important;
}

.header .logo a {
    color: #fff  !important;
}

.navbar a:hover {
    background-color: #58b4c4 !important;
}

.navbar .active {
    background: #58b4c4 !important;
}

.navbar li:hover>a {
    color: #fff
}

.mobile-nav-toggle.bi-x {
    color: #fff
}

.navbar-mobile {
    background: rgba(23, 26, 29, .6);
}

.navbar-mobile ul {
    background: rgba(23, 26, 29, .7);
}

.navbar-mobile li a {
    color: #fff !important;
}

.navbar-mobile li a:hover {
    color: #fff
}

.list-container {
    background: #000000 !important;
}

@media (max-width:800px) {
    .list-container::before {
        background-color: rgba(0,0,0,.8);
    }
}

.list-container .category-list li a {
    color: #ffffff !important;
}

.list-container .category-list li a.active,
.list-container .category-list li a.active:before {
    color: #fff
}

.list-container .category-list li a.active .bi-x {
    border: 2px solid #fff
}

.list-container .category-list li a:focus {
    color: #fff
}

.list-container .category-list li a:focus .bi-x {
    border: 2px solid #fff
}

.list-container .category-list li a:focus:before {
    color: #fff
}

.list-container .category-list li a:before {
    color: #7c7c7c;
}

.list-container .category-list li a .bi-x {
    border: 2px solid #7c7c7c;
}

.list-container-mobile {
    background: #161616;
}

.show-categories {
    background-color: rgba(0,0,0,.9);
}
.show-categories.bi-x {
    border: 2px solid #fff;
}

.footer {
    background: #000000 !important;
}

.footer .footer-top {
    background: #000000 !important;
    color: #fff;
}

.footer .footer-top p {
    color: #fff
}

.footer .footer-bottom .footer-list li a.custom-dot:before {
    color: #fe262a !important;
}

.form-control {
    color: #fff;
    background-color: #fff;
    border: 1px solid #c8c8c8;
}

.form-control::-moz-placeholder {
    color: #c8c8c8
}

.form-control:-ms-input-placeholder {
    color: #c8c8c8
}

.form-control::placeholder {
    color: #c8c8c8
}

.input-group {
    border: 1px solid #c8c8c8;
}

.input-group .btn {
    color: #fff;
}

.input-group>.form-control,
.input-group>.form-select {
    color: #ffffff !important;
    background: #000000 ;
}

.top-icon {
    background: rgba(0, 255, 203, .6);
    color: #fff;
}

.top-icon .online-dot {
    background: #fe262a;
}

.models .models-name {
    color: #fff;
}

.models .models-nick {
    color: #b0deff;
}

.img-col.-cam .video-link:focus,
.img-col.-cam .video-link:hover {
    border: 2px solid #58b4c4 !important;
}
.img-col:not(.-cam) .video-link:focus .models .models-name,
.img-col:not(.-cam) .video-link:hover .models .models-name {
    color: #58b4c4 !important;
}


.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background: #58b4c4 !important;;
}

.nav-pills .nav-link {
    background: #7c7c7c;
    color: #000;
}


.nav-pills .nav-link:hover {
    color: #fff
}

.tab-content {
    border: 2px solid #58b4c4;
    background: #000000 !important; 
}

.card {
    border: 2px solid #58b4c4}

.card .card-title {
    background: #58b4c4;
    border-bottom: 2px solid #58b4c4 !important; 
}

.card .card-body {
    border: .0625rem solid #58b4c4 !important; 
    background-color: #000000 !important; 
}


.card .card-body .form-input input {
    border: 1px solid #c8c8c8;
}

.card .card-body .fr__link {
    color: #fe262a !important;
}


.form-input>.form-control,
.form-input>.form-select {
    background: #121212;
}

body {
    color: #fff;
    background: #000000 !important;
}

a,
a:hover {
    color: #fff;
    text-decoration: none
}

.form-select {
    color: #fff !important;
    background-color: #fff;
}

.header-row .text-header {
    color: #ffffff !important;
}

.header-row .text-subhader {
    color: #58b4c4 !important;
}

.tab-text-subheader {
    color: #58b4c4 !important;
}


.login,
.main-btn,
.sign-up {
    border: 2px solid #58b4c4 !important;
    color: #fff;
}

.login:hover,
.main-btn:hover,
.sign-up:hover {
    color: #fff
}

.join {
    background: #58b4c4 !important;

}

.join-btn {
   
    border: 2px solid #ff8b45;
    background: #ff8b45;
   
}

.join-btn,
.join-chatroom {

    color: #fff;
  
}

.join-chatroom {
 
    border: 2px solid #58b4c4 !important;
    background: #58b4c4 !important;
  
}

.video-container {

    border: 2px solid #1c1c1c
}


.top-bar-img {
   
    background-image: linear-gradient( rgba(88,180,196,.5), rgba(88,180,196,0.5) ), url(../templates/default/images/top-bar-greyscale.jpg)
}

.bottom-bar-img {
   
    background-image: linear-gradient( rgba(88,180,196,.5), rgba(88,180,196,0.5) ), url(../templates/default/images/bottom-bar-greyscale.jpg)
}


.notification.info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;

}
.notification.alert {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;

}
.notification.error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;

}
.notification.success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.notification a {
    color: #ffffff !important;
  
}
.login:hover {
    background-color: #58b4c4 !important;
    border-color: #ffffff;
}

.sign-up:hover {
    border-color: #ffffff;
}

#loadMore:hover {
    background-color: #58b4c4 !important;
    border-color: #ffffff;
}

#loadMore {
	color: #ffffff !important; 
}

.light-dark-bk {
    background: #000000 !important;
}