.info-display { z-index: 1000; position: absolute; } .sidebar-items { z-index: 1000; position: absolute; } .icon-container { z-index: 1000; position: absolute; } .display-items { z-index:999; position: absolute; width: 100%; } .icon-sidebar-small { font-size: 15px !important; border-radius: 6px; } .icon-sidebar-medium { font-size: 20px !important; border-radius: 6px; } .icon-sidebar-large { font-size: 25px !important; /* border-radius: 6px; */ } .icon-sidebar:hover { cursor: pointer; } .item-label-small { font-size: 10px; } .item-label-medium { font-size: 12px; } .item-label-large { font-size: 14px; } .items-icons { text-align: center; position: relative; z-index: 1000; cursor: pointer; } .tabs-icons { text-align: center; position: relative; /* -webkit-text-stroke: 1px #414141; */ } .tabs-icons:hover { cursor: pointer; } .labels-vertical { left: 0px; right: 0px; margin: auto; position: absolute; } .labels-horizontal { top: 50%; left: 27px; position: absolute; transform: translateY(-50%); } .elementContainer { top: 0px; left: 0px; width: 100%; height: 100%; z-index:1000; position: absolute; overflow: hidden; } .img-item-horizontal { width: auto; height: 80%; } .img-item-vertical { width: 50% !important; height: auto; } .tooltip-rgt, .tooltip-lft, .tooltip-top, .tooltip-btm { width: 100px; background-color: #414141; color: #fff; text-align: center; border-radius: 6px; padding: 5px 10px 5px 10px ; position: absolute; font-size: 12px; display: none; } /* right arrow */ .tooltip-rgt:after { content: ""; position: absolute; transform: translateY(-50%); top: 50%; right: 0%; margin-right: -9px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #414141; } /* left arrow */ .tooltip-lft:after { content: ""; position: absolute; transform: translateY(-50%); top: 50%; left: 0%; margin-left: -9px; border-width: 5px; border-style: solid; border-color: transparent #414141 transparent transparent ; } /* top arrow */ .tooltip-top:after { content: ""; position: absolute; top: 0%; left: 50%; margin-top: -9px; border-width: 5px; border-style: solid; border-color: transparent transparent #414141 transparent ; } /* bottom arrow */ .tooltip-btm:after { content: ""; position: absolute; top: 100%; left: 50%; margin-bottom: -9px; border-width: 5px; border-style: solid; border-color: #414141 transparent transparent transparent ; } .sidebar-settings { width: 150px; padding: 20px; border-radius: 6px; box-shadow: 0 1px 3px #252d3a; margin-bottom: 10px; background-color: rgba(255,255,255, 0.9); } .settings-done-btn { background: #3CB371; border-radius: 6px; text-align: center; font-size: 10px; padding: 3px; color: #ffffff; width: 40px; margin-top: 10px; cursor: pointer; } .sidebar-position { display: block; width: 100%; } .sidebar-position-header { font-size: 14px; margin-bottom: 10px; } .sidebar-position-label { margin-left: 10px; font-size: 13px; }