/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
tbody[dnd-list],
tbody[dnd-list] > tr {
    position: relative;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.table-fixed [dnd-list] .dndDraggingSource {
    display: none;
}

/*!***/
 /** An element with .dndPlaceholder class will be*/
 /** added to the dnd-list while the user is dragging*/
 /** over it.*/
 /**!*/
[dnd-list] .dndPlaceholder {
    display: block;
    background-color: antiquewhite;
    background-image: url("../img/drop.png");
    background-repeat: no-repeat;
    background-size: auto;
    opacity: 0.3;
    background-position: left;
    min-height: 42px;
}

.container_table .table-fixed tbody.selected {
    background-color: skyblue !important;
    color: #000;
}
.container_table .table-fixed tbody.marked {
    background-color: #ffce3e75 !important;
    color: #383838;
}
.container_table .table-fixed tbody.pause {
    background-color: indianred;
    color: #fffefa;
}
.pause {
    background-color: indianred;
    color: #fffefa;
}

.container_table .table-fixed tbody.pause input {
    color: black;
}
.container_table .table-fixed tbody.loop {
    background-color: #ff3d00;
    color: #fffefa;
}
.container_table .table-fixed tbody.playing {
    background-color: lightgreen;
    color: #000;
}

.table-fixed thead {
    width: 100%;
}
.table-fixed tbody {
    display: block;

    overflow-y: auto;
    width: 100%;
}
.table-fixed tbody tr {
    display: block;
    clear: left;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
    float: left;
    border-bottom-width: 0;
}
.table-fixed tbody td {
    border: none !important;
}

.table-fixed > tbody + tbody {
    border-top: 1px solid #ddd;
}

.container_table {
    height: calc(100vh - 370px);
    overflow-y: scroll;
}

ul.list-inline li {
    padding: 0 8px;
    line-height: 1.42857143;
}

.on_air {
    width: 65px;
    height: 40px;
    background-color: red;
    margin-top: 8px;
    color: #fff;
    padding: 10px
}

.off_air {
    width: 65px;
    height: 40px;
    background-color: lightgray;
    border: 1px solid #c2c2c2;
    margin-top: 8px;
    color: #ffffff;
    padding: 10px
}

tbody.selected {
    background-color: skyblue !important;
    color: #000;
    z-index: 100;
}
tbody.marked {
    background-color: #ffce3e75;
    color: #383838;
}
tr.selected {
    background-color: skyblue !important;
    color: #000;
}

tr.marked {
    background-color: rgba(255, 206, 62, 0.46) !important;
    color: #383838;
}
tr.pause {
    background-color: indianred;
    color: #fffefa;
}
tr.dsp {
    background-color: palegreen;
    color: dimgray;
}
tr.loop {
    background-color: #ff3d00;
    color: #fffefa;
}
tbody.dsp {
    color: #000;
    background-color: greenyellow;
}

.full-modal .modal-dialog {
    width: 95% !important;
    height: calc(100vh - 100px) !important;
}

.full-modal.text-content {
    background-color: yellow !important;
}

.selected,a.selected{
    background-color: skyblue !important;
    color: #000;
    /* z-index: 1001; */
}

.loop {
    background-color: #ff3d00;
    color: #fffefa;
}

.playing {
    background-color: lightgreen;
    color: #000;
}

.dsp {
    color: #000;
    background-color: greenyellow;
}
.adbegin {
    color: #000;
    background-color: rgb(237, 176, 245);
}
.adend {
    color: #000;
    background-color: rgb(185, 122, 194);
}
.mycheck {
    height: 26px;
    min-height: 10px !important;
}
.mycheck .md-container {
    margin-top: 12px !important;
}

.mycheck .md-label {
    margin-top: 0 !important;
}