
        .table > tbody > tr > td, .table > thead > tr > th {
    font-size: 14px;
}.Filter_Div {
    height: 40px;
    text-align: right;
    padding-right: 6px;
}
        li #visit a :visited {
            background-color: red;
        }
		.nav {
    margin-bottom: 0px;
}
        li.pad {
    
        width: 100%;
}
    .table-responsive .ng-scope {
   background: transparent; 
} 
   .tab-pane{
padding-top: 16px;
   }
        td, th {
        text-align:right}
        table {
        direction: rtl;}
           .TotalTable tr td {
        font-size: 13px!important;
        padding-right:5px!important;
        }
        .modal {
            overflow: hidden;
        }
        .modal-dialog {
        
        margin:0 auto!important;
        width:300px!important;
        }

      .sortableTable tbody > tr > td {
        border:1px solid #ccc!important;
        padding-right:5px;
         padding-left:5px
        }
        input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

        .ngdialog-close {

            left: 47px;
            right: auto !important;
        }
         .ngdialog-close:before {
              color: #fff!important;
        }
        .close-x {

            margin-right:15px;
        }

        .ngdialog.ngdialog-theme-default .ngdialog-content {
        padding:0!important
        }



        .table > thead:first-child > tr:first-child > th {    text-align: center;
        }
        .table-responsive .ng-scope {
        
        }



.dateFilter {       
    float: right;
    padding:0;
    width: 11%;
    margin-left: 1%;       
   }
.datePicker {
    width:100%;
   display: inline-block;
}
.firstSearch {
    float: right;
    margin-bottom: 5px;
    width: 16%;
    margin-left: 1%;
}
.Status {
    float: right;
    padding:0;
    width: 11%;
    margin-left: 1%;
}
.statusSelect {
    width: 100%!important;
    display: inline-block;
}
.total {
      width: 193px;
    display: flex;
    height: 33px;
   
    float: right;
    margin-right: 9px;
}
a{
    cursor:pointer;
}

@media only screen and (max-width: 480px) {
    .dateFilter {        
        width: 50%;
    }
    
    .Filter_Div {
        width: 100%!important;        
    }
    .datePicker {        
        width: 100%;
        display: inline-block;       
    }
    .firstSearch {
        width: 40%;  

    }
    .Status {
        width: 40%;    
    }
    .statusSelect {
           width: 70%!important;
        display: inline-block;
    }
    .total {
      width: 34%!important;
   
    }
    .TotalTable tbody {
        width: 100%;
    display: block;
    }
    .td1 {
        height: 100%;
        border: 0;
        width: 50%;
        display: inline-block;
    }
    .td2 {
           width: 47%;
    display: inline-block;
    height: 100%;
    }

    #table1	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#table1 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#table1 tr { border: 1px solid #ccc;height: auto!important;    border-bottom: 5px solid; }
	
	#table1 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		    padding-right: 40%;    white-space: normal;    min-height: 30px;    text-align: right!important;
	}
    	#table1 td p { 
		 text-align: right;
	}
	   
	#table1 td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		right: 6px;
		    width: 38%;
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	#table1 td:nth-of-type(1):before { content: "الوقت"; }
	#table1 td:nth-of-type(2):before { content: "الزبون"; }
	#table1 td:nth-of-type(3):before { content: "رقم الزبون"; }
	#table1 td:nth-of-type(4):before { content: "العنوان"; }
	#table1 td:nth-of-type(5):before { content: "الى"; }
	#table1 td:nth-of-type(6):before { content: "السائق"; }
	#table1 td:nth-of-type(7):before { content: "رقم السائق"; }
	#table1 td:nth-of-type(9):before { content: "المكتب"; }
    #table1 td:nth-of-type(10):before { content: "المحافظة"; }
	#table1 td:nth-of-type(11):before { content: "المسافة"; }
    #table1 td:nth-of-type(12):before { content: "المدة"; }
	#table1 td:nth-of-type(13):before { content: "مدة الانتظار"; }
    #table1 td:nth-of-type(14):before { content: "المبلغ"; }
    #table1 td:nth-of-type(15):before { content: "الحالة"; }
    #table1 td:nth-of-type(16):before { content: "التقييم"; }
    .List {
        padding: 0;
    }
     .List table{
           width: 100%;
    display: block;
    }
}