/*
 * FONTS
 *******
 */

/* Source Sans Pro Regular */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: normal;
    src:url('../fonts/SourceSansPro-Regular.otf');
}

/* Source Sans Pro Bold */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: bold;
    src:url('../fonts/SourceSansPro-Bold.otf');
}

/* Source Sans Pro Italic */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: normal;
    src:url('../fonts/SourceSansPro-It.otf');
}

/* Source Sans Pro Bold Italic */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: bold;
    src:url('../fonts/SourceSansPro-BoldIt.otf');
}

/* Font Awesome Brands */
@font-face {
  font-family: Font Awesome\ 5 Brands;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }


/* Font Awesome Regular */
@font-face{
    font-family:Font Awesome\ 5 Free;
    font-style:normal;
    font-weight:400;
    src:url('../fonts/fa-regular-400.eot');
    src:url('../fonts/fa-regular-400.eot?#iefix') format("embedded-opentype"),url('../fonts/fa-regular-400.woff2') format("woff2"),url('../fonts/fa-regular-400.woff') format("woff"),url('../fonts/fa-regular-400.ttf') format("truetype"),url('../fonts/fa-regular-400.svg#fontawesome') format("svg")}

/* Font Awesome Bold */
@font-face {
  font-family: Font Awesome\ 5 Free;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

/*
 * Basic Building Blocks
 ***********************
 */


html, html body {
  font-family:  'Source Sans Pro', helvetica, Verdana, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  font-weight: normal;
  color: #333;
  height:100%;
  margin:0;
}

h1,h2 {
  line-height: 1;
  font-weight: normal;
}

.matched h2 {
    display: inline-block;
}

.bg-lightgrey {
    background-color:#f5f5f5 !important;
}

h1 a,h2 a {
    font-weight: inherit;
    font-family: 'Source Sans Pro';
}
h1 {font-size: 20px;margin-top:10px;margin-bottom:10px;}

h2 {font-size: 18px}

.login h1 {
    text-transform: uppercase;
    color: #80c046;
}

.error {
    font-weight: 800;
    color: red;
}

.totals, .totals td {
    font-weight: bold !important;
}
/*
 * General layout
 ****************
 */

img.profile {
    max-width:25%;
    border: solid 1px #333;
}

td.profile {
    min-width:30px;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
}

.matched th.icon-ganger, .matched th.icon-driver, .matched th.icon-passenger, .matched th.icon-expand, .matched th.sub-user, .matched a.icon-expand, .matched a.sub-user{
    max-width:0px;
}

.matched td, .available td {
    text-align: center;
    line-height: 1.0 !important;
    padding: 2px !important;
}

.matched input.fit, .available input.fit {
    width: 100%;
}
.matched input.almost.fit, .available input.almost.fit{
    width: calc(100% - 20px);
}

.matched .approved td, .matched .approved td a  {
    color: #6f6;
}


.gang th.icon-ganger, .gang th.icon-driver, .gang th.icon-passenger, .gang th.icon-expand, .gang th.sub-user, .gang a.icon-expand, .gang a.sub-user{
    max-width:0px;
}

.gang td, .available td {
    text-align: center;
    line-height: 1.0 !important;
    padding: 2px !important;
}

.gang input.fit, .available input.fit {
    width: 100%;
}
.gang input.almost.fit, .available input.almost.fit{
    width: calc(100% - 20px);
}

.gang .approved td, .gang .approved td a  {
    color: #6f6;
}


.client-jobs:before, .export-data:before {
  content: " \f56e ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}
.preview-data:before {
  content: " \f06e ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}


.add-user:before,.add-contact:before {
  content: " \f234 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.sub-user:before {
  content: " \f503 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}
.add-pickup:before {
  content: " \f00e ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.add-client:before, .add-car:before, .add-gang:before {
  content: " \f65e ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}
.add-job:before {
  content: " \f217 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}
.add-location:before {
  content: " \f0fe ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}
#approve-selected:before {
  content: " \f164 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}



.loc-HO:before {
  content: " \f1ad ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.loc-Farm:before {
  content: " \f494 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.loc-Accounts:before {
  content: " \f788 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.loc-Remote:before {
  content: " \f1bb ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.icon-users:before{
  content: " \f500 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.icon-locations:before{
  content: " \f302 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.icon-calendar:before{
  content: " \f274 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.icon-gang:before{
  content: " \f0c0 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.icon-driver:before{
  content: " \f1b9 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.icon-ganger:after{
  content: " \f508 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}
.icon-driver-ganger:before{
  content: " \f1b9 \f508 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}
.icon-passenger:before{
  content: " \f6c0";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.icon-expand:before{
  content: " \f337 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.icon-user-times:before{
  content: " \f235 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}

.icon-approve:before{
  content: " \f164 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}


.icon-clone:before{
  content: " \f0c5 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:2px;
}

.icon-information:before{
  content: " \f05a ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.icon-awr:before{
  content: " \f651  ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  color: darkred;
}

.icon-awr-report:before{
  content: " \f571  ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.icon-matching:before{
  content: " \f4fd  ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.icon-repeat:after{
  content: "  \f01e";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 0.8em;
  color: orange;
}

.icon-first-time:after{
  content: " \f2f6  ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.icon-print:before{
  content: " \f02f  ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.icon-jobs:before{
  content: " \f07a  ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.center {
    text-align: center;
}
.left {
    text-align: left;
}
.muted {
    opacity: 0.3;
}

div.subnav {
    width:100%;
    display: inline-block;
    margin-bottom:5px;
}

div.subnav a {
    font-size: 16px;
    font-weight: 400;
    
}

.subnav ul {
    list-style: none;
    padding: 0;
    margin-top: 0px;
    margin-bottom:0;
    display: inline-block;
}

.subnav ul li {
    text-align: left;
    display: inline-block;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
}

.toolbar {
    width:100%;
    display: inline-block;
    margin-bottom: 5px;
}

.toolbar input, .tool input {
    width: 280px;
}

input.list-filter {
    width: 90%;
}

.subnav .list-filter {
    max-width:120px;
}
.subnav .dropdown.bootstrap-select {
    max-width: 118px;
}
.subnav .bootstrap-select .dropdown-menu, .subnav .dropdown-menu .inner{
    max-width:115px;
    min-width: 40px;
    overflow-x: hidden;
}
.subnav ul .dropdown-menu .inner ul li {
    display: block;
}
.subnav ul .dropdown-menu .inner ul a {
    padding:0 !important;
}

tr.filter-row th{
    padding-top:0;
}

.tool {
    float: right;
}
.toolbar ul, .tool ul {
    list-style: none;
    padding: 0;
    margin-bottom:0;
    display: inline-block;
}

.tool ul,.toolbar ul li {
    text-align: left;
    display: inline-block;
    margin-left: 20px;
}

.toolbar label{
 color:#333;
 font-weight:normal;
 margin-bottom:0px;
}

select, input {
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 4px;
}


select {
    width: auto !important;
}

ul.dropdown-menu.inner {
    max-height:160px!important;
}

.calendar.row {
    margin-left: -5px;
    margin-right: -5px;
}
.calendar th .btn select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border: none 0px;
}

.calendar .day select {
    Xposition: absolute;
}
.calendar .day div.popup {
    position: absolute;
    background-color:#fefbf4;
    border: 2px solid #555;
    border-radius: 4px;
    padding:10px;
    z-index: 999999;
}
.calendar .day div.popup input.days{
    width: 50px;
}

.car-container {
    text-align: center;
    Xposition:absolute;
    bottom:0;
    float: left;
    margin-left:10px;
}

.matched input[type="radio"], .matched input[type="checkbox"] {
    display:none;
}
.matched input[type="radio"]+label:after, .matched input[type="checkbox"]+label:after  {
  content: "\f00d";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}
.matched input[type="radio"]:checked+label:after, .matched input[type="checkbox"]:checked+label:after {
  content: "\f00c";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}


.gang input[type="radio"], .gang input[type="checkbox"] {
    display:none;
}
.gang input[type="radio"]+label:after, .gang input[type="checkbox"]+label:after  {
  content: "\f00d";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}
.gang input[type="radio"]:checked+label:after, .gang input[type="checkbox"]:checked+label:after {
  content: "\f00c";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.glyphicon-ok:before {
  content: "\f00c";
}
.glyphicon {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}


button.save, button.save-week, input[type="button"],input[type="submit"]{
    background: #f78c28;
    border: 2px solid #555 !important;
    border-radius: 4px;
}

input[type="button"].gang-button {
    float: right;
}

form.gang-form {
    clear:both;
    float:right;
}

button.cancel,input[type="button"].cancel,input[type="submit"].cancel{
    background: #eee;
    border: 2px solid #555;
    border-radius: 4px;
}
button.close {
    border: 0px none #000 !important;
}
button.icon-print{
    border: 0px none #000 !important;
    background-color: inherit;
}

.bootstrap-select button.btn {
    font-size:15px;
    padding: 2px 15px 2px 2px;
    width: auto;
    max-width: 100%;
}
.modal-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
    max-width: 100%;
}

.bootstrap-select > .dropdown-toggle {
}

.filter-option, .filter-option .filter-option-inner,.filter-option .filter-option-inner-inner  {
   Xmargin-left: 0px;
}

input[type="submit"]#submitter{
    display:none;
}


input[type="checkbox"]{
    width: 15px !important;
    height: 15px !important;
}

.toolbar input, .tool input {
    width: auto;
}

input[type="text"].wide {
    width: 60%;
}
textarea.wide {
    width: 100%;
}
input[type="text"].narrow,input[type="number"].narrow {
    width: 50px;
}
input[type="text"].very.narrow {
    width: 25px;
}

legend {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size:16px;
    font-weight:bold;
    border-bottom: 1px solid #333;
}

/*
 * Tables
 ********	
 */		
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
th, td {
    padding: 1px 1px;
}

th, th a, th a:hover,.calendar .btn select {
    background: #e2e0c7 !important;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}
th>a:after, th .sorter:after{
  content: " \f0d7\f0d8";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}
th>a.toggle-day.on:after{
  content: " \f205";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}
th>a.toggle-day.off:after {
  content: " \f204";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}
tr>td.off {
    background-color:#aaa !important;
    color: #000;
}
tr>td.off.warning, tr>td.off.warning {
    color: #f00;
}

th {		
    text-align: center;
}


#tab-content-container {
    border-left: 1px solid #ddd;
    margin-right: 0px;
    margin-left: 0px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

#tab-content-container h2, .form h2 {
    margin-top: 0px;
}

div.scrollable{
  max-height: calc(100vh - 600px);
  overflow-y:scroll;
  width:100%;
  min-height: 200px;
  border: 1px solid #ddd;
}
div.scrollable.timesheet{
     max-height: calc(100vh - 450px);
} 
div.scrollable.invoice{
     max-height: calc(100vh - 350px);
} 

a.btn.next:after{
  content: " \f054";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}
a.btn.prev:after{
  content: " \f053";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}
a.btn.start:after{
  content: " \f053\f053";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}
a.btn.end:after{
  content: " \f054\f054";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.Leave:after{
  content: " \f5ca";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.UnpaidLeave:after{
  content: " \f4c0";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.Sick:after{
  content: " \f469";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.UnauthorisedAbsence:after{
  content: " \f057";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.Working:before{
  content: " \f7d9";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:4px;
}
  


td {
    color: #555;
    background: #fff;
    font-weight: 400;
    border: 1px solid #ddd;
}

th {
    border: 1px solid #ddd;
}    

tr:nth-child(odd) td {
    background-color: #f3f9f7;
}

tr:nth-child(odd) td.off {
    background-color: #d6dbd9 !important;
}

tr.Blacklisted td, tr.Blacklisted td a {
    color: #999;
}
tr.Blacklisted td:nth-child(2):before {
  color: #000;
  content: "\f506  ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  opacity: 1.0;
}
tr.Completed td:nth-child(2):before {
  color: #f00;
  content: "\f11e  ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  opacity: 1.0;
}
tr.Blacklisted.Completed td:nth-child(2):before {
  color: #f00;
  content: "\f506\f11e  ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  opacity: 1.0;
}

tr.Blacklisted td:nth-child(2):hover:before {
  color: red;
  content: "Blacklisted ";
  font-family:  'Source Sans Pro', helvetica, Verdana, sans-serif;
  font-size: 15px;
}

tr.staff-none>td:first-child{
    background-color: red !important;
    
}
tr.staff-partial>td:first-child {
    background-color: orange !important;
}
tr.staff-matched>td:first-child {
    background-color: green !important;
}

tr.staff-none>td:first-child a{
   color: #000;
}
tr.staff-partial>td:first-child a{
   color: #000;
}
tr.staff-matched>td:first-child a{
   color: #000;
}

table.vertical tr th, .right {
    text-align: right !important;
}

.form {
    display:block;
    margin: 0 auto ;
    background-color:#fefbf4;
    border: 1px solid #dedbdb;
    padding:10px;
}

.form ul {
    list-style: none;
    padding: 0;
}
.form li {
    text-align: left;
    margin-bottom:0px;
}
.form .nav li {
    margin-bottom: -1px;
}

.nav > li > a {
    padding: 5px 5px;
}

.form.login li {
    text-align: center;
}
.form li.extra-gap label {
    margin-top: 10px;
}

.form label{
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 5px;
}

.form label.long {
    font-weight: normal;
}

.reports.form form {
    margin-bottom: 20px;
}

/* breaks selectpicker
.form li div {
    display: inline-block;
    position: relative;
    margin-left: 25px;
}
*/

.divider {
    height: 2px;
    width:100%;
    background-color: #d8d8d8;
    margin-top:2px;
    margin-bottom:0px;
}

.clr {
    clear:both;
}

.job-rate {
    float: left;
    margin-right:10px;
}

.jobstatus {
    float: left;
}
#cancellation-reason {
margin-left:10px;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    transition: all 0.3s;
}
.field a,
.field a:hover,
.not-field a,
.not-field a:hover,
.not-field a:focus,
.field a:focus
 {
    color: #333;
}

.field a:hover,
.field a:focus, .not-field a:hover,
.not-field a:focus {
    text-decoration: underline;
}

div.subnav a.bold {
    font-weight: bold;
}

/*
 * Header
 *********
 */
.container-fluid {
    padding:0;
}
#banner{
    z-index: 999;
    position: fixed;
    width:100%;
    margin: 0;
    background: #fff;
    height:60px;
    border-bottom: solid 1px #dedbdb; 
}

img.logo{
    width:60px;
}

.header-status div {
    float:right;
}
.header-status .name:before {
  content: " \f007 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;
}
.header-status .logout:before {
  content: " \f2f5 ";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  padding-right:5px;;
}

a.burger, a.burger:hover {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  content: " \f0c9 ";
  color: #000;
  font-size: 1.5em;
  text-align: right;
  text-decoration:none;
}

.header-status div {
    float: right;
    text-align: left;
}
.header-status div div {
    padding: 0 3px;
    float:left;
}


/*
 * Sidebar
 *********
 */

.wrapper {
    z-index: 50;
    display: flex;
    width: 100%;
}

#sidebar {
    width: 200px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 50;
    background: #e0e2c7;
    color: #555;
    transition: all 0.3s;
    padding-top:60px;
}
#sidebar.active {
    margin-left: -200px;
}

#sidebar a, #sidebar a:hover, #sidebar a:focus {
    color: inherit;
}

#sidebar ul.components {
    padding: 20px 0;
}

#sidebar ul li a {
    padding: 2px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a[aria-expanded="true"] {
    background: #f78c28;
    color: #fff;
}

#sidebar ul li a[aria-expanded="false"] span:after {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  content: " \f0da ";
}
#sidebar ul li a[aria-expanded="true"] span:after {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  content: " \f0d7 ";
}


#sidebar ul li a:hover {
    background: #f78c28;
    color: #fff;
}



.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}
.dropdown-menu > li > a {
    font-size: 1.0em !important;
    /*padding: 0 0 0 20px !important; - breaks selectpicker dropdowns */
    line-height: 16px !important;
}

a.disabled {
  color:#aaa;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: calc(100% - 200px);
    padding: 60px 40px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

#content.active, #content.nonav {
    width: 100%;
}

/*
 * Modal
 *******
 */
#working {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.5;
    display: none;
}
#working div {
    margin-top: calc(50vh - 32px);
    margin-bottom: calc(50vh - 32px);
    text-align: center;
    opacity: 1.0;
}
    
}


#modal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
.modal-title {
    font-size: 1.15em;
}

#modal .modal-dialog {
    min-width:400px;
    width: auto;
    max-width:80%;
}

#pagination {
    max-width:100%;
    background-color:#fefbf4;
    border: 1px solid #dedbdb;
    padding:0px;
    font-size: 1.1em;
}
#pagination div div {
    vertical-align: middle;
}
#pagination a.start, #pagination a.end, #pagination a.next, #pagination a.prev {
    margin-left:5px;
    margin-right:5px;
}

