body {
         background-color: black;
         color: red;
         font-weight:bold;
         }
         a   {
         color: red;
         text-decoration: none
         }
         style1   {
         color: darkgreen;
         }
         style2   {
         color: blue;
         }
         style3   {
         color: brown;
         }
         style4   {
   color: black;
   font-size: 12px;
   }
   style5   {
   color: blue;
   font-size: 30px;
   }
   style6   {
   color: red;
   font-size: 20px;
   }
   style7   {
   color: brown;
   font-size: 15px;
   }
   style8   {
   color: darkgreen;
   font-size: 40px;
   }
         h1  {
         color: white;
         font-size: 22px;
         text-align: center;
         }
         h2  {
         color: blue;
         font-size: 20px;
         text-align: center;
         }
         .uphead  {
         color: blue;
         font-size: 30px;
         background-color:white;
         }
         .star  {
         color: blue;
         font-size: 50px;
         background-color:white;
         }
         .blue1 {
         background-color:pink;
         color:#000000;
         font-weight:bold;
         margin-top:1px;
         margin-bottom:1px;
         border:5px solid palevioletred;
         }
         .blue2 {
         background-color:silver;
         color:#ffffcc;
         font-weight:bold;
         text-decoration:none;
         }
         #top{
         border-color:blue; 
         color: #FDEEF4;
         text-align: center;
         font-size: 30px;
         }
         #oldchart{
         text-align: center;
         font-size: 50px;
         }
         #text{
         color: yellow;
         }
         #enter{
         background-color: lightyellow;
         text-align: center;
         text-shadow: 1px 1px blue;
         font-size: 50px;
         border-radius: 20px;
         }
         #center{
         text-align: center;
         }
         #sai{
         background-color: yellow;
         text-align: center;
         color: black;
         font: bold;
         }
             //notebook start
         #add{
         background-color: gold;
         color:white;
         font-weight: bold;
         font-style: italic;
         font-size: large;
         text-decoration: none;
         border-width: 5px;
         border-color:red;
         border-style: outset;
         margin: 10px;
         padding: 10px;
         border-radius: 10px;
         text-align: center;
         }
         add1   {
         color: black;
         font-size: 5px;
         }
         add2   {
         color: blue;
         font-size: 7px;
         }
         add3   {
         color: red;
         font-size: 9px;
         }
         .fon {
             color:red;
         }
         .blue1 {
         background-color:pink;
         color:#000000;
         font-weight:bold;
         margin-top:1px;
         margin-bottom:1px;
         border:5px solid palevioletred;
         }
         .blue2 {
         background-color:silver;
         color:#ffffcc;
         font-weight:bold;
         text-decoration:none;
         }
         #left  {
         background-color: black;
         color: black;
         font-size: 30px;
         text-align: left;
         margin-top:1px;
         margin-bottom:1px;
         }
         .disc   {
         color: red;
         font-size: 30px;
         }
         #head  {
         background-color: #F5ECCE;
         color: #ff0000;
         font-size: 22px;
         text-align: center;
         }
         #enter1{
         background-color: lightyellow;
         text-align: center;
         text-shadow: 1px 1px blue;
         font-size: 20px;
         border-radius: 25px;
         }
         #left1  {
         background-color: yellow;
         color: black;
         font-size: 15px;
         text-align: left;
         }
         .testCircle{
            text-align: center;
    width: 300px;
    height: 300px;
    margin-bottom: 27px;
    text-transform: uppercase;
    border-radius: 19px;
    background-color: #ffffff;
    color: #ff0000;
    /* padding: 25px; */
    font-size: 40px;
    padding-top: 60px;
    font-weight: bold;
    text-shadow: 1px 1px blue;
    box-shadow: 3px 0px 9px 0px #eae2e2;
}
a.phoneMe {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 30px;
    background: green;
    color: white;
}
button,input,optgroup,select,textarea{
    margin:0;
    font:inherit;
    color:inherit
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}

    body {
         background-color: #fff;
         color: #fff;
         font-weight:bold;
         }
         a   {
         color: red;
         text-decoration: none
         }
       
         h1  {
         color: red;
         font-size: 38px;
         text-align: center;
         }
         h2  {
         color: red;
         font-size: 40px;
         text-align: center;
         }
         h3  {
         color: #fff;
         font-size: 40px;
         text-align: center;
         }
         h4  {
         color: #62e6df;
         font-size: 40px;
         text-align: center;
         }
         ul  {
         color: red;
         font-size: 40px;
         text-align: center;
         }
         li  {
         color: black;
         font-size: 40px;
         text-align: center;
         }
         p  {
         color: #fff;
         font-size: 35px;
         text-align: center;
         }
         .uphead  {
         color: blue;
         text-align: center;
         font-size: 40px;
         background-color:white;
         }
         
         .fon {
             color:red;
         }



