a:hover{
            text-decoration: none;
        }
        .bg-myvio{
            background-color: white;
            color: #545454;
            box-shadow:0px 0px 5px black;
            background-image: linear-gradient( 180deg , white, #e8e8e8);
            
        }
        .bg-mygrey{
            background-color: #e8e8e8;
        }
        .bg-myfooter{
            background-color:#cfcfcf;
            box-shadow:0px 0px 3px grey inset;
         
        }
        .bg-titlebar{
            background-color:#283593;
            background-image: linear-gradient(to bottom right, #1976d2, #283593);
            color: white;
            
        }
        .bg-empbar{
            background-color: #16b45f;
            color:white;
            border-top: solid;
            border-width: 1px;
            border-color: #16b45f;
            padding-top: 3px !important;
        }
        .bg-ttlbar{

            box-sizing: border-box;
            background-color: #283593;
            background-image: linear-gradient(to bottom right, #1976d2, #283593);
            border-width: 1px;
            color: white;
            display: table;
        }
        .bg-ttlbar span{
            color: white;
            width: 100%;
            display: table-cell;
            
        }
        .bg-ttlbar span:hover{
            color: #ffd43b !important;
           
            
        }
        .bg-empbar button{
            color: white;
            width: 100%;
            display: table-cell;
            
        }
        .bg-empbar button:hover{
            color: #ffd43b !important;
        }
        #leadcoll i{
            /* display: inline-block;
            border-radius: 100px;
            height: 2.5em;
            width: 2.5em;
            background-color: #224B99;
            box-shadow: 0px 0px 3px black;
            padding-top: .8em;
          
            
            cursor: pointer; */
            margin: 0 2% 0 5%;
            /* color: white; */
        }
        /* #leadcoll i:hover{
              background-color: #00A0E3;
        } */
        .selop{
            background-color:#283593;
            /* background-image: linear-gradient(to bottom right, #1976d2, #283593); */
            
            cursor: pointer;
            
            color: white;

            

        }
        .selopdiv{
            border-right: thin inset lightslategray;
            border-bottom: thin inset lightslategray;
            
            
        }
        .selopdiv:hover{
            background-color: #00A0E3;
            background-image: linear-gradient(to bottom right, #1976d2, #283593);
            cursor: pointer;
            

        }
      
        .mytag{
            
           
            padding:.3em;
            background-color:#bf360c;
            /* background-image: linear-gradient(to bottom left, #e6e6e6,rgb(173, 172, 172)); */
            color: white;
            position: absolute;
            border-radius: 0px 0px 10px 10px;
            box-shadow:0px 0px 2px black;
            


        }




        .card-hd{
            background-color: #424242;
            color: white;
        }
        /* .card-st{
            background-color: #DD2C00;
            color: white;
        } */

        .card{
            border-radius: 8px;
            overflow: hidden;
            /* box-shadow: 2px 2px rgba(114, 114, 114, 0.349); */
           
        }
        .card a{
            color: black;
           
        }
        .mycoll{
            border-radius: 8px;
            overflow: hidden;
            box-shadow:0px 0px 3px grey;

        }
        .bg-olduser{
            background-color: #F8DDDD;
            color: black;
            text-align: left;
            font-weight: 700;
            padding-right: 1.2%;
            

        }
        .bg-newuser{
            background-color: #D6E9D8;
            color: black;
            text-align: left;
            font-weight: 700;
            padding-right: 1.2%;
            

        }
        #past-user{
          
            font-weight: 700;
        
        }
        #copy_btn{
          
            font-weight: 700;
        
        }
        #cblock{
            background: #fff;
        }
        /* #cblock:hover{
            background: #cfcfcf;
        } */
        /* Only for Solar Lead page */
        #nlsec{
            height: 350px;
        }
        #olsec{
            height: 350px;
        }
        

        ul {
            margin: 0;
            padding: 0;
          }
          
/* for Signature */
.m-signature-pad--body canvas {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 250px;
border: 1px solid #CCCCCC;


}    
         
.neo{
    background-color:#e8e8e8;
    border-radius:  8px;
    box-shadow: 4px 4px 10px -1px rgba(0,0,0,0.25),
                -1px -1px 2px -1px rgba(0,0,0,0.15),
                -4px -4px 10px -1px rgba(255,255,255,1) ;
    /* border-style: solid;
    border-width: 0.2px;
    border-color: #CCCCCC; */


}
.neo:hover{
    
    box-shadow: inset 4px 4px 6px -1px rgba(0,0,0,0.2),
                inset -4px -4px 6px -1px rgba(255,255,255,0.7), 
                -0.5px -0.5px 0px rgba(255,255,255,1),
                0.5px 0.5px 0px rgba(0,0,0,0.15),
                0px 12px 8px -10px rgba(0,0,0,0.05) ;
}