body {
    background-color: #f2f6fa;
  }

  div.dts div.dataTables_scrollBody {
    background: transparent;
  }

  .dataTables_filter label {
    width:100%;
    display:block;
  }

  div.dts div.dataTables_scrollBody table, table.dataTable {
    background: transparent;
  }

  table.dataTable tbody tr {
    display: block;
    margin:0px 0 5px;
    
    padding:0;
    width: 100%;
    border:0;
    background: transparent;
    border-radius:10px;
    float:left;
  }

  table.dataTable tbody tr td {
    display:block;
    border:0;
    width:calc(100% - 12px);
    padding:10px 6px;
    float:left;
  }

  table.dataTable.display > tbody > tr > td {
    border:0px;
  }

  .fs-8 {
    font-size: 0.733rem !important;
  }
  .fs-7 {
    font-size: 0.866rem !important;
  }

  .dataTables_info {
    font-size:0.8rem!important;
  }
  .dataTables_wrapper .dataTables_filter input {
    background: #fff!important;
    border-color: #e0e0e0;
    width:100%;
  }

  #result {position:fixed;top:0;width:100%;margin-left:-100%;background:#f2f6fa;overflow-y:scroll;z-index:44;padding:10px 0 60px;}
	#result.visable {bottom:0;}

    .text-style-normal {
        font-style: normal !important;
    }

    .border-bottom-dashed {
      border-bottom: 1px dashed #000;
    }

    canvas {
      touch-action: none; /* Disable touch actions to prevent scrolling */
    }

    @supports (-webkit-touch-callout: none) {
      @media screen and (max-device-width: 812px) and (orientation: portrait) {
        textarea {
          font-size: 16px!important;
        }
      }
    }
    
    #historyForm::before {background: #000;position: absolute;top:0;left:0;bottom:0;right:0;content:"";opacity: 0.8;}

    #dropDownFilters li ul {position:absolute;display:none;right:0;background:#fff;list-style:none;}
    #dropDownFilters li:hover ul {display:block;z-index:101;}
    #dropDownFilters li li {text-align:left;}    

    #signature-previewdiv img {width:100%;}