:root{
    --bg: #336699;
    --bgm: #f8f8f8;
    --bgl: #ffffff;
    --c: #333333;
    --cl: #999999;

    /*--bg: #ff5500;*/
    /*--bgm: #ffaaaa;*/
    /*--bgl: #ffffff;*/
    /*--c: #372;*/
    /*--cl: #950;*/
}

input[type="range"] {
    -webkit-appearance: none; /* Remove default styling */
    width: 100%;
    height: 8px;
    background: #ddd;
    border-radius: 5px;
    outline: none;
    opacity: 1;
    transition: opacity 0.2s;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; /* Remove default styling */
    appearance: none;
    width: 20px;
    height: 20px;
    background: var(--bg);
    border-radius: 50%;
    border: none;
    cursor: pointer;
}
input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--bg);
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

input[type="range"]::-ms-thumb {
    width: 20px;
    height: 20px;
    background: var(--bg);
    border-radius: 50%;
    border: none;
    cursor: pointer;
}

/* Style the track for Firefox */
input[type="range"]::-moz-range-track {
    width: 100%;
    height: 8px;
    background: #ddd;
    border-radius: 5px;
}

/* Style the track for Microsoft Edge */
input[type="range"]::-ms-track {
    width: 100%;
    height: 8px;
    background: #ddd;
    border-radius: 5px;
    color: transparent; /* Hide the default tick marks */
}

/*---------------------------------------*/
.my-form-control-sm{
    color: var(--c) !important;
    padding: 0.4rem 1.1rem !important;
    line-height: 1.2 !important;
    min-height: 3rem !important;
}

.my-form-control-sm::-ms-input-placeholder {
    color: var(--cl) !important;
}
.my-form-control-sm::placeholder {
    color: var(--cl) !important;
}
.my-form-control-sm::-webkit-input-placeholder {
    color: var(--cl) !important;
}
.my-form-control-sm::-moz-placeholder {
    color: var(--cl) !important;
}
/*---------------------------------------*/
.my-form-control{
    color: var(--c) !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.my-form-control::-ms-input-placeholder {
    color: var(--cl) !important;
}
.my-form-control::placeholder {
    color: var(--cl) !important;
}
.my-form-control::-webkit-input-placeholder {
    color: var(--cl) !important;
}
.my-form-control::-moz-placeholder {
    color: var(--cl) !important;
}
.sn-notifications-container .sn-notify-title{
    font-size: 20px;
}
.sn-notifications-container .sn-notify-text{
    font-size: 16px;
}