colorControlBlackBerry.css   [plain text]

/*
 * Copyright (C) Research In Motion Limited 2012. All rights reserved.
 */
.color-picker-popup-area {
    max-height: none;
}

.color-picker-content {
    height: 835px;
    overflow: hidden;
}

.color-picker-block {
    padding-bottom: 20px;
}

#color-picker-swatch-block {
    -webkit-transform: translateZ(0);
}

.color-picker-switcher {
    position: relative;
    margin: 25px 25px 40px 25px;
    height: 84px;
    border-width: 8px;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABRCAYAAAAuCa0YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMkVBMDVGNzA4MjA2ODExQUIwOEY0MzBEMTc0NkM4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRTYxRUMxQzE3OEExMUUyQUY0QjhFRDlBRUQ2RjFFRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRTYxRUMxQjE3OEExMUUyQUY0QjhFRDlBRUQ2RjFFRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGMDZDMEJGRUYyMDY4MTE5NUZFRTM2MTU4NDcxREQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEyRUEwNUY3MDgyMDY4MTFBQjA4RjQzMEQxNzQ2QzhBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DFFVUgAABAlJREFUeNrsWs1PE0EU39luv+iHSNGDgtVED170yJkYDiQQDQmxEk8c9P8g/BN64KTGKBINJJwMZ85cOPhJPSmgdNuynx3fG96UsbZaYNuSsJP8Mtvdmfeb9zGzb7rDOOdas/L189cEVHFADBDV2i8uwAHY+Wt5q1kD1kgKZEiSIcKTFhtgArnTkhQIM0SovX33Nv7k6ZMLxWIxUy6XU9i2DRKeTqcrw8PD5uNHj3/cu3vPpvtIbP5FuvVlqx+qPrwuzBQurq+vD9VqNUnEj6Cd6KPrOh8ZGfn28sXL73S/euXqlV91UiBMwvX5Uqmkjd4Zvb69vX2OiKqAffIR/8cAmFKje5KkABscHNxbe7/2IZvN4vNdILZ0aozm06bvT18Gwiz5YodgErGE1QTqc1Ppa6O8mYczQ8STFlYgLWPPnj+Lb25uXqDo2wagKSqAsgLzH1DbVag/ErsbGxuDr16/EjMB+BI6GCSORll8s4iEHmCPhFQI1f9o2ahtVelbInmekM+EAxIG0xj6QCtuFTPku5/U0aVB1Aj/CyjpV53gEyKAxKePn9LsoEnMoJuaWTY5kVaodhTCo0avJOVSnmVbSXoeMeQIbdv2lNXEUTrxIy4IXBmoQ/Jd0zQNOShDmfKeAl8x6XGKHCz7Qy5xGeyQVfiAMeYfQ7tWBQfuw1pwIJu4DKWBr/iwFhApV+T58qZqXh6ghs3N3cS8/BjrbLuEopZcutaDYrT1wgqqNDFvFzhD83bBvEaL5YsHPkdD89YfsuAG0iyZP0vm7YGmvVmRlKDhHZ6nXHL1SNMwkLoUSJ1XlDUsg/IG1p0eSD2Q+MEiiWEd+JSpyw4DqRuBFGratby342+Z05GYqb4NOjFrlHc2A6mnKWgnovcU7E/DQAr/6OiIeYNOzFBWfY/a4m+6ehIVZFZW38ucwcQs3ECF5g1iGWycT53cQIXR27vo7VQ2cfhqYwfpfiqVYn8aIbAirNnf38/o+ymXnxy1fD4vQ83Qgg3diCof+ZBUnEEYHx+XGqYC1lTIGxsbk78dHXS2Ue8HhQcujazP87xoEGwoB+QJ0sL9gseEV5mtx+Kxfbhybt2+VZ6bm8OP5axWqw24rps8CSH2Rzl4PT8/n0D5yCP4cLGwbTsJuGRZ1s3Z2dkb0G4YMARRnNN1PRGLxfR2ge2xH/ZHOSgP5aJ85BG7OJm/OI6DJzpSkUgkt7Ky4kHj0u7u7rGXw4GBAbawsJCdmJgwfN/HowcVGNThiY66hx1HnF2B0WZ2dnb6lpeXrdXV1f2lpSW3XbKpqakoBGVycnIykcvlqmBicQ4CCP8+u6L4QpzSAROlCPJ4ULvFAZk2oIJAwmg02vqUTgP5ic8jgXZWM/m/BRgA7LH42gM7GD4AAAAASUVORK5CYII=) 8 8 8 8 fill stretch;
}

