/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
        margin-top:20px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

/* Search and Date Picker Placeholder Color for Navigation */
.nav-wrapper input::-webkit-input-placeholder{ color:#fff !important; }
.nav-wrapper input::-moz-placeholder{ color:#fff !important; }
.nav-wrapper input::-moz-placeholder{ color:#fff !important; }
.nav-wrapper input::-ms-input-placeholder{ color:#fff !important; }

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}

.sp-hidden {
    display: none !important;
}
.sp-container {
    border-radius: 0;
    background-color: #E0E0E0;
    padding: 0;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}

/* Palettes */
.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    margin:50px;
    cursor: pointer;
}

.sp-thumb-el {
    position:relative;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
}
.sp-dd {
    display:none;
}
.sp-preview {
    position:relative;
    width:30px;
    height: 30px;
    float:left;
    z-index: 0;
    background-color: #bdbdbd;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.sp-palette .sp-thumb-el {
    width:30px;
    height:30px;
    margin:2px;
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
    width:30px;
    height:30px;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}