/*********************************************************************************************************
    StyleSheet Name : main.css
    Description: This style sheet is use to set the page Body, Header , Contant and footer Section.
    Created Date:
    Developer Name: Vijay salvi
*********************************************************************************************************/
.stHideId {
    display: none;
}

.stDisplayFlowRoot {
    display: flow-root;
}

.stFontBold {
    font-weight: bold;
}

.stleftsideWidth {
    float: left;
    width: 335px;
}

.stImgThumbnailWidth {
    height: 297px;
    width: 210px;
}

.stlWatermarksDivWidth {
    height: 297px;
    width: 210px;
    background-color: #FFF9F8;
    overflow: hidden;
}

.stWatermarkDivDiagonal {
    text-align: center;
    transform: rotate(-50deg);
    position: absolute;
    white-space: nowrap;
}

.stWatermarkDivHorizontal {
    height: 297px;
    width: 210px;
    overflow: hidden;
    position: absolute;
}

.stWatermarkDivImage {
    overflow: hidden;
    max-height: 203px;
    max-width: 127px;
}

.stdivHorizontalText {
    overflow: hidden;
    white-space: nowrap;
}
.stTextBoxPaddingTop {
    padding-top: 15px;
}

.stdivHorizontalWidth {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    text-overflow: ellipsis;
}

/**************External Notification Table Width****************/
.stNotificationDescriptionWidth {
    width: 30%;
}

.stNotificationSMSWidth {
    width: 10%;
}
/*************End External Notification Table Width*************/

