/*************theme css start*****************/

html[data-theme='skyBlue'] {
    --body-background: #9bcfe7;    
    --content-background: #fff;
    --question-text: rgb(72, 112, 191); 
    --answer-value: rgb(72, 112, 191);
}

html[data-theme='sepia'] {
    --body-background: #B49F8C;    
    --content-background: #F5EFDD;
    --question-text: #50372E;
    --answer-value: #50372E;    
}

body {
    background-color: var(--body-background);    
}

header, .homeworkHeader .menu-tab, .content-theme, .active, .themeBg {
    background-color: var(--content-background);  
} 

.questionText{
    color: var(--question-text);
}

.theme-list{    
    position: relative;
}

.theme-list.selected:after {
    content: '';
    display: block;
    background: #172E50;
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0px;
}

/******* Sepia theme *******/

[data-theme='sepia'] {
    .content-theme {
        background-color: var(--content-background) !important;  
    }
    .active {
        background-color: var(--content-background) !important;  
    } 
    .questionText {
        color: var(--question-text);
    }
}