body {
  --bg-bgcolor:#ffffff;
  --bg-f1f1f1:#f1f1f1;
  --bg-f7f7f7:#f7f7f7;
  --bg-999999:#999999;
  --bg-444444:#444444;
  --bg-333333:#333333;
  --bg-ffffff:#ffffff;
  --bg-111111:#111111;
  --bg-eeeeee:#eeeeee;
  --bg-button-text:#ffffff;
  --featured-img-icon: url(https://bassblog.pro/themes/sound/images/icon_featured.png);
  --cover-avatar: url(https://bassblog.pro/image/a/300/300/default.png);
  --new-img-featured:url(/themes/sound/images/img_featured.png);
  --new-img-popular:url(/themes/sound/images/img_popular1.png);
  --new-img-explore:url(/themes/sound/images/img_explore2.png);
  --new-img-archives:url(/themes/sound/images/img_archives.png);
  --new-img-upload:url(/themes/sound/images/img_upload.png);
  --def-img-avatar:url(https://bassblog.pro/image/a/300/300/default.png);
  --dark-light-img:url(/themes/sound/images/icn_moon.svg);
  --archives-border-right: #eee;
  --input-border-hover:#bbb;
  --input-bg:#fcfcfc;
  --input-bg-hover: #fcfcfc;
  --input-border:#d9d9d9;
  --bg-action:#ffffff;
  --border-action:#e6e6e6;
  --song-tag-a:#8a8a8a;
  --song-tag-bg:#eeeeee;
  --border-topbar:#2b2b2b;
  --sugg-track-a:#333333;
  --border-bottombar:#e3e3e3;
  --page-header:#111111;
  --divider-dark:#eeeeee;
  --border-right:#eeeeee;
  --sidebar-tag-a:#eff5fd;
  --div-sidebar-content:#6b6b6b;
  --song-author:#868686;
  --border-bottom-mobile:#e9e9e9;
  --bg-nav-bottom:#f5f5f5;
  --bg-nav-border:#cccccc;
  --bg-cover-content:#ffffff;
  --bg-cover-border:#eeeeee;
  --cover-text-color:#222222;
  --sidebar-link-a:#8a8a8a;
  --mob-tab-title:#808080;
  --menu-btn-color:#5b5b5b;
  --menu-btn-bg:#ededed;
  --page-content:#ffffff;
  --bg-bottom-bar:#f1f1f1;
  --play-bar-shadow:#f1f1f1;
  --color-action:#777777;
  --jp-progress:#cccccc;
  --border-list-view:#eeeeee;
  --welome-button:#eeeeee;
  --modal-container:#ffffff;
  --stats-sub-div:#f9f9f9;
  --welcome-section-title:#262626;
  --text-muted:#a9a9a9;
  --pro-user-title:#3a3a3a;
  --whats-new-title:#262626;
  --whats-new-desc:#a9a9a9;
  --page-input-sub:#999999;
  --page-input-title:#444444;
  --opacity-1:1;
  --opacity-2:1;
  --flag-normal-bg:#fff;
  --flag-selected-bg:#eee;
  --flag-normal-border:#fff;
  --flag-selected-border:#ccc;
  --current-total-time:#333;
  --load-more-btn-text:#6b6b6b;
  --load-more-btn-bg:#f2f2f2;
  --load-more-btn-bg-active:#f2f2f2;
  --cover-location:#b7b7b7;
  --categories-menu:#ffffff;
  --categories-row-color: #4d4d4d;
  --categories-row-border: #e8e8e8;

/* PRO Page */

  --header-pro-left:#ffffff;
  --header-pro-color:#666666;
  --border-pro-color:#e1e1e1;
  --go-pro-header-title:#333;
  --go-pro-desc:#999;
  --go-pro-cell:#888;
  --go-pro-plan-bg:#f2f2f2;

  /* Revenue */
  --border-bottom-revenue:#eee;

/* Icons */

  --bg-icon-color:#eeeeee;

/* Upload */

--upload-input-placeholder:#ccc;
--upload-status-bar:#e6e6e6;

/* Scrollbar */

--scroll-thumb:#ddd;


/* NEW UPDATED THEME */

--dark-light-logotype:url(images/_bb_logo_norm_light.svg);
--menu-button-active:#333;
--menu-button-hover:#222;
--menu-button-shape:#f5f5f5;
--menu-button:#555;
--bg-topbar:#ffffff;
--search-input-bg:#f2f2f2;
--search-input-text:#555;

--search-content-bg:#f2f2f2;
--search-container-a:#707070;
--search-container-a-hover:#444444;
--search-track-inner-hover:#f6f6f6;

--new-close-icon:url(images/icons/new_close_icon.svg);
--new-close-icon-hover:url(images/icons/new_close_icon_for_light.svg);

--total-mixes-color:#ccc;



/* Get updates */

--fff-telegram:url('images/fff_telegram.svg');
--fff-facebook:url('images/fff_facebook.svg');
--fff-twitter:url('images/fff_twitter.svg');
--fff-threads:url('images/fff_threads.svg');
--fff-bg-color:none;
--fff-bg-color-hover:#f7f7f7;
--fff-bg-border:#e6e6e6;

}


body.dark-theme {

/* Get updates */

--fff-telegram:url('images/fff_telegram_b.svg');
--fff-facebook:url('images/fff_facebook_b.svg');
--fff-twitter:url('images/fff_twitter_b.svg');
--fff-threads:url('images/fff_threads_b.svg');
--fff-bg-color:#262626;
--fff-bg-color-hover:#303030;
--fff-bg-border:none;

  
/* NEW UPDATED THEME */

--dark-light-logotype:url(images/_bb_logo_norm_dark.svg);
--menu-button-active:#eee;
--menu-button-hover:#fff;
--menu-button-shape:#262626;
--menu-button:#c6c6c6;
--bg-topbar:#171717;
--search-input-bg:#262626;
--search-input-text:#fff;

--search-content-bg:#252525;
--search-container-a:#dddddd;
--search-container-a-hover:#ffffff;
--search-track-inner-hover:#2b2b2b;

--new-close-icon:url(images/icons/new_close_icon.svg);
--new-close-icon-hover:url(images/icons/new_close_icon_for_dark.svg);

--total-mixes-color:#444;


  /* Scrollbar */

--scroll-thumb:#333;

/* Upload */

--upload-input-placeholder:#333;
--upload-status-bar:#000;

/* PRO Page */

--header-pro-left:#1a1a1a;
--header-pro-color:#ddd;
--border-pro-color:#353535;
--go-pro-header-title:#ddd;
--go-pro-desc:#777;
--go-pro-cell:#777;
--go-pro-plan-bg:#292929;

/* Revenue */
--border-bottom-revenue:#000;

/* Icons */

--bg-icon-color:#111111;


--bg-bgcolor:#171717;
  --bg-f1f1f1:#141414;
  --bg-f7f7f7:#242424;
  --bg-999999:#4d4d4d;
  --bg-333333:#bbbbbb;
  --bg-444444:#b3b3b3;
  --bg-ffffff:#171717;
  --bg-111111:#b3b3b3;
  --bg-eeeeee:#000000;
  --bg-button-text:#ffffff;
  --featured-img-icon: url(https://bassblog.pro/themes/sound/images/icon_featured_dark.png);
  --cover-avatar: url(https://bassblog.pro/image/a/300/300/default_dark.jpg);
  --new-img-featured:url(/themes/sound/images/img_featured_dark.png);
  --new-img-popular:url(/themes/sound/images/img_popular_dark.png);
  --new-img-explore:url(/themes/sound/images/img_explore_dark.png);
  --new-img-archives:url(/themes/sound/images/img_archives_dark.png);
  --new-img-upload:url(/themes/sound/images/img_upload_dark.png);
  --def-img-avatar:url(https://bassblog.pro/image/a/300/300/default_dark.png);
  --dark-light-img:url(/themes/sound/images/icn_sun.svg);
  --archives-border-right: #000;
  --input-border-hover:#0a0a0a;
  --input-bg: #121212;
  --input-bg-hover: #111111;
  --input-border:#2f2f2f;
  --bg-action:#1f1f1f;
  --border-action:#1f1f1f;
  --song-tag-a:#a3a3a3;
  --song-tag-bg:#262626;
  --border-topbar:#000000;
  --sugg-track-a:#8b8b8b;
  --border-bottombar:#000000;
  --page-header:#c1c1c1;
  --divider-dark:#000000;
  --border-right:#000000;
  --sidebar-tag-a:#1f2328;
  --div-sidebar-content:#808080;
  --song-author:#737373;
  --border-bottom-mobile:#000000;
  --bg-nav-bottom:#171717;
  --bg-nav-border:#000000;
  --bg-cover-content:#171717;
  --bg-cover-border:#000000;
  --cover-text-color:#bbbbbb;
  --sidebar-link-a:#626262;
  --mob-tab-title:#808080;
  --menu-btn-color:#cccccc;
  --menu-btn-bg:#262626;
  --page-content:#1a1a1a;
  --bg-bottom-bar:#171717;
  --play-bar-shadow:#171717;
  --color-action:#8c8c8c;
  --jp-progress:#000000;
  --border-list-view:#000000;
  --welome-button:#eeeeee;
  --modal-container:#ffffff;
  --stats-sub-div:#222222;
  --welcome-section-title:#c3c3c3;
  --text-muted:#646464;
  --pro-user-title:#7a7a7a;
  --whats-new-title:#a7a7a7;
  --whats-new-desc:#5e5e5e;
  --page-input-sub:#4a4a4a;
  --page-input-title:#808080;
  --opacity-1:0.5;
  --opacity-2:0.8;
  --flag-normal-bg:#171717;
  --flag-selected-bg:#212121;
  --flag-normal-border:#171717;
  --flag-selected-border:#3d3d3d;
  --current-total-time:#777;
  --load-more-btn-text:#aeaeae;
  --load-more-btn-bg:#292929;
  --load-more-btn-bg-active:#4c4c4c;
  --cover-location:#777;
  --categories-menu:#252525;
  --categories-row-color: #acacac;
  --categories-row-border: #000000;
}

/* Revenue */

.revenue_border {
 /* border-bottom:1px solid var(--border-bottom-revenue); */
}

/* Revenue */


.btn-toggle {
  background-image: var(--dark-light-img);
  width: 16px;
  height: 16px;
  background-size: 16px;
  cursor: pointer;
  /** display: none; */
  opacity: 0.5;
}

.btn-toggle input {
  cursor: pointer;
}

#upload-button:hover {
  border:none;
}

.btn-toggle2 {
  position: fixed;
  cursor: pointer;
  z-index: 20000;
}

.nav_img.dark-theme {
  opacity:0.8;
}

.btn-toggle2 {
  opacity: var(--opacity-1);
}

.track-stats {
  opacity: var(--opacity-1);
  /* display: flex; */
}

.jp-play, .jp-pause, .track-buttons-container, .nav_title {
  opacity: var(--opacity-2);
}

.bass {
  opacity: 1;
}

/* Menu */

.menu-dd-content {
  background: var(--categories-menu);
  border: 1px solid var(--categories-row-border);
  color: var(--categories-row-color);
}

.menu-divider {
  background: var(--categories-row-border);
}

.menu-dd-content a, .menu-dd-content a:hover {
  color: var(--categories-row-color)
}

.menu-dd-row:hover {
  background: var(--categories-menu);
}

.menu-div-right a {
  
}


/* Buttons Settings */

div label {
  background: var(--go-pro-plan-bg);
}

div .ads {
  /* overflow-y: hidden; */
}



/* Stats */

.edit-menu {
  border-bottom: 1px solid var(--border-right);
}

div .stats-container {
  color:var(--header-pro-color);
}

div .user-stats-title, div .user-stats-count {
  color:var(--go-pro-cell);
}

/* Messages */

.sidebar-chat-list {
  /* overflow-y: hidden; */
}

.sidebar-users a {
  border: 1px solid var(--categories-row-border);
}

.sidebar-users a:hover {
  background: var(--bg-eeeeee);
}

.sidebar-header input {
  border:0;
}

.message-reply-author a {
  color:var(--go-pro-header-title);
}

.message-reply-message {
  color:var(--go-pro-header-title);
}

.list-time .timeago {
  color:var(--go-pro-cell);
}

.message-container {
  border-right: 1px solid var(--categories-row-border);
}

.chat-username {
  color: var(--go-pro-header-title);
}

/* PRO Active */

.feature-container {
  background: var(--bg-f1f1f1);
}


/* Icons */

.website-icon, .website-icon:hover {
  background: var(--bg-icon-color) url(images/icons/social/website.png) center center no-repeat;
  background-size: 14px;
  cursor: pointer;
}

.facebook-icon, .facebook-icon:hover {
  background: var(--bg-icon-color) url(images/icons/social/facebook.png) center center no-repeat;
  background-size: 15px;
  cursor: pointer;
}

.twitter-icon, .twitter-icon:hover {
  background: var(--bg-icon-color) url(images/icons/social/twitter1.png) center center no-repeat;
  background-size: 16px;
  cursor: pointer;
}

.email-icon, .email-icon:hover {
  background: var(--bg-icon-color) url(images/icons/social/email.png) center center no-repeat;
  background-size: 18px;
  cursor: pointer;
}

.gplus-icon, .gplus-icon:hover {
  background: var(--bg-icon-color) url(images/icons/social/instagram.png) center center no-repeat;
  background-size: 14px;
  cursor: pointer;
}

.soundcloud-icon, .soundcloud-icon:hover {
  background: var(--bg-icon-color) url(images/icons/social/soundcloud.png) center center no-repeat;
  background-size: 16px;
  cursor: pointer;
}

.myspace-icon {
  background: var(--bg-icon-color) url(images/icons/social/mixcloud.png) center center no-repeat;
  background-size: 16px;
}

.myspace-icon:hover {
  background: var(--bg-icon-color) url(images/icons/social/mixcloud.png) center center no-repeat;
  background-size: 16px;
  cursor: pointer;
}

.youtube-icon:hover {
  background: var(--bg-icon-color) url(images/icons/social/youtube.png) center center no-repeat;
  background-size: 15px;
  cursor: pointer;
}

/* End */


/* Icons */

.cover-content .message_btn, .cover-content .edit_profile_btn, .cover-content .subscribe_btn {
  border:0 !important;
  background-color: none !important;
}

.cover-content .message_btn:hover, .cover-content .edit_profile_btn:hover, .cover-content .subscribe_btn:hover {
  border:0 !important;
  background-color: none !important;
}

/* Fix bug with horisontal scrolls */

.page-input-container {
  overflow-x: hidden;
}

/* Upload */

.track-info-input textarea, .track-info-input textarea:hover, .track-info-input textarea:focus {
  border: 1px solid var(--input-border);
}

.track-info-inputs input:hover, .track-info-inputs input:focus {
  border: 1px solid var(--input-border);
}

.track-info-title {
  color: var(--page-input-title);
}

.upload-agree label {
  color: var(--page-input-title);
  background: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--upload-input-placeholder);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--upload-input-placeholder);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--upload-input-placeholder);
}

.upload-btn, .upload-btn:hover {
  background: var(--go-pro-plan-bg);
  border:0;
}

.upload-status-bar, .sidebar-stats-bar {
  background: var(--upload-status-bar);
}

/* Scrollbar */

::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background: var(--bg-ffffff);
}

::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  -webkit-border-radius: 1ex;
  -webkit-box-shadow: 0px 1px 2px var(--go-pro-des);
}

::-webkit-scrollbar-corner {
  background: var(--bg-ffffff);
}

.modal-checkbox label {
  background:none;
}
