/*-----Custom CSS-----*/

/*-----Main Areas-----*/

body {
    background:#000;
    color:#dadada;
}

.container {
    width: 1500px;
    max-width:100%;
    background: #202020;
}

#container {
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* pages */
.cb-box.row {
    margin-left: 0;
    margin-right: 0;
}

/* pages */
.cb-box {
    background:none !important;
}

h1 {
    color:#dadada;
}

a {
    color:#dadada;
}

.well { 
    background:#303030;
    border-color:#303030;
}

.upload-area .dragDropContainer {
    border-color:#303030;
}

hr {
    border-color:#303030;
}


/* Upload Page layout Change */
#main_upload {
   position: relative;
   background: #202020;
   max-width: 1500px;
   margin-left: auto;
   margin-right: auto;
   width:100%;
}

/* Photo Upload Page Layout Change */
.photoupload-block {
   background: #202020;
   max-width: 1500px;
   margin-left: auto;
   margin-right: auto;
   width:100%;
}

/*-----upload page styling-----*/
.input-group-addon {
    color:#777;
    background:#292929;
    border-color:#292929;
}

#updateVideoInfo .formSection h4 {
    background:#303030;
    border-color:#303030;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background:#303030;
}

.uploadFormSidebarDiv .categoriesContainer {
    height:608px;
}

input, textarea, select {
    color:#dadada;
}

/*upload bar*/
.progress { 
    background:#303030;
}

.progress-bar {
    background-color:#db2255;
}

.form-control:focus {
    border-color:#db2255;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(229, 82, 87, 0.6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(229, 82, 87, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(229, 82, 87, 0.6);
}

legend {
    color:#dadada;
    padding-bottom:10px;
    border-color:#303030;
}


/*-----View Video, view photo item, view collection Page Layout Tweak-----*/
#main_video_page {
    position: relative;
    padding:20px;
}

/* Signup Page Layout Fix */
#custom_signup_page { 
    background:#202020;
    width:100%; 
    max-width:1500px; 
    margin:0 auto; 
}


/*-----Fonts Styles-----*/
a:hover, a:focus {
    color:#db2255;
}

/*-----Footer-----*/
#footer {
    position: relative;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    background:#202020;
    border-top:1px solid #303030;
    z-index:4;
}

/* Cookie Consent Styles */
.cc-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    z-index: 9998;
}
.cc-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 720px;
    width: 90%;
    /* Dark card to match site theme */
    background: #202020;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
    padding: 24px;
    color: #dadada;
    z-index: 9999;
    font-size: 14px;
    line-height: 1.45;
}
.cc-modal .cc-header {
    margin-top: 0;
    font-weight: bold;
}
.cc-modal .cc-text {
    margin-bottom: 20px;
}
.cc-link {
    color: #4b3a8f;
    text-decoration: underline;
}
.cc-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}
.cc-btn {
    padding: 8px 16px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.cc-btn.cc-primary {
    background-color: #4b3a8f;
    color: #fff;
}
.cc-btn.cc-secondary {
    background-color: transparent;
    color: #4b3a8f;
    border: 1px solid #4b3a8f;
}
.cc-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-top: 1px solid #eee;
}
.cc-option:first-of-type {
    border-top: none;
}
.cc-option-label {
    font-weight: normal;
}
.cc-option-control {
    font-size: 14px;
}
.cc-locked {
    color: #888;
}
.cc-switch {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 24px;
}
.cc-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.cc-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .2s;
    border-radius: 34px;
}
.cc-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .2s;
    border-radius: 50%;
}
.cc-switch input:checked + .cc-slider {
    background-color: #4b3a8f;
}
.cc-switch input:checked + .cc-slider:before {
    transform: translateX(18px);
}
@media (max-width: 600px) {
    .cc-modal {
        width: 95%;
        padding: 16px;
        font-size: 14px;
    }
    .cc-buttons {
        flex-direction: column-reverse;
        align-items: stretch;
    }
    .cc-buttons .cc-btn {
        width: 100%;
        margin-top: 10px;
    }
}

