/* background */
.sw-background { background-color: white; }
.sw-background-grey { background-color: #F1F3F4; }
.sw-background-blue { background-color: #E0F0FE; }
.sw-background-red {background-color: #FCEBE6; }
.sw-background-yellow { background-color: #FEF7E0; }
.sw-background-green { background-color: #E6F4EA; }
.sw-background-orange { background-color: #FEEFE3; }
.sw-background-pink { background-color: #FDE7F3; }
.sw-background-purple { background-color: #F3E8FD; }
.sw-background-cyan { background-color: #E4F7FB; }

/* surface */
.sw-surface { background-color: #F1F3F4; }
.sw-surface-grey { background-color: white; }
.sw-surface-blue { background-color: white; }
.sw-surface-red { background-color: white; }
.sw-surface-yellow { background-color: white; }
.sw-surface-green { background-color: white; }
.sw-surface-orange { background-color: white; }
.sw-surface-pink { background-color: white; }
.sw-surface-purple { background-color: white; }
.sw-surface-cyan { background-color: white; }

/* text */
.sw-text, .sw-text:hover, .sw-text:focus { color: #202124; }
.sw-text-sec, .sw-text-sec:hover, .sw-text-sec:focus { color: #80868B; }
.sw-text-blue, .sw-text-blue:hover, .sw-text-blue:focus { color: #1A73E8; }
.sw-text-red, .sw-text-red:hover, .sw-text-red:focus { color: #D93025; }
.sw-text-yellow, .sw-text-yellow:hover, .sw-text-yellow:focus { color: #B06000; }
.sw-text-green, .sw-text-green:hover, .sw-text-green:focus { color: #188038; }
.sw-text-orange, .sw-text-orange:hover, .sw-text-orange:focus { color: #B06000; }
.sw-text-pink, .sw-text-pink:hover, .sw-text-pink:focus { color: #D01884; }
.sw-text-purple, .sw-text-purple:hover, .sw-text-purple:focus { color: #9334E6; }
.sw-text-cyan, .sw-text-cyan:hover, .sw-text-cyan:focus { color: #007B83; }

/* button */
.sw-btn-simple {
    background: none;
    color: rgba(32, 33, 36, 0.7); }
.sw-btn-simple:hover, .sw-btn-simple:focus {
    background-color:rgba(0, 0, 0, 0.08);
    color: rgba(32, 33, 36, 0.7); }
.sw-btn-outline {
    border:1px solid rgba(0, 0, 0, 0.12);
    background: none;
    color: rgba(32, 33, 36, 0.7); }
.sw-btn-outline:hover, .sw-btn-outline:focus {
    border:1px solid rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.08);
    color: rgba(32, 33, 36, 0.7); }
.sw-btn-blue {
    background-color: #1A73E8;
    color: white; }
.sw-btn-blue:hover, .sw-btn-blue:focus {
    background-color: #1765CC;
    color: white; }
.sw-btn-red {
    background-color: #D93025;
    color: white; }
.sw-btn-red:hover, .sw-btn-red:focus {
    background-color: #BF2A21;
    color: white; }
.sw-btn-yellow {
    background-color: #F9AB00;
    color: #202124; }
.sw-btn-yellow:hover, .sw-btn-yellow:focus {
    background-color: #DB9600;
    color: #202124; }
.sw-btn-green {
    background-color: #188038;
    color: white; }
.sw-btn-green:hover, .sw-btn-green:focus {
    background-color: #157131;
    color: white; }
.sw-btn-orange {
    background-color: #E8710A;
    color: #202124; }
.sw-btn-orange:hover, .sw-btn-orange:focus {
    background-color: #CC6309;
    color: black; }
.sw-btn-pink {
    background-color: #D01884;
    color: white; }
.sw-btn-pink:hover, .sw-btn-pink:focus {
    background-color: #B71574;
    color: white; }
.sw-btn-purple {
    background-color: #9334E6;
    color: white; }
.sw-btn-purple:hover, .sw-btn-purple:focus {
    background-color: #812ECA;
    color: white; }
.sw-btn-cyan {
    background-color: #12B5CB;
    color: #202124; }
.sw-btn-cyan:hover, .sw-btn-cyan:focus {
    background-color: #109FB3;
    color: #202124; }
.sw-btn-grey {
    background-color: rgba(0, 0, 0, 0.08);
    color: #202124; }
.sw-btn-grey:hover, .sw-btn-grey:focus {
    background-color: rgba(0, 0, 0, 0.12);
    color: #202124; }

/* border */
.sw-border {
    border-color: rgba(0, 0, 0, 0.12) !important;
}