@page {
    size: A4;
    margin: 0;
}

@media print {



    .body * {
        visibility: hidden;
    }

    html,
    body {
        height: 100%;
        /* margin: 0 !important;
        padding: 0 !important; */
        /* overflow: hidden; */
    }

    header,
    footer,
    .table-responsive {
        visibility: hidden;
    }

    .printable-area,
    .printable-area * {
        visibility: visible !important;
    }

    .printable-area-modal {
        margin-left: 0% !important;
        width: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
        page-break-after: always !important;
    }

    /* .page-content,
    .modal {
        display: none;
    } */

    #yearlyModal {
        visibility: hidden;
    }

    a.btn-print,
    a.btn-close {
        visibility: hidden !important;
    }

    /* header {
        display: none;
    } */
}

.modal-btn {
    text-align: center;
}

.modal-btn .btn {
    padding: 5px 15px;
    margin: 10px 20px;
    font-size: 14px;
}

.modal-footer .btn {
    padding: 10px 20px;
}

.timetable-header h4,
.timetable-header h6 {
    text-align: center;
}

.timetable-header small {
    color: #000;
}

.breadcrumbs-wrap small {
    color: #000;
}

.action-print-btns {
    /* display: inline-block; */
    float: right;
    /* display: block; */
    margin-bottom: 10px !important;
}

.action-btns a.btn {
    margin-bottom: 10px !important;
}

.btn-print {
    margin-bottom: 10px !important;
}

.btn-print,
a.btn-close {
    padding: 5px 15px;
    font-size: 12px;
}

a.btn-close {
    margin-right: -70px !important;
}

.time-table-1 .pagination>li>a,
.time-table-1 .pagination>li>span {
    padding: 10px 15px;
}

.time-table-1 .form-control {
    -webkit-appearance: none;
    border-radius: 25px;
    padding: 5px 25px;
    line-height: 16px;
}