.strong{
      font-weight: 700;
    }

    .total_fl, .chargeable{
      font-size: 15px;
      font-weight: 700;
    }

    .td-upcoming{    
      background-color: #ffe5e5;
    }
    .td-passed{    
      background-color: #ecffdb;
    }

    @keyframes gradient {;
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
  }

    .Terminated_Closed,.Closed{
      text-decoration: line-through;
    }

    span.rotateObj {
    width:150px;
    display:inline-block;
    position:absolute;
    left:-50px;
    -webkit-transform:rotate(-45deg);
}
    
    .p_no{
      color: #032a69; 
      font-size: 15px;
      font-weight: 600;
    }
    .mortgagor{
      color: #032a69; 
      font-size: 15px;
      font-weight: 600;
    }

    .title_prop {
      color: #032a69; 
      font-weight: 600;
      margin-bottom: 10px;
    }
    .top-row {
      margin-top: 50px;
    }

    .table-property-details td{

      font-size: 15px;

    }
    .strong_extent{
      color: #032a69;
      font-size: 15px;
      font-weight: 600;
    }

    .panel-ksfe-blue>.panel-heading {
      color: #fff;
      background-color: #032a69;
      border-color: #032a69;
    }

    .panel-ksfe-blue{
      border-color: #032a69;
    }

    .particular_row{
          padding: 0;
          font-size: 12px;
          color: #08060640;
    }


    .over_due{
      color:white;
      background-color: #dd6666;
    }


    .due_today{
      color:#000;
      animation: mymove_red 5s infinite;
    }

    .due_orange{
      color:white;
      background-color: #e3ab26;
    }

    @keyframes mymove_red {
      50% {font-size: 15px;
        background-color: #dd6666;
        color: #fff}
    }
    @keyframes mymove_orange {
      50% {font-size: 15px;
        background-color: #e3ab26;
        color: #000}
    }


    input.Update_btn {
    padding: 10px;
    }

    @media only screen and (max-width: 768px) {
  /* For mobile phones: */

  .cheque_fields {
      width: 100% !important;
    }


  .cheque_fields_particulars{
    width: 50% !important;
  }


    .cheque_fields > input, .cheque_fields > select {
      padding-top:5px !important;
      padding-bottom: 5px !important;
    }


    #calender {  
      width: 100% !important;     
      overflow-x: scroll; /* Show horizontal scrollbar */
    }


    thead.filter_thead th{
      padding-left : 2px !important;
    }





}