@charset "UTF-8";

.cf-form-entity .Droparea,
.cf-form-entity-collection .Droparea { border: none; }

.cf-form-entity-drop { border: 2px dashed transparent; float: left; width: 100%; padding: 0 10px 10px 0; }
body.cf-file-over .cf-form-entity-drop { border-color: #cdcdcd; }
body.cf-file-over .file-over .cf-form-entity-drop { border-color: #1381d6; }

.cf-form-entity-item { width: 160px; height: 120px; position: relative; float: left; margin: 10px 0 0 10px; background: #ebebeb; }

.cf-form-entity-item .Button { padding-left: 5px; padding-right: 5px; width: 90%; margin: 20px 5% 0; }
.cf-form-entity-item .description { display: block; text-align: center; font-size: 12px; line-height: 12px; font-style: italic; margin: 10px 5% 0; }

.cf-form-entity-item .Image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0; margin: 0; }
.cf-form-entity-item .Image img { max-width: 100%; max-height: 100%; margin: auto; }
.cf-form-entity-item .Image .img { display: block; width: 100% !important; height: 100% !important; background-size: contain !important; background-repeat: no-repeat; background-position: 50% 50%; }
.cf-form-entity-item:hover .Image .img { background-size: cover !important; }

.cf-form-entity-item-overlay { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(19, 129, 214, .8); }
.cf-form-entity-item:hover .cf-form-entity-item-overlay { display: block; }

.cf-form-entity-item-progress { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: rgba(214, 214, 214, .8); }
.cf-form-entity-item-progress.complete { background: rgba(255, 255, 255, .8) url(/images/kendo/loading_2x.gif) no-repeat 50% 50%; }

.cf-form-entity-item-overlay-button { float: left; width: 42.5%; height: 30px; line-height: 30px; color: #1381d6; font-size: 10px; text-align: center; text-transform: uppercase; border-radius: 2px; margin: 5% 0 0 5%; padding: 0; background: #fff; cursor: pointer; }
.cf-form-entity-item-overlay-button:hover { color: #333; background: #eee; }

.cf-form-entity-item-overlay-title { float: left; width: 90%; height: 23%; color: #fff; font-size: 12px; line-height: 12px; margin: 5% 5% 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.cf-form-entity-item.ui-sortable-placeholder { visibility: visible !important; border: 1px dashed #1381d6; background: #ebebeb; }

.ngdialog .ngdialog-content { width: auto !important; display: table !important; }




.cf-file-upload { width: 100%; display: block; }
.cf-file-upload.loading,
body.cf-file-over .cf-file-upload { display: block; }

.cf-file-upload-drop { border: 2px dashed transparent; float: left; width: 100%; height: 100%; position: relative; background: #eee; }
body.cf-file-over .cf-file-upload-drop { border-color: #cdcdcd; }
body.cf-file-over .file-over .cf-file-upload-drop { border-color: #1381d6; }
.cf-file-upload-placeholder { width: 100%; color: #ccc; text-transform: uppercase; font-size: 36px; line-height: 36px; text-align: center; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.cf-file-upload-progress { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(214, 214, 214, .8); }

.cf-list .Image .img { width: 110px; height: 110px; }