.JKRasi
{
width: 100%;
height:65%;
}
.JKRasi  td
{

width:33px;
border: 1px solid #aaa;
text-align: center;
margin: 0; padding: 0;

}

.Rasi
{
width: 100%;
height:100%;
top: 0;
}
.Rasi td, .Amsam td
{

height:60px;
width: 60px;
padding: 1px;
text-align: center;
border: 1px solid black;
}

.Rasi td div, .Amsam td div
{
display: inline-block;
display: inline-table;
margin:0 3px;
font-size: 0.75em;
font-weight:bold;
}

.Amsam,.Rasi
{
    border-collapse: collapse;
    margin-bottom: 15px;
    margin-right: 15px;
}
.JKCalculator
{
width: 500px;
height: 500px;
}

#jathagam_dtls  td, th
{
   border: 1px solid black;
   padding:4px;
}

#jathagam_dtls
{
   border-collapse: collapse;
   border: 1px solid black;
   margin-top: 20px;
}
.bn
{
border: none;
}

#locre
{
display: none; position: absolute;
width:200px;
 z-index: 1000000;
}
#locre ul li
{
background: #fff;
 padding-left: 5px;
}
.getv{
    cursor: pointer;
    margin:1px 10px 1px -25px;
    border: 1px solid #ccc;
    padding: 0;
    list-style: none;
}
.getv span
{
font-size: 0.8em;
color: #333333;
display: block;
}

.getv:hover
{
    background: #F5FFFF;
}
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]{
    -moz-appearance: textfield;
}
.clrscr
{
 clear:both;
 height: 1px !important;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #6699CC;
  color: white;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
}
#myBtn:active {
  background-color: #FF0033;
}
        #jdt,#jmo,#jhr,#jmi,#jse{
             width:25px;float: left;
             padding:3px 0 3px 5px;
            }
            .jdts{
              float: left;
            }
            .panchangam_btn
            {
                padding:5px 5px; font-weight: bold;
                width: 86px;
            }

             #jyr{
             width:50px;   padding:3px 0 3px 5px;   float: left;
            }
            #DOB,#DOBTime{
                display: none; height:1px; width: 1px;
            }
            .panchangam_cusdt{
             float: left; color: #ddd;font-size: 1.3rem; font-weight: bold; padding:4px 0 0 0;
            }
             .panchangam_input{
                 float:left; font-weight:bold;
                 height: 20px;
             }
             #location{
                 width:100%;
                 padding: 2px 5px;
             }

            .panchangam_i,.panchangam,#location,.panchangam_btn {border-style: none none none none}
            .panchangam_i:focus, .panchangam:focus,#location:focus,.panchangam_btn:focus,#panchangam_live:focus{outline: none;}

           #panchangam_load{
               display: none; position: absolute; right:20px;
           }
             #panchangam_load img{
               height: 10px;
           }
            @media only screen and (min-width: 360px) {
                  #jk{
margin-right: -11px;
margin-left: -11px;
}
}  .panel-default {
    border-color: #fff !important;
}
  .panel-body {
  padding:5px 15px 5px 15px !important;
}  .loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('img/ajax-loader4.gif') 50% 50% no-repeat rgb(249,249,249);
  display: none;
}  #panchangam_live
{
   padding: 4px 6px; margin: 0 0 0 -26px;
}
#panchangam_1
{
 margin: 0 0 0 -27px;
}
.gp{
    display: none;
}
*:focus {
  outline: 0 !important;
}
 #ajaxOverlay{ display: none; }
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:9999;}
.popup{background:url(../img/srirangam-perumal-loading.png) no-repeat center;border-radius:50px;padding:75px 75px;display:flex;flex-direction:column;align-items:center;gap:1rem;}
.pulse-ring{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;}
.pulse-ring::before,.pulse-ring::after{content:'';position:absolute;border:4px solid #fff;border-radius:50%;animation:pulse 1.4s ease-out infinite;}
.pulse-ring::after{animation-delay:.7s;}
.pulse-core{width:14px;height:14px;border-radius:50%;background:#fff;}
@keyframes pulse{0%{width:14px;height:14px;opacity:1;}100%{width:44px;height:44px;opacity:0;}}
.popup-title{font-size:15px;font-weight:500;margin:0;}
.popup-sub{font-size:13px;color:#fff;margin:0;}