.bg-pdf{
    background-color:#a5d3a5; 
    width:100%; 
    height:30px; 
    padding:7px;
    cursor:pointer;
    color:blue;
    text-align: center;
}
.bg-audio-bueno{
    background-color:green;
    color: white;
    width:100%; 
    height:30px; 
    padding:7px;
    cursor:pointer;
    text-align: center;
}
.bg-audio-medio{
    background-color: orange;
    width:100%; 
    height:30px; 
    padding:7px;
    cursor:pointer;
    text-align: center;
}
.bg-audio-malo{
    background-color:red;
    color: white;
    width:100%; 
    height:30px; 
    padding:7px;
    cursor:pointer;
}
.bg-audio-no-disponible{
    background-color:#777; 
    color: white;
    width:100%; 
    height:30px; 
    padding:7px;
    font-size: 10px;
    text-align: center;
}
.bg-audio-no-existe{
    background-color:#000; 
    color: white;
    width:100%; 
    height:30px; 
    padding:7px;
    text-align: center;
}
.bg-video{
    background-color:#0084bd;
    color: white;
    width:100%; 
    height:30px; 
    padding:7px;
    cursor:pointer;
    text-align: center;
}

.bg-parallax {
    /* The image used */
    background-image: url("images/fondo.png");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top -300px center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom:80px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
    cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
    display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 9px;
    left: 4px;
    height: 14px;
    width: 14px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #337ab7;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
    display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
    padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
    top: 5px;
    left: 4px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    line-height: 14px;
    text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    position: relative;
    cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    top: 50%;
    left: 50%;
    height: 16px;
    width: 16px;
    margin-top: -10px;
    margin-left: -10px;
    display: block;
    position: absolute;
    color: white;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '+';
    background-color: #337ab7;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: '-';
    background-color: #d33333;
}
table.dataTable > tbody > tr.child {
    padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
    background: transparent !important;
}
table.dataTable > tbody > tr.child ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
table.dataTable > tbody > tr.child ul li {
    border-bottom: 1px solid #efefef;
    padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul li:first-child {
    padding-top: 0;
}
table.dataTable > tbody > tr.child ul li:last-child {
    border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: bold;
}
#content-player iframe{
    min-height: 300px;
}

#logo{
    text-align: left;
}

@media only screen and (max-width: 760px)  {
    #logo{
        text-align: center !important;
    }
    .bg-parallax {
        /* The image used */
        background-image: url("images/fondo.png");
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: top -0 center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .modal-body{
        max-height: 480px !important;
    }
}

.modal-body{
    max-height: 480px !important;
}