@media only screen and (min-device-width : 769px) {

    body {
        margin: 0px;
        width: 100%;
        height: 100%;
        font-family: Verdana;
        color: #808080;
        overflow: hidden;
    }


    /* Header CSS */
    header {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        color: #CCCCCC;
        background-color: #D2E9FF;
        z-index: 1;
    }


    /* Login page css style */
    .stNonAuthenticatedAreaContant {
        margin-top: 8.5%; /*80px;*/
        width: 100%;
        position: fixed;
        height: 86%;
        overflow: auto;
    }


        .stNonAuthenticatedAreaContant::-webkit-scrollbar {
            width: 8px;
            border: 1px solid #ffffff;
        }


        .stNonAuthenticatedAreaContant::-webkit-scrollbar-thumb {
            background-color: slategrey;
            outline: 1px solid slategrey;
        }


    .stNonauthenticatedContant {
        width: 100%;
        position: fixed;
        height: 87%;
        overflow: auto;
        margin-bottom: 0px;
    }

    .stLogin {
        background: #eceeee;
        -webkit-box-shadow: 0 0 10px #383838;
        -moz-box-shadow: 0 0 10px #383838;
        border-radius: 6px;
        margin: 0px auto 20px;
        width: 300px;
        padding: 35px 45px 49px 45px;
        font: 15px/1 sans-serif;
    }

        .stLogin h1 {
            font-size: 15px;
            color: #66CCFF;
            padding: 0px;
            text-align: center;
        }

        .stLogin a {
            color: #0098DA;
            display: inline-block;
            float: left;
            font: 15px sans-serif;
            text-decoration: none;
            margin-top: 10px;
        }

            .stLogin a:hover {
                content: "";
                color: #3b3b3b;
            }
    /*End of login css*/
    .stError {
        font-weight: bold;
        color: red;
        text-align: center;
    }

    .stTop {
        width: auto;
        height: 100%;
        margin: 0px;
    }

    .stDivLogo {
        float: left;
        margin-left: 2%;
        margin-top: 1%;
        width: 21%;
        padding-bottom: 1%;
    }

    .stLogo {
        width: 100%;
        height: 100%;
    }

    /* end header css */

    /* Contant css*/

    .stContant {
        margin-top: 6.5%; /*80px;*/
        width: 85%;
        float: right;
        margin-left: 15%;
        position: fixed;
        height: 86%;
        overflow: auto;
        margin-bottom: 0px;
    }

        .stContant::-webkit-scrollbar {
            width: 8px;
            border: 1px solid #ffffff;
        }


        .stContant::-webkit-scrollbar-thumb {
            background-color: slategrey;
            outline: 1px solid slategrey;
        }

    .stSysNoties {
        margin-top: 6px;
        background-color: #DC143C;
        height: 15px;
        padding: 5px 5px 5px 20px;
    }

    .stLocation {
        margin-top: 6px;
        background-color: #ffffff;
        padding: 5px 5px 5px 20px;
        Font-Size: 0.8em;
    }

    .stModule {
        margin: 0px 20px 0px 20px;
        background-color: #66CCFF;
        border-radius: 5px;
        height: auto;
        padding: 10px;
        color: #2F4F4F;
        font-size: 13px;
        font-weight: bold;
    }

        .stModule a:hover {
            color: #2F4F4F;
        }

    /* this css is use to Module sub parts */
    /*.stModuleSub {
    float: left;
    margin: 2% 0% 0% 2%;
    padding: 5px;
    border: 1px;
    border-color: #ffffff;
    border-radius: 5px;
    border-style: solid;
    width: 20%;
    height: 50%;
}*/

    .stMainContant {
        background-color: #ffffff;
        padding: 5px;
        overflow: auto;
    }

    .stExceptionMessage {
        margin: 1% 1%; /* Top Right Bottom Left */
        box-shadow: inset 0 0 5px red;
        font-size: 12px;
        font-weight: bold;
        color: red;
        padding: 5px 0px 5px 0px;
        border-radius: 6px;
        text-align: center;
    }

    .stForm {
        font-size: 12px;
        margin-left: 1%;
        margin-right: 1%;
        border: 1px solid #66CCFF;
        padding-left: 0.5%;
        padding-right: 0.5%;
        padding-bottom: 0.5%;
    }

        .stForm h1 {
            font-size: 12px;
            color: #66CCFF;
            padding: 0px;
        }

        .stForm h5 {
            font-size: 11px;
        }

        .stForm span {
            color: red;
        }

        .stForm .stLabel {
            font-weight: bold;
            color: #808080;
        }



    .stJsRemovebtn {
        height: 14px;
        background-color: #66CCFF;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        border-radius: 3px;
        margin-top: 10px;
        margin-left: 15px;
        margin-bottom: 10px;
    }

    .stForm .stSelectedViewDetailLabel {
        font-size: 12px;
        font-weight: bold;
        color: #2F4F4F; /*#507CD1;*/
    }

    .stUnderlineText {
        text-decoration: underline;
    }

    .stForm .stLabelNormal {
        font-weight: normal;
        color: #808080;
    }

    .stJsLabelWidth {
        display: inline-block;
        width: 100px;
        height: 30px;
        margin-bottom: 1px;
        margin-top: 8px;
    }

    .stForm .stLabelHeading {
        font-size: 12px;
        color: #66CCFF;
        padding: 0px;
    }

    .stForm .stLabelApprove {
        font-size: 12px;
        font-weight: bold;
        color: #008000;
    }

    .stForm .stLabelReject {
        font-size: 12px;
        font-weight: bold;
        color: red;
    }

    .stLablePadding {
        padding-left: 30%;
    }

    .stTextBoxPadding {
        padding-left: 50%;
    }

    .stForm .stLabelAmount {
        font-weight: normal;
        color: #808080;
        width: 90%;
    }

    .stRightAlignLabel {
        text-align: right;
    }


    .stCenterAlign {
        text-align: center;
        margin-top: 2px;
    }

    .stMerginLeft {
        margin-left: 6%;
    }

    .stMoreOption {
        font-weight: bold;
        color: #66CCFF;
        cursor: pointer;
        text-decoration: underline;
    }

    .stSection {
        background-color: #EEEEEE;
        border-radius: 3px;
        margin: 5px;
        padding: 5px 25px 5px 25px;
    }

    .stSectionBranch {
        background-color: #EEEEEE;
        border-radius: 3px;
        margin: 5px;
        padding: 5px 25px 5px 25px;
        position: relative;
    }

    .stText {
        height: 30px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
        width: 170px;
    }

    .stTextArea {
        height: 70px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
        width: 170px;
    }

    .stTextBranch {
        height: 30px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
        width: 170px;
    }

    .stSecretQuestionText {
        height: 30px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
        width: 55%;
    }

    .stErrorText {
        height: 30px;
        padding-left: 5px;
        border: 1px solid red;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .stbtn {
        height: 30px;
        background-color: #66CCFF;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        margin-top: 10px;
        border-radius: 3px;
    }

    .stDisabledBtn {
        height: 30px;
        background-color: #CCCCCC;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: not-allowed;
        border: solid 1px #CCCCCC;
        border-radius: 3px;
        margin-top: 10px;
    }

    .stbtnRemove {
        height: 30px;
        background-color: #FF5959;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #FF5959;
        margin-top: 10px;
        border-radius: 3px;
    }

    .stRemovebtn {
        height: 25px;
        background-color: #FF5959;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #FF5959;
        border-radius: 3px;
        margin-top: 5px;
        margin-left: 40%;
    }

    .stButton {
        height: 30px;
        background-color: #66CCFF;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        border-radius: 3px;
    }

    .stbtnPadding {
        padding-left: 30%;
    }


    .stlblError {
        display: block;
        font-size: 11px;
        color: red;
        width: 170px;
    }
    .stLblNoWidthError {
        padding: 0.5%;
        display: block;
        font-size: 14px;
        text-align: center;
        background-color: #ffbfbf61;
    }

    .stLblNoWidthError {
        padding: 0.5%;
        display: block;
        font-size: 14px;
        text-align: center;
        background-color: #ffbfbf61;
    }

    .stlblErrorTdSpace {
        padding-left: 9em;
    }

    .stCheckboxGroup {
        height: 80px;
        overflow-x: auto;
        border: solid 1px #66CCFF;
        width: 208px;
    }

    .stleftside {
        float: left;
        width: 184px;
    }
   
    .stlableleftSide {
        float: left;
        width: 110px;
    }

    .stTableMarginPadding {
        padding-top: 1%;
    }

    .stSettingPaddingtop {
        padding-top: 3%;
    }

    .stTablePaddingLeft {
        padding-left: 50%;
    }

    .stSettingSubLabel {
        float: left;
        width: 250px;
    }

    .stRecordCreated {
        background-color: #EEEEEE;
        border: solid 1px #EEEEEE;
        border-radius: 8px;
        text-align: center;
        width: 50%;
        margin: 0% 0% 3% 25%;
        padding: 10px;
    }

    .stPopupSection {
        width: 76%;
        -webkit-box-shadow: 0 0 30px #383838;
        -moz-box-shadow: 0 0 30px #383838;
        max-height: 78%;
        background-color: #EEEEEE;
        padding: 2% 7% 2% 7%;
        margin: 45px 0% 0% 5%;
        overflow: auto;
    }

    .stPopup {
        width: 100%;
        height: 100%;
        opacity: .95;
        top: 0;
        left: 0;
        display: none;
        position: fixed;
        background-color: #999999;
        overflow: auto;
    }

    .stProcessingLightbox {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        position: fixed;
    }

    .stProcessingLightboxSection {
        width: 80%;
        -webkit-box-shadow: 0 0 30px #383838;
        -moz-box-shadow: 0 0 30px #383838;
        background-color: #EEEEEE;
        padding-top: 2%;
        padding-bottom: 2%;
        margin-top: 20%;
        margin-left: 10%;
        text-align: center;
        font-size: xx-large;
        color: red;
        border-radius:10px;
    }

    .stLightBoxClose {
        top: 33px;
        right: 4.5%;
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: #FF6A6A;
        color: white;
        font-weight: bold;
        border: solid 1px #FF6A6A;
        border-radius: 50%;
        cursor: pointer;
        -webkit-box-shadow: 0 0 20px #383838;
        -moz-box-shadow: 0 0 20px #383838;
    }

        .stLightBoxClose:hover {
            opacity: 0.9;
        }

    .stGridViewDisplay {
        padding: 2px;
        margin-top: 5px;
        width: 100%;
        overflow: auto;
    }

    .stWidth44 {
        width: 44%;
    }

    .stWordBreak {
        word-break: break-word;
    }

    .stGridviewButtonWidth {
        width: 15px;
    }

    .stGridViewSelectbtn {
        height: 14px;
        background-color: #66CCFF;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        border-radius: 3px;
    }

    .stGridViewRemovebtn {
        height: 20px;
        background-color: #FF5959;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #FF5959;
        border-radius: 3px;
    }

        .stGridViewRemovebtn:hover, .stGridViewSelectbtn:hover {
            opacity: 0.9;
        }

    .stGridViewRemovebtnDisabled {
        height: 20px;
        background-color: #CCCCCC;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: not-allowed;
        border: solid 1px #CCCCCC;
        border-radius: 3px;
    }


    .stLightBoxTabel, .stTabel {
        border-collapse: collapse;
        width: 100%;
    }

    .stLightBoxTabelTd {
        vertical-align: top;
        border: 1px solid #507CD1;
        border-collapse: collapse;
        font-weight: bold;
        padding: 0px;
    }

    .stTabelRightBorder {
        border-right: 1px solid #507CD1;
    }

    .stTabelBottomBorder {
        border-bottom: 1px solid #507CD1;
    }

    .stTabelLeftBorder {
        border-left: 1px solid #507CD1;
    }

    .stTabelTopBorder {
        border-top: 1px solid #507CD1;
    }

    .stTableBottomNoBorder {
        border-bottom: 0px solid #ffffff;
    }

    .stTabel span {
        font-weight: normal;
        color: red;
    }

    .stLightBoxTabel span {
        font-weight: normal;
        color: #808080;
    }

    .stLightboxPadding {
        padding-left: 0.5%;
    }



    .stFloatLeft {
        margin-right: 10px;
        float: left;
    }

    .stLi {
        display: inline;
        padding-right: 5%;
        float: left;
    }

    .stErrorMessage {
        margin: 1% 1%; /* Top Right Bottom Left */
        box-shadow: inset 0 0 5px red;
        font-size: 12px;
        font-weight: bold;
        color: red;
        padding: 5px 0px 5px 0px;
        border-radius: 6px;
        text-align: center;
        clear: both;
    }

    .stNoErrorMessage {
        text-align: center;
        color: #808080;
        margin-top: 1%;
    }


    .stAuthorization {
        margin: 1.5%;
        background-color: #ffffff;
        padding: 0.5%;
        border: 1px solid #66CCFF;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
    }

    .stSearchSection {
        padding: 1% 0% 0% 2%;
        border-radius: 8px;
        border: solid 1px black;
    }

    .stTable {
        background-color: White;
        border-color: White;
        border-width: 1px;
        border-style: solid;
        width: 100%;
        border-collapse: collapse;
    }

        .stTable tr th {
            border-left-color: White;
            border-left-width: 1px;
            border-left-style: solid;
            border-collapse: collapse;
            color: DarkSlateGray;
            background-color: #66CCFF;
        }

    .stNewRow td {
        border-left-color: White;
        border-left-width: 1px;
        border-left-style: solid;
        border-collapse: collapse;
    }

    .stNewRow:nth-child(odd) {
        background: White;
    }

    .stNewRow:nth-child(even) {
        background: #EFF3FB;
    }

    .stRightIcon {
        /*float: right;*/
        width: 100%;
        text-align: right;
    }

    .stButtonRight {
        background-color: #66CCFF;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        border-radius: 3px;
        height: 20px;
    }

    .stButtonRightIcon {
        height: 20px;
        width: 20px;
        border-radius: 3px;
        margin-left: 4px;
    }
        /* Use this style only button hove event */
        .stButtonRightIcon:hover, .stButtonUnread:hover, .stButtonRead:hover, .stbtn:hover, .stButton:hover, .stbtnRemove:hover, .stRemovebtn:hover, stMoreOption:hover {
            opacity: 0.8;
        }

    .stButtonUnread {
        width: 50px;
        height: 20px;
        background-color: #FF5959;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #FF5959;
        border-radius: 3px;
        margin-top: 5px;
    }

    .stButtonRead {
        width: 50px;
        height: 20px;
        background-color: #66CCFF;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        border-radius: 3px;
        margin-top: 5px;
    }

    .stLightBoxLabelWidth {
        padding-left: 100px;
    }

    .stdivDuration {
        margin-top: 2px;
        overflow: scroll;
        white-space: nowrap;
        overflow-y: hidden;
        width: 275px;
    }

    .stdivQuotationDuration {
        margin-top: 2px;
        overflow: scroll;
        white-space: nowrap;
        overflow-y: hidden;
        width: 275px;
    }

    .stDurationText {
        height: 25px;
        width: 40px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .stDurationErrorText {
        height: 25px;
        width: 40px;
        padding-left: 5px;
        border: 1px solid red;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .stDurationDdlField {
        height: 30px;
        width: 78px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .stDurationlblError {
        font-size: 11px;
        color: red;
        white-space: normal;
        width: 100px;
    }

    .stTopAlignIndex {
        text-align: center;
        vertical-align: top;
        margin-top: 2px;
    }

    .stTopAlign {
        vertical-align: top;
    }

    .sthrAlign {
        text-align: right;
        margin: auto 0 0 0;
        width: 65%;
    }

    .sthrViewAlign {
        text-align: right;
        margin: auto 0 0 0;
        width: 65%;
    }

    /*CSS for ListView Display*/

    .stListviewDisplay {
        padding: 2px;
        margin-top: 5px;
        width: 100%;
        overflow: auto;
    }

    .stListViewTable {
        background-color: #FFFFFF;
        border-collapse: collapse;
        border-color: #507CD1;
        border-style: none;
        border-width: 1px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    .stListviewBorder {
        vertical-align: top;
        border: 1px solid #507CD1;
        border-collapse: collapse;
        font-weight: bold;
        padding: 0px;
        width: 595px;
    }

    .stHeadSmallList {
        height: 35px;
        width: 100px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListNumber {
        height: 35px;
        width: 130px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListDate {
        height: 35px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListAmount {
        height: 35px;
        width: 100px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListAmountCreditAnalysis {
        height: 35px;
        width: 140px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListAmountImg {
        height: 35px;
        width: 30px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListRemove {
        width: 5%;
        vertical-align: top;
    }

    .stHeadSmallListRemove {
        width: 5%;
        vertical-align: top;
    }

    .stHeadSmallListAddress {
        /*height: 35px;*/
        width: 250px;
        font-weight: bold;
        text-align: center;
    }

    /*end contant css */

    /* start footer css*/

    footer {
        background-color: #D2E9FF;
        height: auto;
        clear: both;
        width: 100%;
    }

    .stFooter {
        height: 100px;
    }

    .stCopyRight {
        height: 18px;
        background-color: #66CCFF;
        text-align: right;
        color: #2F4F4F;
        font-family: Verdana;
        font-size: small;
    }

    .stLstHeadSmall {
        height: 35px;
        width: 120px;
        font-weight: bold;
    }

    .stLstHeadLarge {
        height: 50px;
        width: 120px;
        font-weight: bold;
    }

    .stLstRowSmall {
        width: 220px;
        height: 35px;
        overflow: auto;
        overflow: auto;
        float: right;
    }

    .stLstRowLarge {
        width: 220px;
        height: 50px;
        overflow: auto;
        float: right;
    }

    .stLstRemoveButton {
        margin-bottom: 20px;
    }
    /* end footer css*/
    .stTextAlignRight {
        text-align: right;
    }

    .stGridViewSmallFont {
        font-size: x-small;
        color: #999999;
    }

        .stGridViewSmallFont span {
            font-size: x-small;
            color: #999999;
        }

    .stViewGridTabel {
        border-collapse: collapse;
        border: 1px solid #507CD1;
        width: 100%;
        min-width: 1000px;
        table-layout: fixed;
    }
    /********************Invoice Table Width**************/



    /*Use only Table width 50 %*/
    .stInvoiceTdWidth {
        width: 50%;
        padding: 0;
    }

    .stInvoiceThSRNoWidth {
        width: 5%;
        vertical-align: top;
    }

    .stInvoiceThDescriptionWidth {
        width: 32%;
        vertical-align: top;
    }

    .stInvoiceThHSNCodeWidth {
        width: 10%;
        vertical-align: top;
    }

    .stInvoiceThQuantityWidth {
        width: 24%;
        vertical-align: top;
    }

    .stInvoiceThUnitWidth {
        width: 7%;
        vertical-align: top;
    }

    .stInvoiceThRatePerUnitWidth {
        width: 7%;
        vertical-align: top;
    }


    .stInvoiceThAmountWidth {
        width: 10%;
        vertical-align: top;
    }


    .stInvoiceThRemoveWidth {
        width: 5%;
        vertical-align: top;
    }

    .stInvoiceThTotalWidth {
        width: 80%;
    }

    /********************End Invoice Table Width**************/

    /*************Edit Product Table Width**************/
    .stEditProductThSRNoWidth {
        width: 3.8%;
        vertical-align: top;
    }

    .stEditProductThDescriptionWidth {
        width: 27.5%;
        vertical-align: top;
    }

    .stEditProductThHSNCodeWidth {
        width: 10%;
        vertical-align: top;
    }

    .stEditProductThQuantityWidth {
        width: 20.9%;
        vertical-align: top;
    }

    .stEditProductThUnitWidth {
        width: 5%;
        vertical-align: top;
    }

    .stEditProductThRatePerUnitWidth {
        width: 7%;
        vertical-align: top;
    }

    .stEditProductThAmountWidth {
        width: 7%;
        vertical-align: top;
    }
    /********End Edit Product Table Width ***********/

    /************In Add Product table Add Packing Item************/
    .stPackingThNoOfPacking {
        width: 7%;
        vertical-align: top;
    }

    .stPackingThPackingType {
        width: 17%;
        vertical-align: top;
    }

    .stPackingThQuantityPacking {
        width: 7%;
        vertical-align: top;
    }

    /************ product quantity editsalesinquiry ************/
    .stProductQuantity {
        width: 5%;
        vertical-align: top;
    }

    /************  End product quantity editsalesinquiry ************/



    /*************************End Add Packing table width*********/



    /**************Sales Return Challan Table Width****************/
    .stTblSalesReturnChallan {
        background-color: #507CD1;
        color: white;
        width: 633px; /***This is fix Table width so defined with "px" ***/
    }

    .stSalesReturnChallanThSRNoWidth {
        width: 6.4%;
        vertical-align: top;
    }

    .stSalesReturnThChallanIdWidth {
        width: 15px;
        vertical-align: central;
    }

    .stSalesReturnThChallanNoWidth {
        width: 15%;
        vertical-align: central;
    }

    .stSalesReturnThChallanDateWidth {
        width: 15%;
        vertical-align: central;
    }

    .stSalesReturnThChallanToAddressWidth {
        width: 20%;
        vertical-align: central;
    }
    /************End Sales Return Challan Table Width**************/

    /********************Complaint Invoice Table Width**************/
    .stTblComplaintProduct {
        background-color: #507CD1;
        color: white;
        width: 800px; /***This is fix Table width so defined with "px" ***/
    }

    .stTblPartsServicesProduct {
        background-color: #507CD1;
        color: white;
        width: 100%;
    }

    .stTblComplaintProductWithoutInvoice {
        background-color: #507CD1;
        color: white;
        width: 700px;
        height: 25px;
    }

    .stTblBorderComplaint {
        background-color: #FFFFFF;
        color: #808080;
    }

    .stComplaintInvoiceThSRNoWidth {
        width: 6.4%;
        vertical-align: top;
    }

    .stComplaintInvoiceThDescriptionWidth {
        width: 32%;
        vertical-align: central;
    }

    .stComplaintInvoiceThComplaintDetailsWidth {
        width: 35px;
        vertical-align: central;
    }

    .stComplaintInvoiceThComplaintDetailsWidth {
        width: 35px;
        vertical-align: central;
    }

    .stComplaintInvoiceThReasonOfRejectionWidth {
        width: 15%;
        vertical-align: central;
    }

    .stComplaintInvoiceThQuantityWidth {
        width: 13%;
        vertical-align: central;
    }

    .stComplaintInvoiceThUnitWidth {
        width: 13%;
        vertical-align: central;
    }

    .stComplaintInvoiceThRatePerUnitWidth {
        width: 10%;
        vertical-align: central;
    }

    .stComplaintInvoiceThAmountWidth {
        width: 15%;
        vertical-align: central;
    }

    .stComplaintInvoiceThComplaintDetailsWidth {
        width: 25%;
        vertical-align: central;
    }

    .stThComplaintServiceReportWidth {
        width: 50px; /***This is fix Table width so defined with "px" ***/
        vertical-align: central;
    }

    .stRmvBorderBottom {
        border-bottom: hidden;
    }

    /********************End Complaint Invoice Table Width**************/
    /********************Site Visit Item Repair Table Width**************/
    .stTblSiteVisitItemRepairProduct {
        background-color: #507CD1;
        color: white;
        width: 800px; /***This is fix Table width so defined with "px" ***/
    }

    .stSiteVisitItemRepairThDescriptionWidth {
        width: 32%;
        vertical-align: central;
    }

    .stSiteVisitItemRepairThQuantityWidth {
        width: 13%;
        vertical-align: central;
    }

    .stSiteVisitItemRepairThUnitWidth {
        width: 13%;
        vertical-align: central;
    }

    .stSiteVisitItemPosition {
        position: absolute;
    }
    /********************End Site Visit Item Repair Table Width**************/

    .stInvoiceThTotalWidth {
        width: 80%;
    }


    /********************Challan Table Width**************/

    /*Use only Table width 50 %*/
    .stChallanTdWidth {
        width: 50%;
        padding: 0;
    }

    .stChallanThSRNoWidth {
        width: 5%;
        vertical-align: top;
    }

    .stChallanThDescriptionWidth {
        width: 30%;
        vertical-align: top;
    }

    .stChallanThHSNCodeWidth {
        width: 10.5%;
        vertical-align: top;
    }

    .stChallanThQuantityWidth {
        width: 25.9%;
        vertical-align: top;
    }

    .stChallanThUnitWidth {
        width: 5%;
        vertical-align: top;
    }

    .stChallanThRatePerUnitWidth {
        width: 10%;
        vertical-align: top;
    }

    .stChallanThAmmountWidth {
        width: 10%;
        vertical-align: top;
    }

    .stChallanThAdditionalProductDetailsWidth {
        width: 7%;
        vertical-align: top;
    }

    .stChallanThRemoveWidth {
        width: 5%;
        vertical-align: top;
    }

    .stChallanThTotalWidth {
        width: 80%;
    }


    /********************End Challan Table Width**************/

    /********************Credit Note Table Width**************/
    .stCreditInvoiceThRatePerUnitWidth {
        width: 13%;
        vertical-align: top;
    }

    .stCreditInvoiceThAmountWidth {
        width: 15%;
        vertical-align: top;
    }

    .stCreditInvoiceThTotalWidth {
        width: 74%;
    }

    .stEditPgCreditThDescriptionWidth {
        width: 44.5%;
        vertical-align: top;
    }

    .stEditPgCreditThRatePerUnitWidth {
        width: 13.1%;
        vertical-align: top;
    }

    .stEditPgCreditThAmountWidth {
        width: 15%;
        vertical-align: top;
    }

    .stEditPgCreditInvoiceThTotalWidth {
        width: 79.2%;
    }

    .stViewPgCreditInvoiceThTotalWidth {
        width: 78.2%;
    }
    /********************End Credit Note Table Width**************/

    .stlWatermarksThWidth {
        height: 297px;
        width: 280px;
        padding-left: 20%;
    }

    .stbtnRemoveWatermark {
        margin-left: 16%;
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: #FF6A6A;
        color: white;
        font-weight: bold;
        border: solid 1px #FF6A6A;
        border-radius: 50%;
        cursor: pointer;
    }
}


/*********************************************************************************************************
* Style sheet for devices with screen width smaller than 769px
*********************************************************************************************************/
@media only screen and (max-device-width : 768px) {

    body {
        margin: 0px;
        width: 100%;
        font-family: Verdana;
        color: #808080;
        margin-bottom: 0px;
    }
    /* Header CSS */
    header {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        color: #CCCCCC;
        background-color: #D2E9FF;
        z-index: 3;
    }


    .stError {
        font-weight: bold;
        color: red;
        text-align: center;
    }

    .stleftsideWidth {
        float: left;
        width: 250px;
    }
  
    .stLblNoWidthError {
        padding: 0.5%;
        display: block;
        font-size: 12px;
        text-align: center;
        background-color: #ffbfbf61;
    }

    .stTop {
        width: auto;
        height: 100%;
        margin: 0px;
    }

    .stDivLogo {
        float: left;
    }

    .stLogo {
        margin-top: 6px;
        clear: both;
        margin-left: 55px;
        width: 90px;
        margin-bottom: 2px;
    }

    /* end header css */


    /*Start the login page css*/

    .stLogin {
        background: #eceeee;
        -webkit-box-shadow: 0 0 10px #383838;
        -moz-box-shadow: 0 0 10px #383838;
        border-radius: 6px;
        margin: 20px auto 20px;
        width: 50%;
        padding: 2% 5% 49px;
        font: 12px/1 sans-serif;
    }

        .stLogin h1 {
            font-size: 15px;
            color: #66CCFF;
            padding: 0px;
            text-align: center;
        }

        .stLogin a {
            color: #0098DA;
            display: inline-block;
            float: left;
            font: 12px sans-serif;
            text-decoration: none;
            margin-top: 10px;
        }

            .stLogin a:hover {
                color: #3b3b3b;
            }
    /* Contant css*/

    @media only screen and (orientation : portrait) {
        .stContant {
            margin-top: 32px;
            width: 100%;
            overflow: auto;
            height: 94%;
            position: fixed;
        }

        .stNonAuthenticatedAreaContant {
            margin-top: 32px;
            width: 100%;
            position: fixed;
            height: 94%;
            overflow: auto;
        }
    }

    @media only screen and (orientation : landscape) {
        .stContant {
            margin-top: 32px;
            width: 100%;
            overflow: auto;
            height: 90%;
            position: fixed;
        }

        .stNonAuthenticatedAreaContant {
            margin-top: 32px;
            width: 100%;
            position: fixed;
            height: 90%;
            overflow: auto;
        }
    }

    .stLocation {
        clear: both;
        background-color: #ffffff;
        padding: 5px 5px 5px 5px;
        Font-Size: 10px;
        text-align: left;
    }

    .stModule {
        margin: 0% 2% 0% 2%;
        background-color: #66CCFF;
        border-radius: 5px;
        height: auto;
        padding: 10px;
        color: #2F4F4F;
        font-size: 13px;
        font-weight: bold;
    }

        .stModule a:hover {
            color: #2F4F4F;
        }


    .stMainContant {
        margin: 1% 1% 0% 1%;
        background-color: #ffffff;
        padding: 5px;
    }

    .stExceptionMessage {
        margin: 2px auto 5px;
        box-shadow: inset 0 0 5px red;
        width: 100%;
        font-size: 10px;
        font-weight: bold;
        color: red;
        padding: 5px 0px 5px 0px;
        border-radius: 6px;
        text-align: center;
    }

    .stNoErrorMessage {
        text-align: justify;
        color: #808080;
        margin-top: 1%;
    }

    .stAuthorization {
        margin: 2.5%;
        background-color: #ffffff;
        padding: 0.5%;
        border: 1px solid #66CCFF;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
    }

    .stForm {
        font-size: 12px;
        margin: 0px auto 3%;
        border: 1px solid #66CCFF;
        padding: 0% 0% 0% 4%;
        text-align: start;
    }

        .stForm h1 {
            font-size: 12px;
            color: #66CCFF;
            padding: 0px;
        }

        .stForm span {
            color: red;
        }

        .stForm .stLabel {
            font-weight: bold;
            color: #808080;
        }

        .stForm .stSelectedViewDetailLabel {
            font-size: 12px;
            font-weight: bold;
            color: #2F4F4F;
        }

        .stForm .stLabelNormal {
            font-weight: normal;
            color: #808080;
        }

    .stUnderlineText {
        text-decoration: underline;
    }

    .stCenterAlign {
        text-align: center;
        margin-top: 2px;
    }

    .stForm .stLabelNormal {
        font-weight: normal;
        color: #808080;
    }

    .stForm .stLabelHeading {
        font-size: 12px;
        color: #66CCFF;
        padding: 0px;
    }

    .stForm .stLabelApprove {
        font-size: 12px;
        font-weight: bold;
        color: #008000;
    }

    .stForm .stLabelReject {
        font-size: 12px;
        font-weight: bold;
        color: red;
    }

    .stForm .stLabelAmount {
        font-weight: normal;
        color: #808080;
        width: 90%;
    }

    .stRightAlignLabel {
        text-align: right;
    }


    .stMerginLeft {
        margin-left: 8%;
    }

    .stMoreOption {
        font-weight: bold;
        color: #66CCFF;
        cursor: pointer;
        text-decoration: underline;
    }

    .stSection {
        width: 80%;
        background-color: #EEEEEE;
        border-radius: 3px;
        margin: 5px;
        padding: 5px 25px 5px 25px;
    }


    .stText {
        height: 30px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
        width: 170px;
    }

    .stTextArea {
        height: 70px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
        width: 170px;
    }

    .stSectionBranch {
        width: 80%;
        background-color: #EEEEEE;
        border-radius: 3px;
        margin: 5px;
        padding: 5px 25px 5px 25px;
    }


    .stTextBranch {
        height: 30px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .stSecretQuestionText {
        height: 30px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
        width: 75%;
    }

    .stErrorText {
        height: 30px;
        padding-left: 5px;
        border: 1px solid red;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .stbtn {
        height: 30px;
        background-color: #66CCFF;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        margin-top: 10px;
        border-radius: 3px;
    }

    .stButton {
        height: 30px;
        background-color: #66CCFF;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        border-radius: 3px;
    }


    .stDisabledBtn {
        height: 30px;
        background-color: #CCCCCC;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #CCCCCC;
        border-radius: 3px;
        margin-top: 10px;
    }

    .stbtnRemove {
        height: 30px;
        background-color: #FF5959;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        margin-top: 10px;
        border-radius: 3px;
    }

    .stRemovebtn {
        height: 25px;
        background-color: #FF5959;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #FF5959;
        border-radius: 3px;
        margin-top: 5px;
        margin-left: 40%;
    }

    .stJsRemovebtn {
        height: 14px;
        background-color: #66CCFF;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        border-radius: 3px;
        margin-top: 10px;
        margin-left: 15px;
        margin-bottom: 10px;
    }

    .stJsLabelWidth {
        display: inline-block;
        width: 100px;
        padding-bottom: 30px;
        padding-top: 8px;
    }

    .stlblError {
        display: block;
        font-size: 11px;
        color: red;
        width: 170px;
    }

   

    .stlblErrorTdSpace {
        padding-left: 9em;
    }

    .stCheckboxGroup {
        height: 80px;
        overflow-x: auto;
        border: solid 1px #66CCFF;
        width: 208px;
    }

    .stleftside {
        float: left;
        width: 180px;
    }
   

    .stRecordCreated {
        background-color: #EEEEEE;
        border: solid 1px #EEEEEE;
        border-radius: 8px;
        font-size: 13px;
        text-align: center;
        width: 50%;
        margin: 0% 0% 3% 25%;
        padding: 10px;
    }

    .stPopupSection {
        max-height: 78%;
        overflow: auto;
        -webkit-box-shadow: 0 0 30px #383838;
        -moz-box-shadow: 0 0 30px #383838;
        background-color: #EEEEEE;
        padding: 2% 2% 2% 10%;
        margin: 15px 5% 5% 5%;
    }

    .stPopup {
        width: 100%;
        height: 100%;
        opacity: .95;
        top: 0;
        left: 0;
        display: none;
        position: fixed;
        background-color: #999999;
        overflow: auto;
    }

    .stProcessingLightbox {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        position: fixed;
    }

    .stProcessingLightboxSection {
        width: 80%;
        -webkit-box-shadow: 0 0 30px #383838;
        -moz-box-shadow: 0 0 30px #383838;
        background-color: #EEEEEE;
        padding-top: 2%;
        padding-bottom: 2%;
        margin-top: 20%;
        margin-left: 10%;
        text-align: center;
        font-size: xx-large;
        color: red;
        border-radius: 10px;
    }

    .stLightBoxClose {
        background-color: #FF5959;
        border-radius: 8px;
        border: solid 1px #FF5959;
        position: absolute;
        color: #ffffff;
        right: 3%;
        top: 7px;
        cursor: pointer;
    }

    .stGridViewDisplay {
        padding: 2px;
        margin-top: 5px;
        width: 100%;
        overflow: auto;
    }

    .stWordBreak {
        word-break: break-word;
    }

    .stGridviewButtonWidth {
        width: 15px;
    }

    .stGridViewSelectbtn {
        height: 14px;
        background-color: #66CCFF;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        border-radius: 3px;
    }

    .stGridViewRemovebtn {
        height: 15px;
        background-color: #FF5959;
        font-size: 8px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #FF5959;
        border-radius: 3px;
    }

        .stGridViewRemovebtn:hover {
            opacity: 0.9;
        }

    .stGridViewRemovebtnDisabled {
        height: 15px;
        background-color: #CCCCCC;
        font-size: 8px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #CCCCCC;
        border-radius: 3px;
    }

    .stLightBoxTabel, .stTabel {
        border-collapse: collapse;
        width: 101%;
    }

    .stLightBoxTabelTd {
        vertical-align: top;
        border: 1px solid #507CD1;
        border-collapse: collapse;
        font-weight: bold;
        padding: 0px;
    }

    .stTabelRightBorder {
        border-right: 1px solid #507CD1;
    }

    .stTabelBottomBorder {
        border-bottom: 1px solid #507CD1;
    }

    .stTabelLeftBorder {
        border-left: 1px solid #507CD1;
    }

    .stTabelTopBorder {
        border-top: 1px solid #507CD1;
    }

    .stTabel span {
        font-weight: normal;
        color: red;
    }

    .stLightBoxTabel span {
        font-weight: normal;
        color: #808080;
    }

    .stLightboxPadding {
        padding: 0.5%;
    }

    .stlightboxtopmargin {
        margin-top: 10%;
        margin-left: 10px;
    }

    .stTableMarginPadding {
        padding-top: 1%;
    }

    .stFloatLeft {
        margin-right: 10px;
        float: left;
    }

    .stFloatLeftsp {
        margin-left: 80px;
        float: left;
    }

    .stFloatLeftspp {
        margin-left: 10px;
        float: left;
    }

    .stUl {
        margin: 0px;
        padding: 0px;
    }

    .stLi {
        list-style-type: none;
        padding-top: 1%;
    }


    .stTable {
        background-color: White;
        border-color: White;
        border-width: 1px;
        border-style: solid;
        width: 100%;
        border-collapse: collapse;
    }

        .stTable tr th {
            border-left-color: White;
            border-left-width: 1px;
            border-left-style: solid;
            border-collapse: collapse;
            color: DarkSlateGray;
            background-color: #66CCFF;
        }

    .stNewRow td {
        border-left-color: White;
        border-left-width: 1px;
        border-left-style: solid;
        border-collapse: collapse;
    }

    .stNewRow:nth-child(odd) {
        background: White;
    }

    .stNewRow:nth-child(even) {
        background: #EFF3FB;
    }

    .stRightIcon {
        /*float: right;*/
        width: 100%;
        text-align: right;
    }

    .stButtonRightIcon {
        width: 20px;
        height: 20px;
        border-radius: 3px;
        margin-left: 4px;
    }

        .stButtonRightIcon:hover {
            opacity: 0.8;
        }


    .stButtonUnread {
        width: 50px;
        height: 20px;
        background-color: #FF5959;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #FF5959;
        border-radius: 3px;
        margin-top: 5px;
    }

    .stButtonRead {
        width: 50px;
        height: 20px;
        background-color: #66CCFF;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        border: solid 1px #66CCFF;
        border-radius: 3px;
        margin-top: 5px;
    }



    .stdivDuration {
        margin-top: 2px;
        overflow: scroll;
        white-space: nowrap;
        overflow-y: hidden;
        width: 265px;
    }

    .stdivQuotationDuration {
        margin-top: 2px;
        overflow: scroll;
        white-space: nowrap;
        overflow-y: hidden;
        width: 255px;
    }

    .stDurationText {
        height: 25px;
        width: 40px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .stDurationErrorText {
        height: 25px;
        padding-left: 5px;
        border: 1px solid red;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .stDurationDdlField {
        height: 30px;
        width: 78px;
        padding-left: 5px;
        border: 1px solid #66CCFF;
        margin-bottom: 5px;
        margin-right: 5px;
    }

    .stDurationlblError {
        font-size: 11px;
        color: red;
        white-space: normal;
        width: 100px;
    }

    .sthrAlign {
        text-align: right;
        margin: auto 0 0 0;
    }

    .sthrViewAlign {
        text-align: right;
        margin: auto 0 0 0;
        width: 99%;
    }

    .stListviewDisplay {
        padding: 2px;
        margin-top: 5px;
        width: 100%;
        overflow: auto;
    }

    .stListViewTable {
        background-color: #FFFFFF;
        border-collapse: collapse;
        border-color: #507CD1;
        border-style: none;
        border-width: 1px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    .stTblBorderComplaint {
        background-color: #FFFFFF;
        color: #808080;
    }

    .stListviewBorder {
        vertical-align: top;
        border: 1px solid #507CD1;
        border-collapse: collapse;
        font-weight: bold;
        padding: 0px;
        width: 590px;
    }

    .stHeadSmallList {
        height: 35px;
        width: 100px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListNumber {
        height: 35px;
        width: 130px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListDate {
        height: 35px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListAmount {
        height: 35px;
        width: 100px;
        font-weight: bold;
        text-align: center;
    }

    .stHeadSmallListRemove {
        width: 5%;
        vertical-align: top;
    }

    .stHeadSmallListAddress {
        /*height: 35px;*/
        width: 250px;
        font-weight: bold;
        text-align: center;
    }

    /*end contant css */

    /* start footer css*/

    footer {
        background-color: #D2E9FF;
        height: auto;
    }

    .stFooter {
        clear: both;
        height: 50px;
    }

    .stCopyRight {
        height: 15px;
        clear: both;
        background-color: #66CCFF;
        text-align: center;
        color: #2F4F4F;
        font-family: Verdana;
        font-size: x-small;
    }

    .stLstHeadSmall {
        height: 35px;
        width: 120px;
        font-weight: bold;
    }

    .stLstHeadLarge {
        height: 50px;
        width: 120px;
        font-weight: bold;
    }

    .stLstRowSmall {
        width: 220px;
        height: 35px;
        overflow: auto;
        overflow: auto;
        float: right;
    }

    .stLstRowLarge {
        width: 220px;
        height: 50px;
        overflow: auto;
        float: right;
    }

    .stLstRemoveButton {
        margin-bottom: 20px;
    }

    .stGridViewSmallFont {
        font-size: x-small;
        color: #C0C0C0;
    }

        .stGridViewSmallFont span {
            font-size: x-small;
            color: #C0C0C0;
        }
    /* end footer css*/
    .stViewGridTabel {
        border-collapse: collapse;
        border: 1px solid #507CD1;
        width: 100%;
        min-width: 1000px;
        table-layout: fixed;
    }
    /********************Invoice Table Width**************/

    /*Use only Table width 50 %*/
    .stInvoiceTdWidth {
        width: 50%;
    }

    .stInvoiceThSRNoWidth {
        width: 5%;
        vertical-align: top;
    }

    .stInvoiceThDescriptionWidth {
        width: 32%;
        vertical-align: top;
    }

    .stInvoiceThHSNCodeWidth {
        width: 10%;
        vertical-align: top;
    }

    .stInvoiceThQuantityWidth {
        width: 24%;
        vertical-align: top;
    }

    .stInvoiceThUnitWidth {
        width: 7%;
        vertical-align: top;
    }

    .stInvoiceThRatePerUnitWidth {
        width: 7%;
        vertical-align: top;
    }

    .stInvoiceThAmountWidth {
        width: 10%;
        vertical-align: top;
    }


    .stInvoiceThRemoveWidth {
        width: 5%;
        vertical-align: top;
    }

    .stInvoiceThTotalWidth {
        width: 80%;
    }

    /********************End Invoice Table Width**************/

    .stTopAlign {
        vertical-align: top;
    }


    /******************editQuotation Product Table Width********************/
    .steditQuotationThSRNoWidth {
        width: 5%;
        vertical-align: top;
    }

    .steditQuotationThDescriptionWidth {
        width: 40.9%;
        vertical-align: top;
    }

    .steditQuotationThUnitWidth {
        width: 5%;
        vertical-align: top;
    }

    .steditQuotationThRatePerUnitWidth {
        width: 14.4%;
        vertical-align: top;
    }

    .steditQuotationThAdditionalProductDetails {
        width: 30%;
        vertical-align: top;
    }

    /****************End editQuotation Product Table Width******************/

    /******************viewQuotation Product Table Width********************/
    .stviewQuotationThSRNoWidth {
        width: 9.9%;
        vertical-align: top;
    }

    .stviewQuotationThDescriptionWidth {
        width: 33%;
        vertical-align: top;
    }

    .stviewQuotationThUnitWidth {
        width: 12.5%;
        vertical-align: top;
    }

    .stviewQuotationThRatePerUnitWidth {
        width: 14.3%;
        vertical-align: top;
    }

    .stviewQuotationThAdditionalProductDetails {
        width: 30%;
        vertical-align: top;
    }

    /****************End viewQuotation Product Table Width******************/

    /******************Quotation Product Table Width********************/
    .stQuotationProductThSRNoWidth {
        width: 5.1%;
        vertical-align: top;
    }

    .stQuotationProductThDescriptionWidth {
        width: 40.4%;
        vertical-align: top;
    }

    .stQuotationProductThUnitWidth {
        width: 5.1%;
        vertical-align: top;
    }

    .stQuotationProductThRatePerUnitWidth {
        width: 14.1%;
        vertical-align: top;
    }

    .stQuotationProductThAdditionalProductDetails {
        width: 30.3%;
        vertical-align: top;
    }

    stQuotationProductThRemoveWidth {
        width: 5%;
        vertical-align: top;
    }

    /****************End Quotation Product Table Width******************/

    /******************Product Table Width********************/
    .stProductThSRNoWidth {
        width: 3.8%;
        vertical-align: top;
    }

    .stProductThDescriptionWidth {
        width: 27.5%;
        vertical-align: top;
    }

    .stProductThHSNCodeWidth {
        width: 10%;
        vertical-align: top;
    }


    .stProductThQuantityWidth {
        width: 20.9%;
        vertical-align: top;
    }

    .stProductThUnitWidth {
        width: 5%;
        vertical-align: top;
    }

    .stProductThRatePerUnitWidth {
        width: 7%;
        vertical-align: top;
    }

    .stProductThAmountWidth {
        width: 7%;
        vertical-align: top;
    }

    /****************End Product Table Width******************/

    /******************Edit Product Table Width********************/
    .stEditProductThSRNoWidth {
        width: 6.6%;
        vertical-align: top;
    }

    .stEditProductThDescriptionWidth {
        width: 46.6%;
        vertical-align: top;
    }

    .stEditProductThQuantityWidth {
        width: 10.5%;
        vertical-align: top;
    }

    .stEditProductThUnitWidth {
        width: 10.6%;
        vertical-align: top;
    }

    .stEditProductThRatePerUnitWidth {
        width: 10.6%;
        vertical-align: top;
    }

    .stEditProductThAmountWidth {
        width: 15%;
        vertical-align: top;
    }

    /****************End Product Table Width******************/

    /********************viewInvoice Table Width**************/

    .stviewInvoiceThSRNoWidth {
        width: 7.7%;
        vertical-align: top;
    }

    .stviewInvoiceThDescriptionWidth {
        width: 24.2%;
        vertical-align: top;
    }

    .stviewInvoiceThQuantityWidth {
        width: 18%;
        vertical-align: top;
    }

    .stviewInvoiceThUnitWidth {
        width: 9.8%;
        vertical-align: top;
    }

    .stviewInvoiceThRatePerUnitWidth {
        width: 8.2%;
        vertical-align: top;
    }

    .stviewInvoiceThAmountWidth {
        width: 16.5%;
        vertical-align: top;
    }



    /********************End viewInvoice Table Width**************/

    /**************Sales Return Challan Table Width****************/
    .stTblSalesReturnChallan {
        background-color: #507CD1;
        color: white;
        width: 633px; /***This is fix Table width so defined with "px" ***/
    }

    .stSalesReturnChallanThSRNoWidth {
        width: 6.4%;
        vertical-align: top;
    }

    .stSalesReturnThChallanIdWidth {
        width: 15px;
        vertical-align: central;
    }

    .stSalesReturnThChallanNoWidth {
        width: 15%;
        vertical-align: central;
    }

    .stSalesReturnThChallanDateWidth {
        width: 15%;
        vertical-align: central;
    }

    .stSalesReturnThChallanToAddressWidth {
        width: 20%;
        vertical-align: central;
    }
    /************End Sales Return Challan Table Width**************/

    /********************Complaint Invoice Table Width**************/
    .stTblComplaintProduct {
        background-color: #507CD1;
        color: white;
        width: 800px; /***This is fix Table width so defined with "px" ***/
    }

    .stTblPartsServicesProduct {
        background-color: #507CD1;
        color: white;
        width: 100%;
    }

    .stTblComplaintProductWithoutInvoice {
        background-color: #507CD1;
        color: white;
        width: 700px;
        height: 25px;
    }

    .stTblComplaintProductWithoutInvoice {
        background-color: #507CD1;
        color: white;
        width: 700px;
        height: 25px;
    }

    .stComplaintInvoiceThSRNoWidth {
        width: 6.4%;
        vertical-align: top;
    }

    .stComplaintInvoiceThDescriptionWidth {
        width: 32%;
        vertical-align: central;
    }

    .stComplaintInvoiceThComplaintDetailsWidth {
        width: 35px;
        vertical-align: central;
    }

    .stComplaintInvoiceThReasonOfRejectionWidth {
        width: 15%;
        vertical-align: central;
    }

    .stComplaintInvoiceThQuantityWidth {
        width: 13%;
        vertical-align: central;
    }

    .stComplaintInvoiceThUnitWidth {
        width: 13%;
        vertical-align: central;
    }

    .stComplaintInvoiceThRatePerUnitWidth {
        width: 10%;
        vertical-align: central;
    }


    .stComplaintInvoiceThAmountWidth {
        width: 15%;
        vertical-align: central;
    }

    .stComplaintInvoiceThComplaintDetailsWidth {
        width: 25%;
        vertical-align: central;
    }

    .stThComplaintServiceReportWidth {
        width: 50px;
        vertical-align: central;
    }

    .stRmvBorderBottom {
        border-bottom: hidden;
    }

    /********************End Complaint Invoice Table Width**************/
    /********************Site Visit Item Repair Table Width**************/
    .stTblSiteVisitItemRepairProduct {
        background-color: #507CD1;
        color: white;
        width: 800px; /***This is fix Table width so defined with "px" ***/
    }

    .stSiteVisitItemRepairThDescriptionWidth {
        width: 32%;
        vertical-align: central;
    }

    .stSiteVisitItemRepairThQuantityWidth {
        width: 13%;
        vertical-align: central;
    }

    .stSiteVisitItemRepairThUnitWidth {
        width: 13%;
        vertical-align: central;
    }

    .stSiteVisitItemPosition {
        position: absolute;
    }
    /********************End Site Visit Item Repair Table Width**************/
    /********************Challan Table Width**************/

    /*Use only Table width 50 %*/
    .stChallanTdWidth {
        width: 50%;
    }

    .stChallanThSRNoWidth {
        width: 5%;
        vertical-align: top;
    }

    .stChallanThDescriptionWidth {
        width: 50%;
        vertical-align: top;
    }

    .stChallanThQuantityWidth {
        width: 10%;
        vertical-align: top;
    }

    .stChallanThUnitWidth {
        width: 10%;
        vertical-align: top;
    }

    .stChallanThAdditionalProductDetailsWidth {
        width: 15%;
        vertical-align: top;
    }



    .stChallanThRemoveWidth {
        width: 5%;
        vertical-align: top;
    }

    .stChallanThTotalWidth {
        width: 80%;
    }
    /********************End Challan Table Width**************/

    /********************Challan Product Table Width**************/
    .stChallanProductThSRNoWidth {
        width: 5.4%;
        vertical-align: top;
    }

    .stChallanProductThDescriptionWidth {
        width: 53.3%;
        vertical-align: top;
    }

    .stChallanProductThHSNCodeWidth {
        width: 10.7%;
        vertical-align: top;
    }

    .stChallanProductThQuantityWidth {
        width: 10.7%;
        vertical-align: top;
    }

    .stChallanProductThUnitWidth {
        width: 10.6%;
        vertical-align: top;
    }

    .stChallanProductThRatePerUnitWidth {
        width: 8%;
        vertical-align: top;
    }

    .stChallanProductThAmmountWidth {
        width: 8%;
        vertical-align: top;
    }

    .stChallanProductThAdditionalProductDetailsWidth {
        width: 15%;
        vertical-align: top;
    }

    /********************End Challan Product Table Width**************/

    /********************Credit Note Table Width**************/
    .stCreditInvoiceThRatePerUnitWidth {
        width: 13%;
        vertical-align: top;
    }

    .stCreditInvoiceThAmountWidth {
        width: 15%;
        vertical-align: top;
    }

    .stCreditInvoiceThTotalWidth {
        width: 74.1%;
    }

    .stEditPgCreditInvoiceThTotalWidth {
        width: 79.2%;
    }

    .stEditPgCreditThDescriptionWidth {
        width: 46%;
        vertical-align: top;
    }

    .stEditPgCreditThRatePerUnitWidth {
        width: 13.7%;
        vertical-align: top;
    }

    .stEditPgCreditThAmountWidth {
        width: 15%;
        vertical-align: top;
    }

    .stViewPgCreditInvoiceThTotalWidth {
        width: 77.5%;
    }
    /********************End Credit Note Table Width**************/

    .stlWatermarksThWidth {
        height: 297px;
        width: 210px;
    }

    .stbtnRemoveWatermark {
        margin-left: 48%;
        position: absolute;
        width: 25px;
        height: 25px;
        background-color: #FF6A6A;
        color: white;
        font-weight: bold;
        border: solid 1px #FF6A6A;
        border-radius: 50%;
        cursor: pointer;
    }
}