.bookingRequest-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 0.2fr 1fr 1fr 1fr;
    background: #ececd8;
    padding: 0.5em;
    grid-column-gap: 12px;
    grid-row-gap: 5px;
    align-items: flex-end;
}

.freightBooking-container {
    display: grid;
    grid-template-columns: 2.5fr 1.0fr 0.2fr 0.9fr 0.7fr 0.9fr 1.0fr;
    background: #ececd8;
    padding: 0.5em;
    grid-column-gap: 12px;
    grid-row-gap: 5px;
    align-items: flex-end;
    margin-top: 5px;
    margin-right: 5px;
}

.freightRate-container {
    display: grid;
    grid-template-columns: 43% 1.5% 17% 17% 14%;
    padding: 0.5em;
    grid-column-gap: 12px;
    grid-row-gap: 5px;
    align-items: flex-end;
    width: 100%;
    margin-top: 5px;
    margin-right: 5px;
}

.rating-container {
    display: grid;
    grid-template-columns: 80% 20%;
}

.span-1 {
    grid-column: span 1;
}

.span-2 {
    grid-column: span 2;
}

.span-3 {
    grid-column: span 3;
}

.span-4 {
    grid-column: span 4;
}

.span-5 {
    grid-column: span 5;
}

.span-6 {
    grid-column: span 6;
}

.span-7 {
    grid-column: span 7;
}

.label-control > * {
    width: 100% !important;
}

.indent {
    padding-left: 25px;
}

.asterisk {
    font-size: 12px !important;
}

.rad-datepicker {
    width: 120px !important;
}

.rad-datetimepicker {
    width: 210px !important;
}


.info {
    color: blue !important;
}

.center {
    text-align: center;
}

.RadCheckBox {
    padding: 0px !important;
}

.rcTable {
    width: 100% !important;
}

.complementary-block {
    background-color: #ECECD8; /*rgb(236, 236, 216);*/
    float: left;
    margin-top: 5px;
    padding: 7px;
    border: 1px solid;
}