.settings-header{
    display: flex;
    justify-content: space-between;
}

.settings-wrapper{
    background-color: rgba(204, 204, 204, 0.192);
    padding: 20px;
    height: 100%;
    display: block;
    padding: 50px;
    border-radius: 10px;
}

.settings-header .settings-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settings-header .subscribe img{
    min-width: 20px;
    min-height: 20px;
    padding: 20px;
}

.settings-header h1{
    margin: 0 !important;
    text-align: center;
    align-items: center;
    display: flex;
}
.settings-header .version{
    display: inline;
}

.settings-header .logo{
    width: 40px;
    height: 40px;
    padding: 20px;
    border-radius: 50%;
}
.settings-header .logo img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;

}

.settings-header .subscribe{
    padding: 5px;
}

.settings-header .settings-title{
    margin-right: 20px;
}

@media(min-width: 1500px){
    .settings-header .settings-title{
        display: flex;
    }
}

@media(max-width: 1500px){
    .settings-header .settings-title{
        display: inline;
    }
}


.settings-header .settings-title .version{
    color: grey;
    display: flex;
    align-self: center;
    margin-left: 20px;
}

.help-panel{
    margin-top: 20px;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 10px;
    background: #5CCCCC;
    margin-bottom: 5%;
}

.help-panel a{
    margin-right: 20px;
    color: white;
}

.help-panel a:hover{
    color: #009999;
}

html[data-theme='dark'] .settings-wrapper .settings-field .field .name, .settings-wrapper.hint{
    color: white;
}

 .settings-wrapper .settings-field .field .name, .settings-wrapper.hint{
    color: black;
}

html[data-theme='dark'] .settings-wrapper .settings-field .describe{
    color: white;
}

html[data-theme='light'] .settings-wrapper .settings-field .describe{
    color: black;
}

.settings-wrapper .settings-field .describe{
    padding: 20px; 
    border-radius: 10px;
    display: block;
    margin-top: 10px;
    font-size: medium;
}

.settings-wrapper .settings-field textarea{
    min-height: 300px;
}

.settings-wrapper .field > .value.submit{
    padding: 0;
}

.settings-wrapper .tabs_cont{
    margin-top: 21px;
    color: black;
}

.settings-wrapper .tabs_cont select{
    color: black !important;
    border: 1px solid black;
    margin: 10px;
}

.settings-wrapper .tabs_cont select option{
    color: white !important;
}

html[data-theme='light'] .settings-wrapper .tabs_cont select option{
    color: black !important;
    background-color: white !important;
}

.settings-wrapper .tabs_cont a{
    color: #5CCCCC;
    font-size: larger;
}

.settings-wrapper p{
    color: #000000;
    font-size: smaller;
}

.settings-wrapper .tabs_cont a:hover{
    color: #009999;

}

.settings-wrapper h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    color: black;
}