.color-picker-check-mark {
    width: 81px;
    height: 81px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAABRCAYAAACqj0o2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1RjJDMDI5QTFBNDhFMTExOThCOTg5MzFEMUQ4ODFCQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOEE1Qjc4MkE0NzQxMUUxQTk3MjlERjE2RjI4NDIyMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOEE1Qjc4MUE0NzQxMUUxQTk3MjlERjE2RjI4NDIyMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkREMjBBRkJFNDAyMjY4MTE4RjYyOUJERjkzNDdFRTIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGMkMwMjlBMUE0OEUxMTE5OEI5ODkzMUQxRDg4MUJCIi8+IDwvcmRmOkRlc2NyaXB0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);
}

.color-picker-option {
    position: relative;
    width: 200px;
    color: #262626;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.color-picker-button {
    position: absolute;
    height: 58px;
    width: -webkit-calc(50% - 28px); /* minus two border widths */
    border-width: 14px;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABRCAYAAAAuCa0YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMkVBMDVGNzA4MjA2ODExQUIwOEY0MzBEMTc0NkM4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRTYxRUMyMDE3OEExMUUyQUY0QjhFRDlBRUQ2RjFFRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRTYxRUMxRjE3OEExMUUyQUY0QjhFRDlBRUQ2RjFFRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGMDZDMEJGRUYyMDY4MTE5NUZFRTM2MTU4NDcxREQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEyRUEwNUY3MDgyMDY4MTFBQjA4RjQzMEQxNzQ2QzhBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qtOH4gAAAdNJREFUeNrsWstKw0AUzWhJLC1dSCqC2IiCUsiiGrpym1/oR/SL+h+FfkJX6aZbQSG48FWVBiXS2o73YAshJE0jal/3wgnMzH3Mfcy04UZIKZX/pi1lAcRG189oJm5BCBEc7hFyhHyMzCfhjfBOeJxOxp0MEbvwbVQlHBIKKRzxCLeEQZzupPCWYNCyLNVxHMPzvDNSZIaBeayDb7LBo1lKZ3mKkB7Ytr3TbDaPs9nsE41f4EEEO4zt+r5frNVqN61W64PGd6T7Pq3RE+y60+nAA+TrYY7QFrvdbqFSqbgIM+m+ThteFI1imiYK6HnOfL6Wy+V8UD5V9U43pGkaKmo4p9GhqqqJDi3XOQ2RXN8bKeRlGk8le8rh5fCu/o3EOeWcrm5OuXo388LnI8Ph5XPK1cvVyznlN3E2ummXA1cv/3Pg91M+Mvx7yoW0GE/HePi+P05RcBnil0H5tEbRX1Pa7TaE9YDHs6AT/ygoHx0LKSNBtE84tyzrot/vX9JciaARRAQwXwIf+CEH+TjdSU3bU0LOMAzRaDTUarUqdF0XYd5erycdx5H1en3gui4UomN8tVSd4iSjU0IDNz/BdgT7aJJD4Oc98b8k/riCjf4KfQkwAA9MVsiEvoANAAAAAElFTkSuQmCC) 14 14 14 14 fill stretch;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 200ms;
}

