.card, .alert, .form-control, .btn {
    border-radius: .1rem;
}
.nav-tabs .nav-link {
    border-top-left-radius: .15rem;
    border-top-right-radius: .15rem;
}
.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    border-radius: .1rem;
}

@media (min-width: 768px) {
    .sidebar .nav-item .collapse, .sidebar .nav-item .collapsing {
        margin: 0 .5rem
    }
}

.panel-ajax {
    width: max-content;
}

.image-profile-initials {
    font-weight: bold;
    font-size: 1.25rem;
    padding: .25rem;
    color: white;
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
}
.sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile {
    width: 2.5rem;
    height: 2.5rem;
}
.img-profile.img-profile-photo {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid black;
    background-position: center;
    background-size: cover;
}

#upcomingEvents .card-body {
    overflow-y: scroll;
    max-height: 240px;
}

.nav>li>a {
    padding-left:10px;
    padding-right:10px;
}

#conversationsList .contactPhotoColumn .fa-user-circle {
    margin-top:10px;
}

.fa-external-link-alt, fa-external-link {
    font-size: 87.5%;
    margin-left: 5px;
}

.service-location-list .selection {
    text-align: center;
    max-width: 150px;
}

.action-row a, .action-row button, .action-row input {
    margin-top: 15px;
}

.form-group.search-right input {
    max-width:350px;
    float:right;
    display:inline-block;
    margin-bottom:15px;
}
.form-group.search-right button {
    float: right;
    display: inline-block;
    margin-left: 5px;
}

.tab-content {
    background-color: white;
}
.with-nav-tabs .card-header.nav-heading {
    padding-bottom:0px;
    border-bottom:0px;
    font-weight:bold;
    padding-top:8px;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color:#dcdcdc;
}

.toast-top-center {
    top: 20%;
    text-align: center;
}

#toast-container.toast-top-center > div.toast {
    width: 500px;
    max-width: 100%;
    font-size: 1rem;
}

.filterSortLink.customerActivityReport {
} 
.profile-img {
	max-width:200px;
}
.text-red {
    color: #78261f;
}
.side-note {
    font-size:.85rem;
    font-style:italic;
}
.side-note .help-icon-placeholder i {
    font-size: .85rem;
}
.side-note .help-icon-placeholder i {
    font-size: .85rem;
}
#accordionSidebar {
    min-width: 213px !important;
}
ul.navbar-nav li.nav-item .collapse-item {
    min-width:165px !important;
}
ul.navbar-nav li.nav-item .nav-inner-item {    
    padding: 0.5rem 1rem;
    margin: 0 0.5rem;
}

ul.navbar-nav li.nav-item .nav-inner-item i, ul.navbar-nav li.nav-item .nav-inner-item span {
    font-size: .85rem;
}

ul.navbar-nav li.nav-item .bg-white {
    min-width: 179.5px !important;
}
ul.navbar-nav li.nav-item div.collapse a svg {
    margin-right:5px;
}
ul.navbar-nav #menu-spacer {
    height: 15px;
}
.search-input-right {
    margin-bottom:-15px;
}
ul.navbar-nav .nav-item.nav-bottom {
    position:absolute;
    bottom:0;
    margin-bottom:.5rem;
    font-size:1.1rem;
}
@media (min-width: 768px) {
    .sidebar .nav-item .nav-link {
        width:15rem;
    }
}
@media (max-width: 768px) {
    .search-input-right {
        margin-bottom:0px;
    }
    .search-input-right .form-group, .search-input-right button {
        float:right;
    }
    #accordionSidebar {
        min-width: auto !important;
    }
    ul.navbar-nav li.nav-item .collapse-item {
        min-width: auto !important;
    }

    ul.navbar-nav li.nav-item .bg-white {
        min-width: auto !important;
    }

    ul.navbar-nav li.nav-item div.collapse {
        position: relative;
        left: 0;
        width: 94%;
        margin-left: 3%;
    }

    ul.navbar-nav li.nav-item div.collapse a {
        padding: 0.6rem 0px !important;
        text-align: center;
        white-space: inherit !important;
    }

    ul.navbar-nav li.nav-item div.collapse a svg {
        display: block;
        margin: 0 auto;
    }
    ul.navbar-nav #menu-spacer {
        height: 0px;
        width: 90%;
        margin: 0 auto;
        border-top: 1px solid rgba(255,255,255,.35);
    }
}

.sendMessageButton {
    width: 18%;
    margin-left: 2%;
    padding: 30px;
    position: absolute;
    right: 25px;
    bottom: 50px;
}
.message {
    margin-bottom:10px;
}
.messagePhoto {
    float:left;
    max-width:100px;
    min-width:50px;
    width:10%;
    display:inline-block;
    text-align:center;
}
.messagePhoto img {
    max-height:35px;
    border-radius:30px;
}
.messageSender {
    font-weight:bold;
    font-size:105%;
    display:inline-block;
    float:left;
    margin-right:10px;
}
.messageTime {
    font-size:95%;
    font-style:italic;
    display:inline-block;
    float:left;
}
.messageContent {
    width:90%;
    float:right;
}
.tableRowClicklable {
    box-shadow:1px 2px 2px #476d9c;
    background-color:white;
    height:75px;
}
.tableRowClicklable:hover {
    background-color:#eef3f9;
    cursor: pointer;
}
.hasUnreadMessages {
    background-color:#eef3f9;
}
.selectedConversation {
    box-shadow: inset 2px 2px 2px #476d9c;
    background-color:#d4e2f3;
}
.selectedConversation:hover {
    background-color:#d4e2f3;
}
.messageText {
    
}
#messageHistory {
    height:80%;
    width:100%;
}
#newMessage {
    height:20%;
    width:100%;
}

    
#divLoading {
    display:none;
}

