@charset "utf-8";

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

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 { background-color: rgb(255, 255, 255); border: 2px solid rgb(247, 248, 250); border-radius: 4px; display: block; left: 10px; margin-top: 20px; padding-left: 5px; width: 495px; }

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

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; height: 25px; line-height: 25px; vertical-align: middle; width: 495px; }

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

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

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

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

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

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 { border: 1px solid rgb(68, 68, 68); border-radius: 2px; cursor: pointer; height: 19px; margin: 0px; padding: 0px; top: 1px; width: 30px; }

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

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

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

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

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

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) 0px, rgb(200, 200, 200) 99%); }

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

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

.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; }