.color-picker-highlight {
    margin: -14px;
    width: 100%;
    height: 100%;
    border-width: 14px;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABRCAYAAAAuCa0YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMkVBMDVGNzA4MjA2ODExQUIwOEY0MzBEMTc0NkM4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRTYxRUMyNDE3OEExMUUyQUY0QjhFRDlBRUQ2RjFFRCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRTYxRUMyMzE3OEExMUUyQUY0QjhFRDlBRUQ2RjFFRCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBGMDZDMEJGRUYyMDY4MTE5NUZFRTM2MTU4NDcxREQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEyRUEwNUY3MDgyMDY4MTFBQjA4RjQzMEQxNzQ2QzhBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bkx10gAAALhJREFUeNrs2jELgzAQhmFPpZnaqf//Fzq5VWrSr5Chg9YcBkV4A4fLkSe5My7RUkrN0aNtThigoNdF+5IkM+v0eChuim4hZVZMilHnft6cb+vjIPC7sGdhVaJi0JzvveW9O9rQ5ors7mlwtizUQL0vm3FkQEFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBr4NG55ypBjo50VcNdHTsNub8v8NK/nP4uT8NKwuNeYd17k85MqCgp6MfAQYARVYolVjacfwAAAAASUVORK5CYII=) 14 14 14 14 fill stretch;
}

input {
    font-size: 40px;
    text-transform: uppercase;
}

.color-picker-sharp {
    font-size: 40px;
    -webkit-margin-start: 20px;
}

.color-picker-off {
    display: none !important;
    visibility: hidden !important;
}

.color-picker-inactive-font {
    color: #555555;
}

.color-picker-row {
    display: -webkit-box;
    -webkit-box-align: center;
    margin-top: -5px;
}

.color-picker-switcher {
    display: -webkit-box;
}

.color-picker-content {
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
}

.color-picker-hex-style {
    height: 85px;
    color: #262626;
    font-size: 40px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-padding-start: 20px;
    -webkit-margin-start: 20px;
    -webkit-margin-end: 0; /* override default stylesheet margin */
}

.color-picker-input {
    margin: 40px 25px 20px 25px;
    display: -webkit-box;
    -webkit-box-align: center;
}

.color-picker-well {
    margin: 20px;
    width: 126px;
    height: 126px;
    border: 2px #aaaaaa solid;
    border-radius: 6px;
    box-shadow: inset #fefefe 0 0 0 3px;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.color-picker-input .color-picker-well {
    margin: 0;
}

.color-picker-slider {
    margin: 20px 25px;
    display: -webkit-box;
    -webkit-box-align: center;
}

.color-picker-slider-output {
    width: 101px;
    height: 85px;
    text-align: center;
    -webkit-margin-start: 20px;
}

.color-picker-range {
    display: block;
    -webkit-box-flex: 1;
    -webkit-appearance: none !important;
    height: 14px;
    border: 2px solid #aaaaaa;
    border-radius: 7px;
}

.color-picker-range::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA9CAYAAADxoArXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJGQ0Y5M0NCNzkxMTFFMTg5OTFFRTM3NEZFMUNBODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJGQ0Y5M0RCNzkxMTFFMTg5OTFFRTM3NEZFMUNBODEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkZDRjkzQUI3OTExMUUxODk5MUVFMzc0RkUxQ0E4MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkZDRjkzQkI3OTExMUUxODk5MUVFMzc0RkUxQ0E4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiVrrCkAAAj9SURBVHja5Jt7TNRX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);
    height:61px;
    width:60px;
}

