/* Set DataTables Search Width */
.dataTables_filter input { width: 200px }

.dataTables_filter input { height: 30px; }

/* Set padding to keep content from hitting the edges */

.row-fluid { white-space: nowrap; }

.row-fluid .col-lg-3 { display: inline-block; }

.body-content {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;     
}

/*.navbar-inverse {
    background-color: navajowhite;
 }
 .navbar-header {
      background-color: navajowhite;
 }*/

body {
    direction: rtl;
    font: 14px/1.4 "Noto Naskh Arabic";
    padding-top: 0px;
    text-align: right;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/

.dl-horizontal dt { white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */

input,
select {
    min-height: 20px;
    padding-top: 0px;    
}

textarea { min-width: 100%; }

.field-validation-error,
label.error { color: red; }

.input-validation-error,
input.error { border: 2px solid red; }

.fill {
    min-height: 100%;
    /*height: 100%;*/
}

.table > tfoot > tr > td { font-size: 10px; }

* {
    margin: 0;
    padding: 0;
}

#page-wrap { margin: 70px; }

p { margin: 20px 0; }

/* 
	Generic Styling, for Desktops/Laptops 
	*/

table {
    border-collapse: collapse;
    width: 100%;         
}

/* Zebra striping */

tr:nth-of-type(odd) { background: #eee; }

th {
    background: #333;
    color: white;
    font-weight: bold;
}

td, th {

    border: 1px solid #ccc;
    padding: 0px;
    text-align: right;
}

@media print {
    .visible-print { display: inherit !important; }

    .hidden-print { display: none !important; }

    body {
        font: 14px/1.4 "Noto Naskh Arabic";
        padding-top: 10px;
    }
}

.custom-loader-color {
    color: #fff !important;
    font-size: 20px !important;
}

.custom-loader-background { background-color: crimson !important; }

.custom-middle-align { vertical-align: middle !important; }

#employee_g tr td { height: 100px; }

table.display tbody tr:nth-child(even):hover td { background-color: red !important; }

table.display tbody tr:nth-child(odd):hover td { background-color: blue !important; }