select.form-control {
    padding-left:10px;
}

.ui-autocomplete {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:12px;
}
input.custom-combobox-input {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:12px;
    padding-left:10px;
}
.form-control {
    background-color:rgb(253, 253, 253);
}
.form-control:focus{
    background-color:white;
}
ul.dropdown-menu {
    border-top-right-radius:4px;
    box-shadow:2px 2px 12px rgba(0,0,0,.175);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
}
.table-striped>tbody>tr:nth-of-type(even){
    background-color:white;
}
.table {
    background-color:white;
}
.table-condensed th, .table-condensed td {
    padding: 0.1rem 0.75rem;
}
.table.table-striped tbody tr:hover {
    background-color: rgba(0, 0, 0, .07);
}
html {
    min-height: 100%;
    font-size: 14px;
}
body {
    min-height: 100%;
    font-size: 14px;
}
.navbar-nav {
    margin: 0px;
}
.navbar-nav .nav-item .nav-link span {
    font-size: .8rem;
}
#accordionSidebar {
    font-size: 1.3rem;
}
@media (min-width: 768px) {
    .navbar-nav .nav-item .nav-link span {
        font-size: 1rem;
    }
}

.form-inline .input-group > .form-control {
    width: unset;
}
html, body {
    //background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0) 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(234, 234, 234, 0.49) 75%, transparent 75%, transparent);
    //background-size: 4px 4px;
    //height:100%;
    //position: absolute;
    //width: 100vw;
    //font-size:14px;
}
#mainBodyPanel > div.panel {
    background:inherit;
    height:100%;
    border:none;
    border-radius:0;
    margin-bottom:0;
    box-shadow:none;
}
.anonymous-layout-card {
    max-width:300px;
    text-align:center;
}
.container-fluid {
    margin-bottom:50px;
}
.btn-default {
    background-color: #bcbcbc1a;
    border: 1px solid #90909080;
}
.btn-primary {
    color: #fff;
    background-color: #4e73df;
    border-color: #4e73df;
}
.container-fluid {
    color: #3a3b45;
}
.fade:not(.show) {
    opacity: 100;
}
.fade:not(.active) {
    opacity: 0;
}
.container-fluid .inputRow {
    background: #eaecf485;
    border-radius: .1rem;
    padding: 20px 10px;
    margin-top: 0px;
    margin-bottom: 20px;
}
.container-fluid .inputRow .actionItem input[type="button"], .container-fluid .inputRow .actionItem .btn {
    margin-top: -5px;
}
.container-fluid .all-reports-row .card {
    margin-left: 1rem;
    padding: 20px 0px;
    width: 200px;
    margin-bottom: 1rem;
}
.container-fluid.report .filterRow {
    margin-top: 0px;
    margin-bottom: 20px;
}
.container-fluid.report .exportRow {
    margin-top: -5px;
    margin-bottom: 15px;
}
.container-fluid.report .exportRow .btn {
    padding: .3rem .6rem;
    font-size:1rem;
}
.container-fluid .inputRow .filterItem {
    padding-right: 10px;
}
.container-fluid .inputRow .actionItem {
    padding-right: 10px;
}
.filterRow {
    color: #3a3b45 !important;
}
.btn-primary:focus, .btn-primary:hover {
    background-position: unset;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: black;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color:black;
}
.navbar {
    font-size:105%;
    min-height:65px;
    padding:8px;
}
.navbar-default {
    margin-bottom:10px;
    border-radius:.1rem;
}
.breadcrumb {
    padding: 5px 15px 6px 25px;
    margin-bottom: 0px;
    border-radius: .1rem;
}
#sitwideSearchBox {
    height:24px;
}
#sitwideSearchSubmit {
    height:24px;
    padding:0px 19px;
    font-size: 13px;
}

.notes-label-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#notes-flag-icon path {
    stroke-width: 20px;
    border: 1px solid #d8b115;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 211, 102, 0.6)
}

.input-duplicate-vin-warning[disabled] {
    border: 1px solid #d8b115;
    background-color: #e8e4d4;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.input-duplicate-vin-warning {
    border: 1px solid #d8b115;
    background-color: #fff6d4;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.input-duplicate-vin-warning:active, .input-duplicate-vin-warning:focus {
    border: 1px solid #dcaf45;
    background-color: #f9f6e8;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 211, 102, 0.6)
}

.input-validation-warning[disabled] {
    border: 1px solid #d86315;
    background-color: #e8dcd4;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.input-validation-warning {
    border: 1px solid #d86315;
    background-color: #ffe5d4;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}

.input-validation-warning:active, .input-validation-warning:focus {
    border: 1px solid #dc8145;
    background-color: #f9efe8;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(233, 138, 102, 0.6)
}

.neighboringEntitiesRow {
    width:100%;
    font-size:105%;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:5px;
}
.previousEntityLink, .nextEntityLink {
    display:inline-block;
    width:50%;
}
.previousEntityLink {
    float:left;
    text-align:left;
}
.nextEntityLink {
    float:right;
    text-align:right;
}

.editingStaticRate td, .editingCustomerRate td
{
    background-color:#cfe9ff;
}
#editStaticRateRow, #editCustomerRateRow  {
    color:#2175bd;
}