.color-picker-range::-webkit-slider-thumb:active {
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA9CAYAAADxoArXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJGQ0Y5MzhCNzkxMTFFMTg5OTFFRTM3NEZFMUNBODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJGQ0Y5MzlCNzkxMTFFMTg5OTFFRTM3NEZFMUNBODEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkZDRjkzNkI3OTExMUUxODk5MUVFMzc0RkUxQ0E4MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkZDRjkzN0I3OTExMUUxODk5MUVFMzc0RkUxQ0E4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqxFuU4AAAjJSURBVHja5JsLbFPnFcfP9bVjJ7GdxHHSJIuXZhAeIUAehGVpiEY0GIoiUSi0Wso20Y1Vk1ppmtYCmqZ12thgL00aUh+DtahdVkopKoJOFJYWCgES0qR5EEh45mEb54XtJI59fe/dd5xjZKy8SUjsfegfO3G43/3d853znfN9XwD+zxo3y9dXMxmY9EzRTNqgfmV6HWQaYHIw9TG55y3wn1rsD33/ytKYBPaSwhRPgFxAP9wofcoB4P73CN/LZGbX7x6vf9bflO5XORNPjXWqYi8ZBBnHpECZVuTF5W/atiwxPSNNG29M1BoSvuaj5nlfv7Ioen3m7e+1OHtsVtvttrs1x95r7mioVdKoSGPX7if4NgYvzLWFEWwZUxINWUVO2VbT6i0/LE7JXPEtPlqf3OMWwSHIMCRK4BTkh8axv3OdkoMopQL0Kg6Mah7EQYfFfLXhYvWHh87VnTjSwX5FomFvZWr+Y4td8t/Aq1O08KMAp5PQEnzZzj352aXPbFIYnljUOSSC2SXCgFea1oW1DD4lkofUKB6kvnut9Z8cPXZi3y9r2Eci+fltBn37cQHj8M0mP+XXvbw7u7B8x3anJia1zSlAn0ea0SBjiFBAhk4FumF7Z1XFP94+/fc/1BO4mQnfC7MJHMWUy2RMXpIVV/7ngz9WpC4sbGSu5RAkmM2mVylgOQsVUueNqopf/OiA5VoT+nYP05dMQ5O9Dj+Vh81UwBS7avO2jOf+8s5vbkYYFzcxWLcoz/r8iX20M1eR9fGm9Vu+VzTUa2sxtzTg9JXMhPCumQQ2Mj3FFFm28/eFBT/dteuSk9PN9PCdTMORZPEqotas21AcG2ewtl74r439OJUi+dBMDGmcVwtxCtv+5pGt+vyS52r73OCVYU4bC+yQZ1CDo6by8Nsvbj3CfoRTXBVT96NYGKeabzJpXjhwrBxWFm+tu+8BCea+4T10spkgIW1BVm5BobLu+OFmygOs4wUyfoJonI+JRNnuvUWa4qe3X3UIMN9at1uCeFP6UlNCvLn1/BkrTZMWeiZTAl6FCUXupvKMZTt27fzK7uVhnjaEzszJzRN7zF9ZrjW6aGR2TQUY08QFqVm5CaV7D/y62slpJZjfzeqW+TXfLsntvHy2ymGz8OTTfZMJWjiU1zLFvHSydne9OjlnSJQhFFoUz0H2sLl2f9mqfexbrGo+C/bn0Sy8Eofy+p+/VmBfWbJ5Lqae6TZM1UVtbEp6nLb95sXPbWQ8a3DyH1y/pqnUmghT2bbnzTjRs4uEkrrYPeO9IwOyENOYFsbKx7jh1T1rzOn5JW5JhlBsTk6tzUwyWNrOn2knt703loUxo1Ia1z690cEqHTmgIg8l4b0jA9X7xrEsjOnZwtXlOzIduRs2uligClVglEupiUnyOpq6Gr90otGprHzIwljE82nrNxf3C8x3Q/wfMiALGTVptCUe33AeTFqULUsQFg1Zgoe138I6zE4y1280WTmNQaK8LNSFLFmlz6RR5qUPBMakW5FauG7JICuDQm0qGkvIkrx67SLiNAQOabSwQkpITZYhvJrMmAhYFwiMK2G8aEgySWFGjEwUuGICgTU4QQ+ptQYZwosYmSj50AQCq3zAoFSHm4WRiYBVgcCYdyq8yojIcPNhZCIfjgiehwELI5kPL+DgYs8PLPq+CB63pFBpwipoMaZARj+wr0jmRcHtDbMhjUyBjMoHvs2SE3ngfq8UGZMYVvMwY6LEaygw0xr0hWpHjy2UK6TRhEyBjH4L230Wttzpkr6RF16ZFmMiC9sDLYyre+JQ/Rdt4WZhZKKA1RcIjPTuztMftUuuQWe4FA/IgkwwcmbEHjik8WHgnoxe0dnaLC7ILgiLCM1YaH26mxgfWFim7Qmv4tLJi+EynJGFgC3BwNjQ9A7r0beapQF7T6jDIgOy0FpW+2irlujYGMIF7srpSiwiQlnIQMmGzZ9lBQPjg7mB6afz4GtnmcPbQ9a67N6RAVmISR5rIR6jmV4SPFp1nNEDC3NWhmS0Ov3eB8OXP73O3t2ZCFim8G3y1J3tVq19Ngui9XEhlWh0d90e+O0PKsh3MWgNT7SZJtB+jEFlvdkBBaUFQCfn5n/xK3jk1195Xei6hX6LFu4ItO5YwPgLeBzIIFjugMLrscHyojwZOG7e++6pd993nfhnHXvbyVQdGKzGA/ZDYyr2hHi91qlISpO4tKVL5rNxpaaqL9x/e/k4bauchzGOMY23viEQ9NfF6lPt3IoiIxefkjov/fZWY53nV1veoRLwEk1F8lSBZXpKqETu8n9uwLLCBIhPSplXsG31V8TfbTskCx60LJ7KuwUw9kGjiVaw/FE7kl0wWqp8vxkSTV42vBcxl+bmllSWpHMfHffufeFDgsXpp2E82MkA+5uFwrtRrvn0LggeK7d4VSbwStXcrMwNu6TDfz0kvbvnHIwcJseTto0EK88EMDY8z4jnJeLl61f6uVsNV7nMgnSI0sU8VtjurnZ5/8/ekM4ebaHZ5HOKyhPCThXY79N4bDdavndXlE4erIYYwyCkZjwJSmXErIK6XYNy5b8/Fvd8v4L1baOC4AIZYtIbvNPxQwU9qBwYOc8VzekMOnh+ZxFXUFoCkVr9jIK6BhzypU8q4V/7zsvOPgdF4lYYOSstTgV2usD+/4fQmHYux1QURvZu1LDppRXc6u/mg2nxElCqpmd1ljFBx/VrcvWpGji2v4Fy/GHKnBrJquKLNT3ym/lGeBzAwdbGDSs8AYQnb3W0raGC75RncFlPLYS4xHjAbUttrAEiNJHBAQgG7vdBd6cF+m29ctOFG3Cmoo3yAA8lErhi0exfe2OgD6z6uIH91/BbHGGehJFD20ayupI+4+kBBf4pz4OskIanSCsUwxSQLFTxuOgz+Sc1PQ8FpremCPzIRQHdgO+mWedessQ1Akwg4d8vxcLInxCogoAF8sv7NMV0k/wPQAqGfFTrzFbzW1IR9DrWDCAFvYbbRubctP8JMADGrgP9GCFI0AAAAABJRU5ErkJggg==);
}

.red-ranger-bg {
    background: #ff1e1e;
}

.green-ranger-bg {
    background: #24ff24;
}

.blue-ranger-bg {
    background: #2121ff;
}

@media only screen and (height: 768px) {
    .color-picker-content {
        max-height: 475px;
        overflow-y: scroll;
    }
}

@media only screen and (height: 720px) {
    .color-picker-content {
        max-height: 470px;
        overflow-y: scroll;
    }

    .color-picker-well {
        margin: 10px;
        width: 106px;
        height: 106px;
    }
}