html {
background-color:var(--headerbackground);
}
.qrbg {
background-color:var(--mainbackground);
}
#mainbackground {
background-color:var(--mainbackground);
}
#buttonbackground {
background-color:var(--buttonbackground);
}
.buttonbackground {
background-color:var(--buttonbackground);
}

.actionsC {margin-left: 1rem;}
.actionsTxt {text-align:left !important;}

.actionsTxt a {color:var(--textColor) !important;}
.actionsTxt a:active {color:var(--textColor) !important;}
.actionsTxt a:hover {color:var(--textColor) !important;}
.actionsTxt a:visited {color:var(--textColor) !important;}
.actionsTxt a:link {color:var(--textColor) !important;}

.phone-icon {
height: 10px;
width: 10px;
padding: 2px;
color:var(--textColor) !important;
background-color:var(--buttonbackground);
border-radius: 2px;
}

input[type='range']::-moz-range-thumb { background: var(--headerbackground); }
 
input[type='range']::-webkit-slider-thumb { background: var(--headerbackground); } 

.iconColor{ color:var(--iconColor) !important;  } 
.cardColor{ color:var(--textColor) !important; } 
.textColor{ color:var(--textColor) !important; } 
.seekbarColor{  background:var(--headerbackground) !important }