.popup-notification {
    max-width:600px;
    margin:0 auto;
    position: fixed;
    left: 33%;
    z-index: 99999;
    min-width: 300px;
    width: 33%;
    top: 165px;
    border-width: 2px;
    box-shadow: 5px 5px 6px 0px lightgrey;
    text-align: center;
    cursor:pointer;
    display:none;
    font-size:108%;
}

    
.highlight {
    border: 1px solid #e1e1e8;
    border-radius:.1rem;
    background-color:#f7f7f9;    
}

.subSection {
    border: 1px solid #aeaeae;
    border-radius:.rem;
    padding:0px;
    width:99%;
    clear:both;
    margin-bottom:22px;
    margin-top:22px;
}
.subSection-header {
    font-size:125%;
    font-weight:bold;
    padding:10px;
    background-color:#f0f0f0;
    border:1px solid #aeaeae;
    border-bottom:none;
    width:100%;
}
.subSection-body {
    padding:10px;
    overflow:hidden;
}
.card-header h4 {
    font-weight:bold;
    margin-top:1px;
    margin-bottom:1px;
    font-size:15px;
}
.imageUploadBox {
    height:285px; 
    margin-bottom:0px; 
    border:1px solid lightgrey; 
    border-radius:.1rem;
    text-align:center;
}
.view-driver-run-photos .imageUploadBox, .view-driver-run-expenses .imageUploadBox {
    height: auto;
}
.driverRunImageBox {
    margin-bottom:20px; 
    padding:20px;
    text-align:center;
}
.driverRunImageBox img {
    max-width:75%;
    max-height:75%;
    margin: 0 auto;
}
.imageUploadBox .control-label {
    padding: 10px 0px 5px 0px;
}
.imageUploadBox img {
    max-width: 175px;
    max-height: 135px;
    margin: 0 auto;
}
.imageUploadBox embed {
    max-height: 125px;
}
.imageUploadBox input[type=file] {
    margin:0 auto;
}
.imageUploadBox .row {
    display:block;
}
.imageUploadBox .control-label {
    display:block;
    text-align:center;
    padding-bottom:5px;
}
.imageUploadBox .upload-button{
    margin-top:10px;
}
.breadcrumb-container {
    margin: 0px 0px 1rem 0px;
    border-radius:0px;
}
div.clear {
    clear: both;
    width: 100%;
}

.dropdown-menu, #ui-datepicker-div {
    z-index:9999 !important;
}

.container {
    width:90%;
    max-width:1200px;
}

.container.reportContainer {
    width:90%;
    max-width:1400px;
}

.reportContainer .reportButtons {
    text-align:right;
}

.reportContainer .reportButtons a {
    width:150px;
    float:right;
    margin-right:20px;
    margin-bottom:5px;
}

.reportContainer h4 {
    margin-bottom:20px;
}

.actionRow .filterRow {
    margin-bottom:0px;
}

.filterRow select {
    display: inline-block;
    height: 24px;
    font-size: .8rem;
    padding: .2rem .75rem;
}

.actionRow {
    margin-bottom: 5px;
}

.reportContainer .contentRow {
    margin-top:0px;
}

.reportContainer .datepicker {
    min-width:85px;
    max-width:100px;
}

@media (max-width:576px)
{
    .reportContainer .reportButtons {
        text-align:left;
    }
    .reportContainer .reportButtons a {
        width:150px;
        float:left;
        margin-right:20px;
    }
    
}

@media (max-width:992px)
{
    .col-6.reportButtons a {
        margin-bottom:10px;
    }
    .reportContainer .contentRow {
        margin-top:15px;
    }
}


.form-control {
    max-width:100%;
}

p.filterRow {
    margin-top:15px;
    margin-bottom:5px;
}

.paginationControls {
    margin-top:5px;
    margin-bottom:5px;
}
.paginationControls a {
    margin-right:2px;
}

.pageBodyContent {
    padding-left:15px;
}

@media (max-width:992px)
{
    .pageBodyContent {
        padding-left:10px;
    }
}

@media (max-width:768px)
{
    .pageBodyContent {
        padding-left:5px;
    }
}

@media (max-width:480px)
{
    .pageBodyContent {
        padding-left:0px;
    }
}

#headerLogoColumn {
    padding:4px;
    text-align:center;
}

#headerLogo {
    border: none;
    background-color: transparent;
    padding: 10px 7px 7px 7px;
    margin-top: 28px;
    max-width: 92%;
}
@media (min-width: 768px) {
    .sidebar {
        width: 12em !important;
    }
}
@media (max-width:768px)
{
    #headerLogo {
        max-width:95%;
        margin-bottom:5px;
        padding: 8px 3px;
        margin:auto;
    }
    .sidebar .sidebar-brand {
        padding: .75rem .5rem;
    }
    #headerLogoColumn {
        margin-bottom: 10px;
    }
}

.form-group {
    display: block;
}

.filterTitle {
    font-size: 105%;
    font-weight:bold;
}

.actionCount {
    font-size:83%;
}

