#uploadBox{

}

#uploadBox .modal-content{
    border-radius: 20px;
    background: #262626;
    color: #ececec;
}

#uploadBox .modal-content .panel.panel-default{
    background-color: #444;
    border-radius: 20px;
    margin-top:48px;
    border:0;
}

#uploadBox .modal-content .modal-header{
    border-bottom:1px solid #444;
}

#uploadBox .modal-content .modal-header .close{
    color: #ccc;
    font-size: 32px;
    margin-top: 2px;
    margin-right: 10px;
}

#uploadBox .modal-content .panel-default>.panel-heading{
    color: #ececec;
    background-color: #444;
    border-color: #555;
    padding: 12px 40px;
    border-radius: 20px;
}

#uploadBox .modal-content button.browse.browse-song,
#uploadBox .modal-content button.browse.browse-cover{
    color: #ececec;
    background-color: rgb(102 102 102 / 30%);
    border: 0;
    padding: 6px 16px;
    border-radius: 100px;
}

#uploadBox .modal-content button.browse.browse-song:hover,
#uploadBox .modal-content button.browse.browse-cover:hover{
    color: #ececec;
    background-color: rgb(102 102 102 / 10%);
}

#uploadBox .modal-content #holder,
#uploadBox .modal-content #albholder{
    border: 0;
    border-radius: 20px;
    min-height:148px;
    background: #111;
}

#uploadBox .modal-content #holder .alert.alert-info,
#uploadBox .modal-content #albholder .alert.alert-info{
    color: #333;
    background-color: #ccc;
    border-color: #ccc;
    border-radius: 100px;
}

.upload-box-promotion-container{ position:relative;}
.greyed-out{ position:absolute; z-index:1; min-width:100%; min-height:100%; background:rgba(255,255,255,0.5);}
#upload_song_type_2_desc{ display:none; padding:5px;}

#uploadBoxOTO h5{ font-size:1.1em; line-height:1.2;}
#uploadBoxOTO .highlight{ font-size:1.3em; font-family:'Roboto';}
#uploadBoxOTO .highlight .super{ font-size:0.4em; vertical-align:super;}
#uploadBoxOTO .super{ font-size:0.4em; vertical-align:super;}

#uploadBoxOTO .btn-basic .highlight{ color:#fca81a;}

#uploadBoxOTO .pro-plan{ font-size:1.4em; line-height:0.75}
#uploadBoxOTO small{ margin-top:8px; font-size:.75em; display:block;}
#uploadBoxOTO small .highlight{ font-size:3em; color:#000; font-weight:bold;}

#uploadBoxOTO .obf-pro-button-container{ margin:10px auto 30px auto; text-align:center;}
#uploadBoxOTO .obf-pro-button-container button{ padding:12px 12px; width:70%; text-align:left; color:#eee; border: 1px solid #eee;}
#uploadBoxOTO .obf-pro-button-container button p{ margin-bottom:0; padding-bottom:0; height:20px;}

#uploadBoxOTO h3{ padding-bottom:4px; margin-bottom:4px; display:inline-block;}

#uploadBoxOTO .item{ height:320px;}
#myOTOPlanCarousel .carousel-control{ padding-top:35%; background:none !important;}
#myOTOPlanCarousel .carousel-control .fa{ font-size:40px; color:#444;}


#uploadBoxOTO .special-pricing{ 
	color: #333;
    background: #eee;
    padding: 5px 10px;
    border-radius: 6px;
	box-shadow:0 0 10px #d2322d; //9b1f1b
}

#uploadBoxOTO button.btn.btn-basic{
	background:#333;
}
#uploadBoxOTO button.btn.btn-basic:hover,
#uploadBoxOTO button.btn.btn-basic:focus{
	background:#000;
	color:#eee;
}

#uploadBoxOTO button.btn.btn-basic .special-pricing{
	box-shadow:0 0 10px #000;
}

@media screen and (max-width:459px){
	#uploadBoxOTO .highlight.highlight-2{
		display:block;
	}
	#uploadBoxOTO .obf-pro-button-container{
		margin-bottom:12px;
	}
}

#uploadBoxOTO .currency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    font-size: 2rem;
    font-weight: 700;
}
#uploadBoxOTO .value {
    font-size: 7rem;
    font-weight: 300;
}
#uploadBoxOTO .currency, .duration {
    color: #3498db;
}
#uploadBoxOTO .duration {
    font-size: 1.4rem;    font-weight: 700;text-transform: uppercase;
}
#uploadBoxOTO .duration::before {
    content: '/';
    margin-right: 2px;
}

#uploadBoxOTO{

}

#uploadBoxOTO .modal-content{
    background:rgba(255,255,255,1);
    border:0;
}