/* Cookie Preferences Center */
.cc-preferences {
    display: flex;
    flex-wrap: wrap;
}
.cc-nav-wrapper {
    flex: 1 1 30%;
    max-width: 30%;
    border-right: 1px solid #eee;
    background: #f7f7f7;
}
.cc-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cc-nav .cc-tab-link {
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
}
.cc-nav .cc-tab-link.active {
    background: #fff;
    font-weight: bold;
}
.cc-content-wrapper {
    flex: 1 1 70%;
    max-width: 70%;
    padding: 0 16px;
}
.cc-tab-content {
    display: none;
}
.cc-tab-content.active {
    display: block;
}
.cc-tab-title {
    font-weight: bold;
    margin-top: 0;
}
.cc-preferences-footer {
    width: 100%;
    text-align: right;
    margin-top: 20px;
}
.cc-always-active {
    font-size: 14px;
    color: #888;
    margin-top: 10px;
}
@media (max-width: 600px) {
    .cc-preferences {
        flex-direction: column;
    }
    .cc-nav-wrapper, .cc-content-wrapper {
        max-width: 100%;
        flex: 1 1 100%;
        border-right: none;
    }
}

/* Enhanced styling for cookie preferences center */
/* Outer wrapper: dark card with subtle border and shadow */
.cc-preferences {
    background: #202020;
    border: 1px solid #333;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
    overflow: hidden;
}
/* Header above preferences nav */
.cc-preferences-header {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 12px 0;
    color: #dadada;
}
/* Navigation panel styling */
.cc-nav-wrapper {
    background: #1a1a1a;
    border-right: 1px solid #333;
}
.cc-nav .cc-tab-link {
    padding: 12px 16px;
    cursor: pointer;
    border-bottom: 1px solid #333;
    font-size: 14px;
    color: #dadada;
    background: #1a1a1a;
    transition: background-color 0.2s ease;
}
.cc-nav .cc-tab-link:hover {
    background: #242424;
}
.cc-nav .cc-tab-link.active {
    background: #202020;
    border-left: 3px solid #4b3a8f;
    font-weight: bold;
    color: #4b3a8f;
}
/* Content area styling */
.cc-content-wrapper {
    padding: 16px;
    background: #202020;
    color: #dadada;
}

#footer .container {
    background:none;
    padding-left:20px;
    padding-right:20px;
}

#footer a {
    color:#dadada;
}


/*-----Custom Layout With Left Sidebar-----*/
#content_custom {
    width: 82%;
    float: right;
    padding-left: 10px;
    padding-right: 10px; 
    margin-bottom:30px;
}

#leftsidebar {
    float:right;
    width: 18%;
    min-height:300px;
    height:100vh;
    border-right:1px solid #303030;
}

#innerleftsidebar {
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px;
}

/*-- Left Sidebar Links--*/
#innerleftsidebar .cbCategoryItem {
    list-style:none !important;
    padding: 10px;
    font-size: 16px;
    color: #dadada;  
}

#innerleftsidebar .cbCategoryItem:hover {
    background:#101010; 
    color:#db2255;
    border-radius:5px;
}

#innerleftsidebar .cbCategoryItem:hover a {
    text-decoration: none; 
    color:#db2255;
}


/*-----Top Header Area-----*/

#header {
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    height:80px;
    background:#202020;
    border-bottom:1px solid #303030;
}

.header-holder { 
    margin-top:7px;
}

/* hide main menu */
#header .main-links {
    display:none;
}

/* Top Header Hide Upload Form */
.dropdown.upload_link {
    display: none;
}

/*-Top Header Login-Signup Buttons--*/
.headerloginbutton-signup {
    background:#db2255;
    border: 2px solid #db2255;
    font-size: 14px;
    color:#FFF !important;
    font-weight:bold;
    line-height: 22px;
    border-radius: 20px;
    padding: 10px !important; 
    text-align:center;
    display:inline-block;
}

.headerloginbutton-signup:hover {
    background:#b22048 !important;
    border-color:#b22048;
}

.headerloginbutton-login {
    background:#303030;
    border: 2px solid #303030;
    font-size: 14px;
    color:#dadada !important;
    font-weight:bold;
    line-height: 22px;
    border-radius: 20px;
    padding: 10px !important; 
    text-align:center;
    display:inline-block;
}

.headerloginbutton-login:hover {
    Color:#db2255 !important;
    border-color:#292929;
    background:#292929;
}

.dropdown-menu .divider {
    background:#303030;
}


/* Top Header dropdown Styles */
#header .dropdown-menu > .active > a, #header .dropdown-menu > .active > a:hover, #header .dropdown-menu > .active > a:focus {
    background:#db2255;
}

#header .dropdown-menu > li > a:hover { 
    background:#202020;
}

.navbar-default .right-menu.navbar-nav > li > a {
    color:#dadada;
}