.invoiceActionTable {
    width:100%;
}
.invoiceActionTable td {
    padding:2px;
    text-align:center;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ui-datepicker
{ 
    width: 13.5em;
    height: 17em;
}

table.vacationRequest {
    width:100%;
    font-size:92%;
    margin-top:10px;
    margin-bottom:20px;
}
table.vacationRequest th {
    padding: 2px;
    border-bottom:1px solid grey;
}
table.vacationRequest td {
    padding: 2px;
}

table.vacationCalendar {
    width:100%;
    display:none;
    background-color:white;
}
table.vacationCalendar td, table.vacationCalendar th {
    border:1px solid grey;
    text-align:center;
    width:14.2%;
}
table.vacationCalendar td.day {
    height:60px;
    width:14.2%;
}
table.vacationCalendar td.day span.date {
    float:left;
    margin-top:-20px;
    margin-left:-1px;
    border:1px solid grey;
    background-color:whitesmoke;
    min-width:20px;
}
table.vacationCalendar td.dayTall span.date {
    float:left;
    margin-top:-30px;
    margin-left:-1px;
    border:1px solid grey;
    background-color:whitesmoke;
    min-width:20px;
}
table.vacationCalendar td.day span.numOfEmployeesOff {
    display:block;
    background-color:rgba(215, 236, 206, 0.86);
    width:70%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:-7px;
    margin-top:7px;
    border-radius:10px;
    font-weight:bold;
    cursor:pointer;
}
table.vacationCalendar tr.weekDaysHeader th {
    font-size:15px;
    padding:6px;
    background-color:whitesmoke;
}
table.vacationCalendar tr.header th {
    background-color:grey;
    color:white;
    font-weight:bold;
    text-align:center;
    padding: 5px;
    font-size: 18px;
}
table#vacationCalendar-1 {
    display:table;
}

.vacationDaysPopup {
    display:none;
    position:absolute;
    background-color:rgba(215, 236, 206, 0.86);
    border: 2px solid rgb(73, 101, 61);
    min-width:50%;
    left: 25%;
    top:335px;
}
.popupHeader {
    text-align:center;
    font-weight:bold;
    background-color:rgb(170, 187, 162);
    color:white;
    font-size:110%;
    padding:4px;
}
.popupBody ul {
    margin-top:10px;
    margin-bottom:15px;
}
#StaffMembersOffThisDay {
    width:100%;
    font-style:italic;
    font-size:90%;
    margin-bottom:5px;
    margin-top:--5px;
}
.dashboardTabSubsection {
    padding:10px; 
    margin:10px 0px; 
    background-color:#efefef; 
    border-radius:.1rem;
}
.dashboardTabSubsection.halfWidth {
    width:50%;
    float:left;
    display:inline-block;
}
.dashboardTabSubsection .badge-primary {
    font-size: 12px;
    line-height: 13px;
    min-width: 25px;
    padding-top: 3px;
    padding-bottom: 5px;
}
.dashboardTabSubsection .alert-detail {
    font-size:.93em;
    font-style:italic;
    margin-left: 5px;
    margin-right:3px;
}
.dashboardTabSubsection .badge {
    cursor: pointer;
}
.badge-primary {
    background-color: #337ab7;
}

.rightArrow, .leftArrow {
    cursor: pointer;
}

table.vacationCalendar td.today span.date {
    background-color:gold;
}

.driverWeeklyInvoicePanel input[type=text], .driverWeeklyInvoicePanel select{
    font-size:12px;
    height:45px !important;
    padding:5px 10px;
    border-radius:1px;
}

#sitwideSearchBox {
    height: 24px !important;
    border: 1px solid #d1d3e2 !important;
}

.driverWeeklyInvoicePanel .rateErrorRow .field-validation-error {
    display:block;
}
.driverWeeklyInvoicePanel .rateErrorRow .field-validation-valid {
    display:none;
}
.driverWeeklyInvoicePanel .driverWeeklyInvoiceNewRow  {
    background-color:rgba(88, 179, 88, 0.23);
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 2px;
    padding-bottom: 5px;
    padding-top: 10px;
    margin-bottom:5px;
}
.driverWeeklyInvoicePanel .driverWeeklyInvoiceNewRow label {
    margin-left:5px;
}
.totalsCell {
    font-size:110%;
    border:1px solid #c9d2c9;
    border-radius:2px;
    background-color:#fafffa;
    padding:10px;
}

@media(max-width:1200px) {
    .driverWeeklyInvoiceExistingRow {
        background-color:#ebebeb;
        border-radius:5px;
        margin-right:-20px;
        padding:10px;
        padding-bottom:5px;
        margin-top:10px;
        margin-left:-50px;
        padding-left:35px;
    }
    .totalsCell {
        border:1px solid #c9d2c9;
        border-radius:5px;
        background-color:#fafffa;
        padding:10px;
        font-size:90%;
    }
    .totalsCell label {
        margin-bottom:2px;
    } 
}

@media(min-width:992px) {   
    .driverWeeklyInvoiceExistingRow {
        margin-left:-50px;
        padding-left:35px;
    } 
    #invoiceTotalsTitle {
        visibility:hidden;
    }
}

.easyInvoiceNewLineItemRow td  {
    background-color:rgba(88, 179, 88, 0.23);
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:15px;
    border-radius: 5px;
    padding-bottom: 5px;
    padding-top: 10px;
    margin-bottom:5px;
}



