.file-upload-wrapper{width:100%}.file-upload{position:relative;width:200px;height:200px}.file-upload:not(.has-error):hover .file-upload-mask{opacity:.06}.file-upload-input.has-multiple~.file-upload-previews .file-upload-preview:hover .file-upload-preview-details,.file-upload.has-error:hover .file-upload-errors,.file-upload:hover .file-upload-input:not(.has-multiple)~.file-upload-previews .file-upload-preview-details{opacity:1}.file-upload.has-error .file-upload-errors{display:-webkit-box;display:-ms-flexbox;display:flex}.file-upload.disabled{pointer-events:none}.file-upload.disabled .file-upload-message{opacity:.5;text-decoration:line-through}.file-upload-message{position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.file-upload-cloud-icon{font-size:2.2rem}.file-upload-main-error{font-weight:700;margin:0}.file-upload-input{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;cursor:pointer}.file-upload-input.has-multiple{z-index:unset}.file-upload-mask{pointer-events:none;background-color:#000}.file-upload-errors,.file-upload-mask{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:all .2s;transition:all .2s}.file-upload-errors{display:none;background:rgba(243,65,65,.8);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.file-upload-error{color:#fff}.file-upload-previews{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.file-upload-preview{background-color:#fff;cursor:pointer;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0}.file-upload-render{width:100%;height:100%}.file-upload-file-icon{font-size:80px;color:#777}.file-upload-extension,.file-upload-file-icon{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}.file-upload-extension{margin-top:10px;text-transform:uppercase;font-weight:900;letter-spacing:-.03em;font-size:1rem;color:#fff;width:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.file-upload-preview-details{position:absolute;width:100%;height:100%;top:0;left:0;color:hsla(0,0%,100%,.959);background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:flex;opacity:0;-webkit-transition:all .2s;transition:all .2s}.file-upload-remove-file-btn{position:absolute;right:15px;top:10px;z-index:3}.file-upload-details-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.file-uplod-preview-details-inner{text-align:center}
.sortable-slide-animation{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.sortable-item-dragging{pointer-events:none}.cursor-drag{cursor:move}.draggable-element{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:-webkit-box-shadow .5s;transition:-webkit-box-shadow .5s;transition:box-shadow .5s;transition:box-shadow .5s,-webkit-box-shadow .5s;position:relative}.draggable-cursor-grab{cursor:-webkit-grab;cursor:grab}.dragging{cursor:move;position:relative;z-index:9000!important}.draggable-disabled{cursor:default}.draggable-return-animate{-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s;position:relative;z-index:9000!important}

html {
	min-height:100%;
}
body {
	min-height:100%;
	background-color:#131316;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#e3e3e6;
}
a:link, a:visited, a:active {
	color:#ccc;
}
a:hover, a:focus {
	color:#e3e3e6;
}
a.logo {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
svg {
	width:20px;
	height:20px;
}
.top_menu, .top_menu > li {
	list-style:none;
	padding:10px 0;
	margin:0;
	display:flex;
}
.top_menu > li {
	padding:0;
	padding-left:15px;
}
.btn-orig {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 30px;
  padding:0 12px;
  font-size: 14px;
  background-color: #5451ff;
  color: #f5f5f5;
  border:0;
}
.btn-orig:hover {
	background-color: #4f46e5;
}
a.button_bundle_add {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 14px;
  background-color: #5451ff;
  color: #f5f5f5;
}
a.button_bundle_add:hover {
	background-color: #4f46e5;
}
a.button_bundle_add span {
  line-height: 24px;
  vertical-align:middle;
  display: inline-block;
}
a.button_bundle_add svg {
  height: 24px;
  width: auto;
  vertical-align:middle;
}
.button_notices {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 14px;
  background-color: transparent;
  color: #f5f5f5;
  border:1px solid #333;
}
.button_notices:hover {
	background-color: transparent;
  border:1px solid #666;
}
.button_notices span {
  line-height: 24px;
  vertical-align:middle;
  display: inline-block;
}
.button_notices svg {
  height: 24px;
  width: auto;
  vertical-align:middle;
}
.button_ab {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 14px;
  background-color: transparent;
  color: #f5f5f5;
  border:1px solid #333;
}
.button_ab:hover {
	background-color: transparent;
  border:1px solid #666;
}
.button_ab span {
  line-height: 24px;
  vertical-align:middle;
  display: inline-block;
}
.button_ab svg {
  height: 24px;
  width: auto;
  vertical-align:middle;
}
a.button_profile {
  display: flex;
  color:#fff;
  line-height: 1.2;
  padding:5px 7px;
  border-radius:5px;
  min-width: 250px;
}
a.button_profile:hover {
	background: #27272a;
}
a.button_profile img {
	width:32px;
	height:32px;
	margin-right:10px;
  border-radius:50%;
}
a.button_profile b {
	width:32px;
	height:32px;
	line-height:32px;
	margin-right:10px;
	display:inline-block;
	text-align:center;
  border-radius:50%;
  background-color:#d8321d;
}
a.button_profile span span {
	display:block;
	color:#ccc;
	font-size: 13px;
}
a.button_left {
  padding: 12px 15px;
  display: block;
  border-radius: 15px;
  margin-bottom: 5px;
	font-size:0;
}
a.button_left:hover {
  background: #222222;
}
a.button_left svg {
	width:auto;
	height:20px;
	margin-right:8px;
	vertical-align:middle;
  display: inline-block;
}
a.button_left span {
	vertical-align:middle;
	font-size:14px;
}
a.button_left .button_left_ar {
  float: right;
  display: inline-block;
  opacity:0;
	margin-right:0;
  transition-property: 'margin-right';
  transition-duration: 300ms;
  margin-right:10px;
}
a.button_left:hover .button_left_ar {
	opacity:1;
	margin-right:0;
}
.add_form_tab {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: #18181b;
  border-radius: 10px;
  padding: 15px 20px;
  color:#a1a1aa;
}
.add_form_tab label.form-label {
  color:#a1a1aa;
}
.file-upload-wrapper {
  background: #262729;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}
.file-upload-render {
  overflow: hidden;
}
.autocomplete-label {
	overflow: visible;
}
.autocomplete-label.active {
  transform: none;
}
.add_form_tab input.form-control {
  background: none;
  border: 1px solid #3f3f46;
  border-radius:7px;
  padding: 10px 15px;
  color:#fff;
}
.add_form_tab textarea.form-control {
  background: none;
  border: 1px solid #3f3f46;
  border-radius:7px;
  padding: 10px 15px;
  color:#fff;
}
.add_form_tab select.form-select {
  background: #18181b;
  border: 1px solid #3f3f46;
  border-radius: 7px;
  padding: 10px 15px;
  color: #fff;
}
.add_form_tab input.form-control::placeholder {
  color:#fff;
}
.add_form_tab input.form-control:focus {
  background: none;
  color:#fff;
}
.add_form_tab select.form-control {
  background: transparent;
  border: 1px solid #3f3f46;
  border-radius:7px;
  padding: 10px 15px;
  color:#fff;
  -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.add_form_tab select.form-control:focus {
  background: none;
  color:#fff;
}
.autocomplete-dropdown {
  background: #333;
  border-radius:5px;
}
.autocomplete-dropdown .autocomplete-item {
  color:#fff;
}
.autocomplete-dropdown .autocomplete-item:hover {
  background: #666;
}
.form-outline .form-control ~ .form-notch div {
  border-color: #3f3f46;
}
.select-arrow {
  color: #666;
  top: 15px;
  right: 15px;
}
.select-dropdown {
	background: #333;
  border-radius:5px;
}
.select-option {
	color:#fff;
}
.form-outline .form-control.select-input:focus, .select-input.focused {
	color:#fff;
}
.datepicker-dropdown-container {
  background: #333;
  color: #fff;
}
.datepicker-view-change-button {
  color: #fff;
}
.datepicker-view-change-button:hover {
  background: #222;
}
.datepicker-cell.selected .datepicker-cell-content {
  background: #222;
}
.datepicker-cell:not(.disabled):not(.selected):hover .datepicker-cell-content {
  background: #222;
}
.datepicker-cell:not(.selected).focused .datepicker-cell-content {
  background-color:transparent;
}
.datepicker-cell.focused .datepicker-cell-content.selected {
  background-color:#222;
}
.datepicker-previous-button {
	color:#fff;
}
.datepicker-previous-button:focus, .datepicker-previous-button:hover {
	background-color:#222;
	color:#fff;
}
.datepicker-next-button {
	color:#fff;
}
.datepicker-next-button:focus, .datepicker-next-button:hover {
	background-color:#222;
	color:#fff;
}
.file-upload-details-container {
  display: block;
  margin: 20px;
  overflow: hidden;
}
.file-upload-remove-file-btn {
  position: static;
  width: auto;
  display: inline-block;
}
.nav-pills a.nav-link {
	display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 20px;
  font-size: 14px;
  background-color: #5451ff;
  color: #f5f5f5;
  text-transform: inherit;
}
.nav-pills a.nav-link:hover {
	background-color: #4f46e5;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #333;
  color: #fff;
}
.next_step {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 14px;
  background-color: #5451ff;
  color: #f5f5f5;
  border:0;
}
.next_step:hover {
	background-color: #4f46e5;
}
.save_btn {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 14px;
  background-color: #5451ff;
  color: #f5f5f5;
  border:0;
  float: right;
}
.save_btn:hover {
	background-color: #4f46e5;
}
.save_btn:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.prev_step {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 14px;
  background-color: transparent;
  color: #f5f5f5;
  border:1px solid #666;
}
.prev_step:hover {
	background-color: transparent;
  border:1px solid #999;
}
.datepicker-toggle-button {
  color: #fff;
  bottom: 0px;
  top: auto;
  right: 5px;
}
.tracks-drag-and-drop-btn input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.tracks-drag-and-drop-btn {
  position: relative;
}
.tracks-drag-and-drop-btn span {
  background: #333;
  padding: 10px 20px;
  display: block;
  border-radius: 10px;
  cursor: pointer;
}
.tracks-drag-and-drop-btn {
  width: 200px;
  margin: 0 auto;
}
#tracks-files {
  padding: 0;
  margin: 0;
}
#tracks-files li {
  margin-top: 10px;
  background: none;
  padding: 0;
  border:0;
}
#tracks-files li .tracks_item_cont {
  background: none;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  padding: 15px 20px;
}
#tracks-files .tracks_item form {
  margin-top: 10px;
  background: none;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  padding: 15px 20px;
}
#tracks-files li svg {
  stroke: #ffffff;
  stroke-width: 2px;
  stroke-linejoin: round;
}
#tracks-drag-and-drop-zone {
	border:1px dashed #999 !important;
}
.button_profile_cont {
  position: absolute;
  right: calc(var(--mdb-gutter-x)*0.5);
  left: 15px;
  bottom: auto;
  top: 60px;
  background: #333;
  padding: 0 0 5px 0;
  margin: 0;
  border-radius: 10px;
  list-style: none;
}
.button_profile_cont li.button_profile_li {
  display: flex;
  color:#fff;
  line-height: 1.2;
  padding:5px 7px;
  border-radius:5px;
  margin-bottom:5px;
}
.button_set_account {
	line-height:40px;
}
.button_set_account_cont {
  position: absolute;
  right: calc(var(--mdb-gutter-x)*0.5);
  left: 15px;
  bottom: auto;
  top: 60px;
  background: #333;
  padding: 0 0 5px 0;
  margin: 0;
  border-radius: 10px;
  list-style: none;
  max-height:500px;
  overflow-y:auto;
}
.button_set_account_cont li {
  padding: 0 5px;
}
.button_set_account_cont a {
  display: block;
  border-radius: 10px;
  padding: 6px 10px;
	color:#fff;
}
.button_set_account_cont a:hover {
  background: #444;
	color:#fff;
}
li.button_profile_li img {
	width:32px;
	height:32px;
	margin-right:10px;
  border-radius:50%;
}
li.button_profile_li b {
	width:32px;
	height:32px;
	margin-right:10px;
  border-radius:50%;
  background-color:#d8321d;
}
li.button_profile_li span span {
	display:block;
	color:#ccc;
	font-size: 13px;
}
.button_profile_cont li {
  padding: 0 5px;
}
.button_profile_cont a {
  display: block;
  border-radius: 10px;
  padding: 6px 10px;
	color:#fff;
}
.button_profile_cont a:hover {
  background: #444;
	color:#fff;
}
.track_form select.form-control {
	appearance: menulist;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
}
.track_form {
  border: 1px solid rgba(255, 255, 255, 0.16);
  padding: 15px 20px;
  border-radius: 10px;
  margin-top: 5px;
}
.submit_button {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #5451ff;
  color: #f5f5f5;
  border: 0;
}