/*
 * Footer
 ********
 */
footer#footer {
    text-align: center;
    position: fixed;
    bottom: 0;
    width:100%;
    background-color:#4c4c4c;
    color:#aaa
}

footer#footer hr {
    border-color: #dedbdb;
    margin:0;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 250px);
    }
    #sidebarCollapse span {
        display: none;
    }
}

@media (max-width: 500px) {

    #content {
	padding: 0;
    }
    div.subnav, table{
	margin-bottom: 0;
    }

    /* full screen modal */
    div.modal-body{
	padding: 0;
    }
    .col-xs-12 {
	padding:0;
    }
    .row {
	margin-right: 0;
	margin-left: 0;
    }

    input[type="text"].narrow {
	max-width: 50px;
    }
    div.modal-dialog {
        position: absolute;
        left: 0;
        top: 0;
	right: 0 !important;
	bottom: 0;
        margin: 0;
        padding: 0;
        overflow: auto!important;
	width: 100% !important;
	min-width:100%;
    }
    div.modal-body {
	max-height: calc(100vh - 163px);
    }

    div.scrollable {
	max-height: none;
    }
}

@media print {

    /* remove page contents */
    .modal-backdrop.in {
     opacity: 1 !important;
     background-color: #fff !important;
    }

    /* Expand Modal to fit content */
    .modal-dialog.modal-dialog-centered, #modal {
        position: absolute;
        left: 0;
        top: 0;
	right: 0 !important;
        margin: 0;
        padding: 0;
        overflow: visible!important;
	max-width: 100% !important;
    }
    

}

.manual-basic-total {
    Xmargin-left: 10px;
    display: inline-block;
    position: relative;
    margin-right: -12px;
}

.manual-basic-total label {
  Xposition: absolute;
  Xleft: 17px;
  Xtop: -3px;
  font-size: 0.5em;
}

input[name^="manual-time"] + label[for^="manual-time"]:after {
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  content: " \f044 ";
  padding-left:2px;
}

input[name^="manual-time"]:checked + label[for^="manual-time"]:after {
  content: " A ";
}

.additional-comments-outer {
  width: 50%;
  float: right;
}
.additional-comments-outer textarea {
  width:100%;
}

.additional-comments-outer {
  width: 50%;
  float: right;
}