/* Menu */

.side-menu { padding-top: 10px; padding-right: 0; padding-left: 0; height:
100vh; position: fixed; /*border: 1pt solid green;*/ }
.side-menu ul { margin-left: -40px; }
.side-menu li { /*border: 1pt solid red;*/ list-style: none; padding: 15px; }
.side-menu a { text-decoration: none; color: #fff; }
.side-menu-red { background-color: #f90000; color: #fff; }
.side-menu-orange { background-color: #f96b00; color: #fff; }
.side-menu-yellow { background-color: #f9e800; color: #000; }
.side-menu-green { background-color: #02af00; color: #fff; }
.side-menu-cyan { background-color: #00a9af; color: #fff; }
.side-menu-blue { background-color: #0023af; color: #fff; }
.side-menu-purple { background-color: #7d00af; color: #fff; }
.side-menu-pink { background-color: #af006e; color: #fff; }
.side-menu-gray { background-color: #383838; color: #fff; }
.side-menu-black { background-color: #000; color: #fff; }
.side-menu-brown { background-color: #1e1604; color: #fff; }
.side-menu-lime { background-color: #6ea318; color: #fff; }
.side-menu-aqua { background-color: #20b583; color: #fff; }
.side-menu-light-blue { background-color: #2e82d1; color: #fff; }
.side-menu-light-gray { background-color: #7f7f7f; color: #fff; }
.side-menu-dark-blue { background-color: #081528; color: #fff; }
.side-menu-dark-cyan { background-color: #0d4c4b; color: #fff; }
.side-menu-dark-green { background-color: #115110; color: #fff; }
.side-menu-dark-red { background-color: #2d0000; color: #fff; }
.side-menu-red li:hover { background-color: #ff3f3f; }
.side-menu-orange li:hover { background-color: #f78027; }
.side-menu-yellow li:hover { background-color: #fff24f; }
.side-menu-green li:hover { background-color: #0ec90c; }
.side-menu-cyan li:hover { background-color: #05c0c6; }
.side-menu-blue li:hover { background-color: #2a4ee0; }
.side-menu-purple li:hover { background-color: #a70be5; }
.side-menu-pink li:hover { background-color: #ff63c5; }
.side-menu-gray li:hover { background-color: #606060; }
.side-menu-black li:hover { background-color: #333333; }
.side-menu-brown li:hover { background-color: #3a2b08; }
.side-menu-lime li:hover { background-color: #86c421; }
.side-menu-aqua li:hover { background-color: #29ce97; }
.side-menu-light-blue li:hover { background-color: #56a5ef; }
.side-menu-light-gray li:hover { background-color: #9b9b9b; }
.side-menu-dark-blue li:hover { background-color: #0b1e3a; }
.side-menu-dark-cyan li:hover { background-color: #116d6c; }
.side-menu-dark-green li:hover { background-color: #177016; }
.side-menu-dark-red li:hover { background-color: #4f0000; }
 /* Panels */
.e-panel { height: 150px; padding: 5px; }
.e-panel-red { background-color: #f90000; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-orange { background-color: #f96b00; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-yellow { background-color: #f9e800; color: #000; width: 90%; height: 90%; padding: 20px; }
.e-panel-green { background-color: #02af00; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-cyan { background-color: #00a9af; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-blue { background-color: #0023af; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-purple { background-color: #7d00af; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-pink { background-color: #af006e; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-gray { background-color: #383838; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-black { background-color: #000; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-brown { background-color: #1e1604; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-lime { background-color: #6ea318; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-aqua { background-color: #20b583; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-light-blue { background-color: #2e82d1; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-light-gray { background-color: #7f7f7f; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-dark-blue { background-color: #081528; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-dark-cyan { background-color: #0d4c4b; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-dark-green { background-color: #115110; color: #fff; width: 90%; height: 90%; padding: 20px; }
.e-panel-dark-red { background-color: #2d0000; color: #fff; width: 90%; height: 90%; padding: 20px; }
/* Buttons */
.e-btn { border-radius: 2px; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; margin-bottom: 5px; margin-top: 5px; }
.e-btn-red { border: 1pt solid #f90000; background-color: #f90000; color: #fff; }
.e-btn-orange { border: 1pt solid #f96b00; background-color: #f96b00; color: #fff; }
.e-btn-yellow { border: 1pt solid #f9e800; background-color: #f9e800; color: #000; }
.e-btn-green { border: 1pt solid #02af00; background-color: #02af00; color: #fff; }
.e-btn-cyan { border: 1pt solid #00a9af; background-color: #00a9af; color: #fff; }
.e-btn-blue { border: 1pt solid #0023af; background-color: #0023af; color: #fff; }
.e-btn-purple { border: 1pt solid #7d00af; background-color: #7d00af; color: #fff; }
.e-btn-pink { border: 1pt solid #af006e; background-color: #af006e; color: #fff; }
.e-btn-gray { border: 1pt solid #383838; background-color: #383838; color: #fff; }
.e-btn-black { border: 1pt solid #000; background-color: #000; color: #fff; }
.e-btn-brown { border: 1pt solid #1e1604; background-color: #1e1604; color: #fff; }
.e-btn-lime { border: 1pt solid #6ea318; background-color: #6ea318; color: #fff; }
.e-btn-aqua { border: 1pt solid #20b583; background-color: #20b583; color: #fff; }
.e-btn-light-blue { border: 1pt solid #2e82d1; background-color: #2e82d1; color: #fff; }
.e-btn-light-gray { border: 1pt solid #7f7f7f; background-color: #7f7f7f; color: #fff; }
.e-btn-dark-blue { border: 1pt solid #081528; background-color: #081528; color: #fff; }
.e-btn-dark-cyan { border: 1pt solid #0d4c4b; background-color: #0d4c4b; color: #fff; }
.e-btn-dark-green { border: 1pt solid #115110; background-color: #115110; color: #fff; }
.e-btn-dark-red { border: 1pt solid #2d0000; background-color: #2d0000; color: #fff; }
.e-btn:hover { text-decoration: none; }
.e-btn-red:hover { color: #fff; }
.e-btn-orange:hover { color: #fff; }
.e-btn-yellow:hover { color: #000; }
.e-btn-green:hover { color: #fff; }
.e-btn-cyan:hover { color: #fff; }
.e-btn-blue:hover { color: #fff; }
.e-btn-purple:hover { color: #fff; }
.e-btn-pink:hover { color: #fff; }
.e-btn-gray:hover { color: #fff; }
.e-btn-black:hover { color: #fff; }
.e-btn-brown:hover { color: #fff; }
.e-btn-lime:hover { color: #fff; }
.e-btn-aqua:hover { color: #fff; }
.e-btn-light-blue:hover { color: #fff; }
.e-btn-light-gray:hover { color: #fff; }
.e-btn-dark-blue:hover { color: #fff; }
.e-btn-dark-cyan:hover { color: #fff; }
.e-btn-dark-green:hover { color: #fff; }
.e-btn-dark-red:hover { color: #fff; }