.RadColorPicker_Material{font-family:"Roboto","Noto",sans-serif}.RadColorPicker_Material .rcpPalette{background-color:#fff;border-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.16),0 6px 6px rgba(0,0,0,0.2)}.RadColorPicker_Material .rcpIcon ~ .rcpPalette{box-shadow:0 19px 38px rgba(0,0,0,0.2),0 15px 12px rgba(0,0,0,0.2)}.RadColorPicker_Material .rcpHeader{background-color:#f4f7f8}.RadColorPicker_Material .rcpImageButton,.RadColorPicker_Material a.rslDraghandle:before{color:#607D8B}.RadColorPicker_Material .rcpImageButton:hover{color:#263238}.RadColorPicker_Material .rcpIcon{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2)}.RadColorPicker_Material .rcpIcon em,.RadColorPicker_Material .rcpColorPreview,.RadColorPicker_Material .rcpInput,.RadColorPicker_Material .rcpHexInput,.RadColorPicker_Material .rcpMillionColorsPalette,.RadColorPicker_Material .rcpMillionColorsSlider div.rslTrack{border-color:#CFD8DC;color:#455A64;background-color:transparent}.RadColorPicker_Material .rcpIcon em:hover,.RadColorPicker_Material .rcpColorPreview:hover,.RadColorPicker_Material .rcpInput:hover,.RadColorPicker_Material .rcpHexInput:hover,.RadColorPicker_Material .rcpMillionColorsPalette:hover,.RadColorPicker_Material .rcpMillionColorsSlider div.rslTrack:hover{background-color:transparent;color:#455A64;border-color:#90A4AE}.RadColorPicker_Material .rcpIcon em:active,.RadColorPicker_Material .rcpColorPreview:active,.RadColorPicker_Material .rcpInput:active,.RadColorPicker_Material .rcpHexInput:active,.RadColorPicker_Material .rcpMillionColorsPalette:active,.RadColorPicker_Material .rcpMillionColorsSlider div.rslTrack:active,.RadColorPicker_Material .rcpIcon em:focus,.RadColorPicker_Material .rcpColorPreview:focus,.RadColorPicker_Material .rcpInput:focus,.RadColorPicker_Material .rcpHexInput:focus,.RadColorPicker_Material .rcpMillionColorsPalette:focus,.RadColorPicker_Material .rcpMillionColorsSlider div.rslTrack:focus{border-color:#8BC34A;color:#455A64;background-color:transparent}.RadColorPicker_Material .rcpIcon a,.RadColorPicker_Material .rcpTabs li,.RadColorPicker_Material .rcpButton{border:0;border-color:#CFD8DC;color:#455A64;background-color:#f4f7f8}.RadColorPicker_Material .rcpIcon a:hover,.RadColorPicker_Material .rcpTabs li:hover,.RadColorPicker_Material .rcpButton:hover{border-color:#ECEFF1;color:#455A64;background-color:#ECEFF1}.RadColorPicker_Material .rcpTabs .rcpSelectedTab,.RadColorPicker_Material .rcpTabs .rcpSelectedTab:hover{border-color:#CFD8DC;color:#455A64;background-color:#CFD8DC}.RadColorPicker_Material .rcpIcon a:focus{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2)}.RadColorPicker_Material .rcpIcon a:active:before,.RadColorPicker_Material .rcpTabs .rcpSelectedTab a,.RadColorPicker_Material .rcpTabs .rcpSelectedTab:hover a{color:#455A64}.RadColorPicker_Material.rcpCustomColorWrapper{width:28em!important;height:21.28571429em!important}.RadColorPicker_Material.rcpCustomColorWrapper .rcpPalette{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.2)}.RadColorPicker_Material .rcpIcon,.RadColorPicker_Material .rcpIcon a,.RadColorPicker_Material .rcpButton{border-radius:.14285714em}.RadColorPicker_Material .rcpIcon a:before{right:.46428571em}.RadColorPicker_Material .rcpIcon a.t-ripple-effect{border:0 solid transparent}.RadColorPicker_Material .rcpIcon a.t-ripple-effect:before{right:.5em}.RadColorPicker_Material .rcpViews,.RadColorPicker_Material .rcpPageView{padding:0}.RadColorPicker_Material .rcpViews{margin:0 0 0 -0.21428571em;background-color:#fff}.RadColorPicker_Material .rcpPalette{padding:0;border-radius:.14285714em .14285714em 0 0;border:0}.RadColorPicker_Material .rcpHeader{height:3.42857143em;margin:0 0 0 -0.21428571em;padding:0;border:0;border-radius:.14285714em .14285714em 0 0}.RadColorPicker_Material .rcpColorPreview{width:5.14285714em;height:3.42857143em;border:0}.RadColorPicker_Material .rcpPalette .rcpHeader .rcpHexInput,.RadColorPicker_Material .rcpPalette .rcpHeader .rcpInput{height:3.21428571em;padding:0 .71428571em}.RadColorPicker_Material .rcpHexInput,.RadForm.rfdTextbox .RadColorPicker_Material input.rcpHexInput{width:5.71428571em;border:0;border-radius:0}.RadForm.rfdTextbox .RadColorPicker_Material input.rcpHexInput:hover,.RadForm.rfdTextbox .RadColorPicker_Material input.rcpHexInput:active,.RadForm.rfdTextbox .RadColorPicker_Material input.rcpHexInput:focus{background-color:transparent}.RadColorPicker_Material .rcpImageButton{width:3.42857143em;height:3.42857143em;margin-left:0;text-align:center;position:relative;overflow:hidden}.RadColorPicker_Material .rcpImageButton:before{margin:auto;position:absolute;height:1em;line-height:1;top:0;right:0;bottom:0;left:0}.RadColorPicker_Material .rcpButton{overflow:hidden;height:3.42857143em;line-height:3.42857143em;margin:0;padding:0 1.14285714em;border:0;border-radius:0}.RadColorPicker_Material .rcpPageView{margin:0}.RadColorPicker_Material .rcpRecentColorsWrapper{padding:.71428571em 0 .71428571em .71428571em}.RadColorPicker_Material .rcpRecentColorsWrapper .rcpRecentColorsLabel{padding:0;font-size:.85714286em;color:#607D8B}.RadColorPicker_Material .rcpRecentColorsWrapper .rcpRecentColors{padding:0}.RadColorPicker_Material .rcpTabs{left:-0.14285714em;bottom:-3.42857143em}.RadColorPicker_Material .rcpTabs _::-moz-range-track,body:last-child .RadColorPicker_Material .rcpTabs{bottom:-3.5em}.RadColorPicker_Material .rcpTabs ul{width:100%}.RadColorPicker_Material .rcpTabs li{width:25%;border-width:2px 0 0;border-style:solid;border-color:#f4f7f8;padding:.89285714em 0;box-sizing:border-box;text-transform:uppercase;text-align:center;overflow:hidden}.RadColorPicker_Material .rcpTabs li:active,.RadColorPicker_Material .rcpTabs .rcpSelectedTab{border-color:#8BC34A;border-radius:0}.RadColorPicker_Material .rcpTabs .rcpSelectedTab a,.RadColorPicker_Material .rcpTabs .rcpSelectedTab:hover a{color:#8BC34A}.RadColorPicker_Material .rcpTabs a,.RadColorPicker_Material .rcpTabs .rcpSelectedTab a{line-height:normal;background-image:none}.RadColorPicker_Material .rcpTabs .rcpSelectedTab+li{margin:1px 0 0}.RadColorPicker_Material .rcpInput,.RadForm.rfdTextbox .RadColorPicker_Material input.rcpInput{padding:0;border-width:0 0 1px;border-radius:0}.RadColorPicker_Material .rcpInput:active,.RadForm.rfdTextbox .RadColorPicker_Material input.rcpInput:active,.RadColorPicker_Material .rcpInput:focus,.RadForm.rfdTextbox .RadColorPicker_Material input.rcpInput:focus{border-width:0 0 2px}.RadColorPicker_Material .rcpSlider .rslTrack a.rslDraghandle:before{content:"";display:none}.RadColorPicker_Material .rcpSlider .rslTrack a.rslDraghandle,.RadColorPicker_Material .rcpSlider .rslTrack a.rslDraghandle:hover{width:.85714286em;height:.85714286em;border-radius:3.21428571em;background-color:#8BC34A;border-color:#8BC34A}.RadColorPicker_Material .rcpSlider .rslTrack a.rslDraghandle:active{width:1.28571429em;height:1.28571429em}.RadColorPicker_Material .rcpMillionColorsPalette,.RadColorPicker_Material .rcpHsvPageView .rcpMillionColorsPalette{width:21.85714286em;height:17.85714286em;border:0}.RadColorPicker_Material div.rcpMillionColorsSlider{margin:.71428571em 0 .71428571em 1.28571429em}.RadColorPicker_Material .rcpMillionColorsPageView .rcpInputsWrapper{width:4.28571429em;margin:0 0 .35714286em -1em}.RadColorPicker_Material .rcpMillionColorsPageView .rcpInputsWrapper .rcpInput,.RadForm.rfdTextbox .RadColorPicker_Material .rcpMillionColorsPageView .rcpInputsWrapper input.rcpInput{width:2.85714286em;padding:.60714286em 0}.RadColorPicker_Material .rcpPalette label,.RadColorPicker_Material .rcpRecentColorsLabel{line-height:2.71428571em}.RadColorPicker_Material div.rcpMillionColorsSlider div.rslVertical .rslTrack{border:0}.RadColorPicker_Material div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle{width:.85714286em;height:.85714286em;border-radius:3.21428571em;background-color:#8BC34A;border-color:#8BC34A;margin-left:-0.35714286em;text-indent:-9999px}.RadColorPicker_Material div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:active{width:1.28571429em;height:1.28571429em;margin-left:-0.57142857em}.RadColorPicker_Material div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:before{content:""}.RadColorPicker_Material .rcpRGBPageView .rcpSlider{margin:1em 0 0}.RadColorPicker_Material .rcpRGBPageView ul li{margin-bottom:0}.RadColorPicker_Material .rcpRGBPageView label{padding:0 0 0 .71428571em;line-height:3.42857143em;color:#607D8B}.RadColorPicker_Material .rcpRGBPageView .rcpInput,.RadForm.rfdTextbox .RadColorPicker_Material .rcpRGBPageView input.rcpInput{width:2.85714286em;margin:0 .71428571em 0 1.07142857em;padding:.60714286em 0}.RadColorPicker_Material .rcpIcon{padding:8px 0;width:5.14285714em}.RadColorPicker_Material .rcpIcon em{border:0 none;height:2.57143em;margin:-0.57142857em 0 0;width:2.57143em}.RadColorPicker_Material .rcpEmptyColorPreview:before{content:"";margin:24px 0 0 -12px;width:100px;height:2px;transform:rotate(-45deg);background-color:#f34235}.RadColorPicker_Material .rcpEmptyIcon em:before{content:"";margin:0 0 0 -10px;width:65px;height:2px;transform:rotate(-45deg);background-color:#f34235}.RadColorPickerRTL .rcpEmptyColorPreview:before{margin:33px -7px 0 6px;width:101px}.RadColorPickerRTL .rcpTabs ul{margin-right:.2em}.RadColorPickerRTL .rcpEmptyIcon em:before{margin:18px -12px 0 -10px}