.driverWeeklyInvoice .headerRowTop {
    font-size:120%;
    padding-top:5px;
    padding-bottom:5px;
}
.driverWeeklyInvoice .headerRowTop {
    margin-left:0px;
}
.driverWeeklyInvoice .headerRowTop .headerCell {
    text-decoration:underline;
    font-size:13px;
}
.driverWeeklyInvoice .headerRow {
    font-size:110%;
    margin-left:0px;
}
.driverWeeklyInvoice .footerRow {
    margin-top:10px;
}
.driverWeeklyInvoice .headerCell {
    text-align:center;
    font-weight:bold;
    padding: 5px 0px 5px 0px;
}
.driverWeeklyInvoice .dataCell {
    padding:0px;
}
.driverWeeklyInvoice .dataCell input, .driverWeeklyInvoice .dataCell textarea {
    width:100%;
    padding:10px 5px;
    resize: none;
    height:44px;
    min-height:44px;
    max-height:44px;
}
.driverWeeklyInvoice .dataCell .dropDownList {
    width:100%;
    padding:10px 5px;
    height:44px;
    min-height:44px;
    max-height:44px;
}
.driverWeeklyInvoice .noPad {
    padding:0px;
}
.driverWeeklyInvoice .smallPad {
    padding-left:5px;
    padding-right:5px;
}
.driverWeeklyInvoice .dataRow {
    margin-bottom:5px;
    margin-left:-50px;
    padding-left:50px;
}
.driverWeeklyInvoice #row-x {
    margin-top:10px;
}

.driverWeeklyInvoice .removeRow {
    display:none;
    position:absolute;
    color:red;
    margin-left:-30px;
    margin-top:7px;
    cursor:pointer;
    font-size:21px;
}

@media(max-width:1200px) {
    .driverWeeklyInvoice .removeRow { display: block; }
}

.driverWeeklyInvoice .rateValue {
    text-align:left;
}
.driverWeeklyInvoice .headingCell{
    font-size:120%;
}
.centerCell {
    text-align:center;
}
.driverWeeklyInvoice .alternateRow {
    background-color:#eeeeee !important;
    -webkit-print-color-adjust: exact;
}
.driverWeeklyInvoice .dateCell {
    font-size:95%;
}
@media print {
    .driverWeeklyInvoice .alternateRow {
        background-color:#eeeeee !important;
        -webkit-print-color-adjust: exact;
    }
    .driverWeeklyInvoice .dateCell {
        font-size:95%;
    }
}
.driverWeeklyInvoice .displayRow {
    margin-top:5px;
    margin-bottom:5px;
    padding:10px 0px;
    border-radius:3px;
    clear:both;
}
.driverWeeklyInvoice .displayCell {
    word-break: break-all;
}

.driverWeeklyInvoice .rateValue.valueError {
    border-color: rgb(179, 6, 6);
    background-color:rgba(179, 6, 6, 0.13);
}
.driverWeeklyInvoice .printableData{
    padding:3px 4px;
    height:inherit;
    word-wrap: break-word;
    text-align:center;
}

.chaseCarPanel .row {
    margin: 8px 7px;
    padding: 10px 5px;
}

.chaseCarPanel .noPendingRequests {
    background-color: #c7e4dd;
}
.chaseCarPanel .pendingRequests {
    background-color: #E4C7C7;
}

.chaseCarPanel .singMaintRequest {
    font-size:90%; 
    padding-left:0px;    
}

.chaseCarPanel .multMaintRequest {
    border-bottom:1px dashed;
    font-size:90%; 
    padding-left:0px;
}

.maintReqStatus-pending {
    border-color:#CC1F1F;
    background-color:rgba(255, 0, 0, 0.07);
}

.maintReqStatus-complete {
    border-color:#3c763d;
    background-color:rgba(92, 184, 92, 0.12);
}


.customerActivityTable td {
    font-size:85%;    
}

.customerActivityTable th {
    font-size:100%;
    font-weight:bold;
}

.customerRepReportTable th {
    text-align: center;
    vertical-align: text-top;
    width: 50%;
    font-size:105%;
}

.customerRepReportTable tfoot td  {
    font-size:105%;
    font-weight:bold;
    background-color:#f5f5f5;
}

div.legend table {
    height:100%;
}

div.legend table td {
    padding:2px 0px;
}

div.legend table td.legendColorBox {
    padding: 2px 5px;
}

@media (max-width:756px)
{
    div.legend {
        width:100%;
    }

}

ul.mydashboardalerts li {
    color:#d83e3e;
}

.notificationSection {
    font-weight:bold;
}

.notificationSection ul {
    margin-top:10px;
}

.notificationSection ul li {
    text-align: left;
    font-weight: normal;
}

.notificationSection .viewAlerts {
    font-weight: normal;
    font-style: italic;
    font-size: 90%;
}

.navbar .header-nav-notifications .dropdown-menu {

}

.navbar .header-nav-notifications .nav-link {
    padding-right: .25rem;
}

.navbar .header-nav-notifications #HeaderNotifications {
    width: 280px;
    display: block;
    padding: 5px 10px;
}

.navbar .header-nav-notifications #HeaderNotifications .notificationSection {
    margin-bottom: .5rem;
    font-size: 15px;
}
.navbar .header-nav-notifications #HeaderNotifications .notificationSection .notification-list {
    font-size: 12px;
    word-break: break-word;
    overflow-wrap: break-word;
}
.navbar .header-nav-notifications #HeaderNotifications .notificationSection .notification-list ul {
    margin-top:5px;
    padding-inline-start: 20px;
}

