input, select, textarea, button, input[type="range"], input[type="file"], input[type="date"] { box-sizing: border-box; border: 1px solid #000; background-color: #fff; color: #000; font-size: 13px; margin: 5px 1px; width: 100%; min-height: 30px; border-radius: 5px; cursor: pointer; text-align: left; } input[type="checkbox"], input[type="radio"] { display: none; width: auto; min-height: auto; cursor: pointer; } input[type=checkbox]:checked+label, input[type=radio]:checked+label { background-color: #28a745; color: #fff; } input:hover, label:hover, select:hover, textarea:hover, button:hover, input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="range"]:hover, input[type="file"]:hover, input[type="date"]:hover { opacity: 0.8; } input:active, select:active, textarea:active, button:active, input[type="checkbox"]:active, input[type="radio"]:active, input[type="range"]:active, input[type="file"]:active, input[type="date"]:active, input:focus, select:focus, textarea:focus, button:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="range"]:focus, input[type="file"]:focus, input[type="date"]:focus { } button { text-align: center; } input[type="range"], input[type="file"], input[type="date"] { cursor: pointer; } label { border: 1px solid #000; background-color: #fff; color: #000; padding: 5px 10px; font-size: 13px; margin: 5px 1px; width: 100%; min-height: 30px; border-radius: 5px; cursor: pointer; text-align: center; display: inline-block; } .BUTTON_BLUE { background-color: #007bff; color: #fff; } .BUTTON_BROWN { background-color: #8B4513; color: #fff; } .BUTTON_DARK { background-color: #343a40; color: #fff; } .BUTTON_GREEN { background-color: #28a745; color: #fff; } .BUTTON_LIGHTBLUE { background-color: #17a2b8; color: #fff; } .BUTTON_ORANGE { background-color: #fd7e14; color: #fff; } .BUTTON_PURPLE { background-color: #6f42c1; color: #fff; } .BUTTON_PINK { background-color: #e83e8c; color: #fff; } .BUTTON_RED { background-color: #ff0000; color: #fff; } .BUTTON_TEAL { background-color: #20c997; color: #fff; } .BUTTON_YELLOW { background-color: #ffc107; color: #fff; } .COLOR_BLUE { color: #007bff; } .COLOR_BROWN { color: #8B4513; } .COLOR_DARK { color: #343a40; } .COLOR_GREEN { color: #28a745; } .COLOR_LIGHTBLUE { color: #17a2b8; } .COLOR_RED { color: #ff0000; } .COLOR_ORANGE { color: #fd7e14; } .COLOR_PURPLE { color: #6f42c1; } .COLOR_PINK { color: #e83e8c; } .COLOR_TEAL { color: #20c997; } .COLOR_YELLOW { color: #ffc107; } .FONT_B { font-weight: bold; } .LABEL_NOBUTTON { border: none; background-color: transparent; color: #fff; padding: 0px; font-size: 13px; margin: 0px; width: 100%; min-height: 0px; border-radius: 0px; cursor: pointer; text-align: left; display: 'block'; }