#header .dropdown-menu > li > a {
    color:#dadada;
    border-color:#303030;
}

/*----- Top Header Search Bar-----*/
/* middle part of search bar */
#header .search input[type="text"] {
    background: #000;
    border-top: 1px solid #303030 !important;
    border-bottom: 1px solid #303030 !important;
    border-left: none;
    border-right: none;
    border-radius: 0;
    color:#707070;
}

/* Left part of search bar */
#header .search .cbsearchtype .search-drop {
    border-radius:20px 0 0 20px;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
    border-left: 1px solid #303030;
    background:#000;
    height: 34px;
}

#header .search .cbsearchtype .btn-default {
    color:#a0a0a0;
}

/* Right part of Search bar */
#header .search .cbsearchtype .btn-default.btn-search {
    background: #000;
    color: #db2255;
    border-radius: 0 20px 20px 0;
    border: 1px solid #303030;
    font-size: 16px;
}

#header .search .cbsearchtype .btn-default.btn-search:hover {
    background: #db2255;
    color:#FFF;
}

/* Whole Search */
#header .search .cbsearchtype {
    background:none;
}
    
#header .menu-holder .col.user_menu .search { 
   width:50%; 
}

#header .menu-holder .col.user_menu { 
    width:100%; 
    background:none;
}

/* mobile search icon */
.btn-search-toggle {
    color:#555;
    margin-top:2px;
}

.btn-search-toggle:active, .btn-search-toggle:focus, .btn-search-toggle:hover {
    color:#db2255;
}


/*-----Bottom Header Bar-----*/
#bottomheader {
    width:100%;
    max-width:1500px;
    margin-left:auto;
    margin-right:auto;
    height:50px;
    background-color: #db2255; 
    border-bottom:1px solid #303030;
}

/* Bottom Header Left Menu */
.bottom-menu-links { 
    width:700px;  
    display:inline-block;   
}

.bottom-menu-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.bottom-menu-links li {
    float: left;
}

.bottom-menu-links li a {
    display: block;
    color: white;
    text-align: center;
    padding: 17px 16px;
    text-decoration: none;
    font-size:18px;
}

/* Change the link color to #111 (black) on hover */
.bottom-menu-links li a:hover {
    background-color: none;
    color:#ccc;
}

.bottom-menu-links .active {
   color:#ccc;
}

/*-----Bottom Header Right Bar-----*/

#rightbar {
    width: 150px;
    height: 50px;
    float: right; 
    color:#FFF;
}

#rightbar a:hover {
    color:#EEE;
    text-decoration:none;
}

/*--Bottom Header Right Bar Dropdown Menu--*/

#rightbar .dropbtn {
    background: none;
    color: white;
    padding: 16px;
    font-size: 18px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
#rightbar .dropdown {
    position: relative;
    display: inline-block;
    float:right;
}

/* Dropdown Content (Hidden by Default) */
#rightbar .dropdown-content {
    display: none;
    position: absolute;
    background-color: #303030;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 5;
}

/* Links inside the dropdown */
#rightbar .dropdown-content a {
    color: #dadada;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
#rightbar .dropdown-content a:hover {
    background-color: #202020;
}

/* Show the dropdown menu on hover */
#rightbar .dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
#rightbar .dropdown:hover .dropbtn {
    background-color: none;
    color:#ccc;
}

/*-----Video Page-----*/

.featured-video {
    background:#303030;
    border-color:#303030;
}

.view-details, .video-details {
    background: #202020;
    border: 1px solid #303030;
}
.comments-block {
    background: #202020;
    border: 1px solid #303030;
}

.fav-repo .desc-list li a, .watch-vid-details .desc-list li a {
    color: #db2255;
}

.view-tabs .nav-tabs.nav > li.active > a, .view-tabs .nav-tabs.nav > li.active > a:hover, .view-tabs .nav-tabs.nav > li.active > a:focus {
    color: #db2255;
}

.fav-repo .desc-list li a:hover, .watch-vid-details .desc-list li a:hover {
    color:#9f193e;
}

.featured-video .title a:hover {
    color:#db2255;
}

.sidebar-items .featured-video {
    background:none !important;
}

.featured-video .title a {
    color:#dadada;
}

.view-tabs .nav-tabs.nav {
    border:1px solid #303030;
    background:#252525;
    padding-left:10px; 
    padding-right:10px;
}

.view-details header.details h1, .video-details header.details h1 {
    color:#dadada;
}