/*.w-16 {
	width:16px;
	height:100%;
}
.w-32 {
	width:32px;
	height:100%;
}
.h-16 {
	height:16px;
}
.h-32 {
	height:32px;
}*/
/*.lrb-cont {
	display: flex;
	flex-wrap: nowrap;
	height: 50px;
	line-height: 50px;
}
.lrb-cont div {
	display: block;
	flex: 1;
	text-align:center;
}
.lrb-cont::before {
	content:"";
	height: 24px;
	border-bottom:1px solid #333;
	flex: 1;
	display: flex;
}
.lrb-cont::after {
	content:"";
	height: 24px;
	border-bottom:1px solid #333;
	flex: 1;
	display: flex;
}*/

.dm-uploader {
	border: 1px dashed #999;
	text-align: center;
}
.dm-uploader.active {
	border-color: red;
	border-style: solid;
}

img:not(.no-fluid) {
	max-width:100%;
	height:auto;
}

@media(max-width:767px){
#ex1 .nav-link {
  padding: 10px;
  margin: 0 2px;
  font-size: 11px;
}
}

.autocomplete-item.autocomplete-no-results {
  display: none;
}

.form-switch .form-check-input[type=checkbox]:checked:focus {
  background-color:#a162a1
}
.form-switch .form-check-input[type="checkbox"]:checked {
	background-color: #a162a1;
}
.form-switch .form-check-input:checked[type="checkbox"]::after {
	background-color: #c7a1c7;
}