@media screen and (min-width:768px){
    #uploadBoxOTO .modal-dialog{
        width:500px;
    }
}

#uploadBoxOTO .modal-header{
    background:rgba(0,0,0,0.95);
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

#uploadBoxOTO .modal-header h4{
    color:#fff;
}

#uploadBoxOTO .modal-header button{
    float:right;
    margin-top:6px;
}

#uploadBoxDisabled .modal-header{
	background:#d43f3a;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

#uploadBoxDisabled .modal-header h4,
#uploadBoxDisabled .modal-header button.close{	
    color:#fff;
	opacity:1;
}

#uploadBoxDisabled .btn{
	white-space:normal;
	text-align:left;
	padding:20px;
	width:100%;
}

#uploadBoxDisabled .btn .highlight{
	font-family: 'Roboto';
    font-size: 1.5em;
    font-weight: bold;
	color: #000;
}

#uploadBoxDisabled hr{
	border-color:#eee;
}

#uploadBoxDisabled .credit-coin{
	margin-right:0;
}
#uploadBoxDisabled .credit-coin i{
	color: #ac2925;
    border: 3px dashed #ac2925;
    border-radius: 50%;
    padding: 4px 6px;
    background: #f7504b;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    top: -2px;
    margin-right: 2px;
}

#uploadBoxDisabled .divider{
	position: relative;
    width: auto;
    text-align: center;
    background: #fff;
    display: table;
    margin: 0 auto;
    margin-bottom: -30px;
    padding: 0 10px;
    color: #ccc;
    font-weight: 300;
}


#uploadBoxDisabled .modal-body p{
	color:#333;
}

.track-upload-button span.fa{
	color: #fca81a;
    /* border: 1px solid #000; */
    text-shadow: 0 0 2px #000;
    font-size: 1.25em;
    margin-right: 4px;
}

.btn-fab{
	padding-left:8px;
}

@media screen and (max-width:980px){
	.btn-fab{ 
		padding:8px;
		right:15px;
	}

	.btn-fab span small{
		display:block;
		font-size:10px;
		line-height:1;
	}
}

.credit-balance-message{

}

.credit-balance-message a,
.promotion-balance-msg a{
    background: rgba(210, 50, 45, 0.5);
    border:2px solid #d2322d;
    padding: 4px 8px 6px 8px;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    line-height: 1;
    margin-left: 12px;
    font-weight: normal;
}

.credit-balance-message a:hover,
.promotion-balance-msg a:hover{
    background: rgba(210, 50, 45, 0.8);
}

button.btn.btn-danger.next,
button.btn.btn-danger.submit-upload-button{
    background-color: #d2322d;
    border-color: #ac2925;
}

button.btn.btn-danger.next:hover,
button.btn.btn-danger.submit-upload-button:hover{
    background-color: #ac2925;
}

button.btn.btn-warning.back{
    background-color: #ed9c28;
    border-color: #d58512;
}

button.btn.btn-warning.back:hover{
    background-color: #d58512;
}

#uploadBox .song-details .form-control,
#uploadBox .album-details .form-control,
#uploadBox .mailing-list-details .form-control{
    background: #000;
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #ccc;
    vertical-align: middle;
    background-color: #000;
    background-image: none;
    border: 1px solid #000;
    border-radius: 8px;
}

#uploadBox .song-details .form-control:focus,
#uploadBox .album-details .form-control:focus,
#uploadBox .mailing-list-details .form-control:focus{
    background: #222;
}

#uploadBox .mailing-list-details .mailing-list-details__inner{
    background: #333;
    border-radius: 20px;
    padding:20px;
}

#uploadBox .mailing-list-details .mailing-list-contact-total{
    background: #666;
    padding: 2px 8px 4px 8px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 100px;
    position: relative;
    top: -2px;
}

#uploadBox .radio-info input[type="radio"]:checked + label::before{
    border-color: #ac2925;
}

#uploadBox .radio-info input[type="radio"]:checked + label::after{
    background-color:#ac2925;
}

#uploadBox .checkbox input[type="checkbox"]:disabled + label{
    opacity: 1;
}

#uploadBox .checkbox input[type="checkbox"]:disabled + label::before{
    background-color: #666;
}

#uploadBox .toggle-new-album-data{
    cursor: pointer;
    text-decoration: none;
    background: #666;
    font-size: 16px;
    color: #ececec;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 20px;
}

#uploadBox .form-group label{
    font-weight: normal;
    font-size:14px;
}

#uploadBox .form-group label a{
    font-size: 14px;
    text-decoration: none;
    line-height: 14px;
    margin-left: 10px;
}

#uploadBox .submit-all-details .submit-upload h4{
    margin-bottom:40px;
}

#uploadBox button.btn.btn-danger.submit-upload-button{
    border-radius: 100px;
    padding:24px 48px;
}

