.table-lists th {
	  background-color: #e6e6ff;
	  border: 1px solid black;
	}

	.mydoc{
		font-size: 10px;
	}

	.myheading{
		font-size: 12px;
		text-align: center;
		text-transform: uppercase;
	}

	.myheading2{
		font-size: 16px;
		font-family: Arial;
		font-weight: 700px;
		text-align: center;
		text-transform: uppercase;
	}

	.reports_table{
		width: 100%;
	}

	.invoice-body{
		font-family: Arial;
	}
 
	 .reports_table th{
		padding: 3px 3px;
		border-top: 0.3px solid black;
		border-bottom: 0.3px solid black;
	}

	 .reports_table tr, .reports_table td{
		padding: 3px 3px;
		border-bottom: 1px dotted black;
	}

	.reports_table .summation{
		border-bottom: double;
		background-color: #b3f0ff;
	}

	.reports_table .sub-summation{
		border-bottom: 0.5px solid black;
		background-color: #e6e6ff;
	}

	.reports_table .border_left{
		border-left: 0.5px solid black;
		padding-left: 5px;
	}

	.headboxbg{
		background-color: #e6e6ff;
	}

	.list_table{
		width: 100%;
	}

	.list_table thead, .list_table th, .list_table tr, .list_table td{
		padding: 3px 3px;
		border: 0.5px solid black;
	}


	.list_table .summation{
		border-bottom: double;
		background-color: white;
	}

	.list_table .sub-summation{
		border-bottom: 1px dotted black;
		border-top: 1px dotted black;
		background-color: white;
	}


	.hidefield{
		display: none;
	}

	.image_bordered{
		border: 5px lightgray solid;
	}


	.uppercase{
		text-transform: uppercase;
	}

	.pad-left{
		padding-left: 30px;
	}

	fieldset.scheduler-border {
	    border: 1px groove #ddd !important;
	    padding: 0 1.4em 1.4em 1.4em !important;
	    margin: 0 0 1.5em 0 !important;
	    -webkit-box-shadow:  0px 0px 0px 0px #000;
	            box-shadow:  0px 0px 0px 0px #000;
	}

	legend.scheduler-border {
		font-size: 15px;
	    width:inherit; /* Or auto */
	    padding:0 10px; /* To give a bit of padding on the left and right */
	    border-bottom:none;
	}

	.search-bar {
        margin-bottom: 10px;
        padding: 8px;
        width: 100%;
        box-sizing: border-box;
    }

    .table-responsive {
        margin-bottom: 20px;
        /*height: 300px;  Set the height for the scrollable area */
        /*overflow-y: auto; /* Enable vertical scrolling */
    }

    th.sortable {
        cursor: pointer;
    }

    th.sortable:after {
        content: " \25B4\25BE"; /* Up and Down Arrows */
        font-size: 0.8em;
        margin-left: 5px;
        color: #999;
    }

    th.sortable.sorted-asc:after {
        content: " \25B4"; /* Up Arrow */
        color: #000;
    }

    th.sortable.sorted-desc:after {
        content: " \25BE"; /* Down Arrow */
        color: #000;
    }

    .custom-select {
      position: relative;
      width: 100%;
    }

    .dropdown-menu {
      display: none;
      position: absolute;
      z-index: 1000;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      border: 1px solid #ddd;
      width: 100%;
      max-height: 500px;
      overflow-y: auto;
    }

    .dropdown-menu.show {
      display: block;
    }

    .dropdown-menu input {
      border: 1px solid #007bff; /* Added border here */
      border-radius: 4px; /* Optional: Add rounded corners */
      padding: 5px; /* Optional: Add padding for better appearance */
      outline: none;
      box-shadow: none;
      margin-bottom: 5px; /* Add some spacing between the search bar and options */
    }

    .dropdown-item {
      cursor: pointer;
    }