.navbar .header-nav-notifications #HeaderNotifications .notificationSection:last-child {
    margin-bottom: 0px;
}

.header-nav-notifications .nav-item .notification-count-icon {
    font-size: 28px;
}

.header-nav-notifications .count {
    background-color: #df4e4ee3;
    color: white;
    padding: 1px 4px;
    position: relative;
    display: inline;
    border-radius: 50px;
    margin-left: -12px;
    font-size: 93% !important;
    vertical-align: top;
    top: -4px;
}

div.panel div.panel-birthday-heading, div.panel div.panel-anniversary-heading {
    color: white;
    background-image: -webkit-linear-gradient(top,#d34098 0,#ab489f 100%);
    background-image: -o-linear-gradient(top,#d34098 0,#ab489f 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d34098),to(#ab489f));
    background-image: linear-gradient(to bottom,#d34098 0,#ab489f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd34098', endColorstr='#ffab489f', GradientType=0);
    background-repeat: repeat-x;
    text-align: center;
}

 {
    color:white;
    background-image: -webkit-linear-gradient(top,#d34098 0,#ab489f 100%);
    background-image: -o-linear-gradient(top,#d34098 0,#ab489f 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d34098),to(#ab489f));
    background-image: linear-gradient(to bottom,#d34098 0,#ab489f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd34098', endColorstr='#ffab489f', GradientType=0);
    background-repeat: repeat-x;
    text-align:center;    
}

div.panel div.panel-birthday-body, div.panel div.panel-anniversary-body {
    background-color: rgba(76, 66, 200, 0.15);
}

div.panel-birthday-heading .panel-title, div.panel-anniversary-heading .panel-title {
    color:white;
    font-size:150%;
}

div.tooltip-inner {
    max-width: 350px;
}

.applicationFormBody, .applicationFormBody > div {
    background-color: #7892b1;
    background-image: none;
}

.applicationform {
    padding:20px;
    max-width:650px;
    margin-left:auto;
    margin-right:auto;
    border:2px solid lightgrey;
    background-color:white;
}

.applicationform input[type=checkbox], .viewApplication input[type=checkbox] {
    width:17px;
    height:17px;
}

.form-section {    
    margin:20px 0px;
    padding:10px;
}

.form-section .section-body {
    border:1px solid lightgrey;
    margin-top: 5px;
    background-color:whitesmoke;
    padding-bottom:15px;
    padding-top:10px;
}

.form-section .separator {
    height:10px;
    margin-top:10px;
    border-top:2px dashed #bcbcbc;
    clear:both;
    width:95%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px;
}

.form-section .section-body .subHeading {
    font-size:115%;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:5px;
    color:#535353;
}

.form-section .section-header {
    font-weight:bold;
    font-size:125%;
    color:#535353;
}

.viewApplication .section-header {
    font-size:125%;
}

.applicationform .form-group, .viewApplication .form-group {
    margin-left:0px;
    margin-right:0px;
    margin-bottom:10px;
    color:#535353;
}

.applicationform .control-label, .viewApplication .control-label {
    width:100%;
    padding-left:3px;
    display:block;
    text-align:left;
}

.applicationform .control-label.inline, .viewApplication .control-label.inline {
    display:inline-block;
}

.applicationform .control-label.halfWidth, .viewApplication .control-label.halfWidth {
    width:47.5%;
}

.applicationform .checkboxGroup, .applicationform .checkboxGroup .control-label, .viewApplication .checkboxGroup, .viewApplication .checkboxGroup .control-label {
    text-align:center;
}

.printableApplication .section-body {
    background-color:white;
}

.printableApplication td.separator {
    width:25px;
    height:auto;
}

.printableApplication th.section-header {
    font-size:120%; 
    text-align:center;
    text-decoration:underline;
    background-color:#dcdcdc;
}

@media (min-width:992px) {
    .customerActivityContainer {
        border-right:1px solid lightgrey;
    }
}
@media (max-width:992px) {
    .customerActivityChartContainer {
        margin-top: 10px;
        clear: both;
    }
    .customerActivityTableBodyContainer {
        margin-bottom:10px;
    }
}

.control-label {
    font-size: 1.05rem;
    font-weight: bold;
}
.verticalCenterRow {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.verticalCenterRow div {
    align-self:center;    
}
.verticalCenterRow div.input-label {
    text-align:right;    
}
.verticalCenterRow div.input-label label {
    padding-top:0px;
    padding-bottom:0px;
    line-height:18px;
    margin-bottom:0px;
}
.verticalCenterRow div.control-label {
    padding-top:0px;
    padding-bottom:0px;
}
.control-label.required:after {
    content: " *";
    color: red;
}
.verticalCenterRow div.control-label {
}
    .verticalCenterRow .field-validation-valid {
    height:inherit;   
}

.sort-indicator {
    font-size:125%;
}

.navbar-right li a {
    font-size:90%;
    padding:15px 10px;
}

@media(min-width:768px) {
    .navbar-collapse {
        padding-left: 0px;
    }
}

td.actionColumn, th.actionColumn {
    text-align:center;
}

.quoteRateBox {
    display:flex;
    justify-content:center;
}
.quoteRateBox .rate-details .input-group-text {
    font-size:.85rem;
}

@media(max-width:720px) {
    .quoteRateBox {
        display:block;
        justify-content:normal;
    }
}

a.pdf-preview {
    display:block;
    margin: 0 auto;
    width: 135px; 
    height: 135px;
    border-radius:.1rem;
    background: #fd4521;
    color: white;
    font-size: 80px;
    padding-top: 10px;
}

.fileAttachment {
    text-align:center;
    height: 260px;
    display: inline-block;
    border: 1px solid lightgrey;
    border-radius: .1rem;
    text-align: center;
    width: 21%;
    margin: 10px 2%;
}
.fileAttachment img {
    max-width:175px; 
    max-height:135px; 
    margin:0 auto;
}

#driver-run-map {
    width:100%;
    max-width:100%;
    height:500px;
    clear:both;
    display:block;
    border:1px solid black;
}

@media (min-width: 768px) {
    .sidebar .nav-item .nav-link[data-toggle=collapse]::after {
        font-family: 'Font Awesome 6 Pro';
    }
    .sidebar .nav-item .nav-link i {
        font-size: 1.1rem;
        margin-right: .25rem;
    }
}

.sidebar .nav-item .nav-inner-item.nav-link[data-toggle=collapse]::after {
    font-family: 'Font Awesome 6 Pro';
    color: #000000cc;
    font-size: 15px;
    margin-right: 15px;
}

.sidebar .nav-item .nav-inner-item * {
    color: #3a3b45 !important;
}

.sidebar .nav-item .nav-inner-item:hover * {
    color: #3a3b45c2 !important;
}

/*
    GO TO PAGE
*/
.pager::after {
    clear: both;
}

.pager .pagerLinks {
    float: left;
}

.pager .goToPage {
    float: right;
}

.pager .goToPage_page {
    width: 100px;
}

.pager .errorMsg {
    color: red;
}

.pager .goToPage_title {
    float: left;
}


.pager .goToPage_form {
    float: left;
    padding-left: 5px;
}

.pager .errorMsg {
    clear: both;
}

/*
    GO TO PAGE
*/


select option:disabled {
    color: #ababab;
}


.new-hauling-order-note {

}

.new-hauling-order-note textarea {
    width:100%;
    max-width:100%;
    height:100px;
    max-height:400px;
    min-height:50px;
    margin-bottom:10px;
}

.hauling-order-note-container {
}

.hauling-order-note {
    padding: 10px 10px;
    background-color: #e9eeff;
    margin-bottom:10px;
}

.hauling-order-note-detail {

}

.hauling-order-note-created-by {
    font-weight:bold;
    font-size:115%;
}

.hauling-order-note-created-by-link {
    font-size:90%;
    font-style:italic;
    font-weight:normal;
}

.hauling-order-note-created-time {
    font-size: 95%;
    color: #a6a6a6;
    margin-top: -5px;
    font-weight: bold;
}

.hauling-order-note-content {
    padding: 10px 10px;
}

tr.pending-verified td {

}

tr.pending-verified td i.verified-icon {
    color: #e0a800;
    font-size: 17px;
    position: absolute;
    margin-left: 4px;
    margin-top: 2px;
}

tr.pending-hold td i.hold-icon {
    color: #bd2130;
    font-size: 17px;
    position: absolute;
    margin-left: 4px;
    margin-top: 2px;
}
tr.pending-hold td i.hold-icon.left-margin {
    margin-left: 24px;
}

tr.delivered-approved td {
}

tr.delivered-approved td i.approved-icon {
    color: #218838;
    font-size: 18px;
    position: absolute;
    margin-left: 6px;
    margin-top: 1px;
}

body .ui-tooltip {
    border-radius: 0px;
    border: none;
    box-shadow: -2px -2px 4px #d3d3d3;
    opacity: .92;
    padding: 3px 6px;
    background: #bbc2d7;
    margin: -16px 0 0 -8px;
    font-size: 12px;
    color: black;
}

.hauling-order-id-hoverable:hover {
    cursor: help;
}

.card-body-section {
    border: 3px solid #f3f3f3;
    border-radius: 4px;
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px;
}

.card-body-section-header {
    display: block;
    width: 100%;
    margin: 5px 0px 15px 0px;
}
.card-body-section-sub-header {
    display: block;
    width: 100%;
    margin: -10px 0px 15px 0px;
    font-style: italic;
    font-size: 95%;
    color: #3a3b45;
}
























    table#staff-timesheets {
        border-collapse: separate;
    }

    table#staff-timesheets th, table#staff-timesheets td {
        white-space: nowrap;
        padding: 5px 10px;
        border: 1px solid #ddd;
    }

    table#staff-timesheets thead {
        position: sticky;
        top: 0;
        z-index: 9;
    }

    table#staff-timesheets thead th {
        color: #5a5b61;
    }

    table#staff-timesheets thead th, table#staff-timesheets th.timesheet-sticky-col1, table#staff-timesheets thead th.timesheet-sticky-col2 {
        background-color: #d8dbe4;
        text-align: left;
    }

    table#staff-timesheets thead td, table#staff-timesheets thead td.timesheet-sticky-col1, table#staff-timesheets thead td.timesheet-sticky-col2 {
        background-color: #eaecf4;
    }

    table#staff-timesheets td:first-child, table#staff-timesheets th:first-child {
        position: sticky;
        left: 0;
        width: 185px;
        min-width: 185px;
    }

    table#staff-timesheets td:nth-child(2), table#staff-timesheets th:nth-child(2) {
        position: sticky;
        z-index: 5;
        left: 185px;
    }

    table#staff-timesheets tbody td:first-child {
        z-index: 8;
    }

    table#staff-timesheets .timesheet-sticky-col1, table#staff-timesheets .timesheet-sticky-col2 {
        background-color: #ebecf0;
    }

    table#staff-timesheets tbody tr:nth-of-type(even) {
        background-color: rgba(0,0,0,.04);
    }

    table#staff-timesheets tbody tr:nth-of-type(even) {
        background-color: rgba(0,0,0,.09);
    }

    table#staff-timesheets .addBatchEntry {
        font-size: 85%;
        float: right;
        display: inline-block;
        margin-top: 9px;
        padding: .175rem .5rem;
    }

    table#staff-timesheets .sticky-day-of-week .day-of-week, table#staff-timesheets .sticky-day-of-week .batch-add {
        display:inline-block
    }
    table#staff-timesheets .sticky-day-of-week .day-of-week {
        float: left;
        width: 40%;
    }
    table#staff-timesheets .sticky-day-of-week .batch-add {
        float: right;
        width: 60%;
    }



























