/* color set */
.block-hover {
    background-color: rgba(0, 112, 149, 1);
    background-color: #007095\9;
    color: white;
}.block-hover:hover {
    color: #eee;
}.block-hover option {
    background-color: #007095\9;
    color: white;
}.block-red {
    background-color: rgba(241, 33, 36, 1);
    background-color: #f12124\9;
    color: white;
}.block-red:hover {
    color: #eee;
}.block-red option {
    background-color: #f12124\9;
    color: white;
}.block-richred {
    background-color: rgba(211, 32, 59, 1);
    background-color: #D2203B\9;
    color: white;
}.block-richred:hover {
    color: #eee;
}.block-richred option {
    background-color: #D2203B\9;
    color: white;
}.block-orange {
    background-color: rgba(246, 80, 34, 1);
    background-color: #f65022\9;
    color: white;
}.block-orange:hover {
    color: #eee;
}.block-orange option {
    background-color: #f65022\9;
    color: white;
}.block-yellowgreen {
    background-color: rgba(144, 194, 82, 1);
    background-color: #90C252\9;
    color: white;
}.block-yellowgreen:hover {
    color: #eee;
}.block-yellowgreen option {
    background-color: #90C252\9;
    color: white;
}.block-green {
    background-color: rgba(83, 139, 103, 1);
    background-color: #538b67\9;
    color: white;
}.block-green:hover {
    color: #eee;
}.block-green option {
    background-color: #538b67\9;
    color: white;
}.block-aqua {
    background-color: rgba(22, 112, 176, 1);
    background-color: #1670B0\9;
    color: white;
}.block-aqua:hover {
    color: #eee;
}.block-aqua option {
    background-color: #1670B0\9;
    color: white;
}.block-brightaqua {
    background-color: rgba(27, 174, 218, 1);
    background-color: #1BAEDA\9;
    color: white;
}.block-brightaqua:hover {
    color: #eee;
}.block-brightaqua option {
    background-color: #1BAEDA\9;
    color: white;
}.block-skyblue {
    background-color: rgba(45, 163, 224, 1);
    background-color: #2da3e0\9;
    color: white;
}.block-skyblue:hover {
    color: #eee;
}.block-skyblue option {
    background-color: #2da3e0\9;
    color: white;
}.block-pink {
    background-color: rgba(168, 47, 102, 1);
    background-color: #a82f66\9;
    color: white;
}.block-pink:hover {
    color: #eee;
}.block-pink option {
    background-color: #a82f66\9;
    color: white;
}.block-gray {
    background-color: rgba(100, 100, 100, 1);
    background-color: #646464\9;
    color: white;
}.block-gray:hover {
    color: #eee;
}.block-gray option {
    background-color: #646464\9;
    color: white;
}.block-whitegray {
    background-color: rgba(180, 180, 180, 1);
    background-color: #b4b4b4\9;
    color: white;
}.block-whitegray:hover {
    color: #eee;
}.block-whitegray option {
    background-color: #b4b4b4\9;
    color: white;
}.block-darkgray {
    background-color: rgba(70, 70, 70, 1);
    background-color: #444\9;
    color: white;
}.block-darkgray:hover {
    color: #eee;
}.block-darkgray option {
    background-color: #444\9;
    color: white;
}.block-verydarkgray {
    background-color: rgba(50, 50, 50, 1);
    background-color: #333\9;
    color: white;
}.block-verydarkgray:hover {
    /*color: #ccc;*/
}.block-verydarkgray option {
    background-color: #333\9;
    color: white;
}.block-mist {
    background-color: rgba(70, 70, 70, 1);
    background-color: #444\9;
    color: white;
}.block-mist:hover {
    color: #eee;
}.block-mist option {
    background-color: #b4b4b4\9;
    color: white;
}.block-white {
    background-color: rgba(255, 255, 255, 1);
    background-color: #fff\9;
    color: white;
}.block-white:hover {
    color: #fefefe;
}.block-white option {
    background-color: #fff\9;
    color: white;
}
.font-black {
    color: rgba(0, 0, 0, 1);
    color: #000000\9;
}
.font-blue {
    color: rgba(81, 140, 176, 1);
    color: #518CB0\9;
}.font-red {
    color: rgba(241, 33, 36, 1);
    color: #f12124\9;
}.font-richred {
    color: rgba(211, 32, 59, 1);
    color: #D2203B\9;
}.font-orange {
    color: rgba(246, 80, 34, 1);
    color: #f65022\9;
}.font-yellowgreen {
    color: rgba(144, 194, 82, 1);
    color: #90C252\9;
}.font-green {
    color: rgba(83, 139, 103, 1);
    color: #538b67\9;
}.font-aqua {
    color: #1670B0;
}.font-skyblue {
    color: rgba(96, 128, 183, 1);
    color: #6080b7\9;
}.font-pink {
    color: rgba(168, 47, 102, 1);
    color: #a82f66\9;
}.font-gray {
    color: rgba(100, 100, 100, 1);
    color: #646464\9;
}.font-whitegray {
    color: rgba(180, 180, 180, 1);
    color: #b4b4b4\9;
}.font-colors {
    color: #777\9;
    -webkit-animation: font-colors 6s infinite;
} @-webkit-keyframes font-colors {
    0% { color: rgba(241, 33, 36, 1); }
    9% { color: rgba(246, 80, 34, 1); }
    18% { color: rgba(114, 173, 70, 1); }
    27% { color: rgba(83, 139, 103, 1); }
    36% { color: rgba(96, 128, 183, 1); }
    45% { color: rgba(168, 47, 102, 1); }
    54% { color: rgba(96, 128, 183, 1); }
    63% { color: rgba(83, 139, 103, 1); }
    72% { color: rgba(114, 173, 70, 1); }
    81% { color: rgba(246, 80, 34, 1); }
    100% { color: rgba(241, 33, 36, 1); }
}.font-color1 {
    color: #777\9;
    -webkit-animation: font-color1 3s infinite;
} @-webkit-keyframes font-color1 {
    0% { color: rgba(114, 173, 70, 1); }
    25% { color: rgba(83, 139, 103, 1); }
    50% { color: rgba(96, 128, 183, 1); }
    75% { color: rgba(83, 139, 103, 1); }
    100% { color: rgba(114, 173, 70, 1); }
}
.font-color2 {
    color: #777\9;
    -webkit-animation: font-color2 3s infinite;
} @-webkit-keyframes font-color2 {
    0% { color: rgba(168, 47, 102, 1); }
    25% { color: rgba(241, 33, 36, 1); }
    50% { color: rgba(246, 80, 34, 1); }
    75% { color: rgba(241, 33, 36, 1); }
    100% { color: rgba(168, 47, 102, 1); }
}
/* active-colorsets */
.active-block-hover.active {
    border: 0;
    background-color: rgba(0, 112, 149, 1);
    background-color: #007095\9;
    color: white;
}.active-block-hover.active option {
    background-color: #007095\9;
    color: white;
}.active-block-red.active {
    border: 0;
    background-color: rgba(241, 33, 36, 1);
    background-color: #f12124\9;
    color: white;
}.active-block-red.active option {
    background-color: #f12124\9;
    color: white;
}.active-block-richred.active {
    border: 0;
    background-color: rgba(211, 32, 59, 1);
    background-color: #D2203B\9;
    color: white;
}.active-block-richred.active option {
    background-color: #D2203B\9;
    color: white;
}.active-block-orange.active {
    border: 0;
    background-color: rgba(246, 80, 34, 1);
    background-color: #f65022\9;
    color: white;
}.active-block-orange.active option {
    background-color: #f65022\9;
    color: white;
}.active-block-yellowgreen.active {
    border: 0;
    background-color: rgba(144, 194, 82, 1);
    background-color: #90C252\9;
    color: white;
}.active-block-yellowgreen.active option {
    background-color: #90C252\9;
    color: white;
}.active-block-green.active {
    border: 0;
    background-color: rgba(83, 139, 103, 1);
    background-color: #538b67\9;
    color: white;
}.active-block-green.active option {
    background-color: #538b67\9;
    color: white;
}.active-block-aqua.active {
    border: 0;
    background-color: rgba(22, 112, 176, 1);
    background-color: #1670B0\9;
    color: white;
}.active-block-aqua.active option {
    background-color: #1670B0\9;
    color: white;
}.active-block-skyblue.active {
    border: 0;
    background-color: rgba(45, 163, 224, 1);
    background-color: #2da3e0\9;
    color: white;
}.active-block-skyblue.active option {
    background-color: #2da3e0\9;
    color: white;
}.active-block-pink.active {
    border: 0;
    background-color: rgba(168, 47, 102, 1);
    background-color: #a82f66\9;
    color: white;
}.active-block-pink.active option {
    background-color: #a82f66\9;
    color: white;
}.active-block-gray.active {
    border: 0;
    background-color: rgba(100, 100, 100, 1);
    background-color: #646464\9;
    color: white;
}.active-block-gray.active option {
    background-color: #646464\9;
    color: white;
}.active-block-whitegray.active {
    border: 0;
    background-color: rgba(180, 180, 180, 1);
    background-color: #b4b4b4\9;
    color: white;
}.active-block-whitegray.active option {
    background-color: #b4b4b4\9;
    color: white;
}
.active-font-black.active {
    color: rgba(0, 0, 0, 1);
    color: #000000\9;
}.active-font-blue.active {
    color: rgba(81, 140, 176, 1);
    color: #518CB0\9;
}.active-font-red.active {
    color: rgba(241, 33, 36, 1);
    color: #f12124\9;
}.active-font-richred.active {
    color: rgba(211, 32, 59, 1);
    color: #D2203B\9;
}.active-font-orange.active {
    color: rgba(246, 80, 34, 1);
    color: #f65022\9;
}.active-font-yellowgreen.active {
    color: rgba(144, 194, 82, 1);
    color: #90C252\9;
}.active-font-green.active {
    color: rgba(83, 139, 103, 1);
    color: #538b67\9;
}.active-font-aqua.active {
    color: #1670B0;
}.active-font-skyblue.active {
    color: rgba(96, 128, 183, 1);
    color: #6080b7\9;
}.active-font-pink.active {
    color: rgba(168, 47, 102, 1);
    color: #a82f66\9;
}.active-font-gray.active {
    color: rgba(100, 100, 100, 1);
    color: #646464\9;
}.active-font-whitegray.active {
    color: rgba(180, 180, 180, 1);
    color: #b4b4b4\9;
}

.verylightblue-gradient {
    background: rgb(29,211,227);
    background: linear-gradient(215deg, rgba(29,211,227,1) 0%, rgba(33,185,236,1) 67%);
}
.lightblue-gradient {
    background: rgb(176,225,245);
    background: linear-gradient(90deg, rgba(176,225,245,1) 0%, rgba(38,156,195,1) 0%, rgba(0,212,255,1) 100%);
}
.lightaqua-gradient {
    background: rgb(1,181,231);
    background: linear-gradient(90deg, rgba(1,181,231,1) 30%, rgba(25,222,212,1) 100%);
}
.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }