:root.black {
    --_mainBgColor: #000;
    --_fontColor: #fff;
    --_labelColor: #fff;
    --_buttonBackgroundColor: #ffc107;
    --_buttonColor: #ffc107;
    --_buttonBackgroundColorForCount: #ffc107;
    --_buttonColorForCount: #fff;
    --_fontFamily: 'RobotoCondensed-Regular', sans-serif;
    --_alertColorText: #ffc107;
    --_titleColorText: #ffc107;
    --_alertColorFieldValue: red;
    --_buttonLactating: #ffc107;
    --_buttonNonLactating: #6c757d;
    --_buttonOn: #ffc107;
    --_buttonOff: #6c757d;
}
  
:root.blueBK {
    --_mainBgColor: #00274c;
    --_fontColor: #fff;
    --_labelColor: #fff;
    --_buttonBackgroundColor: #a26000;
    --_buttonColor: #a26000;
    --_buttonBackgroundColorForCount: #a26000;
    --_buttonColorForCount: #fff;
    --_fontFamily: 'RobotoCondensed-Regular', sans-serif;
    --_alertColorText: #fff;
    --_titleColorText: #fff;
    --_alertColorFieldValue: red;
    --_buttonLactating: #a26000;
    --_buttonNonLactating: #ce4300;    
    --_buttonOn: #a26000;
    --_buttonOff: #ce4300;
}

:root.blue {
    --_mainBgColor: #00274c;
    --_fontColor: #fff;
    --_labelColor: #fff;
    --_buttonBackgroundColor: #ffc107;
    --_buttonColor: #ffc107;
    --_buttonBackgroundColorForCount: #ffc107;
    --_buttonColorForCount: #fff;
    --_fontFamily: 'RobotoCondensed-Regular', sans-serif;
    --_alertColorText: #fff;
    --_titleColorText: #fff;
    --_alertColorFieldValue: red;
    --_buttonLactating: #ffc107;
    --_buttonNonLactating: #ce4300;    
    --_buttonOn: #fff;
    --_buttonOff: #ce4300;
}

:root.gray {
    --_mainBgColor: #808080;
    --_fontColor: #fff;
    --_labelColor: #fff;
    --_buttonBackgroundColor: #949494;
    --_buttonColor: #fff;
    --_buttonBackgroundColorForCount: #949494;
    --_buttonColorForCount: #fff;
    --_fontFamily: 'RobotoCondensed-Regular', sans-serif;
    --_alertColorText: #fff;
    --_titleColorText: #fff;
    --_alertColorFieldValue: red;
    --_buttonLactating: #ccc;
    --_buttonNonLactating: #949494;    
    --_buttonOn: #ccc;
    --_buttonOff: #949494;
}

:root.green {
    --_mainBgColor: #18453b;
    --_fontColor: #fff;
    --_labelColor: #fff;
    --_buttonBackgroundColor: #6c757d;
    --_buttonColor: #fff;
    --_buttonBackgroundColorForCount: #6c757d;
    --_buttonColorForCount: #fff;
    --_fontFamily: 'RobotoCondensed-Regular', sans-serif;
    --_alertColorText: #fff;
    --_titleColorText: #fff;
    --_alertColorFieldValue: red;
    --_buttonLactating: #465972;
    --_buttonNonLactating: #753d46;    
    --_buttonOn: #6c757d;
    --_buttonOff: #949494;
}

:root.purple {
    --_mainBgColor: #4f2683;
    --_fontColor: #fff;
    --_labelColor: #fff;
    --_buttonBackgroundColor: #6c757d;
    --_buttonColor: #fff;
    --_buttonBackgroundColorForCount: #6c757d;
    --_buttonColorForCount: #fff;
    --_fontFamily: 'RobotoCondensed-Regular', sans-serif;
    --_alertColorText: #fff;
    --_titleColorText: #fff;
    --_alertColorFieldValue: red;
    --_buttonLactating: #fff;
    --_buttonNonLactating: #545b62;    
    --_buttonOn: #6c757d;
    --_buttonOff: #6c757d;
}

:root.red {
    --_mainBgColor: #9b0000;
    --_fontColor: #fff;
    --_labelColor: #fff;
    --_buttonBackgroundColor: #9b0000;
    --_buttonColor: #fff;
    --_buttonBackgroundColorForCount: #a26000;
    --_buttonColorForCount: #fff;
    --_fontFamily: 'RobotoCondensed-Regular', sans-serif;
    --_alertColorText: #fff;
    --_titleColorText: #fff;
    --_alertColorFieldValue: red;
    --_buttonLactating: #ba5f13;
    --_buttonNonLactating: #208484;    
    --_buttonOn: #dadfe1;
    --_buttonOff: #dadfe1;
}