﻿.selected-theme {
    box-shadow: rgb(3 55 251) 0px 5px 15px;
}


.file-upload {
    background-color: #ffffff;
    width: 350px;
    margin: 0 auto;
    padding: 20px;
}

.file-upload-btn_Cont1,
.file-upload-btn_Cont2,
.file-upload-btn_Cont3,
.file-upload-btn_Cont4,
.file-upload-btn_Cont5,
.file-upload-btn_Cont6,
.file-upload-btn_Cont7, 
.file-upload-btn-Logo, 
.file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #2196F3;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #2196F3;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

   .file-upload-btn_Cont1,
   .file-upload-btn_Cont2,
   .file-upload-btn_Cont3,
   .file-upload-btn_Cont4,
   .file-upload-btn_Cont5,
   .file-upload-btn_Cont6,
   .file-upload-btn_Cont7, 
   .file-upload-btn-Logo, 
   .file-upload-btn:hover {
        background: #0a83e3;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .file-upload-btn_Cont1,
    .file-upload-btn_Cont2,
    .file-upload-btn_Cont3,
    .file-upload-btn_Cont4,
    .file-upload-btn_Cont5,
    .file-upload-btn_Cont6,
    .file-upload-btn_Cont7,
    .file-upload-btn-Logo, 
    .file-upload-btn:active {
        transition: all .2s ease;
        border-bottom: 4px solid #2196F3;
    }

.file-upload-content,
.file-upload-content-Logo,
.file-upload-content_Cont1,
.file-upload-content_Cont2,
.file-upload-content_Cont3,
.file-upload-content_Cont4,
.file-upload-content_Cont5,
.file-upload-content_Cont6,
.file-upload-content_Cont7
{
    display: none;
    text-align: center;
}

.file-upload-input, 
.file-upload-input-Logo, 
.file-upload-input_Cont1,
.file-upload-input_Cont2, 
.file-upload-input_Cont3, 
.file-upload-input_Cont4, 
.file-upload-input_Cont5, 
.file-upload-input_Cont6, 
.file-upload-input_Cont7,
var {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.image-upload-wrap-Logo, 
.image-upload-wrap, 
.image-upload-wrap_Cont1,
.image-upload-wrap_Cont2,
.image-upload-wrap_Cont3,
.image-upload-wrap_Cont4,
.image-upload-wrap_Cont5,
.image-upload-wrap_Cont6,
.image-upload-wrap_Cont7 {
    margin-top: 20px;
    border: 2px dashed #2196F3;
    position: relative;
}

.image-dropping,
.image-upload-wrap-Logo,
.image-upload-wrap_Cont1,
.image-upload-wrap_Cont2,
.image-upload-wrap_Cont3,
.image-upload-wrap_Cont4,
.image-upload-wrap_Cont5,
.image-upload-wrap_Cont6,
.image-upload-wrap_Cont7,
.image-upload-wrap:hover {
        background-color: #78c0f9;
        border: 2px dashed #ffffff;
    }

.image-title-wrap {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text {
    text-align: center;
}

    .drag-text h3 {
    font-weight: 600;
    text-transform: uppercase;
    color: #2196F3;
    padding: 40px 50px;
    font-size: 15px;
    }

.file-upload-image, 
.file-upload-image-Logo, 
.file-upload-image_Cont1,
.file-upload-image_Cont2,
.file-upload-image_Cont3,
.file-upload-image_Cont4,
.file-upload-image_Cont5,
.file-upload-image_Cont6,
.file-upload-image_Cont7 {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image-Logo,
.remove-image,
.remove-image_Cont1,
.remove-image_Cont2,
.remove-image_Cont3,
.remove-image_Cont4,
.remove-image_Cont5,
.remove-image_Cont6,
.remove-image_Cont7
 {
    width: 200px;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

  .remove-image_Cont1,
  .remove-image_Cont2,
  .remove-image_Cont3,
  .remove-image_Cont4,
  .remove-image_Cont5,
  .remove-image_Cont6,
  .remove-image_Cont7,
  .remove-image-Logo,
  .remove-image:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

   .remove-image_Cont1,
   .remove-image_Cont2,
   .remove-image_Cont3,
   .remove-image_Cont4,
   .remove-image_Cont5,
   .remove-image_Cont6,
   .remove-image_Cont7,
   .remove-image-Logo, 
   .remove-image:active {
        border: 0;
        transition: all .2s ease;
    }
   .ck{height:150px;

   }