.view-details header.details .user-video-info .user-title a, .video-details header.details .user-video-info .user-title a {
   color:#dadada;
}

.view-details header.details .user-video-info .views-counter span, .video-details header.details .user-video-info .views-counter span {
    border-bottom:1px solid #303030;
}

.fav-repo .desc-list, .watch-vid-details .desc-list {
    color:#dadada;
}

.view-tabs .nav-tabs.nav > li > a:hover {
    color:#dadada;
}

.addComment h2 {
    color:#dadada;
    border-color:#303030;
}

.addComment {
    color: #dadada;
}

.comment_txt_area textarea, .textarea-comment textarea {
    background:#252525;
    border-color:#303030;
}

/*----- View Photo Page -----*/

/* gallery background */

#gallery { 
    background:#252525;
}

.photo-view .view-photo-nxt, .photo-view .view-photo-pre {
    background:#303030;
}

.photo-view .view-photo-nxt:focus, .photo-view .view-photo-nxt:hover, .photo-view .view-photo-pre:focus, .photo-view .view-photo-pre:hover {
    background:#434343;
    color:#db2255;
}

.rating .like-dislike a:hover {
    color:#db2255;
}

#gallery #enlarge {
    background:#303030;
}

.photo-view .overlay .img-close {
    background:#303030;
}

/*-----View Collection Page-----*/
.fav-repo { 
    background: none;
    border: 1px solid #303030;
}

#main_video_page #photos.row { 
    margin-left:0;
    margin-right:0;
}

.collections .title {
    background:#303030;
}

/*-----Default Sidebar-----*/

/* Hide background from sidebar items */
.sidebar-items {
    background:none;
}
.collections-grid .title {
    background:none;
}

.sidebar-channels { 
    background:none;
}

.sidebar-channels .channel-item { 
    background:none;
}

/* Sidebar Title Styles */
#innerleftsidebar h2 { 
    font-size:22px;
}

/* Change Sidebar Items to 1 Column */
#leftsidebar .col-lg-6 { 
    width:100%; 
}

/*-----Video Box-----*/

/* Text Colors in video box */
.videos .video-info .title a:hover {
    color:#db2255;
}
.videos .video-info .author a {
    color:#db2255 !important;
}

.videos .video-info .author {
    color:#db2255 !important;
}

.videos .video-info {
    background:#202020;
}

.videos .video-info .title a {
    color:#dadada;
}

/* videobox preloader */
.background-masker {
    Background: rgba(0, 0, 0, 0) linear-gradient(133deg, #111111 25%, #222222 25%, #111111 50%) repeat scroll 0 0 / 800px 400px;
}


/*-----Photo Box-----*/
.item-photo .photo-info span {
    color:#db2255;
}

.item-photo .photo-info span a {
    color:#db2255;
}

.item-photo .photo-info {
    background:none;
}

.item-photo .photo-info strong a {
    color:#dadada;
}

.item-photo .photo-info strong a:hover {
    color:#db2255;
    text-decoration:none;
}

/*-----Inner Pages Dropdown Menus-----*/
.filter-dropdowns .dropdown > a {
    color:#dadada;
}

.filter-dropdowns .dropdown {
    background:#303030;
    border-color:#303030;
}

.filter-dropdowns .dropdown-menu {
    background:#000;
}

.filter-dropdowns .dropdown-menu > li > div {
    border:none;
}

.filter-dropdowns .dropdown-menu > li > a, .filter-dropdowns .dropdown-menu > li > div > a {
    color:#dadada;
}

.filter-dropdowns .dropdown-menu > li > div:hover {
    background:#202020;
}


.filter-dropdowns .sorting-col .dropdown-menu > li a.selected, .filter-dropdowns .sorting-col .dropdown-menu > li a:hover {
    background:#202020;
}

/* Add space to filter dropdown */
.filter-dropdowns .dropdown {
    margin-top:2px;
}

/*main dropdown menu*/
.dropdown-menu {
    background:#303030;
}


/*--Main Buttons--*/

/* Button A */
.btn-primary {
    background: #db2255;
    border-color: #db2255;
}

.btn-primary:hover {
    background:#b22048;
    border-color:#b22048;
}

.manage-page .btn-primary {
    border-color: #303030;
}

/* Button B */
.filter-dropdowns .cat-col .btn-default {
    background: #303030;
    padding: 10px 10px;
    border-color: #303030;
    color:#dadada;
}

/* Button D */
.btn-default {
    background:#303030;
    border-color:#303030;
    color:#dadada;
}

.cover .profile-buttons .btn-default:hover, .cover .profile-buttons .btn-default:active {
    background: #db2255;
    border-color: #db2255;
}

.cover .profile-buttons .btn-default {
    border-color:#303030;
    color:#dadada;
}

.filter-dropdowns .cat-col .btn-default:hover, .filter-dropdowns .cat-col .btn-default:active {
    background:#db2255;
    border-color:#db2255;
    color:#FFF;
}

.btn-primary:focus, .btn-primary.focus {
    background:#9f193e;
}

/* Focus Active Button Styles */
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background:#9f193e;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    background:#9f193e;
}

