﻿/*Columnas*/
.credits-table .table-section .table-sub-header > div:first-of-type {
    width: 50%;
}

.credits-table .table-section .table-sub-header > div:nth-of-type(2) {
    width: 20%;
}

.credits-table .table-section .table-sub-header > div:nth-of-type(3) {
    width: 10%;
}

.credits-table .table-section .table-sub-header > div:nth-of-type(4) {
    width: 15%;
    text-align: center;
}

.credits-table .table-section .table-sub-header > div:nth-of-type(5) {
    width: 5%;
}

/**/

.credits-table .table-section .table-sub-header > .noitinerario div:first-of-type {
    width: 55%;
}

.credits-table .table-section .table-sub-header > .noitinerario div:nth-of-type(2) {
    width: 20%;
}

.credits-table .table-section .table-sub-header > .noitinerario div:nth-of-type(3) {
    width: 15%;
}

.credits-table .table-section .table-sub-header > .noitinerario div:nth-of-type(4) {
    width: 0%;
    text-align: left;
}

.credits-table .table-section .table-sub-header > .noitinerario div:nth-of-type(5) {
    width: 10%;
}




.credits-table .table-section .table-row {
    min-height: 30px;
    font-weight: 300;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    padding-left: 70px;
    border-bottom: 1px solid #E5E5E5;
    height: 100%;
}


    /*Columnas*/
    .credits-table .table-section .table-row > div.subject {
        width: 50%;
    }

    .credits-table .table-section .table-row > div.kind {
        width: 20%;
    }

    .credits-table .table-section .table-row > div.status {
        width: 10%;
    }

    .credits-table .table-section .table-row > div.itinerarios {
        width: 15%;
        text-align: center;
    }

    .credits-table .table-section .table-row > div.ects {
        width: 5%;
    }


    .credits-table .table-section .table-row .noitinerario.subject {
        width: 50%;
    }

    .credits-table .table-section .table-row .noitinerario.kind {
        width: 20%;
    }
    .credits-table .table-section .table-row .noitinerario.status {
        width: 16%;
    }
    .credits-table .table-section .table-row .noitinerario.ects {
        width: 5%;
        text-align: left;
    }

@media screen and (max-width: 1023px) {


    /*Oculta cabeceras*/
    .credits-table .table-section .table-sub-header > div:nth-of-type(2),
    .credits-table .table-section .table-sub-header > div:nth-of-type(3),
    .credits-table .table-section .table-sub-header > div:nth-of-type(4),
    .credits-table .table-section .table-sub-header > div:nth-of-type(5) {
        display: none;
    }

    .credits-table .table-section .table-row > div.section-title:nth-child(3),
    .credits-table .table-section .table-row > div.section-title:nth-child(7) {
        width: calc(((100% - 60px) / 2) + 60px);
    }

    .credits-table .table-section .table-row > div.kind,
    .credits-table .table-section .table-row > div.itinerarios {
        width: calc(((100% - 60px) / 2) + 60px);
        padding-left: 60px;
    }

    .credits-table .table-section .table-sub-header > div:first-of-type {
        width: 100%;
    }

    .credits-table .table-section .table-row > div.subject {
        width: 100%;
    }

    .credits-table .table-section .table-row > div.itinerarios {
        width: 45%;
        text-align: left;
    }

    .credits-table .table-section .table-row {
        padding-left: 0px;
    }

    .credits-table .table-section .table-row > div.section-title:nth-child(8) {
        width: calc(((100% - 60px) / 2));
    }

    .credits-table .table-section .table-row > div.ects {
        width: 10%;
        text-align: right;
    }


    .credits-table .table-section .table-row .noitinerario.ects {
        width: 100%;
        text-align: left;
    }

    .credits-table .table-section .table-row .noitinerario.subject {
        width: 100%;
    }

    .credits-table .table-section .table-row .noitinerario.status {
        padding-left: 160px;
        width: calc(((100% - 60px) / 2));
    }
}
