/* IMAGE UPLOAD XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#image_current_container{
        clear           : both;
        width           : 100%;
}

#image_source_button_container{
        clear           : both;
        margin-bottom   : 20px;
}

#image_source_input_button_text{
        
}

input[type=file]#image_source_input_button {
        display   : none;
} 

#image_source_button_container label{
        color           : blue;
        text-decoration : underline;
        cursor          : pointer;
}

#image_progress_bar_container{
        display     : none;
        width       : 300px;
        clear       : both;
        height      : 20px;
        margin-top  : 30px;
        border      : 1px solid #000000;        
        background-color    : #ffffff;
}

#image_progress_bar{
        width       : 0%;
        height      : 18px;
        background-color    : #48bc11;
}

#image_croppie_container{
        clear   : both;
        width   : 100%;
}

#image_final_button_container{
        clear       : both;
        width       : 210px;
        max-width   : 100%;
        position    : relative;
        left        : 50%;
        transform   : translateX(-50%);
        display     : none;
        height      : 120px;
}

#image_final_container{
        display : none;
}

#image_intermediary, #image_destination{
        display     : none;
}

#image_current{
        width       : 100%;
        max-width   : 300px;
}

.image_200{
        width       : 200px;
}

input[type=submit]#image_final_button.min_210, 
input[type=submit]#image_cancel_button.min_210{
        margin-top  : 20px;
        clear       : both;
        margin-right: 0px;
}

input[type=submit]#image_cancel_button.min_210{
        background-color    : red;
}