.round
    {
        text-align: center;
        width: 205px;
    /* padding: 33px; */
        line-height: 61px;
        /*margin-top: 22px;*/
        height: 69px;
        border-radius: 27px;
        background-color: #ffffff;
        color: #ff0000;
        font-size: 40px;
        font-weight: bold;
        text-shadow: 1px 1px blue;
        padding-bottom: 60px;
        text-shadow: 3px 3px black;
    }


.dashed tr td{ text-align: center;
border:solid 1px black;}

.date,.name {
    width:13.28571%;
   
}

.sattano{
    color:red;
    font-size: 45px;
}

.bg-black{
        background:red;
        color:green;
    }
	
	  th:first-child, td:first-child
	{
		position:sticky;
		left:0px;
		
	}
	
	.blink {
                animation: blink 1s infinite;
            }

            @keyframes blink {

                0%,
                100% {
                    opacity: 1;
                }

                50% {
                    opacity: 0;
                }
            }

            .content1 {
                width: 100%;
                text-align: center;
                box-sizing: border-box;
                flex: 1 1 auto;
                min-height: 1px;
                padding: 1.25rem;
                border: solid blue;
                background: linear-gradient(to bottom, #800080, #ffffff);
                /*border-radius: 20px;*/
                font-weight: bold;
                line-height: 37px;
                overflow-wrap: break-word;
                margin-bottom: 10px;
            }
            
        .position-scrolling
        {
            display:flex; 
            align-items:center; 
            background: #0c6767;
            color: #fff;
            font-size:20px; 
            font-weight:600; 
            height:50px;
        }
        .heading
        {
             border-bottom-left-radius: 0px !important; 
        border-bottom-right-radius: 0px !important; 
        background: linear-gradient(to bottom, #800080, #a8d0d0);
        font-weight: bold; 
        padding: 10px; 
        border-radius: 0px; 
        text-align: center;
        }
        
    .footer
       {
        background-color:#800080;
        font-weight: bold; border-width: 3px; 
        border-color:blue; 
        border-style: outset; padding: 10px; 
        border-radius: 0px; 
        text-align: center;
       } 
       
	.blink-position
	{
	   background: #0c6767;  
	   padding: 10px;
	   color:#fff ;
	}
	
	.position
	{
	   background: linear-gradient(to bottom, #800080, #a8d0d0);
	}
	
	
	th:first-child,
                                td:first-child {
                                    position: sticky;
                                    left: 0px;
                                }

                                .monthResultTable tr th {
                                    background-color: #800080;
                                    border: 1px solid black;
                                    border-left-width: 1px;
                                    border-left-style: solid;
                                    border-left-color: black;
                                    border-left: 0;
                                    text-align: center;
                                    padding: 10px;
                                    letter-spacing: 0px;
                                    text-align: center;
                                }

                                .monthResultTable tr td {
                                    background-color: #fff;
                                    border: 1px solid black;
                                    border-left-width: 1px;
                                    border-left-style: solid;
                                    border-left-color: black;
                                    border-left: 0;
                                    text-align: center;
                                    padding: 10px;
                                    letter-spacing: 0px;
                                    text-align: center;
                                }

                                .monthResultTable td:first-child {
                                    background-color: #800080;
                                    color: #fff !important;
                                }

                                table {
                                    border-spacing: 0;
                                    border-collapse: collapse;
                                }
	
	                .size1
                    {
                        color:#ff0000; 
                        font-size:34px;
                        text-align:center;
                    }
                    .size2
                    {
                            color:#333;
                            font-size:34px;
                            text-align:center;
                    }
                    .size3
                    {
                        color:#0000ff; 
                        font-size:34px;
                        text-align:center;
                    }
                   @media (max-width: 480px)
                    {
                        .size1
                        {
                            color:#ff0000; 
                            font-size:20px 
                        }
                        .size2
                        {
                            color:#333;
                            font-size:20px ;
                            text-align:center;
                        }
                        .size3
                        {
                            color:#0000ff;
                            font-size:20px ;
                            text-align:center;
                        }
                    }
                    
                    
             @media (max-width: 991px) and (min-width: 480px)
            {   
                .size1
                        {
                            color:#ff0000; 
                            font-size:20px 
                        }
                        .size2
                        {
                            color:#333;
                            font-size:20px ;
                            text-align:center;
                        }
                        .size3
                        {
                            color:#0000ff;
                            font-size:20px ;
                            text-align:center;
                        }
            }