/* option text color */
.select-options .item-selected a {
    color: #db2255;
}

/* checks */
.rad-checked {
    color:#db2255;
}

/* ticks */
.account-container .form-group .chk-checked {
    background:#db2255;
    border-color:#db2255;
}

/* Tabs */
.flat-tabs .nav-tabs.nav {
    border-color:#303030;
}

.flat-tabs .nav-tabs.nav > li.active > a, .flat-tabs .nav-tabs.nav > li.active > a:hover, .flat-tabs .nav-tabs.nav > li.active > a:active { 
    border-color:#db2255;
    color:#dadada;
    background:#303030;
}

.flat-tabs .nav-tabs.nav > li > a {
    border-color:#202020;
    color:#dadada;
}

/* Tabs hover */
.flat-tabs .nav-tabs.nav > li > a:hover {
    border-color:#db2255;
    color:#dadada;
}

/* Quick List Ticks */
.item-video .thumb-holder .cb_quickie.icon-tick {
    background:#db2255;
    border-color:#db2255;
}

/* Playlist font style */
.playlist-item .playlist-thumb .playlist-info h2 a:hover {
    color:#db2255;
}

/* Change Channel Header button style */
.cover .changeCover {
    background:#db2255;
}

/* main button B */
.btn-danger {
    background:#db2255;
    border-color:#db2255;
}

/* main button C */
.btn-ghost {
    background:#303030;
    border-color:#303030;
    color:#dadada;
}

.btn-ghost:hover, .btn-ghost:active {
    background:#db2255;
    border-color:#db2255;
}

.select-area {
    background:#404040;
    border-color:#404040;
    color:#dadada;
}

.select-area .select-opener {
    background:#404040;
    color:#dadada;
}

.select-options .drop-holder {
    border-color:#333;
}

.select-options .item-selected a {
    background:#333;
}    

.msg, .result_cont {
    background:#252525;
}

.select-options {
    background:#191919;
}

.select-options ul a {
    color:#888;
}

/* Load More Buttons */

.btn-loadmore {
    background: #303030;
    border: none;
    border-radius: 10px;
    padding: 10px 12px;
}

.btn-loadmore:hover {
    background: #434343;
    color:#dadada;
}

/*-----Alerts-----*/
.alert-info {
    color:#dadada;
    background:#303030;
    border-color:#303030;
}

.view-tabs .alert-info { 
    color:#dadada;
}

.alert-danger {
    background:#222;
    border-color:#222;
    color:#db2255;
}

.alert-success {
    border-color:#303030;
    background:#303030;
}

/*-----Input and select Fields-----*/
.form-control {
    background:#303030;
    border-color:#303030;
    color:#dadada;
}

select.form-control { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url("../custom/up_down_arrow.png") #303030 no-repeat center right;
}

.signup-block .form-control, .forgot-block .form-control, .signin-block .form-control {
    background:#404040;
}

/*-----Pagination-----*/

/* pagination holder style */
.pagination { 
    background:none; 
}

/* pagination each item block */
.pagination > li a {
    padding: 12px 22px;
    border-color:#303030;
    background:#303030;
    margin-right:20px;
    border-radius:30px;
    color:#dadada;
}

/* pagination First Item */
.pagination > li:first-child > a, .pagination > li:first-child > span { 
    border-radius:30px; 
}

/* pagination last Item */
.pagination > li:last-child > a, .pagination > li:last-child > span { 
    border-radius:30px; 
}


/* pagination Active Item */
.pagination > li.active > a, .pagination > li.active > a:focus, .pagination > li.active > a:hover, .pagination > li.active > span, .pagination > li.active > span:focus, .pagination > li.active > span:hover {
    background:#db2255;
    color:#FFF;
    border-color:#db2255;
}

