.RadColorPicker_Avanti {
  font-family: "Roboto", "Noto", sans-serif;
  font-size: 1em; }
  .RadColorPicker_Avanti .rcpPalette {
    background-color: #ffffff;
    border-color: #ffffff; }
  .RadColorPicker_Avanti .rcpHeader {
    background-color: #ffffff; }
  .RadColorPicker_Avanti .rcpImageButton,
  .RadColorPicker_Avanti a.rslDraghandle:before {
    color: #607D8B; }
  .RadColorPicker_Avanti .rcpImageButton:hover {
    color: #263238; }
  .RadColorPicker_Avanti .rcpIcon {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .RadColorPicker_Avanti .rcpIcon em,
  .RadColorPicker_Avanti .rcpColorPreview,
  .RadColorPicker_Avanti .rcpInput,
  .RadColorPicker_Avanti .rcpHexInput,
  .RadColorPicker_Avanti .rcpMillionColorsPalette,
  .RadColorPicker_Avanti .rcpMillionColorsSlider div.rslTrack {
    background-color: transparent;
    color: #455a64;
    border-color: #cfd8dc; }
  .RadColorPicker_Avanti .rcpIcon em:hover,
  .RadColorPicker_Avanti .rcpColorPreview:hover,
  .RadColorPicker_Avanti .rcpInput:hover,
  .RadColorPicker_Avanti .rcpHexInput:hover,
  .RadColorPicker_Avanti .rcpMillionColorsPalette:hover,
  .RadColorPicker_Avanti .rcpMillionColorsSlider div.rslTrack:hover {
    background-color: transparent;
    color: #455a64;
    border-color: #90a4ae; }
  .RadColorPicker_Avanti .rcpIcon em:active,
  .RadColorPicker_Avanti .rcpColorPreview:active,
  .RadColorPicker_Avanti .rcpInput:active,
  .RadColorPicker_Avanti .rcpHexInput:active,
  .RadColorPicker_Avanti .rcpMillionColorsPalette:active,
  .RadColorPicker_Avanti .rcpMillionColorsSlider div.rslTrack:active,
  .RadColorPicker_Avanti .rcpIcon em:focus,
  .RadColorPicker_Avanti .rcpColorPreview:focus,
  .RadColorPicker_Avanti .rcpInput:focus,
  .RadColorPicker_Avanti .rcpHexInput:focus,
  .RadColorPicker_Avanti .rcpMillionColorsPalette:focus,
  .RadColorPicker_Avanti .rcpMillionColorsSlider div.rslTrack:focus {
    background-color: transparent;
    color: #455a64;
    border-color: #FF9800; }
  .RadColorPicker_Avanti .rcpIcon a,
  .RadColorPicker_Avanti .rcpTabs li,
  .RadColorPicker_Avanti .rcpButton {
    background-color: #ffffff;
    color: #455A64;
    border-color: transparent; }
  .RadColorPicker_Avanti .rcpIcon a:before,
  .RadColorPicker_Avanti .rcpTabs a {
    color: #455A64; }
  .RadColorPicker_Avanti .rcpIcon a:hover,
  .RadColorPicker_Avanti .rcpTabs li:hover,
  .RadColorPicker_Avanti .rcpButton:hover {
    background-color: #ECEFF1;
    color: #455A64; }
  .RadColorPicker_Avanti .rcpIcon a:hover:before,
  .RadColorPicker_Avanti .rcpTabs li:hover a {
    color: #455A64; }
  .RadColorPicker_Avanti .rcpTabs .rcpSelectedTab,
  .RadColorPicker_Avanti .rcpTabs .rcpSelectedTab:hover {
    background-color: #ffffff;
    color: #FF9800; }
  .RadColorPicker_Avanti .rcpIcon a:focus {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .RadColorPicker_Avanti .rcpIcon a:active:before,
  .RadColorPicker_Avanti .rcpTabs .rcpSelectedTab a,
  .RadColorPicker_Avanti .rcpTabs .rcpSelectedTab:hover a {
    color: #455A64; }
  .RadColorPicker_Avanti .rcpRecentColors {
    border-color: transparent; }
  .RadColorPicker_Avanti.rcpCustomColorWrapper {
    width: 28em !important;
    height: 21.28571em !important; }
    .RadColorPicker_Avanti.rcpCustomColorWrapper .rcpPalette {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .RadColorPicker_Avanti .rcpIcon,
  .RadColorPicker_Avanti .rcpIcon a,
  .RadColorPicker_Avanti .rcpButton {
    border-radius: 0.14286em; }
  .RadColorPicker_Avanti .rcpIcon a:before {
    right: 0.46429em; }
  .RadColorPicker_Avanti .rcpIcon a.t-ripple-effect {
    border: 0px solid transparent; }
  .RadColorPicker_Avanti .rcpIcon a.t-ripple-effect:before {
    right: 0.5em; }
  .RadColorPicker_Avanti .rcpViews,
  .RadColorPicker_Avanti .rcpPageView {
    padding: 0; }
  .RadColorPicker_Avanti .rcpViews {
    margin: 0em 0em 0em -0.21429em;
    background-color: #ffffff; }
  .RadColorPicker_Avanti .rcpPalette {
    padding: 0;
    border-radius: 0.14286em 0.14286em 0em 0em;
    border: none; }
  .RadColorPicker_Avanti .rcpHeader {
    height: 3.42857em;
    margin: 0em 0em 0em -0.21429em;
    padding: 0;
    border: 0;
    border-radius: 0.14286em 0.14286em 0em 0em; }
  .RadColorPicker_Avanti .rcpColorPreview {
    width: 5.14286em;
    height: 3.42857em;
    border: 0; }
  .RadColorPicker_Avanti .rcpPalette .rcpHeader .rcpHexInput,
  .RadColorPicker_Avanti .rcpPalette .rcpHeader .rcpInput {
    height: 3.21429em;
    padding: 0em 0.71429em; }
  .RadColorPicker_Avanti .rcpHexInput,
  .RadForm.rfdTextbox .RadColorPicker_Avanti input.rcpHexInput {
    width: 5.71429em;
    border: 0;
    border-radius: 0; }
  .RadForm.rfdTextbox .RadColorPicker_Avanti input.rcpHexInput:hover,
  .RadForm.rfdTextbox .RadColorPicker_Avanti input.rcpHexInput:active,
  .RadForm.rfdTextbox .RadColorPicker_Avanti input.rcpHexInput:focus {
    background-color: transparent; }
  .RadColorPicker_Avanti .rcpImageButton {
    width: 3.42857em;
    height: 3.42857em;
    margin-left: 0;
    text-align: center;
    position: relative;
    overflow: hidden; }
  .RadColorPicker_Avanti .rcpImageButton:before {
    margin: auto;
    position: absolute;
    height: 1em;
    line-height: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .RadColorPicker_Avanti .rcpButton {
    overflow: hidden;
    height: 3.42857em;
    line-height: 3.42857em;
    margin: 0;
    padding: 0em 1.14286em;
    border: 0;
    border-radius: 0; }
  .RadColorPicker_Avanti .rcpPageView {
    margin: 0; }
  .RadColorPicker_Avanti .rcpRecentColorsWrapper {
    padding: 0.71429em 0em 0.71429em 0.71429em; }
    .RadColorPicker_Avanti .rcpRecentColorsWrapper .rcpRecentColorsLabel {
      padding: 0;
      font-size: 0.85714em;
      color: #607D8B; }
    .RadColorPicker_Avanti .rcpRecentColorsWrapper .rcpRecentColors {
      padding: 0; }
  .RadColorPicker_Avanti .rcpWebPalette .rcpColorBox, .RadColorPicker_Avanti .rcpWebPalette .rcpSelectedColor {
    width: 1.42857em; }
  .RadColorPicker_Avanti .rcpTabs {
    left: -0.14286em;
    bottom: -3.42857em; }
    .RadColorPicker_Avanti .rcpTabs _::-moz-range-track, body:last-child .RadColorPicker_Avanti .rcpTabs {
      bottom: -3.5em; }
    .RadColorPicker_Avanti .rcpTabs ul {
      width: 100%; }
    .RadColorPicker_Avanti .rcpTabs li {
      width: 25%;
      border-width: 2px 0 0;
      border-style: solid;
      border-color: #ffffff;
      padding: 0.89286em 0em;
      box-sizing: border-box;
      text-transform: uppercase;
      text-align: center;
      overflow: hidden; }
    .RadColorPicker_Avanti .rcpTabs li:active,
    .RadColorPicker_Avanti .rcpTabs .rcpSelectedTab {
      border-color: #FF9800;
      border-radius: 0; }
    .RadColorPicker_Avanti .rcpTabs .rcpSelectedTab a,
    .RadColorPicker_Avanti .rcpTabs .rcpSelectedTab:hover a {
      color: #FF9800; }
    .RadColorPicker_Avanti .rcpTabs a,
    .RadColorPicker_Avanti .rcpTabs .rcpSelectedTab a {
      line-height: normal;
      background-image: none; }
    .RadColorPicker_Avanti .rcpTabs .rcpSelectedTab + li {
      margin: 1px 0 0; }
  .RadColorPicker_Avanti .rcpInput,
  .RadForm.rfdTextbox .RadColorPicker_Avanti input.rcpInput {
    padding: 0;
    border-width: 0 0 1px;
    border-radius: 0; }
  .RadColorPicker_Avanti .rcpInput:active,
  .RadForm.rfdTextbox .RadColorPicker_Avanti input.rcpInput:active,
  .RadColorPicker_Avanti .rcpInput:focus,
  .RadForm.rfdTextbox .RadColorPicker_Avanti input.rcpInput:focus {
    border-width: 0 0 2px; }
  .RadColorPicker_Avanti .rcpSlider .rslTrack a.rslDraghandle:before {
    content: "";
    display: none; }
  .RadColorPicker_Avanti .rcpSlider .rslTrack a.rslDraghandle,
  .RadColorPicker_Avanti .rcpSlider .rslTrack a.rslDraghandle:hover {
    width: 0.85714em;
    height: 0.85714em;
    border-radius: 3.21429em;
    background-color: #FF9800;
    border-color: #FF9800; }
  .RadColorPicker_Avanti .rcpSlider .rslTrack a.rslDraghandle:active {
    width: 1.28571em;
    height: 1.28571em; }
  .RadColorPicker_Avanti .rcpMillionColorsPalette,
  .RadColorPicker_Avanti .rcpHsvPageView .rcpMillionColorsPalette {
    width: 21.85714em;
    height: 17.85714em;
    border: 0; }
  .RadColorPicker_Avanti div.rcpMillionColorsSlider {
    margin: 0.71429em 0em 0.71429em 1.28571em; }
  .RadColorPicker_Avanti .rcpMillionColorsPageView .rcpInputsWrapper {
    width: 4.28571em;
    margin: 0em 0em 0.35714em -1em; }
    .RadColorPicker_Avanti .rcpMillionColorsPageView .rcpInputsWrapper .rcpInput,
    .RadForm.rfdTextbox .RadColorPicker_Avanti .rcpMillionColorsPageView .rcpInputsWrapper input.rcpInput {
      width: 2.85714em;
      padding: 0.60714em 0em; }
  .RadColorPicker_Avanti .rcpPalette label, .RadColorPicker_Avanti .rcpRecentColorsLabel {
    line-height: 2.71429em; }
  .RadColorPicker_Avanti div.rcpMillionColorsSlider div.rslVertical .rslTrack {
    border: 0; }
  .RadColorPicker_Avanti div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle {
    width: 0.85714em;
    height: 0.85714em;
    border-radius: 3.21429em;
    background-color: #FF9800;
    border-color: #FF9800;
    margin-left: -0.35714em;
    text-indent: -9999px; }
  .RadColorPicker_Avanti div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:active {
    width: 1.28571em;
    height: 1.28571em;
    margin-left: -0.57143em; }
  .RadColorPicker_Avanti div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle:before {
    content: ""; }
  .RadColorPicker_Avanti .rcpRGBPageView .rcpSlider {
    margin: 1em 0em 0em; }
  .RadColorPicker_Avanti .rcpRGBPageView ul li {
    margin-bottom: 0; }
  .RadColorPicker_Avanti .rcpRGBPageView label {
    padding: 0em 0em 0em 0.71429em;
    line-height: 3.42857em;
    color: #607D8B; }
  .RadColorPicker_Avanti .rcpRGBPageView .rcpInput,
  .RadForm.rfdTextbox .RadColorPicker_Avanti .rcpRGBPageView input.rcpInput {
    width: 2.85714em;
    margin: 0em 0.71429em 0em 1.07143em;
    padding: 0.60714em 0em; }
  .RadColorPicker_Avanti .rcpIcon {
    padding: 8px 0;
    width: 5.14286em; }
  .RadColorPicker_Avanti .rcpIcon em {
    border: 0 none;
    height: 2.57143em;
    margin: -0.57143em 0em 0em;
    width: 2.57143em; }