/* Write your CSS code. */
@media print {
    ::-webkit-scrollbar { display: none; }
}
table.dataTable thead tr {
    background-color: #ddd;
}
td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control { 
    background: url('../img/details_close.png') no-repeat center center;
}

tr.group,
tr.group:hover { background-color: #ddd !important; }

.text-success { color: #3c763d; }

.online { color: #3c763d; }

.offline { color: #a94442; }

.true { color: #3c763d; }

.false { color: #a94442; }

ul.listRoles {
    width: 300px;
    height: auto;
    padding: 5px;
    margin: 5px;
    list-style-type: none;
    border-radius: 5px;
    min-height: 500px;
}

    ul.listRoles li {
        padding: 5px;
        margin: 10px;
        background-color: #ffff99;
        cursor: pointer;
        border: 1px solid Black;
        border-radius: 5px;
    }
#external-events {
    /*float: left;*/
    /*width: 250px;*/
    /*padding: 0 10px;*/
    border: 1px solid #ccc;
    background: #eee;
    /*text-align: left;*/
}


#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

#external-events .fc-event {
    margin: 10px 0;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%; /* 16:9*/
    position: relative;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}