✏️ Editing: spectrum.css.map

{"version":3,"sources":["spectrum.scss","spectrum.css"],"names":[],"mappings":"AAAA;;;;;GAAA;ACOA;CDEI,kBAAA;CACA,MAAA;CACA,OAAA;CACA,qBAAA;EACA,eAAA;EACA,OAAA;CACA,iDAAA;CACA,gBAAA;CCAA,gBAAA;AAAJ;;AAIA;CACI,kBAAA;AADJ;;ADKA,0CAAA;ACAA;;CDII,+BAAA;CCAA,uBAAA;AADJ;;AAIA,gEAAA;AACA;CDGI,kBAAA;CCDA,WAAA;CACA,qBAAA;AADJ;;AAIA;CDGI,kBAAA;CACA,MAAA;CACA,OAAA;CCDA,SAAA;CACA,QAAA;AADJ;;AAIA;CDGI,kBAAA;CACA,MAAA;CACA,OAAA;CCDA,SAAA;CACA,UAAA;AADJ;;AAIA;CDGI,kBAAA;CACA,MAAA;CACA,QAAA;CACA,SAAA;CCDA,SAAA;CACA,YAAA;AADJ;;AAIA;CACI,SAAA;CACA,aAAA;AADJ;;AAIA;CACI,gBAAA;AADJ;;AAIA;;CDII,kBAAA;CACA,MAAA;CACA,OAAA;CCDA,QAAA;CACA,SAAA;AADJ;;AAIA;CACI,mBAAA;AADJ;;AAIA;CACI,cAAA;AADJ;;AAIA;CDGI,kBAAA;CACA,SAAA;CACA,YAAA;CACA,UAAA;CACA,SAAA;CACA,eAAA;CACA,uBAAA;CCDA,iBAAA;CACA,YAAA;AADJ;;AAIA;CDGI,aAAA;CACA,kBAAA;CACA,aAAA;CACA,QAAA;CCDA,OAAA;CACA,WAAA;AADJ;;AAIA;CACI,sBAAA;AADJ;;AAIA;CACI,aAAA;AADJ;;AAIA;CACI,2BAAA;AADJ;;AAIA;CDGI,cAAA;CACA,kBAAA;CACA,MAAA;CACA,QAAA;CACA,SAAA;CCDA,SAAA;CACA,YAAA;AADJ;;ADKA,+BAAA;AAAA;;;;;;;;;;CAYI,yBAAA;CCDA,sBAAA;CACA,qBAAA;KAAA,iBAAA;AADJ;;AAIA;CACI,aAAA;AADJ;;AAIA;CACI,aAAA;AADJ;;AAIA;CACI,aAAA;AADJ;;AAIA;CACI,aAAA;AADJ;;AAIA;CACI,aAAA;AADJ;;AAIA;CACI,aAAA;AADJ;;AAIA,2FAAA;AACA;CDGI,+FAAA;CACA,6EAAA;CAIA,uGAAA;CAAA,yEAAA;CCDA,0HAAA;CACA,wHAAA;AADJ;;AAIA;CDGI,+FAAA;CACA,+EAAA;CAIA,yGAAA;CAAA,uEAAA;CCDA,wGAAA;CACA,sGAAA;AADJ;;AAIA;CDMI,wMAAA;CCDA,8GAAA;CACA,oMAAA;CAAA,4GAAA;AADJ;;ADIA;;;EAAA;ACIA;CACI,WAAA;CACA,kGAAA;AADJ;;AAIA;CACI,WAAA;CACA,kGAAA;AADJ;;AAIA;CACI,WAAA;CACA,kGAAA;AADJ;;AAIA;CACI,WAAA;CACA,kGAAA;AADJ;;AAIA;CACI,WAAA;CACA,kGAAA;AADJ;;AAIA;CACI,WAAA;CACA,kGAAA;AADJ;;AAIA;CACI,wBAAA;AADJ;;ADKA,kBAAA;ACAA;;CAEI,WAAA;CACA,cAAA;AADJ;;AAIA;CACI,WAAA;AADJ;;AAIA;EACI,OAAA;AADJ;;AAIA,oEAAA;AACA;CACI;EDGA,UAAA;CCHH;CAGG;EDGA,SAAA;CCHH;CAGG;EACI,gBAAA;CADP;AACD;AAIA;CDII,kBAAA;CACA,WAAA;CACA,UAAA;CACA,sBAAA;CACA,gBAAA;CACA,eAAA;CCFA,kBAAA;CACA,MAAA;CDIJ,OAAA;ACLA;;AAKA;CDII,kBAAA;CACA,MAAA;CACA,eAAA;CACA,WAAA;CACA,UAAA;CACA,WAAA;CCFA,sBAAA;CACA,iBAAA;CDIJ,YAAA;ACLA;;ADKA;;;;CAAA;ACMA;CACI,gBAAA;CACA,yBAAA;CDKJ,yBAAA;CAAA,UAAA;ACNA;;ADMA;;;;;;CAUA,oGAAA;CACI,8BAAA;SAAA,sBAAA;ACPJ;;ADUA;CAAA,kBAAA;ACNA;;AAMA;;;CDOA,sBAAA;ACPA;;AAMA,UAAA;AACA;CACI,YAAA;CDKJ,YAAA;CACI,kBAAA;ACPJ;;ADUA;CACI,WAAA;ACPJ;;AAMA;CDKI,0BAAA;CACA,iBAAA;CACA,gBAAA;CACA,SAAA;CCHA,WAAA;CACA,uBAAA;CDKJ,kBAAA;CACI,WAAA;ACPJ;;ADUA;CACI,wBAAA;ACPJ;;AAMA;CDKA,qBAAA;CAAA,gBAAA;ACNA;;AAMA;;CAEI,WAAA;CACA,kBAAA;CDKJ,wBAAA;CACI,qBAAA;ACPJ;;AAMA;CDKA,YAAA;CACA,2BAAA;ACPA;;AAMA,aAAA;ADKA;CACI,4BAAA;ACPJ;;ADUA;CACI,SAAA;ACPJ;;AAMA;CDKI,cAAA;CACA,kBAAA;CACA,WAAA;CACA,WAAA;CCHA,YAAA;CACA,WAAA;CDKJ,eAAA;CAAA,6BAAA;ACNA;;AAMA;;CDMI,oBAAA;ACPJ;;ADUA;CACA,kBAAA;ACPA;;AAMA,YAAA;AACA;CDKA,WAAA;CACI,sBAAA;ACPJ;;AAMA;CDKI,WAAA;CACA,YAAA;CCHA,YAAA;CACA,cAAA;CDKJ,WAAA;CACI,SAAA;ACPJ;;ADUA;CACA,2BAAA;ACPA;;AAMA,YAAA;AACA;;CDMA,YAAA;ACPA;;AAMA,2EAAA;AACA;CDKI,SAAA;CACA,gBAAA;CACA,eAAA;CACA,YAAA;CACA,qBAAA;EACA,OAAA;EACA,eAAA;CCHA,yBAAA;CACA,gBAAA;CDKJ,WAAA;CAAA,sBAAA;ACNA;;AAMA;;CDMA,qBAAA;CACI,WAAA;ACPJ;;AAMA;CACI,eAAA;CDKJ,oBAAA;CACI,aAAA;ACPJ;;AAMA;CDKI,cAAA;CCHA,YAAA;CACA,iBAAA;CDKJ,WAAA;CACI,eAAA;ACPJ;;AAMA;CDKI,kBAAA;CACA,WAAA;CACA,YAAA;CCHA,sBAAA;CACA,iBAAA;CDKJ,WAAA;CACI,UAAA;ACPJ;;AAMA;EDKA,YAAA;CACI,gBAAA;ACPJ;;AAMA;CACI,WAAA;CACA,YAAA;CDKJ,eAAA;CACI,yBAAA;ACPJ;;ADUA;CACA,iBAAA;ACPA;;AAMA,iDAAA;AACA;CDKI,sBAAA;CACA,0DAAA;CAIA,uFAAA;CAAA,wDAAA;CACA,sBAAA;CACA,6BAAA;CACA,kBAAA;CACA,WAAA;CACA,eAAA;CACA,cAAA;CCHA,gBAAA;CACA,kBAAA;CDKJ,yBAAA;CACI,sBAAA;ACPJ;;AAMA;CDKI,sBAAA;CACA,0DAAA;CAIA,uFAAA;CAAA,wDAAA;CCHA,sBAAA;CACA,6BAAA;CDKJ,eAAA;CACI,yBAAA;ACPJ;;AAMA;CDKI,sBAAA;CACA,6BAAA;CCHA,0DAAA;CDMJ,qDAAA;CACI,kDAAA;ACPJ;;AAMA;CDKI,eAAA;CACA,yBAAA;CCHA,YAAA;CACA,iBAAA;CDMJ,sBAAA;CACI,qBAAA;ACRJ;;ADYA;CAAA,yBAAA;CAEI,0BAAA;ACTJ;;ADYA;;CAAA,kBAAA;ACPA;;AAOA;;;CDOA,kBAAA;CAAA,6JAAA;ACPA;;AAOA;;;CDQI,cAAA;CCJA,kBAAA;CACA,MAAA;CDMJ,OAAA;CACI,SAAA;CACA,QAAA;ACTJ;;ADYA;CACI,4BAAA;CCJA,4BAAA;AAJJ;;AAOA;CACI,6VAAA;AAJJ;;AAOA;CDMI,yfAAA;ACTJ;;AAOA;CACI,4BAAA;CACA,2BAAA;CACA,qzCAAA;AAJJ;AACA,ymGAAymG","file":"spectrum.css","sourcesContent":["/***\r\nSpectrum Colorpicker v1.5.1\r\nhttps://github.com/bgrins/spectrum\r\nAuthor: Brian Grinstead\r\nLicense: MIT\r\n***/\r\n\r\n.sp-container {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    display: inline-block;\r\n    *display: inline;\r\n    *zoom: 1;\r\n    /* https://github.com/bgrins/spectrum/issues/40 */\r\n    z-index: 9999994;\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n.sp-container.sp-flat {\r\n    position: relative;\r\n}\r\n\r\n/* Fix for * { box-sizing: border-box; } */\r\n.sp-container,\r\n.sp-container * {\r\n    -webkit-box-sizing: content-box;\r\n    -moz-box-sizing: content-box;\r\n    box-sizing: content-box;\r\n}\r\n\r\n/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */\r\n.sp-top {\r\n    position: relative;\r\n    width: 100%;\r\n    display: inline-block;\r\n}\r\n\r\n.sp-top-inner {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n}\r\n\r\n.sp-color {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 20%;\r\n}\r\n\r\n.sp-hue {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 84%;\r\n    height: 100%;\r\n}\r\n\r\n.sp-clear-enabled .sp-hue {\r\n    top: 33px;\r\n    height: 77.5%;\r\n}\r\n\r\n.sp-fill {\r\n    padding-top: 80%;\r\n}\r\n\r\n.sp-sat,\r\n.sp-val {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n\r\n.sp-alpha-enabled .sp-top {\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.sp-alpha-enabled .sp-alpha {\r\n    display: block;\r\n}\r\n\r\n.sp-alpha-handle {\r\n    position: absolute;\r\n    top: -4px;\r\n    bottom: -4px;\r\n    width: 6px;\r\n    left: 50%;\r\n    cursor: pointer;\r\n    border: 1px solid black;\r\n    background: white;\r\n    opacity: 0.8;\r\n}\r\n\r\n.sp-alpha {\r\n    display: none;\r\n    position: absolute;\r\n    bottom: -14px;\r\n    right: 0;\r\n    left: 0;\r\n    height: 8px;\r\n}\r\n\r\n.sp-alpha-inner {\r\n    border: solid 1px #333;\r\n}\r\n\r\n.sp-clear {\r\n    display: none;\r\n}\r\n\r\n.sp-clear.sp-clear-display {\r\n    background-position: center;\r\n}\r\n\r\n.sp-clear-enabled .sp-clear {\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 84%;\r\n    height: 28px;\r\n}\r\n\r\n/* Don't allow text selection */\r\n.sp-container,\r\n.sp-replacer,\r\n.sp-preview,\r\n.sp-dragger,\r\n.sp-slider,\r\n.sp-alpha,\r\n.sp-clear,\r\n.sp-alpha-handle,\r\n.sp-container.sp-dragging .sp-input,\r\n.sp-container button {\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    user-select: none;\r\n}\r\n\r\n.sp-container.sp-input-disabled .sp-input-container {\r\n    display: none;\r\n}\r\n\r\n.sp-container.sp-buttons-disabled .sp-button-container {\r\n    display: none;\r\n}\r\n\r\n.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {\r\n    display: none;\r\n}\r\n\r\n.sp-palette-only .sp-picker-container {\r\n    display: none;\r\n}\r\n\r\n.sp-palette-disabled .sp-palette-container {\r\n    display: none;\r\n}\r\n\r\n.sp-initial-disabled .sp-initial {\r\n    display: none;\r\n}\r\n\r\n/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */\r\n.sp-sat {\r\n    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));\r\n    background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\r\n    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\r\n    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\r\n    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));\r\n    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)\";\r\n    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=\"#FFFFFFFF\", endColorstr=\"#00CC9A81\");\r\n}\r\n\r\n.sp-val {\r\n    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0)));\r\n    background-image: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\r\n    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\r\n    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\r\n    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));\r\n    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));\r\n    -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)\";\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#00CC9A81\", endColorstr=\"#FF000000\");\r\n}\r\n\r\n.sp-hue {\r\n    background: -moz-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n    background: -ms-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n    background: -o-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n    background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(0.17, #ff0), color-stop(0.33, #0f0), color-stop(0.5, #0ff), color-stop(0.67, #00f), color-stop(0.83, #f0f), to(#f00));\r\n    background: -webkit-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n    background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\r\n}\r\n\r\n/* IE filters do not support multiple color stops.\r\n *  Generate 6 divs, line them up, and do two color gradients for each.\r\n *  Yes, really.\r\n */\r\n.sp-1 {\r\n    height: 17%;\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ff0000\", endColorstr=\"#ffff00\");\r\n}\r\n\r\n.sp-2 {\r\n    height: 16%;\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ffff00\", endColorstr=\"#00ff00\");\r\n}\r\n\r\n.sp-3 {\r\n    height: 17%;\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#00ff00\", endColorstr=\"#00ffff\");\r\n}\r\n\r\n.sp-4 {\r\n    height: 17%;\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#00ffff\", endColorstr=\"#0000ff\");\r\n}\r\n\r\n.sp-5 {\r\n    height: 16%;\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#0000ff\", endColorstr=\"#ff00ff\");\r\n}\r\n\r\n.sp-6 {\r\n    height: 17%;\r\n    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\"#ff00ff\", endColorstr=\"#ff0000\");\r\n}\r\n\r\n.sp-hidden {\r\n    display: none !important;\r\n}\r\n\r\n/* Clearfix hack */\r\n.sp-cf::before,\r\n.sp-cf::after {\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.sp-cf::after {\r\n    clear: both;\r\n}\r\n\r\n.sp-cf {\r\n    *zoom: 1;\r\n}\r\n\r\n/* Mobile devices, make hue slider bigger so it is easier to slide */\r\n@media (max-device-width: 480px) {\r\n    .sp-color {\r\n        right: 40%;\r\n    }\r\n    .sp-hue {\r\n        left: 63%;\r\n    }\r\n    .sp-fill {\r\n        padding-top: 60%;\r\n    }\r\n}\r\n\r\n.sp-dragger {\r\n    border-radius: 5px;\r\n    height: 5px;\r\n    width: 5px;\r\n    border: 1px solid #fff;\r\n    background: #000;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.sp-slider {\r\n    position: absolute;\r\n    top: 0;\r\n    cursor: pointer;\r\n    height: 3px;\r\n    left: -1px;\r\n    right: -1px;\r\n    border: 1px solid #000;\r\n    background: white;\r\n    opacity: 0.8;\r\n}\r\n\r\n/*\r\nTheme authors:\r\nHere are the basic themeable display options (colors, fonts, global widths).\r\nSee http://bgrins.github.io/spectrum/themes/ for instructions.\r\n*/\r\n\r\n.sp-container {\r\n    border-radius: 0;\r\n    background-color: #ececec;\r\n    border: solid 1px #f0c49b;\r\n    padding: 0;\r\n}\r\n\r\n.sp-container,\r\n.sp-container button,\r\n.sp-container input,\r\n.sp-color,\r\n.sp-hue,\r\n.sp-clear {\r\n    font: normal 12px \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", Geneva, Verdana, sans-serif;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.sp-top {\r\n    margin-bottom: 3px;\r\n}\r\n\r\n.sp-color,\r\n.sp-hue,\r\n.sp-clear {\r\n    border: solid 1px #666;\r\n}\r\n\r\n/* Input */\r\n.sp-input-container {\r\n    float: right;\r\n    width: 100px;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.sp-initial-disabled .sp-input-container {\r\n    width: 100%;\r\n}\r\n\r\n.sp-input {\r\n    font-size: 12px !important;\r\n    border: 1px inset;\r\n    padding: 4px 5px;\r\n    margin: 0;\r\n    width: 100%;\r\n    background: transparent;\r\n    border-radius: 3px;\r\n    color: #222;\r\n}\r\n\r\n.sp-input:focus {\r\n    border: 1px solid orange;\r\n}\r\n\r\n.sp-input.sp-validation-error {\r\n    border: 1px solid red;\r\n    background: #fdd;\r\n}\r\n\r\n.sp-picker-container,\r\n.sp-palette-container {\r\n    float: left;\r\n    position: relative;\r\n    padding: 10px 10px 300px;\r\n    margin-bottom: -290px;\r\n}\r\n\r\n.sp-picker-container {\r\n    width: 172px;\r\n    border-left: solid 1px #fff;\r\n}\r\n\r\n/* Palettes */\r\n.sp-palette-container {\r\n    border-right: solid 1px #ccc;\r\n}\r\n\r\n.sp-palette-only .sp-palette-container {\r\n    border: 0;\r\n}\r\n\r\n.sp-palette .sp-thumb-el {\r\n    display: block;\r\n    position: relative;\r\n    float: left;\r\n    width: 24px;\r\n    height: 15px;\r\n    margin: 3px;\r\n    cursor: pointer;\r\n    border: solid 2px transparent;\r\n}\r\n\r\n.sp-palette .sp-thumb-el:hover,\r\n.sp-palette .sp-thumb-el.sp-thumb-active {\r\n    border-color: orange;\r\n}\r\n\r\n.sp-thumb-el {\r\n    position: relative;\r\n}\r\n\r\n/* Initial */\r\n.sp-initial {\r\n    float: left;\r\n    border: solid 1px #333;\r\n}\r\n\r\n.sp-initial span {\r\n    width: 30px;\r\n    height: 25px;\r\n    border: none;\r\n    display: block;\r\n    float: left;\r\n    margin: 0;\r\n}\r\n\r\n.sp-initial .sp-clear-display {\r\n    background-position: center;\r\n}\r\n\r\n/* Buttons */\r\n.sp-palette-button-container,\r\n.sp-button-container {\r\n    float: right;\r\n}\r\n\r\n/* Replacer (the little preview div that shows up instead of the <input>) */\r\n.sp-replacer {\r\n    margin: 0;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    padding: 4px;\r\n    display: inline-block;\r\n    *zoom: 1;\r\n    *display: inline;\r\n    border: solid 1px #91765d;\r\n    background: #eee;\r\n    color: #333;\r\n    vertical-align: middle;\r\n}\r\n\r\n.sp-replacer:hover,\r\n.sp-replacer.sp-active {\r\n    border-color: #f0c49b;\r\n    color: #111;\r\n}\r\n\r\n.sp-replacer.sp-disabled {\r\n    cursor: default;\r\n    border-color: silver;\r\n    color: silver;\r\n}\r\n\r\n.sp-dd {\r\n    padding: 2px 0;\r\n    height: 16px;\r\n    line-height: 16px;\r\n    float: left;\r\n    font-size: 10px;\r\n}\r\n\r\n.sp-preview {\r\n    position: relative;\r\n    width: 25px;\r\n    height: 20px;\r\n    border: solid 1px #222;\r\n    margin-right: 5px;\r\n    float: left;\r\n    z-index: 0;\r\n}\r\n\r\n.sp-palette {\r\n    *width: 220px;\r\n    max-width: 220px;\r\n}\r\n\r\n.sp-palette .sp-thumb-el {\r\n    width: 16px;\r\n    height: 16px;\r\n    margin: 2px 1px;\r\n    border: solid 1px #d0d0d0;\r\n}\r\n\r\n.sp-container {\r\n    padding-bottom: 0;\r\n}\r\n\r\n/* Buttons: http://hellohappy.org/css3-buttons/ */\r\n.sp-container button {\r\n    background-color: #eee;\r\n    background-image: -webkit-linear-gradient(top, #eee, #ccc);\r\n    background-image: -moz-linear-gradient(top, #eee, #ccc);\r\n    background-image: -ms-linear-gradient(top, #eee, #ccc);\r\n    background-image: -o-linear-gradient(top, #eee, #ccc);\r\n    background-image: linear-gradient(to bottom, #eee, #ccc);\r\n    border: 1px solid #ccc;\r\n    border-bottom: 1px solid #bbb;\r\n    border-radius: 3px;\r\n    color: #333;\r\n    font-size: 14px;\r\n    line-height: 1;\r\n    padding: 5px 4px;\r\n    text-align: center;\r\n    text-shadow: 0 1px 0 #eee;\r\n    vertical-align: middle;\r\n}\r\n\r\n.sp-container button:hover {\r\n    background-color: #ddd;\r\n    background-image: -webkit-linear-gradient(top, #ddd, #bbb);\r\n    background-image: -moz-linear-gradient(top, #ddd, #bbb);\r\n    background-image: -ms-linear-gradient(top, #ddd, #bbb);\r\n    background-image: -o-linear-gradient(top, #ddd, #bbb);\r\n    background-image: linear-gradient(to bottom, #ddd, #bbb);\r\n    border: 1px solid #bbb;\r\n    border-bottom: 1px solid #999;\r\n    cursor: pointer;\r\n    text-shadow: 0 1px 0 #ddd;\r\n}\r\n\r\n.sp-container button:active {\r\n    border: 1px solid #aaa;\r\n    border-bottom: 1px solid #888;\r\n    -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;\r\n    -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;\r\n    -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;\r\n    box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;\r\n}\r\n\r\n.sp-cancel {\r\n    font-size: 11px;\r\n    color: #d93f3f !important;\r\n    padding: 2px;\r\n    margin: 0 5px 0 0;\r\n    vertical-align: middle;\r\n    text-decoration: none;\r\n\r\n}\r\n\r\n.sp-cancel:hover {\r\n    color: #d93f3f !important;\r\n    text-decoration: underline;\r\n}\r\n\r\n.sp-palette span:hover,\r\n.sp-palette span.sp-thumb-active {\r\n    border-color: #000;\r\n}\r\n\r\n.sp-preview,\r\n.sp-alpha,\r\n.sp-thumb-el {\r\n    position: relative;\r\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);\r\n}\r\n\r\n.sp-preview-inner,\r\n.sp-alpha-inner,\r\n.sp-thumb-inner {\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    right: 0;\r\n}\r\n\r\n.sp-palette .sp-thumb-inner {\r\n    background-position: 50% 50%;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {\r\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);\r\n}\r\n\r\n.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {\r\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);\r\n}\r\n\r\n.sp-clear-display {\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);\r\n}\r\n"]}

Sid Gifari From Gifari Industries - BD Cyber Security Team