:root{
    --main-primary-color:#dc2069;
    --main-primary-color-dark:#b01a8d;
    --primary-font:'Roboto', serif;
    --primary-heading-font:'Playfair Display', serif;
    --primary-active-light:#fff4f5;
    --main-primary-dark:#9b003c;
    --light-grey:#eae9e9;
    --extra-light-grey:#3c3c4308;
    --semi-light-grey:#eff1f5;
    --grey-888: #888888;
    --dark-primary:#333;
    --dark-444: #424242;
    --light-table-grey:#fafbfe;
    
    --dark-blue-primary:#000a2d;
    --card-black-primary:#293153;
    --dark-gradient: -webkit-linear-gradient( 0deg, rgb(109,7,190) 0%, rgb(230,35,97) 100%);
    --dark-light-color: #cfd1e3;
    --bg-card-gradient: -webkit-linear-gradient( 90deg, rgba(123,64,221,0.302) 0%, rgba(202,84,109,0.302) 97%);
}
body, #wrapper #content-wrapper{
    background: var(--dark-blue-primary);
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    color: var(--dark-light-color);
}
body.login{
    background: url(https://musicmanapp.b-cdn.net/assets/themes/default/img/music_bg_main.png);
    background-size: 100%;
    background-position: left center;
    background-repeat: no-repeat;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px var(--dark-blue-primary) inset;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--dark-light-color);
}
.border-bottom{
    border-color:var(--dark-light-color)  !important;
}
.bg-dark {
    background-color: var(--dark-primary) !important;
}
.bg-card-gradient{
    background:var(--bg-card-gradient);
}
.text-gradient{
    background: linear-gradient(to right, #F3266C 0%, #21E6F2 50%, #E8BD2A 75%, #F21FB4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.card, .sidebar .nav-item .collapse .collapse-inner, .dropdown-item:focus, .dropdown-item:hover, .bootstrap-select .btn-light, .compose .radio-toolbar .genre-img-textwrap,.compose .radio-toolbar label, .swal2-popup, .dark-bg-right .card-custom, .modal-content, .select2-dropdown {
    background-color:var(--card-black-primary) !important;
    color: var(--dark-light-color);
}
.bg-dark-blue, .card-dark, .bg-changing, .select2-container--default .select2-selection--single{
    background-color:var(--dark-blue-primary) !important;
}
.sidebar-dark .sidebar-brand{border-bottom: 1px solid var(--card-black-primary);}
.sidebar .nav-item .collapsing .collapse-inner, .sidebar-dark .nav-item .nav-link:hover, .sidebar-dark .nav-item .nav-link:hover:focus, .page-link:hover, .custom-checkbox .custom-control-input:checked~.custom-control-label::after, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:var(--main-primary-color);
    color: var(--dark-light-color);   
}
input[type="radio"]:disabled:after, input[type="radio"]:disabled~label{
    border-color: #5a5a5a;
    color:#8a8a8a;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    border: 2px solid var(--main-primary-dark);
}
form.user .btn-user{
    background:var(--main-primary-color);
    color: var(--dark-light-color);    
}
form.user .btn-user, .sidebar-dark .nav-item .nav-link:hover, .sidebar-dark .nav-item .nav-link:hover, .sidebar-dark .nav-item .nav-link:hover:focus{
color: var(--white);    
}
.sidebar-dark .nav-item .nav-link:hover i, .sidebar-dark .nav-item .nav-link:focus i, .select2-container--default .select2-results__option--selected{
    background-color:transparent;
    color: var(--white) !important;    
}
.sidebar-dark .nav-item .nav-link i{
    color:var(--main-primary-color) !important;
}
.sidebar.sidebar-dark, nav.navbar, footer.sticky-footer{
    background: var(--dark-blue-primary);
    background-size: cover;
    background-attachment: scroll;
    background-position: left;
}
.sidebar.sidebar-dark{
    border-right: 1px solid var(--card-black-primary);
}
.custom-border-right{
    border-right:1px solid var(--card-black-primary) !important;
}
nav.navbar{
    border-bottom: 1px solid var(--card-black-primary) !important;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover, .sidebar-dark .nav-item .nav-link:focus, .table.music-table > tbody > tr:hover, .page-link, .page-item.disabled .page-link, .dropdown-menu, .compose .compose-custom-duration .form-control, .project-box .form-control, .card .form-control, .dark-bg-left, .select2.select2-container .select2-selection .select2-selection__arrow{
    background: var(--dark-blue-primary);
    color: var(--dark-light-color);
}
.page-link, .page-item.disabled .page-link, .select-music .music-selection-col .music-selection-col-item{
    border-color: var(--grey-888);
}
form.user .form-control-user{
    border-width: 2px;
    border-color:var(--dark-light-color);
}
.custom-control-label::before, .compose .radio-toolbar label{
    border-color: var(--dark-blue-primary) !important;
}
.page-link:hover, form.user .form-control-user:focus{
    border-color: var(--main-primary-color);
}
nav.navbar{
    background-position: top;
}
footer.sticky-footer{
    background-position: bottom;
}
.top-banner .hover-h a, .knw ul li a, .knw h4, .sidebar-dark .nav-item .nav-link, .sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item, .table, .topbar.navbar-light .navbar-nav .nav-item .nav-link, .text-heart, .projects .project-box h2, .dropdown-item, .text-dark-hover, .card-project-custom .card-body, .search-icon-inline, .time-duration h5, .select-music .music-selection-cols .music-selection-col, .select-music .music-selection-cols .music-selection-col a, .info-stats p, .swal2-title, .swal2-content, footer.sticky-footer .copyright, .close, .select2.select2-container .select2-selection .select2-selection__rendered, .action-hover-scale{
    color: var(--dark-light-color);
}
.sidebar-dark .nav-item .nav-link::after, .sidebar-dark .nav-item .nav-link:hover .total-ai-tracks-count, .bootstrap-select .btn-light, .sidebar-dark .nav-item.active .nav-link .total-ai-tracks-count{
    color: var(--dark-light-color) !important;
}
.music-wrapper-icon{
    color: rgba(0,0,0,.35);
}
/*.notepaper{
    background-image: -webkit-radial-gradient(center, cover, rgb(41 49 83) 0%, rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, #293153 0%, #293153 29px, rgb(41 49 83) 29px, rgb(239 241 245) 30px);
    color: var(--white);
    text-shadow: none;
    padding:3px 20px 10px 45px;
}*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-top: 1px solid var(--dark-444);
}
.bg-time-radio, input[type='radio']:after, .custom-control-label::before{
    background-color:var(--card-black-primary);
}
.btn-primary, .create-project-wrapper .next, .compose .next{
    background-image: var(--dark-gradient);
    border:0;
}
.cancel{border:0;}
.note-editor .note-toolbar{
    background-color: var(--white);    
}
.dropzone{
    border: 2px dashed var(--main-primary-color) !important;
    background: var(--card-black-primary)!important;
}
.dropzone-bgless{
    border: 0 !important;
    background: transparent !important;
}
.transcribe_upload_wrapper i{
    font-size: 40px !important;
}
.dark-bg-right .custom-control-label::before{
    background-color:var(--dark-blue-primary);
}
.custom-control-label::after{
    border: 2px solid var(--grey-888);
}
.custom-music-navbar, .dropzone .dz-preview.dz-file-preview .dz-image{
    background-color:var(--card-black-primary) !important;
    background:var(--card-black-primary) !important;
}
.notepaper{
    background-color: var(--card-black-primary);
    background-image: none;
    text-shadow: none;
    color: var(--dark-light-color);
    box-shadow: inset 0 3px rgb(220 32 105), inset 0 0 0px #dc2069, 0 0 0px rgb(220 32 105), 0 0px rgb(220 32 105);
    border-color:transparent;
}
.curly-quotes:before, .curly-quotes:after{
    opacity:1;
}
.notepaper:before{
    opacity: 0.7;
    border:0;
}
.topbar .dropdown .dropdown-menu:after{
    border-bottom: 14px solid var(--card-black-primary);
}
.topbar .dropdown-list .dropdown-header{
    background-color: var(--dark-blue-primary);
    border:0;
    border-bottom: 1px solid var(--card-black-primary);
    color:var(--dark-light-color);
}
.topbar .dropdown-list .dropdown-item{
    border-bottom: 1px solid var(--card-black-primary) !important;
}
.topbar .topbar-divider{
    border-right: 1px solid var(--card-black-primary);
}