.bundle_item_new {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: #18181b;
  border-radius: 10px;
  padding: 15px 20px;
  color: #a1a1aa;
  margin-bottom:20px;
}
.bundle_item_edit_button_new {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 14px;
  background-color: transparent;
  color: #f5f5f5;
  border:1px solid #333;
}
.bundle_item_edit_button_new:hover {
	background-color: transparent;
  border:1px solid #666;
}
.bundle_item_re_button_new {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 14px;
  background-color: transparent;
  color: #f5f5f5;
  border:1px solid #333;
}
.bundle_item_re_button_new:hover {
	background-color: transparent;
  border:1px solid #666;
}
.bundle_item_delete_button_new {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 14px;
  background-color: transparent;
  color: #f5f5f5;
  border:1px solid #333;
}
.bundle_item_delete_button_new:hover {
	background-color: transparent;
  border:1px solid #666;
}
.bundle_tracklist_item_play_icon_new svg {
  stroke: #fff;
}
.bundle_tracklist_new {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.bundle_tracklist_new.show {
  max-height: 1000px;
}
.bundle_tracklist_link_new {
  margin-top: 10px;
  background: none;
  border: 0;
  color: #fff;
}


.close-button a::after {
  width: 15px;
  height: 15px;
  display: block;
  content: "x";
  float: right;
}


.top_menu_cont {
	background:#131316;
	z-index: 1021;
}

.h-100-top {
	height: calc(100% - 82px);
}

.bundle_item_s_btn {
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius:4px;
	display:inline-block;
	margin-bottom:0 !important;
}
.bundle_item_s_btn div {
	display:none !important;
}
.pagination .page-item .page-link {
  margin:0 2px;
}
.pagination .page-item.active .page-link {
  background: #332d2d;
  color: #fff;
  box-shadow: none;
}
.pagination .page-item .page-link:hover {
  background: #332d2d;
  color: #fff;
}



.header_pleer_a {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding: 0 12px;
  font-size: 14px;
  background-color: transparent;
  color: #f5f5f5;
  border: 1px solid #333;
}
.header_pleer_a svg {
  fill: none;
  stroke: #fff;
}

:root {
  --scrollbarBgColor: rgba(0, 0, 0, .05);
  --scrollbarThumbColor: rgba(0, 0, 0, .05);
  --scrollbarThumbColorSecond: rgba(0, 0, 0, .05);
  --scrollbarWidth: 10px;
  --scrollbarBorder: 0 solid var(--scrollbarBgColor);
  --scrollbarBorderRadius: calc(var(--scrollbarWidth) / 4);
}
* {
  scrollbar-width: var(--scrollbarWidth);
  scrollbar-color: var(--scrollbarThumbColor) var(--scrollbarBgColor);
}
*::-webkit-scrollbar {
  width: var(--scrollbarWidth);
}
*::-webkit-scrollbar-track {
  background: var(--scrollbarBgColor);
  border-radius: var(--scrollbarBorderRadius);
}
*::-webkit-scrollbar-thumb {
  background-color: var(--scrollbarThumbColor);
  border-radius: var(--scrollbarBorderRadius);
  border: var(--scrollbarBorder);
  background-image: linear-gradient(
    180deg,
    var(--scrollbarThumbColor) 0%,
    var(--scrollbarThumbColorSecond) 90%
  );
}


.bundle_filter_new input {
  background: none;
  border: 1px solid #3f3f46;
  border-radius: 7px;
  padding: 10px 15px;
  color: #fff;
}
.bundle_filter_new select.form-select {
  background: #18181b;
  border: 1px solid #3f3f46;
  border-radius: 7px;
  padding: 10px 15px;
  color: #fff;
}
.bundle_filter_new input.form-control {
  background: none;
    background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3f3f46;
  border-radius: 7px;
  padding: 10px 15px;
  color: #fff;
}
.bundle_filter_new input.form-control::placeholder {
  color:#fff;
}
.bundle_filter_new input.form-control:focus {
  background: none;
  color:#fff;
}
.bundle_filter_new select.form-control {
  background: transparent;
  border: 1px solid #3f3f46;
  border-radius:7px;
  padding: 10px 15px;
  color:#fff;
  -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.bundle_filter_new select.form-control:focus {
  background: none;
  color:#fff;
}

[name="clear_notice"] {
	display:none;
}

.bundle_item_new.is_blocked::after {
  content: "Деактивирован";
  position: absolute;
  top: auto;
  bottom: 20px;
  left: auto;
  right: 20px;
  background: #000;
  border-radius: 10px;
  color: red;
  font-weight: 700;
}
.bundle_item_new.is_blocked::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.7;
  border-radius: 10px;
}

.bundle_item_new {
  position: relative;
}

.list_form_buttons, .bundle_filter_new {
	background:#131316;
}

.bundle_filter_new_btn_show, .bundle_filter_new_btn_hide {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding:0 12px;
  font-size: 12px;
  background-color: transparent;
  color: #f5f5f5;
  border:1px solid #333;
}
.bundle_filter_new_btn_show:hover, .bundle_filter_new_btn_hide:hover {
	background-color: transparent;
  border:1px solid #666;
}
.bundle_filter_new_btn_show svg, .bundle_filter_new_btn_hide svg {
  height: 24px;
  width: auto;
  vertical-align:middle;
}

.perpage_select_cont input.form-control {
	background: none;
    background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3f3f46;
  border-radius: 7px;
  padding: 5px 10px;
  color: #fff;
  width: 80px;
}
.perpage_select_cont .select-arrow {
	top:10px;
}
.perpage_select_cont select {
  background: #333;
  border: 0;
  color: #fff;
  height:35px;
  border-radius:5px;
}

.auth_page {
	min-height:100%;
}
.auth_page .row {
	
}
.auth_page_left {
	background:#111;
	padding:100px;
}
.auth_page_right {
	padding:100px;
}
.auth_page_title {
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.auth_page_desc {
  font-size: 40px;
  margin: 100px 0 0;
  font-weight: bold;
  line-height: 53px;
}
.auth_page_desc2 {
  font-size: 18px;
  margin: 20px 0 50px;
  letter-spacing: 0.64px;
  max-width: 400px;
}
.auth_page_right_login legend {
  font-size: 44px;
  margin: 0 0 17px;
  font-weight: 600;
}
.auth_page_right label {
  max-width: 100%;
  margin-bottom: 5px;
  margin-top: 7px;
  font-weight: 500;
  font-size: 16px;
  display: block;
}
.auth_page_right .field {
  position: relative;
  margin: 20px 0;
}
.auth_page_right input.form-control {
  background: none;
  border: 1px solid #3f3f46;
  border-radius: 7px;
  padding: 10px 15px;
  color: #fff;
}
.auth_page_right .icms-form__password-field-icon {
  position: absolute;
  top: 0;
  right: 15px;
  left: auto;
  bottom: 0;
}
.auth_page_right .icms-form__password-field-icon svg {
  height: calc(100% - 20px);
  margin-top: 10px;
  width: 20px;
}
.auth_page_right .custom-switch input {
  float: left;
}
.auth_page_right .buttons {
  margin-top: 0 !important;
}
.auth_page_right .buttons .button.btn.button-submit {
  display: block;
  width: 100%;
  white-space: nowrap;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 40px;
  padding: 0 12px;
  font-size: 14px;
  background-color: #5451ff;
  color: #f5f5f5;
}
.auth_page_right .buttons .button.btn.button-submit:hover {
  background-color: #4f46e5;
}
.auth_page::before {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:auto;
	width:50%;
	z-index:-1;
	background:#111;
}
.auth_page_right #geo-widget-city {
  background: #131316;
  border-color: #3f3f46;
  color: #fff;
  border-radius: 7px;
  padding: 10px 15px !important;
}
.auth_page_right #geo-widget-city a {
  border-color: #3f3f46;
}
.auth_page_right #geo-widget-city a:hover {
  color: #fff;
}
#ajax_modal .chosen-container-single .chosen-single {
  background-color: #131316;
  border-color: #3f3f46;
}
#ajax_modal .chosen-container-single .chosen-single div::after {
  background-color: #131316 !important;
  box-shadow: none !important;
}
#ajax_modal .chosen-container-single .chosen-single div {
  background-color: #131316;
}
#ajax_modal .chosen-container-single a:not([href]):not([tabindex]).chosen-single:not(.chosen-default) {
	color: #fff !important;
}
#ajax_modal .chosen-container .chosen-drop {
  background: #131316;
  border: 0;
  color: #fff;
}
#ajax_modal .chosen-container .chosen-results li.result-selected {
  color: #fff;
}
#ajax_modal .chosen-container .chosen-results {
  color: #fff;
}
#ajax_modal .chosen-container .chosen-results li.result-selected::before {
  filter: invert(100%);
}
#ajax_modal .chosen-container .chosen-results li:hover, #ajax_modal .chosen-container .chosen-results li:active, #ajax_modal .chosen-container .chosen-results li:visited, #ajax_modal .chosen-container .chosen-results li:focus {
  background: #111;
}
#ajax_modal .chosen-container .chosen-results li.highlighted {
  background: #111;
}
#ajax_modal .chosen-container-single .chosen-search input[type="text"] {
  background-color: #131316;
  border-color: #3f3f46;
  color:#fff;
}
#ajax_modal .button.btn {
  --mdb-btn-bg: #5451ff;
  --mdb-btn-color: #fff;
  --mdb-btn-box-shadow: 0 4px 9px -4px #5451ff;
  --mdb-btn-hover-bg: #4f46e5;
  --mdb-btn-hover-color: #fff;
  --mdb-btn-focus-bg: #4f46e5;
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: #5451ff;
  --mdb-btn-active-color: #fff;
}
#f_is_p a {
	text-decoration:underline;
}
.auth_page_right_login .button.btn.btn-secondary.button-cancel {
	display:none;
}
.wallet_stat_cont {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: #18181b;
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 20px;
  color:#fff;
}
.wallet_stat_cont > .row > .col:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}
.wallet_stat_block_sum {
  color: #fff;
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  margin-right: 10px;
  white-space: nowrap;
}
.wallet_stat_block_transactions {
  color: #999;
}
.wallet_stat_block_btn.wallet_stat_block_btn_1.btn {
  display: block;
  background: none;
  color: #5451ff;
  margin: 5px 0;
  border: 1px solid #5451ff;
}
.wallet_stat_block_btn.wallet_stat_block_btn_2.btn {
  display: block;
  background: #5451ff;
  color: #fff;
  margin: 5px 0;
  border: 1px solid #5451ff;
}
.wallet_stat_block_btn.btn:hover {
  color: #fff;
  background-color: #4f46e5;
  border: 1px solid #4f46e5;
}
.wallet_stat_table_cont {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: #18181b;
  border-radius: 10px;
  padding: 15px 20px;
  color:#fff;
}
.wallet_stat_table_cont table {
  color:#fff;
  border-color:#444;
}
.wallet_stat_table_cont table td, .wallet_stat_table_cont table th {
  border-color:#444;
}
.wallet_stat_table_cont table th {
	color:#999;
}
.reports_stat_table_cont {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: #18181b;
  border-radius: 10px;
  padding: 15px 20px;
  color:#fff;
}
.reports_stat_table_cont table {
  color:#fff;
  border-color:#444;
}
.reports_stat_table_cont table td, .reports_stat_table_cont table th {
  border-color:#444;
}
.reports_stat_table_cont table td {
	vertical-align:middle;
}
.reports_stat_table_cont table th {
	color:#999;
}
.reports_stat_table_dl_btn {
  background: #5451ff;
  color: #fff;
  margin: 5px 0;
  border: 1px solid #5451ff;
  padding:5px 15px;
}
.reports_stat_table_dl_btn.btn:hover {
  color: #fff;
  background-color: #4f46e5;
  border: 1px solid #4f46e5;
}
.reports_stat_table_dl_btn svg {
	vertical-align:top;
}

