@charset "utf-8";

div.vis-configuration { position: relative; display: block; float: left; font-size: 12px; }

div.vis-configuration-wrapper { display: block; width: 700px; }

div.vis-configuration-wrapper::after { clear: both; content: ""; display: block; }

div.vis-configuration.vis-config-option-container { display: block; width: 495px; background-color: rgb(255, 255, 255); border: 2px solid rgb(247, 248, 250); border-radius: 4px; margin-top: 20px; left: 10px; padding-left: 5px; }

div.vis-configuration.vis-config-button { display: block; width: 495px; height: 25px; vertical-align: middle; line-height: 25px; background-color: rgb(247, 248, 250); border: 2px solid rgb(206, 206, 208); border-radius: 4px; margin-top: 20px; left: 10px; padding-left: 5px; cursor: pointer; margin-bottom: 30px; }

div.vis-configuration.vis-config-button.hover { background-color: rgb(69, 136, 230); border: 2px solid rgb(33, 67, 115); color: rgb(255, 255, 255); }

div.vis-configuration.vis-config-item { display: block; float: left; width: 495px; height: 25px; vertical-align: middle; line-height: 25px; }

div.vis-configuration.vis-config-item.vis-config-s2 { left: 10px; background-color: rgb(247, 248, 250); padding-left: 5px; border-radius: 3px; }

div.vis-configuration.vis-config-item.vis-config-s3 { left: 20px; background-color: rgb(228, 233, 240); padding-left: 5px; border-radius: 3px; }

div.vis-configuration.vis-config-item.vis-config-s4 { left: 30px; background-color: rgb(207, 216, 230); padding-left: 5px; border-radius: 3px; }

div.vis-configuration.vis-config-header { font-size: 18px; font-weight: bold; }

div.vis-configuration.vis-config-label { width: 120px; height: 25px; line-height: 25px; }

div.vis-configuration.vis-config-label.vis-config-s3 { width: 110px; }

div.vis-configuration.vis-config-label.vis-config-s4 { width: 100px; }

div.vis-configuration.vis-config-colorBlock { top: 1px; width: 30px; height: 19px; border: 1px solid rgb(68, 68, 68); border-radius: 2px; padding: 0px; margin: 0px; cursor: pointer; }

input.vis-configuration.vis-config-checkbox { left: -5px; }

input.vis-configuration.vis-config-rangeinput { position: relative; top: -5px; width: 60px; padding: 1px; margin: 0px; pointer-events: none; }

input.vis-configuration.vis-config-range { appearance: none; border: 0px solid white; background-color: rgba(0, 0, 0, 0); width: 300px; height: 20px; }

input.vis-configuration.vis-config-range::-webkit-slider-runnable-track { width: 300px; height: 5px; background: linear-gradient(rgb(222, 222, 222) 0%, rgb(200, 200, 200) 99%); border: 1px solid rgb(153, 153, 153); box-shadow: rgb(170, 170, 170) 0px 0px 3px 0px; border-radius: 3px; }

input.vis-configuration.vis-config-range::-webkit-slider-thumb { appearance: none; border: 1px solid rgb(20, 51, 75); height: 17px; width: 17px; border-radius: 50%; background: linear-gradient(rgb(56, 118, 194) 0%, rgb(56, 83, 128) 100%); box-shadow: rgb(17, 25, 39) 0px 0px 1px 0px; margin-top: -7px; }

input.vis-configuration.vis-config-range:focus { outline: none; }

input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track { background: linear-gradient(rgb(157, 157, 157) 0%, rgb(200, 200, 200) 99%); }

.vis-configuration-popup { position: absolute; background: rgba(57, 76, 89, 0.85); border: 2px solid rgb(242, 250, 255); line-height: 30px; height: 30px; width: 150px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; border-radius: 4px; transition: opacity 0.3s ease-in-out; }

.vis-configuration-popup::after, .vis-configuration-popup::before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }

.vis-configuration-popup::after { border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgba(57, 76, 89, 0.85); border-width: 8px; margin-top: -8px; }

.vis-configuration-popup::before { border-color: rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) rgba(194, 225, 245, 0) rgb(242, 250, 255); border-width: 12px; margin-top: -12px; }