body{
  background-image: linear-gradient(to right top, white, silver);
	font-family:sans-serif;
  
	margin-top: 01px; }

  .nav {    position:relative;
            list-style-type: none;
            text-align: right;
            margin-top:0px;
            padding: 0;
            font-family:Bahnschrift Light;
            font-weight: bold; }
          
  .nav li { display: inline-block;
            font-size: 20px;
            padding: 3px; }
          
  .nav a {  float: right ;
            color: #36087b;
            text-align: center;
            padding: 8px 8px;
            text-decoration: none;
            font-size: 12px;
          }
          
  .nav a:hover { background-color: #ddd;
            color: black; }
          
  .nav .active {
            background-color: #04AA6D;
            color: white;
          }

.button1{
  background-color: whitesmoke;
  border-color:  gold;
  border-radius: 6px;
  color: rgb(46, 10, 147);
  padding: 3px 10px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer; 
  font-size:15px; }

  .button2{ background-color: whitesmoke; border-color:  gold; border-radius: 6px;  color: rgb(46, 10, 147); padding: 3px 10px;
    text-decoration: none; margin: 4px 2px; cursor: pointer; font-size:15px; width: 180px; 
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),  0 17px 50px 0 rgba(0,0,0,0.19); }

  .button3{
  background-color: whitesmoke;
  border-color:  gold;
  border-radius: 6px;
  color: rgb(46, 10, 147);
  padding: 3px 5px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer; 
  font-size:13px; }

.logt {            
  background-image: linear-gradient(to right top white );
  font-size:15px;
  font-family:Bahnschrift Light;
  padding: 5px 5px;
  
}

.Marri{
    
		position:relative;
	    font-family:Bahnschrift Light;
	    text-align:center;
      top:0px;
        color:rgb(159, 34, 34);
	}

.httpsw{ position:relative; font-family:Bahnschrift Light; text-align:center; margin-top:-22px; color:rgb(89, 22, 115); }
.ht00{ position:relative; font-family:Bahnschrift Light; text-align:center; margin-top:-22px; color:rgb(9, 99, 39); }

.loginfor{ text-align:center;
            font-family:Bahnschrift Light;
            position:relative;
            margin-top:-55px;
            color:rgb(9, 0, 16);
            
            }
 #name{
                width:100%;
                height:110%;	
            }
            
 .name{
                margin-left:25px;
                margin-top:30px;
                width:125px;
                color:royalblue;
                font-size:18px;
                font-weight:700;	
            }
.newuser{
  font-family:Bahnschrift Light;
              color:rgb(8, 43, 149);
              font-size:18px;
              font-weight:700;	
          }
.table1{  font-family:Bahnschrift Light; color:rgb(1, 9, 31);  font-size:14px; font-weight:500; }
.table2{  font-family:Bahnschrift Light; color:maroon;  font-size:16px; font-weight:500; }

.radio{
                display:inline-block;
                padding-right:70px;
                font-size:15px;
                color:royalblue;
            }
        
.radio input{
                width:15px;
                height:15px;
                border-radius:50%;
                cursor:pointer;
                outline:none;
            }
            
.newlog {
             position:relative;
             margin-top:-510px;
             text-align:left;
             color:rgb(60, 134, 31);
           }

.wewell{
                        position:relative;
                        padding-left:5px;
                        font-size:10px;                                
                         color:blue;
                                         }
.rs20{  text-align:left; font-size:12px;  color:navy; }
.rs21{ font-family:Bahnschrift Light; font-size:16px;  color:navy; }

.searchpic{
             position:relative;
             padding-left:1px;
            font-size:12px;                                
            color:blue;
            font-weight: bold;
         }
                                                              
.plantable1{ background-image: linear-gradient(to top, white, #c4ff46); font-size: 13px; text-align: center; }
.plantable {
    background-image: linear-gradient(to right top, silver, white);
    font-size: 13px;
    text-align: center;
}
.plantable4{  background-image: linear-gradient(to right top, silver, white); text-align: center; }
.plantable2{ background-image: linear-gradient(to right bottom, white, silver); text-align: center; }

.notes {
  background-color: #c4ff46;
  font-family:Bahnschrift Light;
  font-size:19px;                                
  color:rgb(159, 34, 34);
  padding: 10px 10px;
   
}

.wrap{ width: 360px; 
       padding: 20px; 
      font-weight:900;
      padding-left: 105px; 
    }

.times{  font-family: Bahnschrift Light; font-size:13px; }
.timesPP {     font-family: Bahnschrift Light; font-size: 14px;  color: navy; }
  .tim{
        font-family:Verdana, Geneva, Tahoma, sans-serif , Bahnschrift Light;
    }

.inva-feed{
  font-size:14px;
  color: red;
  font-style: italic;
} 
/*
@media only screen and (max-width: 768px) { .th { width: 100%; }  }    /* [class*="col-"]    For mobile phones: 
@media only screen and (max-width: 768px) { .td {width: 100%; } }
/* Add media queries for smaller screens 
@media screen and (max-width:620px) { .th {width: 13.1%; } .td { width: 13.1% } }   @media screen and (max-width:620px) { .table1 {width: 13.1%;} }
@media screen and (max-width: 320px) {.th {width: 12.5%; }  .td { width: 12.5%; } } 
@media screen and (max-width: 190px) { .th { width: 12.2%; }  .td { width: 12.2%; }}  */