.reports_import_form label {
  color: #999;
}
input.reports_import_file_input:active,
input.reports_import_file_input:focus,
input.reports_import_file_input:hover,
input.reports_import_file_input {
  background: #131316;
  color: #fff;
}
input.reports_import_file_input::file-selector-button {
  background: #131316;
  color: #fff;
}
input.reports_import_file_input::file-selector-button:active,
input.reports_import_file_input::file-selector-button:focus,
input.reports_import_file_input:hover:not(:disabled):not([readonly])::file-selector-button, 
input.reports_import_file_input::file-selector-button:hover {
  background-color: #131316 !important;
  color: #fff;
}

.btn-blue {
  background-color: #5451ff;
  color: #f5f5f5;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue:focus:active {
	background-color: #4f46e5;
}
.is_verify {
  fill: none;
  stroke: #5451ff;
  width: 30px;
  height: 30px;
}
.bundle_tracklist_toggle_link {
	cursor:pointer;
}
.bundle_tracklist_item_like_btn.active svg {
	fill:#fff;
}

#news-carousel .multi-carousel-item-news {
  border: 1px solid #333;
  padding: 15px !important;
  border-radius: 15px;
  margin: 0 5px;
}
#news-carousel .multi-carousel-item-news-img {
  border-radius: 10px;
  margin-bottom:10px;
  aspect-ratio: 16/9;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  display:block;
}
#news-carousel .multi-carousel-item-news-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size:18px;
  display:block;
  color: #fff;
}
#news-carousel .multi-carousel-item-news-content {
  white-space: normal;
  height: 100px;
  overflow: hidden;
  font-size: 13px;
}
#news-carousel .multi-carousel-item-news-date {
	font-size:12px;
  color: #999;
}
.card-new {
  border: 1px solid #333;
  background: #191919;
  border-radius: 15px;
}
.card-new .card-header {
  border-bottom: 1px solid #333;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
}