/* pagination Hover Styles */
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    background:#434343;
    border-color:#434343;
    color:#dadada;
}

/*-----QuickList-----*/
.quicklist_box_head {
    color:#fff;
}
.quicklist_box {    
    background:#303030;
    border-color:#303030;
}

.qlist_item {
    background: #202020 !important;
    border-color:#303030 !important;
}
.pl_details a {
    color:#fff;
}

/*-----Account Login - Signup-----*/

.signup-block .side-box, .forgot-block .side-box, .signin-block .side-box {
    background:#db2255;
}

.signup-block .side-box .btn-default, .forgot-block .side-box .btn-default, .signin-block .side-box .btn-default {
    background: #9f193e;
    border: 2px solid #9f193e;
}

.signup-block .user-form, .forgot-block .user-form, .signin-block .user-form {
    background:#303030;
}

.signup-block h2, .forgot-block h2, .signin-block h2 {
    color:#dadada;
}

/*-----My Account-----*/
.account_box, .manage-page {
    margin-top:0;
    padding-top:5px;
}

/* tabs style */
.tab-content {
    background: #202020;
    padding: 10px;
    border-left: 1px solid #303030;
    border-right: 1px solid #303030;
    border-bottom: 1px solid #303030;
}

/* tabs style */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background: #f9f9f9;
    border-color:#ccc;
}

.account_box .nav-pills > li.active > a, .account_box .nav-pills > li.active > a:hover, .account_box .nav-pills > li.active > a:focus, .manage-page .nav-pills > li.active > a, .manage-page .nav-pills > li.active > a:hover, .manage-page .nav-pills > li.active > a:focus { 
    background:#333;
    color:#dadada;
}

.account_box .nav-pills > li > a, .manage-page .nav-pills > li > a {
    color:#dadada;
}

.account_box .nav-pills > li, .manage-page .nav-pills > li {
    border-color:#303030;
}

.nav > li > a:hover, .nav > li > a:focus {
    background:#313131;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border-color:#303030;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background:#313131;
}

.account_box, .manage-page {
    color:#dadada;
}

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

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background:#252525;
    color:#dadada;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background:#252525;
    border-color:#252525;  
    color:#dadada;
}

.nav-tabs {
    border-color:#252525;
}

.nav-tabs > li > a:hover {
    background:#252525;
    border-color:#252525;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background:#303030;
    color:#dadada;
}

/*-----My Channel Page-----*/
.channel-tabs {
    background:none;
}

.cover .profile-buttons {
     background:none !important;
}

.user-activities .text span a {
    color:#db2255;
}

.featured-video .author a {
    color:#db2255;
}

.featured-video .author {
    color:#db2255;
}

.item-channel .user-block {
    background:#303030;
    border-color:#222;
}

.item-channel .channel-holder {
    background:#303030;
    border-color:#222;
}

.item-channel .info {
    background:#333;
}

.item-channel .info .col {
    border-color:#222;
}

.item-channel .info strong {
    border-color:#222;
    color:#dadada;
}

.item-channel .info strong span {
    color:#db2255 !important;
}

.item-channel h2 {
    color:#dadada !important;
}

.cover .profile-buttons h2 {
    color:#dadada;
}

.cover .avatar {
    background:#303030;
}

.user-activities .feed {
    border-color:#303030;
}

.flat-tabs .item-photo .photo-info, .flat-tabs .videos .video-info {
    background:none;
}

.playlist-item .playlist-thumb .playlist-info {
    background:none;
}

.playlist-item .playlist-thumb .playlist-info h2 a {
    color:#dadada;
}

.sidebar-channels .channel-item {
    border-color:#303030;
}

.sidebar-channels .channel-item .channel-info h3 a {
    color:#dadada;
}

#usr-photos.row {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

/*----- Editors Pick Fix-----*/

.editorpick {
    background:#303030;
}

.editorpick-videos .featured-video { 
    border-color:#333; 
}

.editorpick-videos .featured-video .author {
    color:#db2255;
}

.editorpick-videos .featured-video .author a {
    color:#db2255;
}

.editorpick-videos .featured-video .title a:hover {
    color:#db2255;
}

