.k-picker {
    background-color: white;
}

    .k-picker.k-hover {
        background-color: white;
    }

.body-content {
    height: calc( 90vh - 0px );
}

body {
    background-color: #00587C;
}

.footer {
    height: calc( 5vh - 0px );
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #00587C;
    text-align: center;
    color: white;
}

#tidlink {
    color: white !important;
}

    #tidlink:hover {
        color: white !important;
    }

html {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

.modal-lg {
    max-width: 60%;
}

.modal-lg-deliveries {
    max-width: 70%;
}

@media (min-width: 1301px) {
    #smallTID {
        display: none;
    }

    .modal-lg {
        max-width: 50%;
    }

    .modal-lg-deliveries {
        max-width: 80%;
    }

    .parcelManagement {
        max-width: 50%;
    }

    #signForm {
        background-color: #F1F1F1;
    }
}

@media (max-width: 1300px) and (min-width: 800px) {
    #smallTID {
        display: none;
    }

    .modal-lg {
        max-width: 90%;
    }

    .modal-lg-deliveries {
        max-width: 90%;
    }

    .parcelManagement {
        max-width: 50%;
    }

    #signForm {
        background-color: #F1F1F1;
    }

    .footer {
        display: none;
    }
}

@media only screen and (max-width: 799px) and (min-width: 200px) {
    #bigTID {
        display: none;
    }

    .modal-lg {
        max-width: 90%;
    }

    .modal-lg-deliveries {
        max-width: 90%;
    }

    .parcelManagement {
        max-width: 80%;
    }

    #foot {
        display: none;
    }

    #signForm {
        background-color: none;
    }

    #ContentPlaceHolder1_loginWaterRequest_LoginButton {
        margin-bottom: 50px;
    }

    .footer {
        display: none;
    }
}


.borderless td, .borderless th, .borderless tr {
    border: none;
    padding: 0px 0px 0px 0px;
    border-style: hidden !important;
}


.modal-header {
    border-bottom: none;
}

button.close {
    margin-left: 0px !important;
}

#PumpCredits {
    text-align: center;
}

#ParcelSummaryTable td {
    border-top: none;
    border-bottom: none;
}

#ParcelSummaryTiers {
    margin-left: 25px;
    margin-right: 10px;
}

i.fa-asterisk {
    color: tomato;
}

.modal-content {
    min-height: 150px;
}

/* Error template */
.wrong-pass {
    width: 300px;
    height: 120px;
}

/* Success template */
.upload-success {
    width: 300px;
    height: 120px;
}
/* Notifications */
.k-notification h3 {
    padding: 30px 10px 5px;
    font-size: 18px;
    line-height: normal;
}

.k-notification img {
    margin: 20px;
    float: left;
}


.k-panelbar > .k-item > .k-link.k-state-selected {
    color: white !important;
    background-color: #016894 !important;
}

.k-panelbar > .k-item > .k-link {
    color: #016894 !important;
}

.introjs-helperLayer {
    opacity: 0.1;
}

#GroupGrid {
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

.k-command-cell {
    padding-left: 3px !important;
    padding-right: 3px !important;
    text-align: right !important;
}

#GroupGridwindow {
    padding: 0px 0px 0px 0px;
}

#NavigationMenu {
    padding-bottom: 0px !important;
    padding-top: 0px !important
}

.logo1 {
    width: 50px;
    height: 50px;
    background: url(../images/chart.svg);
    background-size: 50px 50px;
    margin: auto;
}

.logo2 {
    width: 50px;
    height: 50px;
    background: url(../images/sea-level-mid-dark.svg);
    background-size: 50px 50px;
    margin: auto;
}

.logo3 {
    width: 50px;
    height: 50px;
    background: url(../images/chronometer.svg);
    background-size: 50px 50px;
    margin: auto;
}

.logo4 {
    width: 50px;
    height: 50px;
    background: url(../images/downward-arrow.svg);
    background-size: 50px 50px;
    text-align: center;
    margin: auto;
}

.pdfsvg {
    width: 28px;
    height: 28px;
    background: url(../images/pdf.svg);
    background-size: 28px 28px;
    text-align: center;
    padding: 0px;
}

.excelsvg {
    width: 28px;
    height: 28px;
    background: url(../images/excel.svg);
    background-size: 28px 28px;
    text-align: center;
}

.playbacksvg {
    width: 28px;
    height: 28px;
    background: url(../icons/online-video.svg);
    background-size: 28px 28px;
    text-align: center;
}

.backsvg {
    width: 20px;
    height: 20px;
    background: url(../icons/back-arrow.svg);
    background-size: 20px 20px;
    text-align: center;
}

.iconWrapper {
    width: 100%;
}



.alerts ul li .k-switch {
    float: right;
}

.settings-head {
    height: 66px;
    background: url('../content/web/switch/settings-title.png') no-repeat 20px 50% #2db245;
}

.window-footer {
    position: absolute;
    bottom: 0;
    display: block;
    width: 95%;
    margin-top: 150px;
    padding: 19px 0 20px;
    text-align: right;
}

.k-indeterminate .k-switch-container {
    background-color: #f0d630 !important;
}

.k-switch-on .k-switch-container {
    background-color: #73bf22 !important;
}

#alerts {
    height: 475px;
    border-width: 0px;
}

    #alerts .k-listview-content {
        height: 100%;
    }

#tutorialButton {
    color: black;
    background: #ffc107;
}

#TermsOfUseAgreement {
    height: calc( 90vh - 150px );
}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    /*colors the pill button to TID blue, not bootstrap blue*/
    background-color: #00587C;
}



.kendogridbutton {
    border-right: 0px;
    border-left: 0px;
}


.window-footer {
    position: absolute;
    bottom: 0;
    display: block;
    width: 95%;
    margin-top: 150px;
    padding: 19px 0 20px;
    text-align: left;
    border-top: 1px solid #e5e5e5;
}

.tid-badge-button {
    width: 100%;
    height: 100%;
    padding: 0px;
    border-style: none;
    background-color: green;
}

.paymentButton {
    height: 25px;
}

#postDTPPTable, #actionTable {
    width: 90%;
}

    #postDTPPTable, #actionTable th:nth-child(1) {
        width: 85%;
    }



        #postDTPPTable th:nth-child(2) {
            padding-right: 13px;
        }

        #postDTPPTable td:nth-child(2) {
            padding-right: 35px;
        }


    #postDTPPTable, #actionTable tr {
        text-align: right;
    }

.spinnerClass {
    text-align: center;
    height: 100%;
    width: 100%;
}


.k-card-header {
    padding-bottom: 0px;
    padding-right: 0px;
    padding-top: 5px;
}

.column-center {
    text-align: center !important;
}

#makeAvailableCardFooter.k-card-footer {
    text-align: center;
}

#jeff {
    padding-top: 0px;
    padding-bottom: 10px;
}

.k-button,
.k-grid-edit-command,
.k-grid-edit-command:hover,
.k-grid-Delete,
.k-grid-Delete:hover {
    background-color: #f5f5f5;
    border-color: #00000014
}


.nav-item,
.nav-item > a {
    color: #00000080 !important
}


.k-icon {
    color: black
}

.k-focus > .k-step-link > .k-step-indicator,
.k-step-success > .k-step-link > .k-step-indicator {
    background-color: #ff6358 !important;
    border-color: #ff6358 !important;
}



#iconButton_WC2,
#paymentsubmit {
    background-color: #28a745
}

#ctl00$ContentPlaceHolder1$loginWaterRequest$LoginButton {
    background-color: #d8d8d8
}