html { overflow: auto; margin-left: calc(100vw - 100%); }
#wage-calculator {
    max-width: 1200px;
    padding: 2em 0;
    margin: 0 auto;
}
img {
    max-width: 100%;
}
.col{
    flex-basis: initial!important;
}

.split {
    height: 0;
    overflow: hidden;
}

.split.active {
    height: auto;
}
.employee {
    overflow: auto;
}
#wage-container {
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #eee;
    background: #fff;
}
.rosters {
    float: left;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #ededed;
    width: 100%;
}

.roster-row {
    float: left;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #ededed;
}

.roster-row:last-child {
    border-bottom: 0px solid transparent;
}

.employee-row {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ededed;
    border-radius: 3px;
}

.shift {
    margin-top: 10px;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #eee;
}

.btn {
    color: #fff!important;
}

#shift-table {
    border-collapse: collapse!important;
}

#shift-table td {
    border: 1px solid #ccc;
    padding: 5px;
}

#shift-table th {
    border: 1px solid #ccc;
    padding: 5px;
}

.subtot-container {
    float: right;
}
.subtot-container p {
    font-weight: 400;
    font-size: 16px;
}

.pcontainer {
    padding: 1em;
    background: #fff;
    margin: 1em auto;
    width: 95%!important;
    max-width: 1000px;
    border: 1px solid #ccc;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
}

canvas {
    width: 100%;
    height: 200px;
}

#JobDesc tbody tr td {
    padding: 15px!important;
}

.logincontainer{
    padding: 1em;
    background: #fff;
    margin: 1em auto;
    width: 95%;
    border: 1px solid #ccc;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.25);
}

.logincontainer > *{
    margin: 0 auto;
    text-align: center!important;
}

.logincontainer input {
    text-align: center!important;
}

.logo {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.file-upload {
  display: none;
}

/* EDIT TO BE RELEVANT TO AHAVIC PROJECT
.new-jobsheets li a,
.jobsheets li a,
.staff li a,
.clients li a{
    display: block;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 6px;
    margin-bottom: 4px;
}

.new-jobsheets li a i,
.jobsheets li a i,
.staff li a i,
.clients li a i{
    float: left;
}

.details {
    float: left;
}

.date, .jobsheet-count {
    float: right;
}
*/