#bundle-carousel .multi-carousel-item-bundle {
  border: 1px solid #333;
  padding: 0 !important;
  border-radius: 15px;
  margin: 0 5px;
  overflow:hidden;
}
#bundle-carousel .multi-carousel-item-bundle-img {
  aspect-ratio: 1/1;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  display:block;
}
#bundle-carousel .carousel-control-next, #bundle-carousel .carousel-control-prev {
	width:30px;
}
#bundle-carousel .carousel-control-next {
  right: 10px;
}
#bundle-carousel .carousel-control-prev {
  left: 10px;
}


.index-wall {
  background:none;
}
.index-wall .entry {
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}
.index-wall .entry svg {
	width:15px;
	height:15px;
}
.index-wall .icms-user-avatar img {
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.index-wall .icms-user-avatar div {
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
  width:32px;
  height:32px;
  text-align: center;
}
.index-wall .icms-user-avatar div svg {
	width:30px;
	height:30px;
}
.index-wall h6 a.user {
  font-size: 13px;
  margin-right: 10px;
}
.index-wall h6 {
  font-size: 13px;
  margin-bottom: 0;
}
.index-wall .media-body {
  margin-top: 10px;
}
.index-wall .links {
	text-align: right;
}
.index-wall .links a svg {
  width: 10px;
  height: 10px;
}
.index-wall .replies {
  margin-top: 10px;
  padding-left: 30px;
}
.index-wall .replies .entry {
  border-bottom: 0 !important;
}
.index-wall .no_entries.alert.alert-info {
  background-color: transparent;
  padding: 0;
  color: #ccc;
}
.add_form_tabs .nav {
	justify-content: center;
}

.info_bar {
  display: flex;
}
.info_bar > div {
  margin-right: 15px;
}
.icms-content-fields .field {
  margin-bottom: 15px;
}
.icms-content-fields img {
	max-width:100%;
	height:auto;
}
.icms-content-fields .ft_html img {
	border-radius:15px;
}
.icms-content-fields .ft_image img {
	border-radius:15px;
}

.payout_form label {
	color:#fff;
}
.payout_form input.form-control {
  background: none;
  border: 1px solid #3f3f46;
  border-radius:7px;
  padding: 10px 15px;
  color:#fff;
}
.payout_form textarea.form-control {
  background: none;
  border: 1px solid #3f3f46;
  border-radius:7px;
  padding: 10px 15px;
  color:#fff;
}
.payout_form select.form-select {
  background: #18181b;
  border: 1px solid #3f3f46;
  border-radius: 7px;
  padding: 10px 15px;
  color: #fff;
}
.payout_form input.form-control::placeholder {
  color:#fff;
}
.payout_form input.form-control:focus {
  background: none;
  color:#fff;
}
.payout_form select.form-control {
  background: transparent;
  border: 1px solid #3f3f46;
  border-radius:7px;
  padding: 10px 15px;
  color:#fff;
  -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
.payout_form select.form-control:focus {
  background: none;
  color:#fff;
}
.modal-content {
  background: #111;
  color:#fff;
}

.pick.pick-d {
	display:none;
}
.form-dark .form-outline2 .form-control {
  background: #131316;
  border: 1px solid #3f3f46;
  border-radius: 7px;
  padding: 10px 15px;
  color: #fff;
  height: 50px;
}
.date_ym_delete svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
.date_ym_delete {
  position: absolute;
  top: 10px;
  right: 10px;
}
.button_download_y {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 400;
  transition-property: 'background-color';
  transition-duration: 300ms;
  line-height: 50px;
  padding: 0 12px;
  font-size: 14px;
  background-color: transparent;
  color: #f5f5f5;
  border: 1px solid #333;
}
.button_download_y:hover {
  background-color: transparent;
  border:1px solid #666;
}