div.floor12-files-widget-block {
    background-color: #fcfcfc;
    padding: 6px 4px 0 7px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    transition: all 0.3s;
    margin: -2px -5px;
}

div.floor12-files-widget-block button.btn-upload {
    float: left;
    height: 60px;
    margin: 0 10px 8px 0;
    transition: all 0.3s;
    width: 80px;
    background-color: #c0c0c0;
    color: #ffffff;
    background: linear-gradient(45deg, rgb(151, 151, 151) 0%, rgb(184, 184, 184) 92%);
    border: none;
}

div.floor12-files-widget-single-block button.btn-upload {
    transition: all 0.3s;
    color: #ffffff;
    background: #c0c0c0 linear-gradient(45deg, rgb(151, 151, 151) 0%, rgb(184, 184, 184) 92%);
    border: none;
    padding: 10px;
    border-radius: 2px;
}

div.floor12-files-widget-block button.btn-upload div.icon {
    display: block;
    font-size: 20px;
}

div.floor12-files-widget-block-drug-over {
    background-color: #fbfffd;
    border: 1px #357025 dotted;

}

div.floor12-file-object {
    width: 80px;
    height: 60px;
    margin: 0 10px 8px 0;
    background-color: #ebebeb;
    border-radius: 4px;
    float: left;
    text-align: center;
    font-size: 60%;
    cursor: pointer;
    /* transition: all 0.2s; */
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    white-space: nowrap;
    padding: 0 4px;
    position: relative;
}

div.floor12-file-object .floor12-file-percents {
    position: absolute;
    width: 90%;
    text-align: center;
    top: 22px;
    font-size: 120%;
    color: #666;
    font-weight: bold;
}

div.floor12-file-object svg.progress-circle {
    transform: rotate(-90deg);
}

div.floor12-file-object svg circle {
    transition: stroke-dashoffset 0.5s linear;
}

div.floor12-file-object div.file-icon {
    font-size: 360%;
    display: block;
    margin: 0;
    color: #787878;
}

div.floor12-file-object div.file-icon svg {
    width: 1em;
    height: 1em;
    margin: 6px 0 0 0;
    vertical-align: -.125em;
}


div.floor12-file-object-image {
    background-size: cover;
    background-position: center;
    border: 1px #e1e1e1 solid;
}

div.floor12-file-object-uploading {
    background-position: center;
    background-repeat: no-repeat;
    font-size: 130%;
    text-align: center;
    line-height: 62px;
    width: 74px;
    position: absolute;
    height: 59px;
    margin-top: 3px;
}

div.floor12-file-object-bar {
    width: 100%;
    background: #b0b0b0;
    height: 6px;
    border-radius: 2px;
}

ul.dropdown-menu-file-object-multi {
    margin-top: -20px;
    margin-left: -41px;
}

ul.dropdown-menu-file-object-single {
    top: 0;
}

ul.dropdown-menu-file-object > li > a {
    padding: 3px 10px;
}

ul.dropdown-menu-file-object > li > a > svg {
    width: 18px;
}

div.floor12-file-object:hover {
    box-shadow: 1px 1px 16px #00000063;
}

div.floor12-file-object:hover a.btn-file-object-delete {
    opacity: 1;
}

div.floor12-files-widget-single-block div.files-btn-group {
    width: 100%;
}

div.floor12-single-file-ratio {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    border-radius: 3px;
}

div#cropperModal {
    z-index: 999999999;
}

#cropperArea {
    width: 100%;
}

#cropperArea img {
    width: 100%;
    max-height: 600px;
    max-width: 100%;
}

#yii2-file-title-editor {
    position: absolute;
    width: 100%;
    max-width: 420px;
    border-radius: 3px;
    box-shadow: 0 1px 4px #00000024;
    display: none;
    z-index: 999999999;
}

#yii2-file-alt-editor {
    position: absolute;
    width: 100%;
    max-width: 420px;
    border-radius: 3px;
    box-shadow: 0 1px 4px #00000024;
    display: none;
    z-index: 999999999;
}

.input-group-btn .btn {
    padding-bottom: 7px;
}

div.floor12-single-file-object-no-image {
    padding: 5px 12px;
    border-radius: 2px;
    transition: all 0.3s;
    background-color: #c0c0c0;
    color: #ffffff;
    background: linear-gradient(45deg, rgb(151, 151, 151) 0%, rgb(184, 184, 184) 92%);
    border: none;
}

div.floor12-files-widget-list-multi {
    min-height: 68px;
}

/*progress*/