table#staff-timesheets .section-divider {
    height: 5px;
    margin-bottom: 5px;
    display: block;
    border-bottom: 1px solid #c7c7c7;
}

    table#staff-timesheets tbody .actionColumn div.alert, table#staff-timesheets tbody .actionColumn .btn {
        font-size: 92%;
        margin: .5rem auto .25rem auto;
        padding: .25rem .5rem;
        display: block;
        width: 110px;
    }

    table#staff-timesheets .no-timelogs {
        font-size: 95%;
        font-style:italic;
        color: #858796;
    }

    table#staff-timesheets td.timesheet-day {
        min-width:200px;
        height:170px;
    }

    table#staff-timesheets .timelog {
        border: 1px solid #d6d6d6;
        border-radius: 3px;
        padding: 6px 5px 6px 8px;
        margin-bottom: 5px;
        background-color: #ffffffa1;
    }

    table#staff-timesheets .rate-total-container {
        border-bottom: 1px solid grey;
        margin-bottom: 5px;
        padding: 6px;
    }

    table#staff-timesheets .timelog .high-hour-warning {
        color: #e14d41;
        margin-right: 2px;
    }

    table#staff-timesheets .timelog .rate-details, table#staff-timesheets .timelog .rate-status {
        display: block;
        margin-left: 15px;
        font-size: 95%;
        font-style: italic;
        color: #858796;
    }

    table#staff-timesheets .rate-grand-total, table#staff-timesheets .rate-title, table#staff-timesheets .rate-time {
        color: #464751;
    }

    table#staff-timesheets .rate-total {
        font-style: italic;
        font-size: 95%;
    }

    #editTimelog .alert {
        text-align: center;
        font-size: 90%;
        padding: .375rem .75rem;
    }

    #OpenFlatPickr_Start .form-control, #OpenFlatPickr_End .form-control, #TL_DeleteFlatPickr_End .form-control, #BE_DeleteFlatPickr_End .form-control {
        cursor: pointer
    }

    #editTimelog #TL_StartDateTime:focus, #editTimelog #TL_EndDateTime:focus {
        background-color: #eaecf4;
    }

    #editTimelog .modal-footer .alert {
        float: left;
        margin-bottom: 0;
    }

    #editTimelog .card-header-tabs {
        float:left;
        max-width: 90%;
        margin-right:1rem;
    }

    #editTimelog .modal-body, #batchEntry .modal-body {
        padding: 0px;
    }

    #editTimelog .modal-body .card {
        min-height:425px;
    }

    #editTimelog .more-details {
        font-size:90%;
        color: grey;
    }

    #batchEntry .be-selected-staff {
        margin-top:5px;
    }

