#demo-container {background-color: #ffffff;padding: 30px 15px;margin-bottom: 20px;border: 1px solid #ccc;}#demo-container ul > li:before {display: none;}#demo-container a {border-bottom: none;}.menuIcons {padding: 2px 5px;margin: 0 2px;border: 1px solid transparent;cursor: pointer;}.pressed {border: 1px solid #999;border-radius: 3px;background: #fff;}.sticky {position: sticky;top: 70px;z-index: 99;}#menu {background: #0099cc;color: #fff;height: 45px;padding-left: 15px;border-radius: 10px;}#menu ul, #menu li {margin: 0 auto;padding: 0;list-style: none;}#menu ul {width: 100%;margin-left: 15px;}#menu li {float: left;display: inline;position: relative;}#menu a {display: block;line-height: 45px;padding: 0 14px;text-decoration: none;color: #fff;font-size: 16px;text-transform: none;}#menu a.dropdown-arrow:after {content: "\25BE";margin-left: 5px;}#menu li a:hover {color: #0099cc;background: #f2f2f2;}#menu input {display: none;margin: 0;padding: 0;height: 45px;width: 100%;opacity: 0;cursor: pointer;}#menu label {display: none;line-height: 45px;text-align: center;position: absolute;left: 35px;}#menu label:before {font-size: 1.6em;content: "\2261";margin-left: 20px;}#menu ul.sub-menus {height: auto;overflow: hidden;width: 170px;background: #444;position: absolute;z-index: 99;display: none;}#menu ul.sub-menus li {display: block;width: 100%;}#menu ul.sub-menus a {color: #fff;}#menu li:hover ul.sub-menus {display: block;}#menu ul.sub-menus a:hover {background: #f2f2f2;color: #444;}@media screen and (max-width: 800px) {#menu {position: relative;}#menu ul {background: #111;position: absolute;top: 100%;right: 0;left: 0;z-index: 3;height: auto;display: none;}#menu ul.sub-menus {width: 100%;position: static;}#menu ul.sub-menus a {padding-left: 30px;}#menu li {display: block;float: none;width: auto;}#menu input, #menu label {position: absolute;top: 0;left: 0;display: block;}#menu input {z-index: 4;}#menu input:checked + label {color: white;}#menu input:checked + label:before {content: "\00d7";}#menu input:checked ~ ul {display: block;}}.cf:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.dd-hover > .dd-handle {background: #2ea8e5 !important;}.dd3-content {display: block;height: 30px;margin: 5px 0;padding: 5px 10px 5px 40px;color: #333;text-decoration: none;font-weight: bold;border: 1px solid #ccc;background: #fafafa;background: linear-gradient(to bottom, #fafafa 0%, #eee 100%);border-radius: 3px;box-sizing: border-box;}.dd-dragel > .dd3-item > .dd3-content {margin: 0;}.dd3-item > button {margin-left: 30px;}.dd3-handle {position: absolute;margin: 0;left: 0;top: 0;cursor: move;width: 30px;text-indent: 30px;white-space: nowrap;overflow: hidden;border: 1px solid #aaa;background: #ddd;background: linear-gradient(to bottom, #ddd 0%, #bbb 100%);border-top-right-radius: 0;border-bottom-right-radius: 0;}.dd3-handle:before {content: "≡";display: block;position: absolute;left: 0;top: 3px;width: 100%;text-align: center;text-indent: 0;color: #fff;font-size: 20px;font-weight: normal;}.dd3-handle:hover {background: #ddd;}.dd3-delete {position: absolute;margin: 0;right: 0;top: 0;cursor: pointer;width: 30px;text-indent: 30px;height: 30px;white-space: nowrap;overflow: hidden;background: #dd2e2e;border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 3px;border-bottom-right-radius: 3px;opacity: 0.8;}.dd3-delete:before {content: "x";display: block;position: absolute;left: 0;top: 3px;width: 100%;text-align: center;text-indent: 0;color: #fff;font-size: 20px;font-weight: normal;}.dd3-delete:hover {background: #800000;}