#scOrderDataflow-container{
    padding:10px;
}

.select_color_type{
    text-align:center;
}
.select_color_type.floating{
	position: absolute;
    top: 0;
    right: 0;
    width: 139px;
}
.select_color_type a{
    box-shadow: 1px 1px 9px #9e9e9e;
    display: inline-block;
    margin: 10px 15px;
}

.select_color_type a:hover{
    box-shadow: 7px 5px 9px #9e9e9e;
}

.modal_btn {
    background: #000;
    padding: 5px 12px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}

.modal_btn:hover{
    color: #cecece;
}

.ral_selector_content .filters .btn{
    color:#fff;
    margin: 1px;
}

.ral_selector_content .ral-grid,
.ral_selector_content .akzonobel-grid{
    margin:30px auto;
}

.ral_selector_content .ral-grid .item,
.ral_selector_content .akzonobel-grid .item{
    padding: 39px 15px;
    color: #fff;
    font-size: 12px;
    width: 139px;
    margin: 4px;
    cursor:pointer;
}

.color-group,
.confirm-btn-row{
	display:none;
}

.ral_selector_content .finition-item{
    color: #fff;
    font-size: 12px;
    width: 139px;
    height:139px;
    margin: 4px;
    cursor:pointer;
    float:left;
    position: relative;
    overflow: hidden;
}

.ral_selector_content .selected-color::before{
    font-family: "FontAwesome";
    content: "\f00c";
    display: block;
    position: absolute;
    top: 29px;
    right: -20px;
    text-shadow: none;
    font-size: 75px;
    color: rgba(255,255,255,0.7);
}

.ral_selector_content .finition-item:hover,
.ral_selector_content .item:hover{
    box-shadow:5px 2px 9px #9e9e9e;
}

.ral_selector_content .ral-grid .item span,
.ral_selector_content .akzonobel-grid .item span,
.ral_selector_content .finition-item span{
    background: rgba(0,0,0,0.3);
    color: #ffffff;
    padding: 5px;
    position: absolute;
    left: 0;
    top: 0;
}

.finition-btn{
    float:right;
}

div.uploader span.action{
    background: black;
}
div.uploader input{
    cursor:pointer;
}
#dataFlowUploader-form-group{
    background: #eaeaea;
    padding: 0 15px;
    border: 1px dashed black;
    margin: 32px 0;
}
#dataFlowUploader-form-group p.description{
    font-size:12px;
    color:#949494;
}
#dataFlowUploader-form-group #dataflowUploaderBtn{
    float:right;
}

.color_type_group{
    display: inline-block;
    position: relative;
}

.color_type_group .know_more{
    /* position: absolute;
    top: 0;
    right: 0;
    display: block;
    background: #000;
    padding: 7px 14px;
    color: #fff;
    font-size: 17px;
    border-radius: 0 0 0 15px; */
    display: block;
    background: #000;
    padding: 7px 14px;
    color: #fff;
    font-size: 17px;
}




.color-char-title{
    font-weight:bold;
}
.color-char-desc{
    font-size:12px;
}

.hide-txt .color-type-txt{
    display:none;
}

#upload_spinner {
    margin-top: -37px;
    float:right;
}
#upload_spinner.spin-it{
    border: 10px solid #c0e5ff;
    border-top: 10px solid #01538f;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}
#upload_spinner .upload-success{
    color: #8bc34a;
    font-size:39px;
}

.uploader-group{
    margin:23px 0;
}