/*  general  */
    :root {
	  --sc_blue: 0,90,151; 
      --sc_primary_text: 18,22,27;
      --sc_primary_background: 255,255,255;
      --sc_secondary_background: 245,245,245;
	  --sc_background_25: 240,240,240;
      --sc_background_30: 237,237,237;
	  --sc_background_35: 230,230,230;
      --sc_background_40: 220,220,220;
	  --sc_background_50: 210,210,210;
	  --sc_background_60: 200,200,200;
	  --sc_background_70: 190,190,190;
	  --sc_background_80: 180,180,180;
    }
    body { 
        background: rgb(255,255,255); color: rgb(28,32,37); 
        scrollbar-color: auto;
        scrollbar-track-color: inherit;
        scrollbar-face-color: inherit;
        scrollbar-arrow-color: inherit;
        scrollbar-color: inherit; 
    }
    a, a:link, a:visited, a:hover {
        color: rgb(0,90,151);
    }
    .textAsLink, .textAsLink:hover {
        color: rgb(0,90,151);
    }
    .linkAsText {
      color: rgba(59,69,78,1.00) !important;  
      color: rgb(var(--sc_blue)) !important;
    }
    .linkAsText:hover {
      color: rgb(28,32,37) !important;   
    }
    .linkAsTextColor {
      color: rgba(59,69,78,1.00) !important;  
      color: rgb(var(--sc_blue)) !important;
    }
    .linkAsTextColor:hover {
      color: rgb(28,32,37) !important;   
    }
    input, textarea, select {
        border: rgba(220,220,220,1.00) solid 1px;
        background: rgb(245,245,245);
        color: rgb(60,60,60);
    }
    input:focus, textarea:focus {
        border: rgba(220,220,220,1.00) solid 1px;
        background: rgb(255,255,255);
        color: rgb(40,40,40);
    }
    input.btnSubmit_inactive {
        background: rgba(240,240,240,1.00); color: rgb(150,150,150); 
    }
    input.btnCancel {
        background: rgba(204,204,204,1.00); color: rgb(102,102,102); 
    }

    
/*  scrollbar  */
    .scrolling-wrapper::-webkit-scrollbar {background:rgb(248,248,248);}
    .scrolling-wrapper::-webkit-scrollbar-track {background-color:rgb(248,248,248);}
    .scrolling-wrapper::-webkit-scrollbar-thumb {background-color:rgb(235,235,235);}
    
/* scroll to top */
    #scrollToTop_button {
        background: rgb(70,70,70); color: rgb(245,245,245);
    }
    #scrollToTop_button:hover {
        background: rgb(30,30,30); color: rgb(255,255,255);
    }
    
 
  
  
  
/* *********************************
	SIDE BAR  (shopping cart, comments)
***********************************/ 

    /* headline w/ close button */
    #sidebarBox_headline {
        background: rgb(215,215,215);
        color: rgb(95,95,95);
    }


/* *********************************
	SIDE BAR COMMENTS
***********************************/ 
	#sidebarBox {
        background: rgb(255,255,255); 
        box-shadow: 3px 0 12px 3px rgba(25,25,35,0.06), inset 1px 0 0 #e2e2e2; 
    }
    
    /* INSIDE - head section */
    #sidebar_comments_stickyTop {
        background: rgb(215,215,215);
    }
    
    /* inside - listed comments boxes */
    .sidebar_commentBox {
        background: rgb(255,255,255);  
    }
    .sidebar_commentBox:hover {
        background: rgb(250,250,250);  
    }
    
    /* approval */
    .sidebar_comment_notApproved {
        background: rgb(240,240,240); 
    }
    .sidebar_comment_notApproved div i {
        color: rgb(255, 25, 0, );
    }
    
    /* inside - regular comments box */
    .sidebar_comment_name {
        font-weight: 500;
        opacity: 0.8;
    }
    .sidebar_comment_songtitle {
        color: rgb(0,0,0,0.5);
    }
    .sidebar_comment_comment {
        opacity: 0.8;
    }


/* *********************************
	COMMENTS (NEW VERSION 2023)
***********************************/ 
	
	/* header section */
    #sclk_comments_postForm textarea {
		background: rgba(255,255,255,0.6);
		border: solid 1px rgba(var(--sc_primary_text),0.08);
    }
	#sclk_comments_postForm textarea.textarea_transparent {
		background: rgba(var(--sc_primary_text),0.05);
	}
	#sclk_comments_postForm textarea:focus {
        border: solid 1px rgba(var(--sc_primary_text),0.12);
		background: rgb(255,255,255);
    }
	
	/* inside - listed comments boxes */
    .sclk_commentBox {
        background: rgba(255,255,255,0.7);
    }
    .sclk_commentBox:hover {
        background: rgb(255,255,255);
    }
	

 /* *********************************
	TAG CLOUD (song info and artist - about)
***********************************/
    .tagCloud2 .cloudS10 { color: rgb(165,165,165); }
    .tagCloud2 .cloudS20 { color: rgb(160,160,160);}
    .tagCloud2 .cloudS30 { color: rgb(155,155,155); }
    .tagCloud2 .cloudS40 { color: rgb(150,150,150); }
    .tagCloud2 .cloudS50 { color: rgb(140,140,140); }
    .tagCloud2 .cloudS60 { color: rgb(130,130,130); }
    .tagCloud2 .cloudS70 { color: rgba(120,120,120); }
    .tagCloud2 .cloudS80 { color: rgba(110,110,110); }
    .tagCloud2 .cloudS90 { color: rgba(100,100,100); }
    .tagCloud2 .cloudS100 { color: rgba(90,90,90); }
    
   
 /* *********************************
	PLAYLIST PAGE
***********************************/
    .playlistPageWrapper {
        margin: 40px 0; 
        background: inherit;  
    }
    .playlistPageWrapper .playlist_search {
        background-color: rgb(200,200,200);
    }
    .playlistPageWrapper .playlist_header {
        color: rgb(30,30,30);
    }
    
    
 /* *********************************
	BOTTOM SHEET
***********************************/

    #sclk_framework_sheet #level1, #sclk_framework_sheet #level2, #sclk_framework_sheet #level3 {
        background-color: rgb(234,238,240);
    }

/***********************************
	SECTION: EXPANDABLE BOXES
***********************************/

	.sclk_expandable_box_content .subdued {
		color:rgb(69 69 69);
	}