:root {
    --nits: #00acac;
    --nits-btn: #38aaaa;
}


#page-dashboard .is-admin {
    padding: 0;
    /* padding-bottom: 1rem; */
}

#page-dashboard .db-room {
    padding-top: 1rem;
}

#page-dashboard .session-blink {
    /* border: 1px solid #ddd; */
    font-weight: 300;
    border-radius: 5px;
    animation: blink 3s ease infinite both;
    background: #00BCD4;
    opacity: 1;
}

#page-dashboard .session-blink p {
    color: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#page-dashboard .Usession-blink {
    /* border: 1px solid #ddd; */
    font-weight: 300;
    border-radius: 5px;
    animation: blink 3.3s ease infinite both;
    background: #00BCD4;
    opacity: 1;
}

    #page-dashboard .Usession-blink p {
        color: #fff;
        font-size: 14px;
        margin: 0;
        padding: 0;
    }


@keyframes blink {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

#page-dashboard .custom-list {
    list-style-type: none;
    list-style-type: disc;
    color: #c2c7d0;
    line-height: 1.3;
}

#page-dashboard .custom-list a{
    font-size: 11px;
}

#page-dashboard .custom-list a {
    font-size: 14px;
    padding: 0 0 0 .5rem;
}

#page-dashboard .current {
    color: #007bff;
}


#student-dboard .info-box-text:first-child {
    margin-bottom: 4px;
}



/*************************************CSS FOR GRID******************************************/

.grdContent
        {
            width: 99%;
            border: solid 2px black;
            min-width: 80%;
        }
        .header
        {
            background-color: #646464;
            font-family: Arial;
            color: White;
            border: none 0px transparent;
            height: 25px;
            text-align: center;
            font-size: 16px;
        }
        .rows
        {
            background-color: #fff;
            font-family: Arial;
            font-size: 14px;
            color: #000;
            min-height: 25px;
            text-align: left;
            border: none 0px transparent;
        }
        .rows:hover
        {
            background-color: #ff8000;
            font-family: Arial;
            color: #fff;
            text-align: left;
        }
        .selectedrow
        {
            background-color: #ff8000;
            font-family: Arial;
            color: #fff;
            font-weight: bold;
            text-align: left;
        }
        .mydatagrid a /** FOR THE PAGING ICONS  **/
         {
            background-color: Transparent;
            padding: 5px 5px 5px 5px;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
        }
        .mygrdContent a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
        {
            background-color: #000;
            color: #fff;
        }
        .mygrdContent span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
         {
            background-color: #c9c9c9;
            color: #000;
            padding: 5px 5px 5px 5px;
        }
        .pager
        {
            background-color: #646464;
            font-family: Arial;
            color: White;
            height: 30px;
            text-align: left;
        }
        .mygrdContent td
        {
            padding: 5px;
        }
        .mygrdContent th
        {
            padding: 5px;
        }


@page {
    margin: 0
}

body {
    margin: 0
}

.sheet {
    margin: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
}

/** Paper sizes **/
.print-panel.A3 .sheet {
    width: 297mm;
    height: 419mm
}

.print-panel.A3.landscape .sheet {
    width: 420mm;
    height: 296mm
}

.print-panel.A4 .sheet {
    width: 210mm;
    height: 296mm
}

.print-panel.A4.landscape .sheet {
    width: 297mm;
    height: 209mm
}

.print-panel.A5 .sheet {
    width: 148mm;
    /*height: 209mm*/
}

.print-panel.A5.landscape .sheet {
    width: 210mm;
    height: 147mm
}

.print-panel.letter .sheet {
    width: 216mm;
    height: 279mm
}

.print-panel.letter.landscape .sheet {
    width: 280mm;
    height: 215mm
}

.print-panel.legal .sheet {
    width: 216mm;
    height: 356mm
}

.print-panel.legal.landscape .sheet {
    width: 357mm;
    height: 215mm
}

/** Padding area **/
.sheet.padding-5mm {
    padding: 5mm
}

.sheet.padding-10mm {
    padding: 10mm
}

.sheet.padding-15mm {
    padding: 15mm
}

.sheet.padding-20mm {
    padding: 20mm
}

.sheet.padding-25mm {
    padding: 25mm
}


/** Fix for Chrome issue #273306 **/
@media print {
    .print-panel.A3.landscape {
        width: 420mm
    }

    .print-panel.A3, .print-panel.A4.landscape {
        width: 297mm
    }

    .print-panel.A4, .print-panel.A5.landscape {
        width: 210mm
    }

    .print-panel.A5 {
        width: 148mm
    }

    .print-panel.letter, .print-panel.legal {
        width: 216mm
    }

        .print-panel.letter.landscape {
            width: 280mm
        }

        .print-panel.legal.landscape {
            width: 357mm
        }
}