body
{
background-color: #e8e8e8;
}
nav 
{
position: sticky !important;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
}
.radio-inline
{
  margin-right: 8px;
}
.radio-inline input
{
  margin-right: 5px;
}
.toppad
{
  background-color: #fff;
}
.main-footer {
  background:#008001;
  padding: 15px;
  color: #fff;
  border-top: 1px solid #DDDDDD;
  position: relative;
  bottom: 0px;
  left: 0px;
  right: 0px;
  /*transition: transform .3s ease-in-out,margin .3s ease-in-out;
  z-index: 820;*/
}
.toppad h1
{
color: #29c829!important;
}
.buttons-print
{
  background-color: #29c829!important;
  border-color: #29c829!important;
      padding: 4px 30px!important;
}
.separaters{
    color: #FFF;
    background-color:  #29c829!important;
    font-size: 22px;
    text-align: center;
    /*margin: 20px;
    padding: 20px;*/
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    border-bottom: 1px solid gray;
  }
@-webkit-keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

.blink {
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
  -webkit-animation-duration: 1.7s;
}
.p_card-body {
    height: 120px;
}
  .req{
    color: red;
    font-size: 16px;
    font-weight: 700;
  }
  .toppad{
    margin-top: 55px;
    padding: 15px;
     margin-bottom: 35px;
     min-height: 70vh;
  }
  .gap{
    padding: 10px;
  }
  .card h1{
    color: #FFF;
  }
  .card p{
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
  }
  .bg-gray{
    background-color: gray;
  }

  .modal-content{
    background-color: transparent;
    border: none;
  }
  .mycol {
    display: inline-block;
  }
  .mycolR{
    float: right;
    margin-top:10px; 
  }

  #ajaxloaderModal {
    background-color: #dddddd91;
  }

  .dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #593196;

  }

  .back{
    background-color: #10e81033
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}
.app-form
{
  background-color: #fff;
}
.card-body h1 
{
  color: #fff !important;
}
.m-form
{
  padding: 0px 25px;
}
.custm-control
{
  width: 100%;
  height: 40px;
  border: 1px solid #ddd !important;
  padding-left: 10px;
}
.m-form label 
{
  font-weight: bold;
  color: #585353;
}
.m-form input
{ 
  outline: none;
  border-radius: 3px;
}
.m-form input::placeholder
{
  padding-left: 5px;
  color: #0009;
   
}
.m-form select
{
    outline: none;
}
.m-form select
{
  padding-left: 5px;
  border-radius: 3px;
  color: #0009;
}
.sub-btn
{
    text-align: center;
    padding: 50px 0;
}
#html_common_body
{
  min-height: 100vh;
}
.sub-btn button 
{
  background-color: #29c829!important;
  color: #292929;
  border: none;
  padding: 8px 35px;
  font-weight: bold;
  transition: 0.3s;
  border-radius: 3px;
}
.sub-btn button:hover
{
  background-color: #0B1A71;
  color: #fff;
} 
.join-page-head h2
{
  text-align: center;
  color: #fff;
  padding-top: 60px;
  font-size: 40px;
}
.join-page-head
{
  background-image: url(../images/hand.jpg);
  height: 200px;
  background-size: cover;
  background-position:top;
  background-repeat: no-repeat;
}
#cover-caption
{

 padding-top: 16%;

 }
 .table-responsive table tr td .btn 
 {
  padding: 6px;
  display: inline-flex;
 }
 
 .m_box
 {
  text-align: left;
  width: 60%;
  margin: 0 auto;
  padding: 30px 0;
 }
 .line
 {
  padding-bottom: 5px;
 }
 .dated{
  display: none;
 }
 .upi-no{
  display: none;
 }
 
 .dd-no {
  display: none;
 }

.dd {
  display: none;
}
.pan{
  text-transform: uppercase;
}
#html_common_body .buttons-print
{
      float: left;
    margin-bottom: 13px;
}
.f-right
{
  text-align: right;
}
.f-right a 
{
  color: #fff;
}
.f-left a 
{
  color: #fff;
}
@media(max-width:480px)
{
  .dt-buttons
  {
    text-align: center;
    margin-bottom: 30px;
  }
  .buttons-print
  {
    float: none !important;
  }
  .last-btn
  {
    text-align: center;
  }
  .f-right
  {
    text-align: center;
  }
  .f-left
  {
    text-align: center;
  }
}