/* Scroll bar width and style */
.scrollable-area-wrapper .hscrollbar, .scrollable-area-wrapper .vscrollbar { width:10px !important; }
.scrollable-area-wrapper .hscroll-slider, .scrollable-area-wrapper .vscroll-slider { width:10px !important; border-radius:10px; background:#db2255; }
.scrollable-area-wrapper .hscroll-line, .scrollable-area-wrapper .vscroll-line { width:0; }


/* Scroll bar Max Height */
.vscrollbar { height:100% !important; }

/* Scroll bar height */
.vscroll-slider { max-height:160px; }


@media screen and (min-width:992px) and (max-width:1200px){ 
.editorpick-videos .scrollable-area { max-width:95%; }
}

/*-----Hide CB Mobile Menu-----*/
#header .navbar-toggle { 
    display:none !important; 
}

/*-----Style Mobile Search-----*/
.user_menu { 
    background:#202020;
}

/*-----Pushy Menu Styles-----*/
.pushy {
    background:#1b1b1b !important;   
}

#pushycontainer .menu-btn {
    background:none;
    border: medium none;
    color: #555;
    display: block;
    font-size: 22px;
    height: 35px;
    margin-top: 14px;
    padding-left:2px;
    padding-right:0;
    width:35px;
}

.pushytitles {
    font-size:13px; 
    color:#FFF; 
    background:#db2255; 
    padding:10px; 
    display:block;
    font-family: 'Open Sans', sans-serif;
    font-weight:normal;
}

#pushycontainer {
    max-width:35px;
    float:left;
    margin-right:0;
}

.pushy a {
    font-family: 'Open Sans', sans-serif;
    font-size:13px;
    font-weight:normal;
    color:#d9d9d9;
    padding: 10px 30px !important;
}

.pushy a:hover { 
    background:#111;
}

.pushy-content li {
    list-style:none !important;
}

.pushy-content .cbCategoryItem {
    list-style:none !important;
}

/*hide 'all' from category list */
.pushy-content .cbCategoryItem:nth-of-type(1) {
    display:none;
}

/*hide toggle from category list */
.pushy-content .CategoryToggler.none {
    display: none;
}

/* adjustment to header spacing for pushy menu */
.navbar-header { 
    float:left; 
}

/* Hide Pushy Menu on wide screens */
#pushycontainer {
    display: none;
}


/*-----Accordion For Pushy Menu-----*/
 /* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background:none !important;
    color: #b3b3b1;
    cursor: pointer;
    padding: 10px 30px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size:13px; 
    font-family: 'Open Sans', sans-serif; 
    font-weight:normal; 
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background: none;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    background:none !important;
    display: none; 
    color: #b3b3b1;
    font-size:13px; 
    font-family: 'Open Sans', sans-serif; 
    font-weight:normal; 
} 

button.accordion:after {
    content: "\f067"; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #b3b3b1 !important;
    float: right;
    margin-left: 5px;
    font-family: FontAwesome;
}

button.accordion.active:after {
    content: "\f068"; /* Unicode character for "minus" sign (-) */
    color: #b3b3b1 !important;
    font-family: FontAwesome;
}



/*-----Screen Sizes Adjustments-----*/
/* screens smaller than 480px - 1 Column */
@media screen and (max-width:480px){ 
/* VideoBox */
.item-video.col-lg-4 { width: 100%; }

/* Photobox */
.item-photo.col-lg-4 { width:100%; }

/* Channel Box */
.item-channel.col-lg-3 { width:100%; }

/* Collection Box */
.collection-item.col-lg-4 { width:100%; }

/* Featuredvideobox */
#featured_vid_sec .col-lg-6 { width: 100%; }

/* Videopage - VideoBox */
.item-video.col-lg-3 { width: 100%; }

/* Playlist Box */
.playlist-item.col-lg-4 { width:100%; }

/* Two column layout - Increase main width */
#content_custom {
    width: 100%;
}

/* Two column layout - Hide left sidebar */
#leftsidebar {
    display:none;
}

/* Show Pushy Menu */
#pushycontainer {
    display: block;
}

/* Hide Bottom Header Bar */
#bottomheader {
    display:none;
}

/* Hide channel details in sidebar */
.sidebar-channels .channel-item .channel-info .views-videos span { display:none; }

/* View Photo Page - Sidebar item width */
#collectionItemView .col-lg-6 { width:100%; }

}