#uploadBox a.back-to-edit-details{
    color:#666;
    border-bottom:1px solid #666;
    text-decoration: none;
    cursor: pointer;
}

#uploadBox a.back-to-edit-details:hover{
    color:#888;
    border-bottom:1px solid #888;
}

#uploadBox .mailing-list-details .radio{
    margin:24px 0;
}

/* mailing list contacts box */
.mailing-list-contacts-box{
    background: #121212;
    padding: 20px;
    border-radius: 20px;
}

.mailing-list-contacts-box h3{
    font-size: 20px;
    color: #ccc;
    margin-bottom: 20px;
}

.mailing-list-contacts-box h3 i{
    float: right;
}

.mailing-list-contacts-box__search{
    margin: 12px 0;
    position: relative;
}

.mailing-list-contacts-box__search span.mailing-list-search-icon{
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 24px;
    color: #777;
    z-index: 1;
    cursor: pointer;
}

.mailing-list-contacts-box__search input.form-control{

}

.mailing-list-contacts-box__message{
    margin:10px 0;
    display: none;
}

.mailing-list-contacts-box__message span.success{
    color:#0f9200;
}

.mailing-list-contacts-box__message span.error{
    color:#d58512;
}

.mailing-list-contacts-box__list,
.mailing-list-contacts-box__list--view-mode{
    border-top: 1px solid #000;
    margin: 20px 0;
    padding: 20px 0;
    border-bottom: 1px solid #000;
    display:block;
}

.mailing-list-contacts-box__list-wrap,
.mailing-list-contacts-box__list-wrap--view-mode{
    max-height: 240px;
    min-height: 30px;
    position:relative;
    padding-right:10px;
}

.mailing-list-contacts-box__list ul,
.mailing-list-contacts-box__list--view-mode ul{
    margin: 0;
    padding: 0;
}

.mailing-list-contacts-box__list ul li,
.mailing-list-contacts-box__list--view-mode ul li{
    list-style: none;
    padding:5px 10px;
    margin: 0 -10px;
    border-radius: 20px;
}

.mailing-list-contacts-box__list ul li:hover{
    cursor:pointer;
    background:#212121;
}

.mailing-list-contacts-box__list--view-mode ul li:hover{
    cursor:default;
    background:initial;
}

.mailing-list-contacts-box__list ul li span.name,
.mailing-list-contacts-box__list--view-mode ul li span.name{
    font-size: 16px;
    display: block;
}

.mailing-list-contacts-box__list ul li span.email,
.mailing-list-contacts-box__list--view-mode ul li span.email{
    font-size: 12px;
    color: #999;
}

.mailing-list-contacts-box__list ul li span.select,
.mailing-list-contacts-box__list ul li span.remove-mailing-list-contact{
    float:right;
    font-size: 24px;
    top: -10px;
    position: relative;
    color: #333;
}

.mailing-list-contacts-box__list ul li span.remove-mailing-list-contact{
    margin-left: 12px;
}

.mailing-list-contacts-box__list ul li span.select.selected{
    color:#0f9200;
}

.mailing-list-contacts-box__list ul li span.remove-mailing-list-contact:hover{
    color:#d58512;
}

.mailing-list-contacts-box__list ul li span.mailing-list-filter-text{
    display:none;
}

.mailing-list-contacts-box__action{
    text-align: center;
}

.mailing-list-contacts-box__action .mailing-list-add-contact-toggle{
    background: rgba(210, 50, 45, 0.5);
    border:2px solid #d2322d;
    padding: 4px 8px 6px 8px;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    line-height: 1;
    margin-left: 12px;
    font-weight: normal;    
}

.mailing-list-contacts-box__action .mailing-list-add-contact-toggle{
    background: rgba(210, 50, 45, 0.8);
}

.mailing-list-contacts-box__form{
    background: #212121;
    padding: 48px 20px 20px 20px;
    border-radius: 20px;
    display: none;
    margin-top:20px;
    position: relative;
}

.mailing-list-contacts-box__form button.close-mailing-list-form{
    position: absolute;
    top: 0px;
    right: 16px;
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 30px;
    color: #ccc;
    font-weight: bold;
    cursor: pointer;
}

.mailing-list-contacts-box__form input.form-control{

}

.mailing-list-contacts-box__form button.btn.mailing-list-add-contact{

}

.mailing-list-contacts-box__form button.btn.mailing-list-add-contact.active{
    background: rgb(15 146 0 / 50%);
    color:#fff;
}

#uploadBox .nicescroll-cursors{
    border:1px solid #666 !important;
    background-color: rgb(66, 66, 66) !important;
}

#uploadBox .nicescroll-rails.nicescroll-rails-hr{
    opacity:0 !important;
}