body {
    padding-top: 2px;
    padding-bottom: 20px;
    padding-left:1px;
}

@base:#212121;
@color:silver;
@accent:#27ae60;
@borderRadius:4px;

.btn-danger {
    display: inline-block;
    border:1px solid darken(@base,50%);
    outline:none;
    padding:10px 20px;
    line-height: 1.4;
    background: @base; 
    background: linear-gradient(to bottom,  lighten(@base,20%) 0%,lighten(@base,15%) 50%,darken(@base,5%) 51%,darken(@base,2.5%) 100%);      
    border-radius: @borderRadius;
    border: 1px solid darken(@base,30%);
    color:lighten(@color,10%);
    text-shadow: darken(@color,80%) -1px -1px 0px;
    
    position: relative;
    transition: padding-right .3s ease;
    font-weight:700;
    box-shadow:0 1px 0 lighten(@base,30%) inset, 0px 1px 0 lighten(@base,10%);
    
}
.btn-danger:hover {
    box-shadow:0 0 10px darken(@base,10%) inset, 0px 1px 0 lighten(@base,10%);
    color:lighten(@color,20%);
}
.btn-danger:active{
    box-shadow:0 0 10px darken(@base,10%) inset, 0px 1px 0 lighten(@base,10%);
    color:lighten(@color,30%);
    background: darken(@base,10%); 
    background: linear-gradient(to bottom,  lighten(@base,10%) 0%,lighten(@base,5%) 50%,darken(@base,5%) 51%,darken(@base,10%) 100%);  
    
}
.btn-danger.spinning {
    background-color: @base;
    padding-right: 40px;
}.btn-danger.spinning:after {
    content: '';
    position: absolute;
    right: 6px;
    top: 50%;
    width: 0;
    height: 0;
    box-shadow: 0px 0px 0 1px darken(@base,10%);
    position: absolute;
    border-radius: 50%;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease;
}
.btn-danger.spinning:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute;
    border: 2px solid darken(@base,40%);
    border-right: 3px solid @accent;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease ;
    
}



#logo{
    text-align:center;
    border:2px solid red ;
    border-radius:11px;
}
#marq{
    border:2px solid red;
    border-radius:11px;
    margin-top:2px;
    text-align:center ;
    font:bold;
    font-style:italic;
    color:red;
    font-size:20px;
}
#lr{
    border:2px solid blue;
    border-radius:11px;
    margin-top:2px;
    text-align:center ;
    background-color:#6f96e5;
    font:bold;
    font-style:italic;
    color:white;
    font-size:15px;
    height:190px;
}
#lr-2{
    border:2px solid yellow;
    border-radius:0px 1px;
    text-align:center ;
    background-color:yellow;
    font:bold;
    font-style:italic;
    color:white;
    font-size:15px;
    height:120px;
    /*line-height:1.2em;*/
}
#result{
    border:2px solid purple;
    border-radius:11px;
    margin-top:2px;
    text-align:center ;
    background-color:purple;
    font:bold;
    font-style:italic;
    color:white;
    font-size:25px;
}
#tb-result{
     border:2px solid purple;
    margin-top:2px;
}
table, tr, td {
  border: 1px solid black;
}
#purple-header {
    border: 2px solid #eb008b;
    border-radius: 10px 0 10px 10px;
    margin-bottom: 2px;
    overflow: hidden;
    margin-top:2px;
    border-color: #024c88;
    text-align: center;
    padding: 3px 10px;
    font-style: italic;
    font-family: Helvetica,sans-serif;
    font-weight: 1000;
}
#disc{
    border:2px solid pink;
    border-radius:11px;
    margin-top:2px;
    text-align:center;
    font:bold;
    font-style:italic;
    color:white;
    font-size:15px;
}
/*.refresh-btn, .matka-card a {
    border: 2px solid #ff006c;
    background-color: #ff006c;
    color: #fff;
    padding: 3px 7px;
    border-radius: 8px 0;
    box-shadow: 0px 0px 1px #000000d6;
    font-size: 12px;
    margin: 2px 0 -1px;
    display: inline-block;
    transition: all .3s;
}*/
#panel{
     text-align:center;
    border:1px solid red ;
    border-radius:11px;
  }
#btn_dn{
    background-color: #a0d5ff!important;
    color: #220c82!important;
    padding: 10px 30px!important;
    font-size: 16px!important;
    margin:20px 0px 0px  auto ;
    border-radius: 10px!important;
    border: 2px solid #0000005c !important;
    font-weight: 800!important;
    text-shadow: 1px 1px #00bcd4!important;
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.2) , 0 6px 8px 0 rgba(0,0,0,.19)!important;
    display: inline-block!important;
    transition: all .3s!important;
  
    
}

#head-1{
    border:2px solid blue;
    border-radius:11px;
    margin-top:20px;
    text-align:center ;
    background-color:#03a9f4;
    font:bold;
    color:white;
    font-size:30px;
}
#head-3{
    height:25px;
    background-color:yellow;
    text-align:center;
    font-size:medium;
    font-style:italic;
}