/* screens bigger than 481 with a of max 1023px - 2 Column*/
@media screen and (min-width:481px) and (max-width:1023px){ 
/* VideoBox */
.item-video.col-lg-4 { width: 50%; }

/* Photobox */
.item-photo.col-lg-4 { width:50%; }

/* Collection Box */
.collection-item.col-lg-4 { width:50%; }

/* Channel Box */
.item-channel.col-lg-3 { width:50%; }

/* Featuredvideobox */
#featured_vid_sec .col-lg-6 { width: 50%; }

/* Videopage - VideoBox */
.item-video.col-lg-3 { width: 50%; }

/* Playlist Box */
.playlist-item.col-lg-4 { width:50%; }

/* Two column layout - Increase main width */
#content_custom {
    width: 100%;
}

/* Two column layout - Hide left sidebar */
#leftsidebar {
    display:none;
}

/* Show Pushy Menu */
#pushycontainer {
    display: block;
}

/* Hide Bottom Header Bar */
#bottomheader {
    display:none;
}

/* Hide channel details in sidebar */
.sidebar-channels .channel-item .channel-info .views-videos span { display:none; }

/* View Photo Page - Sidebar item width */
#collectionItemView .col-lg-6 { width:100%; }

/* Hide 5 item in featured video section */ 
#featured_vid_sec .col-lg-6:nth-of-type(5) { display:none !important; }

}

/* screens bigger than 1024 with a max of 1539px - 4 Column */
@media screen and (min-width:1024px) and (max-width:1539px){ 
/* VideoBox */
.item-video.col-lg-4 { width: 25%; }

/* Photobox */
.item-photo.col-lg-4 { width:25%; }

/* Channel Box */
.item-channel.col-lg-3 { width:25%; }

/* Collection Box */
.collection-item.col-lg-4 { width:25%; }

/* Featuredvideobox */
#featured_vid_sec .col-lg-6 { width: 25%; }

/* Videopage - VideoBox */
.item-video.col-lg-3 { width: 25%; }

/* Playlist Box */
.playlist-item.col-lg-4 { width:25%; }

/* Hide channel details in sidebar */
.sidebar-channels .channel-item .channel-info .views-videos span { display:none; }

/* Hide 5 item in featured video section */ 
#featured_vid_sec .col-lg-6:nth-of-type(5) { display:none !important; }

}

/* screens bigger than 1540  - 5 Column */
@media screen and (min-width:1540px) { 
/* VideoBox */
.item-video.col-lg-4 { width: 20%; }

/* Photobox */
.item-photo.col-lg-4 { width:20%; }

/* Channel Box */
.item-channel.col-lg-3 { width:20%; }

/* Collection Box */
.collection-item.col-lg-4 { width:20%; }

/* Playlist Box */
.playlist-item.col-lg-4 { width:20%; }

/* Featuredvideobox */
#featured_vid_sec .col-lg-6 { width: 20%; }

/* Videopage - VideoBox */
.item-video.col-lg-3 { width: 20%; }

}

/*----- Temp Fixes -----*/

/*-----Channels - photos - load more fix-----*/
#more-channel-photos {
    clear: both;
    display: block;
    margin: 0 auto;
}

/*-----Language Switcher Styles Fix-----*/
#footer .langdrop button { color:#000; background:#EEE; }
#footer .langdrop .dropdown-menu li a { color:#000; }
#footer .langdrop .dropdown-menu li.selected a { background:#EEE; color:#000; }

/*-----Fix Social Icon Alignment-----*/
#social_buttons br { display:none; }
.social-links span { color: #EEE !important; }

/*-----Recaptcha Size Fix-----*/
/* screens smaller than 480px - 1 Column */
@media screen and (max-width:480px){ 
.recaptchatable {
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
max-width:100%;
}
}

/*-----Header/Logo Fix Small Devices-----*/
@media screen and (max-width:280px){ 
.logo { max-width:65%; }
}











/* ----- Currently Watching ----- */
#currently_watching_home_block {
    margin-bottom: 10px;
}

.currently-watching-empty {
    background: #2a2a2a;
    border: 1px solid #3a3a3a;
    color: #d7d7d7;
    padding: 14px 16px;
    border-radius: 4px;
}

.live-now-inline {
    display: block;
    margin-top: 6px;
    color: #ff6b6b;
    font-size: 13px;
    font-weight: 600;
}

.live-now-inline .fa {
    font-size: 10px;
    margin-right: 5px;
}

.live-now-badge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 3;
    background: rgba(0,0,0,0.82);
    color: #ffffff;
    border-radius: 30px;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
}

.live-now-badge .live-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 50%;
    background: #ff4d4f;
}

.live-now-home-meta span {
    color: #ff6b6b;
    font-weight: 600;
}