@charset "utf-8";

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

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

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

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 { position: absolute; width: 289px; height: 289px; cursor: pointer; }

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 { position: absolute; top: 137px; left: 137px; width: 15px; height: 15px; border-radius: 15px; border: 1px solid rgb(255, 255, 255); background: linear-gradient(rgb(76, 76, 76) 0%, 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) 100%); }

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

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

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

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 { position: absolute; width: 68px; height: 25px; border-radius: 10px; vertical-align: middle; text-align: center; line-height: 25px; top: 410px; border: 2px solid rgb(217, 217, 217); background-color: rgb(247, 247, 247); cursor: pointer; }

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 { width: 290px; height: 20px; }