@charset "utf-8";

div.vis-color-picker { background-color: rgb(255, 255, 255); border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px; display: none; height: 444px; left: 30px; margin-left: 30px; margin-top: -140px; padding: 10px; position: absolute; top: 0px; width: 310px; z-index: 1; }

div.vis-color-picker div.vis-arrow { left: 5px; position: absolute; top: 147px; }

div.vis-color-picker div.vis-arrow::after, div.vis-color-picker div.vis-arrow::before { border: solid transparent; content: " "; height: 0px; pointer-events: none; position: absolute; right: 100%; top: 50%; width: 0px; }

div.vis-color-picker div.vis-arrow::after { border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-width: 30px; margin-top: -30px; }

div.vis-color-picker div.vis-color { cursor: pointer; height: 289px; position: absolute; width: 289px; }

div.vis-color-picker div.vis-brightness { position: absolute; top: 313px; }

div.vis-color-picker div.vis-opacity { position: absolute; top: 350px; }

div.vis-color-picker div.vis-selector { background: linear-gradient(rgb(76, 76, 76) 0px, rgb(89, 89, 89) 12%, rgb(102, 102, 102) 25%, rgb(71, 71, 71) 39%, rgb(44, 44, 44) 50%, rgb(0, 0, 0) 51%, rgb(17, 17, 17) 60%, rgb(43, 43, 43) 76%, rgb(28, 28, 28) 91%, rgb(19, 19, 19)); border: 1px solid rgb(255, 255, 255); border-radius: 15px; height: 15px; left: 137px; position: absolute; top: 137px; width: 15px; }

div.vis-color-picker div.vis-new-color { left: 159px; padding-right: 2px; text-align: right; }

div.vis-color-picker div.vis-initial-color, div.vis-color-picker div.vis-new-color { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; color: rgba(0, 0, 0, 0.4); font-size: 10px; height: 20px; line-height: 20px; position: absolute; top: 380px; vertical-align: middle; width: 140px; }

div.vis-color-picker div.vis-initial-color { left: 10px; padding-left: 2px; text-align: left; }

div.vis-color-picker div.vis-label { left: 10px; position: absolute; width: 300px; }

div.vis-color-picker div.vis-label.vis-brightness { top: 300px; }

div.vis-color-picker div.vis-label.vis-opacity { top: 338px; }

div.vis-color-picker div.vis-button { background-color: rgb(247, 247, 247); border: 2px solid rgb(217, 217, 217); border-radius: 10px; cursor: pointer; height: 25px; line-height: 25px; position: absolute; text-align: center; top: 410px; vertical-align: middle; width: 68px; }

div.vis-color-picker div.vis-button.vis-cancel { left: 5px; }

div.vis-color-picker div.vis-button.vis-load { left: 82px; }

div.vis-color-picker div.vis-button.vis-apply { left: 159px; }

div.vis-color-picker div.vis-button.vis-save { left: 236px; }

div.vis-color-picker input.vis-range { height: 20px; width: 290px; }