body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

.header {
    margin: 0;
    background-color: rgb(17, 23, 94);
}

.custom-file-upload {
    border: solid 1px #0067AC!important;
    margin-top: 0px;
    display: inline-block;
    cursor: pointer;
    border-radius: 8px;
}

.lblText {
    color: #0067AC;
    font-size: 11pt;
    font-weight: bold;
    margin-top: 0.5rem;
    margin-left: 1rem;
    margin-bottom: 2rem;
}

.lblValueText {
    color: #006400;
    font-size: 9pt;
    font-weight: bold;
    margin-left: 1rem;
}

.lblSubheading {
    color: #0067AC;
    font-size: 9pt;
    font-weight: normal;
    margin-left: 7rem;
}

.lblMessage {
    color: #006400;
    font-size: 10pt;
    font-weight: normal;
    margin-left: 1rem;
}

.lblConfirmHeader {
    color: #0067AC;
    font-size: 10pt !important;
    font-weight: bold;
}

#btnRetractOffer {
    margin-right: 1rem;
    margin-bottom: 2rem;
}

.footer {
    position: fixed;
    background-color: #141A60;
    color: #FFFFFF;
    bottom: 0;
    width: 100%;
    height: 4rem;
}

.date-picker-wrapper {
    text-align: center;
}

.form-items-wrapers {
    padding: 1rem;
    float: left;
    text-align: center;
    display: flex;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 1rem;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn {
    color: #FFFFFF;
    background-color: #0067AC;
    padding: 8px 8px;
    border-radius: 8px;
    font-weight: bold;
    height: 35px;
    margin-left: 5px;
    font-size: 10pt;
}

.upload-popup-upload {
    text-transform: none !important;
    font-weight: normal !important;
}

.upload-popup-disabled-upload {
    background: #ecf0f1;
    color: #FFFFFF;
    cursor: default !important;
}

.upload-popup-choose {
    border-radius: 5px;
    cursor: pointer;
}

.upload-popup-close {
    text-transform: none !important;
    font-weight: normal !important;
}

#datepicker {
    text-align: center;
    border: 1px solid #0067AC;
    border-radius: 8px;
    height: 2rem;
    margin-left: 1rem;
    width: 120px;
}

@media only screen and (max-width: 1000px) {
    .hide {
        display: none;
    }
}

#jsGrid {
    max-height: 10rem;
    max-width: 95%;
    max-height: 45vh;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

#gridDetails {
    max-width: 95%;
    height: 350px;
    margin: 2rem;
}

#gridDetails .pnl {
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    padding: 15px;
    height: 250px;
    width: 100%;
}

#jsgridLeft {
    max-height: 10rem;
    max-width: 95%;
    margin: 10px;
    float: left;
}

#jsgridRight {
    max-height: 10rem;
    max-width: 95%;
    margin: 10px;
}

#EnterOfferInputs label {
    font-size: 9pt;
}

#EnterOfferInputs input[type=text] {
    width: 70%;
}

.divImg {
    float: right;
}

.footerSpn {
    font-size: 11px;
    color: #FFFFFF;
    bottom: 0
}

.jsgrid-header-row>.jsgrid-header-cell {
    background: #093F85 !important;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
}

.jsgrid-cell {
    color: #0067AC;
    font-weight: normal;
    font-size: 9pt;
    height: 2pt;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    margin-left: 1rem;
    height: 35px;
}


/* 
.jsgrid-row>.jsgrid-cell {
    background-color: white;
}
  
  /* alternate rows */


/*.jsgrid-alt-row>.jsgrid-cell {
    background-color: #F0F0F0;
} */

tr.highlight td.jsgrid-cell {
    background-color: #c4e2ff;
}