{"version":3,"sources":["../scss/_variables.scss","sumoselect/sumoselect.scss"],"names":[],"mappings":"AAKA;AA6BA;AAWA;AAcA;AAaA;AAKA;AC3EA;EAKC;;AAJA;EACC;;;AAMF;EACC;;;AAGD;EACC;;;AAGD;AAGC;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EAEC;;;AAMJ;AAEA;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EAoBC;EACA;EACA;EACA;;AArBC;AAAA;EAEC;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAQD;EACC;;AAIA;EACC;EACA;EACA;EACA;EACA,kBD9FI;EC+FJ;EACA;;AAGC;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YDlJI;ECmJJ;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAKD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;AAEA;EACA;AAEA;;AAGD;EACC;;AAIA;EACC;;AAGD;EACC;;AAKD;EACC;;AAGD;EACC;;AAIF;EACC;;AAGD;EACC;;AAIA;EACC;EACA;EACA;;AAGD;EACC;;AAIF;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIA;EACC,kBDnPG;;ACsPJ;EACC;;AAMF;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDnRI;;ACsRL;EAEC,kBD1SM;EC2SN;EACA;EACA;EACA;EACA;;AAMA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;AAEA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDjXK;;ACqXL;EACC;EACA;EACA,kBDxXI;ECyXJ;;AAIA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;AAEA;EACC,cD9ZG;EC+ZH;EACA,kBDhaG;;ACqaN;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAKH;EACC;;AAIA;EAKC;;AAJA;EACC;;AAMF;EACC,kBD1cK;EC2cL;EACA;EACA;EACA;EACA;;AAKH;EACC;EACA;;AAEA;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA,kBDhdK;ECidL;EACA;EACA;;AAGC;AAAA;EAEC;;AAIF;EACC;;AAIF;EACC;EACA","file":"sumoselect.css","sourcesContent":["\r\n$background: #eaedf7;\r\n$color:#1d212f;\r\n$border:#e8e8f7;\r\n\r\n/*Color variables*/\r\n\r\n\r\n$primary:var(--primary-bg-color);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary01);\r\n$primary-005:var(--primary005);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-05:var(--primary05);\r\n$primary-07:var(--primary07);\r\n$primary-08:var(--primary08);\r\n$secondary:#f1388b;\r\n$success:#19b159;\r\n$warning:#ff9b21;\r\n$danger:#fd6074;\r\n$info:#01b8ff;\r\n$light:#f1f2f9;\r\n$dark:#3b4863;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$pink:#ff75ad;\r\n$purple:#6f42c1;\r\n$indigo:#4b0082;\r\n$orange:#fd7e14;\r\n$teal:#00cccc;\r\n\r\n/*gray variables*/\r\n$gray-100:#eaeafb;\r\n$gray-200:#d0d0ec;\r\n$gray-300:#babade;\r\n$gray-400:#8f8fb7;\r\n$gray-500:#717196;\r\n$gray-600:#4f4f71;\r\n$gray-700:#3c3c5d;\r\n$gray-800:#262644;\r\n$gray-900:#1b1b33;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n/*Dark Theme*/\r\n$dark-theme:var(--dark-theme);\r\n$dark-body:var(--dark-body);\r\n$dark-color:var(--dark-color);\r\n$dark-border:var(--dark-border);\r\n/*Dark Theme*/\r\n\r\n\t\r\n\r\n","@import \"../../scss/variables\";\r\n\r\n.SumoSelect {\r\n\tp {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\twidth: 200px;\r\n}\r\n\r\n.SelectBox {\r\n\tpadding: 5px 8px;\r\n}\r\n\r\n.sumoStopScroll {\r\n\toverflow: hidden;\r\n}\r\n\r\n/* Filtering style */\r\n\r\n.SumoSelect {\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.search-txt {\r\n\t\tdisplay: none;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t.no-match {\r\n\t\tdisplay: none;\r\n\t\tpadding: 6px;\r\n\t}\r\n\r\n\t&.open {\r\n\t\t.search-txt {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 5px 8px;\r\n\t\t\tborder: none;\r\n\t\t\t-webkit-box-sizing: border-box;\r\n\t\t\t-moz-box-sizing: border-box;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-radius: 5px;\r\n\t\t}\r\n\r\n\t\t> .search > {\r\n\t\t\tspan,\r\n\t\t\tlabel {\r\n\t\t\t\tvisibility: hidden;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */\r\n\r\n.SelectClass,\r\n.SumoUnder {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tborder: none;\r\n\t-webkit-box-sizing: border-box;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\t-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\r\n\tfilter: alpha(opacity = 0);\r\n\t-moz-opacity: 0;\r\n\t-khtml-opacity: 0;\r\n\topacity: 0;\r\n}\r\n\r\n.SelectClass {\r\n\tz-index: 1;\r\n}\r\n\r\n.SumoSelect {\r\n\t> {\r\n\t\t.optWrapper > .options li.opt label,\r\n\t\t.CaptionCont {\r\n\t\t\tuser-select: none;\r\n\t\t\t-o-user-select: none;\r\n\t\t\t-moz-user-select: none;\r\n\t\t\t-khtml-user-select: none;\r\n\t\t\t-webkit-user-select: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.select-all > label {\r\n\t\tuser-select: none;\r\n\t\t-o-user-select: none;\r\n\t\t-moz-user-select: none;\r\n\t\t-khtml-user-select: none;\r\n\t\t-webkit-user-select: none;\r\n\t}\r\n\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\toutline: none;\r\n\twidth: 100%;\r\n\r\n\t&:focus > .CaptionCont {\r\n\t\tborder-color: #a8afc7;\r\n\t}\r\n\r\n\t> {\r\n\t\t.CaptionCont {\r\n\t\t\tposition: relative;\r\n\t\t\tborder: 1px solid $border;\r\n\t\t\tcolor: #a8afc7;\r\n\t\t\tmin-height: 14px;\r\n\t\t\tbackground-color: $white;\r\n\t\t\tborder-radius: 0;\r\n\t\t\tmargin: 0;\r\n\r\n\t\t\t> {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tpadding-right: 30px;\r\n\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\tcursor: default;\r\n\r\n\t\t\t\t\t&.placeholder {\r\n\t\t\t\t\t\tcolor: #e1e6f1;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlabel {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\twidth: 30px;\r\n\r\n\t\t\t\t\t> i:before {\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\twidth: 0;\r\n\t\t\t\t\t\theight: 0;\r\n\t\t\t\t\t\tmargin-left: 0.255em;\r\n\t\t\t\t\t\tvertical-align: 0.255em;\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tborder-top: 0.3em solid;\r\n\t\t\t\t\t\tborder-right: 0.3em solid transparent;\r\n\t\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t\t\tborder-left: 0.3em solid transparent;\r\n\t\t\t\t\t\tmargin-top: 13px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.optWrapper {\r\n\t\t\tdisplay: none;\r\n\t\t\tz-index: 3;\r\n\t\t\ttop: 30px;\r\n\t\t\twidth: 100%;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\t-webkit-box-sizing: border-box;\r\n\t\t\t-moz-box-sizing: border-box;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tbackground: $white;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\r\n\t&.open > .optWrapper {\r\n\t\ttop: 35px;\r\n\t\tdisplay: block;\r\n\t\tbox-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);\r\n\r\n\t\t&.up {\r\n\t\t\ttop: auto;\r\n\t\t\tbottom: 100%;\r\n\t\t\tmargin-bottom: 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t> .optWrapper {\r\n\t\tul {\r\n\t\t\tlist-style: none;\r\n\t\t\tdisplay: block;\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 0;\r\n\t\t\toverflow: auto;\r\n\t\t}\r\n\r\n\t\t> .options {\r\n\t\t\tborder-radius: 2px;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t/*Set the height of pop up here (only for desktop mode)*/\r\n\t\t\tmax-height: 250px;\r\n\r\n\t\t\t/*height*/\r\n\t\t}\r\n\r\n\t\t&.okCancelInMulti > .options {\r\n\t\t\tborder-radius: 2px 2px 0 0;\r\n\t\t}\r\n\r\n\t\t&.selall {\r\n\t\t\t> .options {\r\n\t\t\t\tborder-radius: 0 0 2px 2px;\r\n\t\t\t}\r\n\r\n\t\t\t&.okCancelInMulti > .options {\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t> .options li {\r\n\t\t\t&.group.disabled > label {\r\n\t\t\t\topacity: 0.5;\r\n\t\t\t}\r\n\r\n\t\t\tul li.opt {\r\n\t\t\t\tpadding-left: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.multiple > .options li ul li.opt {\r\n\t\t\tpadding-left: 50px;\r\n\t\t}\r\n\r\n\t\t&.isFloating > .options {\r\n\t\t\tmax-height: 100%;\r\n\t\t}\r\n\r\n\t\t> .options {\r\n\t\t\tli.opt {\r\n\t\t\t\tpadding: 6px 6px;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tborder-bottom: 1px solid $border;\r\n\t\t\t}\r\n\r\n\t\t\t> li.opt:first-child {\r\n\t\t\t\tborder-radius: 2px 2px 0 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.selall > .options > li.opt:first-child {\r\n\t\t\tborder-radius: 0;\r\n\t\t}\r\n\r\n\t\t> .options > li.opt:last-child {\r\n\t\t\tborder-radius: 0 0 2px 2px;\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\r\n\t\t&.okCancelInMulti > .options > li.opt:last-child {\r\n\t\t\tborder-radius: 0;\r\n\t\t}\r\n\r\n\t\t> .options li.opt {\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: $light;\r\n\t\t\t}\r\n\r\n\t\t\t&.sel {\r\n\t\t\t\tbackground-color: #a1c0e4;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.select-all {\r\n\t\t&.sel {\r\n\t\t\tbackground-color: #a1c0e4;\r\n\t\t}\r\n\r\n\t\t> span {\r\n\t\t\tposition: absolute;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 30px;\r\n\t\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tmargin-left: -35px;\r\n\t\t}\r\n\r\n\t\t> span i {\r\n\t\t\tposition: absolute;\r\n\t\t\tmargin: auto;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t\tborder: 1px solid $border;\r\n\t\t\tborder-radius: 2px;\r\n\t\t\tbackground-color: $white;\r\n\t\t}\r\n\r\n\t\t&.selected > span i,\r\n\t\t&.partial > span i {\r\n\t\t\tbackground-color: $primary;\r\n\t\t\tbox-shadow: none;\r\n\t\t\tborder-color: transparent;\r\n\t\t\tbackground-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC\");\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbackground-position: center center;\r\n\t\t}\r\n\t}\r\n\r\n\t> .optWrapper {\r\n\t\t> .options li {\r\n\t\t\tlabel {\r\n\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\twhite-space: nowrap;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t}\r\n\r\n\t\t\tspan {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t&.group > label {\r\n\t\t\t\tcursor: default;\r\n\t\t\t\tpadding: 8px 6px;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.isFloating {\r\n\t\t\tposition: fixed;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\twidth: 90%;\r\n\t\t\tbottom: 0;\r\n\t\t\tmargin: auto;\r\n\t\t\tmax-height: 90%;\r\n\t\t}\r\n\r\n\t\t> .options li.opt.disabled {\r\n\t\t\tbackground-color: inherit;\r\n\t\t\tpointer-events: none;\r\n\r\n\t\t\t* {\r\n\t\t\t\t-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";\r\n\r\n\t\t\t\t/* IE 5-7 */\r\n\t\t\t\tfilter: alpha(opacity = 50);\r\n\r\n\t\t\t\t/* Netscape */\r\n\t\t\t\t-moz-opacity: 0.5;\r\n\r\n\t\t\t\t/* Safari 1.x */\r\n\t\t\t\t-khtml-opacity: 0.5;\r\n\r\n\t\t\t\t/* Good browsers */\r\n\t\t\t\topacity: 0.5;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.multiple > .options li.opt {\r\n\t\t\tpadding-left: 35px;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 30px;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tmargin-left: -35px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t> .optWrapper.multiple > .options li.opt span i {\r\n\t\tposition: absolute;\r\n\t\tmargin: auto;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\twidth: 14px;\r\n\t\theight: 14px;\r\n\t\tborder: 1px solid $border;\r\n\t\tborder-radius: 2px;\r\n\t\tbackground-color: $white;\r\n\t}\r\n\r\n\t> .optWrapper {\r\n\t\t> .MultiControls {\r\n\t\t\tdisplay: none;\r\n\t\t\tborder-top: 1px solid $border;\r\n\t\t\tbackground-color: $white;\r\n\t\t\tborder-radius: 0 0 3px 3px;\r\n\t\t}\r\n\r\n\t\t&.multiple {\r\n\t\t\t&.isFloating > .MultiControls {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t&.okCancelInMulti > .MultiControls {\r\n\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t> p {\r\n\t\t\t\t\tpadding: 6px;\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary;\r\n\t\t\t\t\t\toutline: none;\r\n\t\t\t\t\t\tbackground-color: $primary;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t> .MultiControls > p {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tpadding: 12px;\r\n\t\t\t\twidth: 50%;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: #f1f1f1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.btnOk {\r\n\t\t\t\t\tborder-right: 1px solid #dbdbdb;\r\n\t\t\t\t\tborder-radius: 0 0 0 3px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.btnCancel {\r\n\t\t\t\t\tborder-radius: 0 0 3px 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.isFloating > .options li.opt {\r\n\t\t\tpadding: 12px 6px;\r\n\t\t}\r\n\r\n\t\t&.multiple {\r\n\t\t\t&.isFloating {\r\n\t\t\t\t> .options li.opt {\r\n\t\t\t\t\tpadding-left: 35px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tpadding-bottom: 43px;\r\n\t\t\t}\r\n\r\n\t\t\t> .options li.opt.selected span i {\r\n\t\t\t\tbackground-color: $primary;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t\tborder-color: transparent;\r\n\t\t\t\tbackground-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC\");\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-position: center center;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\topacity: 0.7;\r\n\t\tcursor: not-allowed;\r\n\r\n\t\t> .CaptionCont {\r\n\t\t\tborder-color: #e1e6f1;\r\n\t\t\tbox-shadow: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.select-all {\r\n\t\tborder-radius: 3px 3px 0 0;\r\n\t\tposition: relative;\r\n\t\tborder-bottom: 1px solid $border;\r\n\t\tbackground-color: $white;\r\n\t\tpadding: 8px 0 3px 35px;\r\n\t\theight: 36px;\r\n\t\tcursor: pointer;\r\n\r\n\t\t> {\r\n\t\t\tlabel,\r\n\t\t\tspan i {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.partial > span i {\r\n\t\t\tbackground-color: #e1e6f1;\r\n\t\t}\r\n\t}\r\n\r\n\t> .optWrapper > .options li.optGroup {\r\n\t\tpadding-left: 5px;\r\n\t\ttext-decoration: underline;\r\n\t}\r\n}\r\n"]}