body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 12px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.pre-reg-vehicle {
    color: red;
}

.contactCard {
    /*border: 1px solid #bbb;*/
    box-shadow: 8px 8px 5px #888888;
    margin: 1em;
    /*padding: 1em;*/
}

    .contactCard.ng-enter {
        -webkit-animation: flipInX 0.5s;
        animation: flipInX 0.5s;
    }

    .contactCard.ng-leave {
        -webkit-animation: flipOutX 0.5s;
        animation: flipOutX 0.5s;
    }

    .contactCard.ng-move-active {
        -webkit-animation: wobble 0.5s;
        animation: wobble 0.5s;
    }

div.ui-grid-cell-contents {
    padding: 0 5px 0 5px;
}

.btnMarginRight {
    margin-right: 5px;
}

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gmfPointer[readonly] {
    cursor: pointer;
    background-color: white;
    color: #333333;
}

.gmfTextCenter {
    text-align: center;
}

.gmfBulkTable td {
    border: solid 1px black !important;
}

.alert-vrm {
    background-color: yellow;
    color: black;
    border: 1px solid #222222;
    /*padding-top: 25px;*/
    padding-bottom: 0;
}

.gridEditable {
    cursor: copy;
}

/*.form-group.row-grid [class*="col-"] + [class*="col-"] {
    margin-top: 15px;
}*/

@media (min-width: 1200px) {
    .form-group.row-grid [class*="col-lg-"] {
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .form-group.row-grid [class*="col-md-"] {
        margin-top: 0;
    }
}

@media (max-width: 960px) {
    .form-group.row-grid [class*="col-sm-"] {
        margin-top: 20px;
    }
}

.ghfpGreen {
    background-color: lightgreen !important;
}

.ghfpOrange {
    background-color: orange !important;
}

.ghfpAmber {
    background-color: #ffc75f !important;
}

.ghfpRed {
    background-color: pink !important;
}

.dropdown:hover .caret {
    color: #C7DF00;
}

.btn-success {
    color: #222;
    background-color: #C7DF00;
    border: solid 1px #C7DF00;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        color: #222;
        background-color: #ABB900;
        border: solid 1px #ABB900;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        color: #222;
        background-color: #C7DF00;
        border: solid 1px #C7DF00;
    }

.btn-primary {
    color: #FFFFFF;
    background-color: #222;
    border: solid 1px #222;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #FFFFFF;
        background-color: #000000;
        border: solid 1px #000000;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        color: #FFFFFF;
        background-color: #222;
        border: solid 1px #222;
    }

.LargeModalBody {
    width: 95%;
}

.tableStripe0 {
    background-color: #D7D8D8;
}

.tableStripe1 {
    background-color: #b1b1b1;
}

div.modal-backdrop {
    z-index: 0;
}

div.gmfModalDialog {
    width: 60%;
}

@media (max-width: 1024px) {
    div.gmfModalDialog {
        width: 95%;
    }
}

.toast-bottom-right-margin {
    right: 12px;
    bottom: 70px;
}

#jumbo {
    -webkit-animation: fadeInDown 1.2s;
    -moz-animation: fadeInDown 1.2s;
    -ms-animation: fadeInDown 1.2s;
    -o-animation: fadeInDown 1.2s;
    animation: fadeInDown 1.2s;
}

#homeText1 {
    -webkit-animation: fadeInLeft 0.5s;
    -moz-animation: fadeInLeft 0.5s;
    -ms-animation: fadeInLeft 0.5s;
    -o-animation: fadeInLeft 0.5s;
    animation: fadeInLeft 0.5s;
}

#homeText2 {
    -webkit-animation: fadeInLeft 1s;
    -moz-animation: fadeInLeft 1s;
    -ms-animation: fadeInLeft 1s;
    -o-animation: fadeInLeft 1s;
    animation: fadeInLeft 1s;
}

#homeText3 {
    -webkit-animation: fadeInLeft 1.5s;
    -moz-animation: fadeInLeft 1.5s;
    -ms-animation: fadeInLeft 1.5s;
    -o-animation: fadeInLeft 1.5s;
    animation: fadeInLeft 1.5s;
}

.gmfTimePicker span.glyphicon {
    font-size: 30px;
}

@media (max-width: 599px) {
    .hideSmall {
        display: none;
    }
}

@media (min-width: 600px) {
    .hideBig {
        display: none;
    }
}

