* {
            font-family: 'AdorshoLipi', Arial, sans-serif;
        }

    .side-bar{
        line-height: 35px;
        padding-bottom:200px;
    }
        .side-bar li a {
            color: white;
            text-decoration: none;
        }

        .side-bar li {
            padding: 5px 0
        }

        .color i {
            font-size: 22px;
            cursor: pointer;
        }

        .bg-light-green {
            background-color: green !important;
            color: white !important;

        }

        .text-light-green {
            color: green !important;
        }

        .bg-light-blue {
            background-color: blue !important;
            color: white !important;
        }

        .text-light-blue {
            color: blue !important;
        }

         

        

        .entry_by {
            font-size: 12px;
            background-color: rgb(223, 225, 226);
            color: rgb(2, 1, 1);
            padding: 1px 5px;
            border-radius: 15px
        }
        .comments_td{
            cursor:pointer;
        }
        #comment-list li{
            list-style:decimal; line-height:35px;
        }
        .comments_td li{
            list-style:lower-roman;
        }
        #dateInput::-webkit-calendar-picker-indicator {
            background: transparent;
            cursor: pointer;
            height: 40px;
            position: absolute;
            width: 620px;
        }
        
        #dateInput {
        width: 62px;
        color: transparent;
        border: none;
        border-top: 5px solid lightskyblue;
    }
        #dateInput ::before{
            content: 'ccc';
            background-color: red;
            
        }
        .formattedDate {
            position: relative;
            left: 1px;
            top: -15px;
        }
        .recall{
            width: 80px;
        }
        
        @media only screen and (min-width: 100px) and (max-width: 791px)
{
   
    #sidebarMenu{
        display: none;
    }
    .student-sheett a{
        font-size: 14px;
    }
    
}

 @media only screen and (min-width: 791px) and (max-width: 7091px)
{
   
    .mobile-menu{
        display: none;
    }
    
}