.panel{
    width:400px;
    padding:15px;
    border-radius: 10px;
    border: 1px solid #C2C2C2;
    background: #FFF;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.25);
}

.dz-button{
    color: #565656 !important;
    font-family: 'Satoshi-Medium', sans-serif !important;
    font-size: 16px !important;
}

#myGreatDropzone{
    border-radius: 5px !important;
    border: 1px solid #C2C2C2 !important;
    background: #FFF !important;
}

.panel-heading{
    padding-bottom:0px
}

.itemTile{
    display: inline-block;
    width: 120px;
    height: 120px;
    padding: 10px;
    border-radius: 10px;
    background: #1B364F;
    color: var(--content);
    font-family: "Satoshi-bold", sans-serif;
    font-size: 16px;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all 0.3s;
}

.itemTile:hover{
    opacity: 0.8;
}

.itemTile .material-symbols-outlined{
    font-size: 40px;
    clear:both;
    display:block;
    margin-bottom: 30px;
}


.uploadSquare{
    display:block;
    width:290px;
    margin:0px auto;
}

.uploadSquare span{
    font-size:12px
}

.toolboxRow{
    font-size:16px;
    font-family: "Satoshi-bold", sans-serif;
    text-align:right;
}

.pricingSelector{
    display: inline-block;
    width: 240px;
    border:none;
    font-size:16px;
    font-family: "Satoshi-bold", sans-serif;
    color:var(--text);
    padding:0px !important
}

.rateGroup.hidden{
    display: none;
}

.rateGroup{
    width: 200px;
    border:none;
    font-size:16px;
    font-family: "Satoshi-bold", sans-serif;
    color:var(--text);
    padding:0px !important;
    float:left;
}

.rateGroup .input-group-addon{
    background: var(--main);
    color: var(--button);
    border:none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#readingRate{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.btn-sm{
    width:100%;
    font-family: "Satoshi-bold", sans-serif;
    font-size: 11px;
}

#csvEditor{
   width:95%;
   max-width: 1200px;
}

.ck-editor__editable_inline {
    height: 65vh;
}

.editorSubmit{
    position: absolute;
    right:210px;
}

.editorClear{
    position: absolute;
    right:60px;
}

.fileList{
    position: absolute;
    z-index: 1000;
    right:45px;
    bottom:105px;
    background: #FFF;  
    width: 250px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.25);
    display: none;
    padding:10px
}

.uploadedList{
    display: block;
    width: 100%;
    height: 100%;
    overflow:auto;
    height: 300px;
}

.uploadedList p{
    font-size:14px
}

.iconList{
    position: absolute;
    z-index: 1000;
    right:25px;
    bottom:55px;
    background: #1B364F;
    width: 45px;
    border-radius: 45px;
    height: 45px;
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    text-align: center;
    line-height: 45px;
    transition: all 0.3s;
}

.iconList i{
    color:#ffffff;
    font-size: 20px;
}

.iconList:hover{
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.45);
}

.fileItem{
    font-size:13px;
    color:#1B364F;  
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    position: relative;
    padding-right:25%
}

.fileItem span{
    font-size: 16px;
    transform: translateY(2px);
    margin-right:5px
}

.analysing{
    position: absolute;
    width:40%;
    text-align:right;
    font-size:13px;
    top:8px;
    right:5px;
}

.fileItem:hover{
    background: #efefef;
}

.fileItem.active{
    background: #1B364F;
    color: #FFF;
}