.LogTimeButton {
    height: 40px;
    width: 150px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 5px;
}

.validation-summary-errors ul {
    margin-left: 0;
    padding-left: 0;
}

.sidebar-subitem-header {
    background-color: #ddd;
    padding: 2px;
    font-weight: bold;
    font-size: 12px;
}

.notif-task-text {
    color: #222222;
    font-size: 12px;
}

.breadcrumb {
    background-color: #ecf0f1 !important;
}

.panel.panel-expand {
    padding-top: 60px !important;
}

th.sortable {
    cursor: pointer;
}

label.control-label {
    color: #333 !important;
}

.overflow-scroll {
    /*max-height: 000px;*/
    overflow-y: scroll;
    width: 100%;
}

.busy-indicator {
    width: 100%;
    height: 100%;
    background: url(/content/Images/busy-indicator.gif) center no-repeat;
    background-color: rgba(240, 240, 240, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1091;
    display: none;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.form-group-item {
    display: block;
    border-top: 1px solid #dfe2e3;
    padding-top: 8px;
    padding-left: 8px;
}

    .form-group-item:first-child {
        border-top: none;
    }

.form-control {
    border: 1px solid #bbbbbb;
}

.input-group.input-group-in {
    border: 1px solid #bbbbbb;
}

.btn-pac-lg {
    margin-right: 10px;
    min-width: 100px;
}


.dashboard-panel {
    height: 250px;
}

/* Padding, Margins, Misc */

.whitetxt {
    color: #fff !important;
}

.med-greytxt {
    color: #666 !important;
}

.txt14 {
    font-size: 13px;
}

.txt18 {
    font-size: 18px;
}

.fa-15 {
    font-size: 1.5em;
}

/* Margins and Padding */

.mt-3 {
    margin-top: -3px !important;
}

.mt-5 {
    margin-top: -5px !important;
}

.mt-10 {
    margin-top: -10px !important;
}

.mt-15 {
    margin-top: -15px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mw255 {
    max-width: 255px !important;
}

.mw100 {
    max-width: 100% !important;
}

.form-line {
    height: 34px;
    padding-top: 6px;
}

.delivery-header td {
    background-color: #dddddd !important;
}

.mw120 {
    max-width: 150px !important;
}

.padding5 {
    padding: 5px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.noLRPadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.per10 {
    width: 10% !important;
}

.per15 {
    width: 15% !important;
}

.per20 {
    width: 20% !important;
}

.per30 {
    width: 30% !important;
}

.per38 {
    width: 38% !important;
}

.per40 {
    width: 40% !important;
}

.per48 {
    width: 48% !important;
}

.per50 {
    width: 50% !important;
}

.per60 {
    width: 60% !important;
}

.per70 {
    width: 70% !important;
}

.per80 {
    width: 80% !important;
}

.per90 {
    width: 90% !important;
}

.per95 {
    width: 95% !important;
}

.per100 {
    width: 98.5% !important;
}



.line15 {
    line-height: 1.5em;
}

.line3 {
    line-height: 3em;
}

.right-border {
    border-right: solid 1px #E0E4E8;
}


.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #e9f7fb;
}

.no-border {
    border: 0px !important;
}

/* Multi-Select */

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .multiselect-container .input-group {
        margin: 5px
    }

    .multiselect-container > li {
        padding: 0
    }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group label {
            margin: 0;
            padding: 3px 20px 3px 20px;
            height: 100%;
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group-clickable label {
            cursor: pointer
        }

        .multiselect-container > li > a {
            padding: 0
        }

            .multiselect-container > li > a > label {
                margin: 0;
                height: 100%;
                cursor: pointer;
                font-weight: 400;
                padding: 3px 20px 3px 40px
            }

                .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
                    margin: 0
                }

                .multiselect-container > li > a > label > input[type=checkbox] {
                    margin-bottom: 5px
                }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.badge-grey, .label-grey {
    background-color: #dddddd;
    color: #394264;
}

.badge-row {
    line-height: 0.85em;
}

.btn-grey {
    border-color: #53c9ec;
    background-color: #53c9ec;
    color: #fff;
}

.btn-dark {
    border-color: #444;
    background-color: #444;
    color: #fff;
}

.btn-dark:hover {
    border-color: #262626;
    background-color: #262626;
    color: #fff;
}

.button-fix {
    padding-left: 12px;
    padding-right: 12px;
}

.icon-fix .btn-sm {
    font-size: 18px;
    padding: 5px 10px;
    line-height: 1em;
}

.mvc-grid-pager {
    padding-left: 15px;
}

.pagination {
    margin: 10px 15px;
}

.redTextColor {
    color: red;
}

.text-strikethrough {
    text-decoration: line-through;
}

.lightgray {
    background-color: lightgray;
}

.lightgreen {
    background-color: lightgreen;
}

.lightblue {
    background-color: lightblue;
}

.ng-cloak {
    display: none;
}

.driver-container .chevron-toggle {
    color: #394264;
}

.driver-container .driver-container .delivery-panel {
    margin-bottom: 0px;
}

.route-panel {
    margin-bottom: 5px !important;
}

.route-container:last-child .route-panel {
    margin-bottom: 0px !important;
}

.driver-container .route-body {
    padding: 0px;
}

.route-number {
    font-size: 18px;
}

.driver-header {
    font-size: 18px;
    font-weight: bold;
    padding: 3px;
    border-bottom: none !important;
    background-color: transparent !important;
}

.driver-body {
    padding: 3px !important;
    background-color: transparent !important;
}

.truck-trailer {
    font-weight: bold;
}

.route-header {
    padding: 3px;
}

.delivery-table {
    border: none !important;
    margin-bottom: 0px !important;
}

    .delivery-table td {
        border-bottom: 0px !important;
    }

    .delivery-table a {
        color: #394264;
    }

.col-delivery-number {
    width: 50px;
    text-align: center !important;
    font-size: 16px;
    vertical-align: middle !important;
}

.col-delivery-times {
    width: 80px;
    vertical-align: middle !important;
}

.col-delivery-buttons {
    width: 100px;
    text-align: right !important;
}

.col-delivery-selection {
    width: 50px;
    text-align: center !important;
    vertical-align: middle !important;
}

.delivery-number {
    float: left;
    width: 30%;
    border-right: 1px solid #cccccc;
    height: 100%;
}

.first-delivery {
    color: #008800;
    border: 1px solid #008800;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 4px;
}

.last-delivery {
    color: #880000;
    border: 1px solid #880000;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    margin-top: 4px;
}

.btn-defined-address, .btn-other {
    width: 100%;
    margin-bottom: 5px;
}

.route-warning {
    color: orange;
}

.set-route-start-time, .set-route-start, .set-route-end, .set-unload-time {
    cursor: pointer;
}

.dead-link {
    cursor: not-allowed
}

.change-dtt {
    cursor: pointer;
}

.start-time-summary {
    color: #008800;
}

.end-time-summary {
    color: #880000;
}

.delete-route {
    color: #880000;
    cursor: pointer;
    margin-right: 15px;
}

.over-hours {
    color: #880000;
    font-weight: bold;
}

.delivery-name {
    font-weight: bold;
}

.selected-delivery td {
    background-color: #99d2f2 !important;
}

.delivery-start {
    width: 50%;
    border-bottom: 1px solid #cccccc;
    float: left;
    height: 50%;
    text-align: center;
    padding-top: 4px;
}

.delivery-end {
    width: 50%;
    float: left;
    height: 50%;
    text-align: center;
    padding-top: 4px;
}


.scheduled-hours-container .panel-body {
    padding: 0px !important;
}

.scheduled-hours-container .driver-name {
    font-size: 14px;
    text-align: center;
}

.scheduled-hours-container .driver-hours {
    font-size: 14px;
    text-align: center !important;
}


.unassigned-deliveries-container .panel-body {
    padding: 0px !important;
}

.unassigned-deliveries-container a {
    color: #394264;
}

.unassigned-deliveries tr, .unassigned-deliveries td {
    height: 100% !important;
}

.col-delivery-time-info {
    width: 63px;
    text-align: center !important;
}

    .col-delivery-time-info .time-label {
        font-size: 10px;
    }

    .col-delivery-time-info .time-value {
        font-weight: bold;
    }

.delivery-notes {
    border-top: 1px solid #dddddd;
    font-size: 11px;
}

.special-notes {
    border-top: 1px solid #dddddd;
    font-size: 11px;
}

a.btn-inverse {
    color: white !important;
}


.truck-loaded-icon {
    margin-right: 10px;
    opacity: 0.5;
    float: right;
}

.truck-loaded-icon-complete {
    margin-right: 10px;
    opacity: 0.5;
    float: right;
    color: green;
}


.pick-up-icon {
    margin-right: 10px;
    opacity: 0.5;
}

.minicolors-input {
    margin-top: 4px !important;
    cursor: pointer;
}

.minicolors-swatch {
    cursor: pointer;
}

.block-out {
    color: #880000;
}

.w100 {
    width: 100% !important;
}

.selected {
    background-color: #0E7D76;
}

.tt-menu {
    background-color: white;
    width: 100%;
    padding: 4px;
    border: 1px solid #efefef;
    max-height: 400px;  
    overflow-y: auto;
}

@media (min-width:802px) {
    .side-left {
        position: fixed;
        padding-top: 60px;
    }
}

/*.sidebarDiv {
   position: fixed;
 }
 
 .content {
   height: 500px;
   width: auto;
   position: relative;
   background: #f00;
   
   z-index: 99;
 }
 
 
 
 @media (min-width:600px) {
   .sidebarDiv {
   }
   .content {
   }
 }*/