.help-icon-placeholder {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 5px;
}


.help-icon-placeholder .help-icon-tooltip {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #4e73df;
    color: #fff;
    padding: 10px;
    z-index: 1000;
    max-width: 300px;
    min-width: 100px;
    width: max-content;
    border-radius: 4px;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transform: translateX(-50%);
    white-space: normal;
    text-align: left;
    box-sizing: border-box;
    left: 100%;
    top: 50%;
    transform: translateX(10px) translateY(-50%);
}

.help-icon-placeholder .tooltip-textarea {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border: none;
    padding: 0;
    resize: none;
    overflow: hidden;
}

.help-icon-placeholder:hover .help-icon-tooltip {
    opacity: 1;
    visibility: visible;
}

.help-icon-placeholder i {
    color: #4e73df;
    font-size: 15px;
}

.edit-help-icon {
    color: #f9c01f !important;
    cursor: pointer;
    margin-left: 5px;
    margin-left: 5px;
    font-size: 12px !important;
}

.edit-help-icon:hover {
    color: #ffe21f !important;
}

#editTimelog .modal-footer {
    display: block;
    text-align:right;
}

#assignRates .modal-body {
    padding: 0px;
}

#assignRates .assigned-rate {
    text-align: center;
    height: 16px;
    width: 16px;
}

#assignRates #rateName {
    color: #3a3b45;
    font-size: 1.5rem;
}

#assignRates .card-body {
    max-height:450px;
    overflow-y: scroll;
}