@media (max-width: 600px) {
    #frmVehicle input {
        font-size: 16px;
    }

    #frmVehicle label {
        text-align: left;
    }

    #frmVehicle .form-group {
        margin-bottom: 0;
    }
}

@media (min-width: 600px) {
    #frmVehicle input {
        margin-bottom: 5px;
        font-size: 20px;
    }

    #frmVehicle .form-group {
        margin-bottom: 0;
    }
}

@media (min-width: 1000px) {
    #frmVehicle input {
        margin-bottom: 15px;
        font-size: 22px;
    }

    #frmVehicle .form-group {
        margin-bottom: 0;
    }
}

.tlVehicleDetail {
    font-size: 16px;
    margin: 5px 1px 0 1px;
    padding: 9px;
    box-shadow: 7px 7px 5px #000;
    border-radius: 5px;
    background-color: #444;
}

    .tlVehicleDetail strong {
        color: white;
    }

    .tlVehicleDetail li strong {
        color: #1e1ce9;
    }

    .tlVehicleDetail li.active strong {
        color: #fff;
    }

.cbp_tmicon .glyphicon {
    margin-left: 2px;
    margin-top: 7px;
    color: #222;
    font-size: 27px;
}

.cbp_tmicon span.tlComplete {
    color: #080;
}

.cbp_tmicon span.tlOptional {
    color: #ff8501;
}

.cbp_tmicon .tlPending {
    color: #008;
}

.cbp_tmicon .tlOnhold {
    color: #F00;
}

.cbp_tmicon .tlOngoing {
    color: #008;
}

.tlBody hr, .tlBody p {
    margin: 0;
}

#timeline .header a, .header a:hover {
    color: white;
}

#timeline a:hover {
    color: white;
}

#timeline .modal-content {
    background-color: #444;
}

#timeline span.animated {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.quarantine {
    background-color: #b41a1a;
    padding: 15px;
    margin-top: 15px;
    box-shadow: 7px 7px 5px #000;
    border-radius: 5px;
}

.ghRed {
    color: red;
}

.ghGreen {
    color: #2abf2a;
}

.tlNewQuarantine input, .tlNewQuarantine select {
    font-size: 20px;
    padding: 0 2px 0 5px;
    font-weight: bold;
}

div.rowLocked {
    background-color: #E58E8C !important;
    color: #000 !important;
}

div.rowSelected {
    background-color: #84eb90 !important;
    color: #000 !important;
}

.gmfModalDialogWide {
    width: 90%;
}

.gmfModalDialog97Wide {
    width: 97%;
}

.transportDiaryCard {
    border: solid 1px black;
    width: 210px;    
    margin-bottom: 5px;    
    color: black;
    overflow: hidden;    
}

.transportDiaryCardAlert {
    border: solid 3px rgb(180, 0, 255);
    width: 210px;        
    margin-bottom: 5px;    
    color: black;
    overflow: hidden;    
}

.signatureImg {
    border: solid 1px rgb(0, 0, 0);
    /*overflow-x: auto;*/
    padding: 2px;
    border-radius: 5px;
    /*margin-bottom: 14px; 
    box-shadow: 10px 10px 3px #b9b9b9;*/
    color: black;
    overflow: hidden;
    max-width: 100%;
    max-height: 75px;
    /*cursor: pointer;*/
}

.gmfModal60 {
    width: 60%;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 999px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        background: red;
        cursor: inherit;
        display: block;
    }

.ghfpWideModal {
    width: 90%;
}

.darkPanelHeader {
    background-color: #474747 !important;
    color: #fff !important;
}

.qcMobileTab {
    border-bottom: white 1px solid; 
    padding: 5px 2px; 
    margin: 0
}

.largeFont {
    font-size: 16px;
}

.body.modal-open {
    overflow: hidden;
}

.gh-modalDarkContent {
    background-color: #333;
    color: white;
}
.panel .panel-default .valetHeader{
    padding-top: 0px !Important;
}
.jobComplete {
    border: 2px solid gray; 
    background-color: #dfffb0;    
}
#jobCompleteIcon{
    font-size:3rem; color:green;
    text-shadow:2px 2px 4px #000000; 
    padding-left: 20% !important;
}

#jobCompleteFootNote{
    font-size: 10px;
    color: #000000;
    padding-left: 10%;
}
#driverIdNotFoundIcon{
    font-size:3rem; color:red;
    text-shadow:2px 2px 4px #000000; 
    padding-left: 20% !important;
}
#driverIdNotFoundFootNote {
    font-size: 9px; 
    color: red;
    padding-left: 10%;
}