.tblOrder td:nth-child(3),
.tblOrder td:nth-child(5),
.tblOrder th:nth-child(2),
.tblOrder th:nth-child(4) {
    text-align: right;
}

.tblOrder td:nth-child(2) {
    width: 50%;
    padding-left: 10px;
}

.tblOrder td:nth-child(4),
.tblOrder th:nth-child(3) {
    min-width: 100px;
    text-align: center;
    padding-left: 20px;
}


.tblOrder tr:nth-child(1) {
    font-weight: 600;
    border-bottom: 1px solid #d2d2d2;
}

.tblOrder tr:nth-child(1) td {
    padding-bottom: 10px;
}

.tblOrder tr:nth-child(1) th:nth-child(1) {
    font-size: 20px;
}

.tblOrder span {
    font-size: 14px;
}

.tblOrder hr {
    border-top: 1px solid #6e6e6e;
}

.tblOrder td {
    padding-top: 10px;
    vertical-align: top;
}

.orderMobile {
    display: none;
}

.imageWrapper {
    width: 13%;
}

.imageWrapper img {
    border: solid 1px #D9D9D9;
    border-radius: 20%;
}

.summaryRow {
    text-align: right;
}

.divDetails input:disabled,
.divDetails select:disabled,
.divDetails textarea:disabled {
    background: rgba(239, 239, 239, 0.3) !important;
}

.divErrorMsg {
    text-align: center;
    color: red;
}

.divInput {
    flex: 50%;
}

.divDetails {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin: auto;
}

fieldset {
    display: flex;
    flex-wrap: wrap;
}

.divDetails input[type="checkbox"] {
    margin: unset;
    margin-right: 10px;
}

.divDetails input,
.divDetails select {
    margin-bottom: 12px;
}

.divDetails textarea {
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 25px;
    resize: none;
    margin-bottom: 12px;
}

.divCheckbox {
    margin-bottom: 12px;
    align-items: center;
    display: flex;
}

.article-container-header {
    font-size: 20px;
}

.disFlex {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.disFlex button {
    margin: 0px 20px;
}


@media only screen and (max-width: 768px) {
    .article-container {
        margin-left: 10px;
        padding: 30px 30px !important;
    }

    .article-container td {
        font-size: 14px;
    }

    .divDetails {
        width: 100%;
    }

    .divDetails input {
        font-size: 14px !important;
    }

    .divDetails textarea {
        font-size: 14px !important;
    }

    .solarecsbtn-primary {
        min-width: 45%;
        font-size: 13px;
    }

    .solarecsbtn_notSelected {
        min-width: 45%;
        font-size: 13px;
    }

    .disFlex button {
        margin: 5px;
    }

    .tblOrder {
        display: none;
    }

    .orderMobile {
        display: contents;
    }

    .orderDetailMo {
        width: 100%;
        padding: 0px 10px;
    }

    .orderMobile td:nth-child(3),
    .orderMobile td:nth-child(5) {
        text-align: right;
    }

    .orderMobile td:nth-child(2) {
        padding-left: 10px;
    }

    .orderMobile td:nth-child(4) {
        min-width: 100px;
        text-align: center;
    }

    .orderMobile tr {
        font-weight: 500;
        border-bottom: 1px solid #d2d2d2;
    }

    .orderMobile tr td {
        padding-bottom: 20px;
    }

    .orderMobile span {
        font-size: 14px;
    }

    .orderMobile hr {
        border-top: 1px solid #6e6e6e;
    }

    .orderMobile td {
        padding-top: 10px;
        vertical-align: middle;
    }

    .flexRow {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .unitPrice {
        /* color: #00A057; */
        margin: 10px 0;
        font-size: 14px;
    }

    .subTotal {
        color: #00A057;
        text-align: right;
        font-weight: bold;
    }

    .divDetails textarea {
        font-size: 14px;
    }
}

/* @media screen and (max-width: 1200px) {
    #sp-main-body>.container {
        padding-left: 13px !important;
    }
} */