.buts input:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.editor-items-list {
    background-color: #ECECEC;
    padding: 5px;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.editor-items-list .place-holder {
    box-sizing: border-box;
    width: 100%;
    height: 43px;
    background: rgba(254, 220, 137, 0.3);
    border: 1px dashed #FDB913;
    padding: 0;
}

.editor-items-list .editor-item {
    border: 1px solid #DADADA;
    background-color: #FFF;
    padding: 5px;
    position: relative;
    border-left: 1px solid #FDB913;
}

.editor-items-list .editor-item.ui-selecting {
    background-color: #EEEEEE;
}

.editor-items-list .editor-item.ui-selected {
    background-color: #FEDC89;
}

.editor-items-list .ui-sortable-helper {
    width: 100%;
}

.editor-items-list .editor-item .thumbnail {
    position: relative;
    z-index: 2;
    float: left;
    cursor: pointer;
    height: 27px;
    width: 48px;
    margin-right: 3px;
    margin-top: 3px;
    background: url(../../imgs/diagonals.white.png) repeat scroll center center #CCC;
    overflow: hidden;
    text-align: center;
}

.editor-items-list .editor-item .file-data {
    width: 21%;
    float: left;
}

.editor-items-list .editor-item .file-data .asset-title {
    color: #666666;
    font-size: 11px;
    margin-bottom: 2px;
    margin-top: 0 !important;
}

.editor-items-list .editor-item .duration,
.editor-items-list .editor-item .file-duration-set {
    float: right;
    margin-right: 10px;
}

.editor-items-list .editor-item .duration {
    margin-top: 8px;
    width: 20%;
}

.editor-items-list .editor-item .file-duration-set {
    cursor: default;
    margin-top: 6px;
    margin-right: 0;
}

.editor-items-list .editor-item .file-duration-set .editor-error {
    display: none;
    color: red;
    font-size: 10px;
    font-weight: bold;
}

.editor-items-list .editor-item .file-duration-set .timecode {
    float: left;
    font-size: 11px;
    margin-top: 3px;
    font-weight: bold;
    display: none;
}

.editor-items-list .editor-item .file-duration-set label,
.editor-items-list .editor-item .file-duration-set input,
.editor-items-list .editor-item .file-duration-set .video-in,
.editor-items-list .editor-item .file-duration-set .video-out,
.editor-items-list .editor-item .file-duration-set .image-duration,
.editor-items-list .editor-item .duration .text,
.editor-items-list .editor-item .duration .timecode {
    float: left;
}

.editor-items-list .editor-item .file-duration-set .video-in,
.editor-items-list .editor-item .file-duration-set .video-out {
    cursor: default !important;
}

.editor-items-list .editor-item .file-duration-set .video-in {
    margin-right: 2px;
}

.editor-items-list .editor-item .file-duration-set label:hover {
    cursor: default;
    background: transparent;
}

.editor-items-list .editor-item .duration .timecode {
    font-size: 11px;
    margin-top: 1px;
}

.editor-items-list .editor-item .file-duration-set label,
.editor-items-list .editor-item .duration .text {
    color: #666666;
    font-size: 10px;
    margin-top: 2px;
    margin-right: 4px;
    padding: 0;
}

.editor-items-list .editor-item .file-duration-set label {
    margin-top: 4px;
}

.editor-items-list .editor-item .duration {
    cursor: pointer;
}

.editor-items-list .editor-item .duration .timecode {
    font-weight: bold;
}

.editor-items-list .editor-item .file-duration-set input {
    width: 65px;
    text-align: right;
}

.general-durations {
    width: 100%;
}

.general-durations label {
    padding: 0;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

.general-durations .black-label input[type="checkbox"] {
    margin: 6px 0 0 0 !important;
}

.general-durations label:hover {
    background-color: transparent;
}

.general-durations .total-duration {
    width: 33%;
    float: right;
    margin-top: 6px;
}

.general-durations .total-duration .text {
    float: right;
    color: #666666;
    font-size: 10px;
    margin-top: 4px;
    margin-right: 4px;
    padding: 0;
}

.general-durations .total-duration .timecode {
    float: right;
    font-size: 11px;
    margin-top: 3px;
    padding: 0;
    font-weight: bold;
}

/*.block.editor .black-duration {*/
    /*width: 66%;*/
    /*float: right;*/
    /*font-size: 11px;*/
    /*margin-top: 3px;*/
    /*padding: 0;*/
    /*font-weight: bold;*/
/*}*/

/*.block.editor .black-duration .black-label {*/
    /*width: 50%;*/
    /*position: relative;*/
    /*float: left;*/
/*}*/

/*.block.editor .black-duration .black-input-duration {*/
    /*width: 50%;*/
    /*position: relative;*/
    /*float: left;*/
    /*margin-top: 4px;*/
/*}*/

.general-durations .hide{
    display: none;
}

.editor-items-list .hide {
    display: none;
}

.editor-items-list .editor-item .file-data .file-name {
    float: left;
}

.editor-items-list .editor-item .file-data .asset-title,
.editor-items-list .editor-item .file-data .file-name .name {
    float: left;
    position: relative;
    margin-top: 3px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 105px;
}

.editor-items-list .editor-item .file-data .file-name .icon {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    float: left;
    background: url(../../imgs/icons.png) no-repeat;
    position: relative;
    z-index: 1;
}

.editor-items-list .editor-item .file-data .file-name .icon.video {
    background-position: 0 0;
}

.editor-items-list .editor-item .file-data .file-name .icon.image {
    background-position: -32px 0;
}

.editor-items-list .editor-item .draggable,
.editor-items-list .editor-item .remove {
    float: right;
    background: url(../../imgs/editor-icons.png) top left;
    cursor: pointer;
    position: relative;
    z-index: 2;
    width: 16px;
    height: 20px;
}

.editor-items-list .editor-item .draggable {
    margin: 5px 5px 0 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    top: 50%;
    line-height: 20px;
    float: left;
    background-position: 0 0;
}

.editor-items-list .editor-item .draggable input {
    width: 100%;
    line-height: 14px;
    text-align: right;
}

.editor-items-list .editor-item .remove {
    margin: 5px 0 0 5px;
}

.editor-items-list .editor-item .draggable:hover {
    background-position: 0 60px;
}

.editor-items-list .editor-item .remove {
    background-position: 0 20px;
}

.editor-items-list .editor-item .remove:hover {
    background-position: 0 40px;
}

.block.editor {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.block.editor .field .source-inbox {
    float: right;
    font-weight: bold;
    margin-top: 2px;
}

.block.editor .field input,
.block.editor .field select {
    float: right;
    width: 200px;
    margin-top: 2px;
    box-sizing: border-box;
}