body {
    overflow: hidden;
}

.sapUiBody {
    font-family: "Prompt","SAP\2dicons" !important;
}

.allPage {
    padding: unset;
    background-size: cover;
}

iframe, object, embed {
    max-width: 100%;
}

/* login */
#logingpage .sapUiBlockCellContent {
    padding: 0px;
}

#headerShowDataBase {
    background-color: #f7f7f7;
    color: #333;
}

#redText {
    color: red !important;
}


.usertext {
    color: white !important;
    font-weight: bolder;
}

div.home-icon {
    display: inline-table;
    margin: 1px 10px;
}

div.mhome-icon {
    display: inline-table;
    margin: 0px 5px;
    font-size: small;
    font-weight: bold;
}

/*เปลี่ยนสีข้อคาม*/
.redText {
    color: red !important;
}

    .redText > h3 > span {
        color: red !important;
    }

.deepskyblueText {
    color: deepskyblue !important;
}

.orangeText {
    color: orange !important;
}

.grayText {
    color: gray !important;
}

.pinkText {
    color: pink !important;
}

.brownText {
    color: brown !important;
}

.greenText {
    color: green !important;
}

.purpleText {
    color: purple !important;
}

.blueText {
    color: blue !important;
}
/**/

.redTextBold {
    color: red !important;
    white-space: pre-wrap !important;
    font-weight: bold !important;
}

.blackSmallText {
    color: black !important;
}

.textAlignRight {
    text-align: right !important;
}


.bgYellow > span {
    background-color: #e1d804 !important;
    border-color: #e1d804 !important;
}

.sapMBtn .sapMBtnInner,
.sapMBtn .sapMBtnContent,
.sapMInputBaseInner,
.sapMComboBoxTextField,
.sapMInputBase,
.sapMInputDivWrapper,
.sapMInputBasePlaceholder {
    border-radius: 10px;
}

    .sapMBtn .sapMBtnInner:focus,
    .sapMBtn .sapMBtnContent:focus,
    .sapMInputBaseInner:focus,
    .sapMComboBoxTextField:focus,
    .sapMInputBase:focus,
    .sapMInputDivWrapper:focus,
    .sapMInputBasePlaceholder:focus {
        outline: none;
    }

.sapMSFF {
    border-radius: 10px;
    outline: none;
}

/*.sapUiRespGridHSpace0 > .sapUiRespGridSpanM12 {
    text-align: center;
}*/

.payment {
    width: 100%;
    height: 100%;
    /*display: flex;*/
    align-items: center;
    background: url(Image/Payment_Mobile.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.payment2 {
    width: 100%;
    height: 100%;
    /*display: flex;*/
    align-items: center;
    background: url(Image/Payment.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.watermark {
    font-size: 18px;
    opacity: 0.05;
    color: BLACK;
    position: absolute;
    left: 5%;
    /*right: 25%;*/
    /*-webkit-transform: rotate( -45deg);*/
}

.watermark2 {
    font-size: 18px;
    opacity: 0.05;
    color: BLACK;
    position: absolute;
    left: 10%;
    /*right: 25%;*/
    /*-webkit-transform: rotate( -45deg);*/
}

.paddingleft {
    padding-left: 2rem;
}

.paddingTop {
    padding-top: 1rem !important;
}

.sapUiFormResLayout > div > div {
    padding: 0rem;
}

.sapUiFormResGrid > div > div > div > div > div > div {
    background: none !important;
    padding: 0rem !important;
}

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

.imagecenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.textNote {
    text-align: justify !important;
}


/*order*/
.comboheight {
    height: 2.5rem;
}

.borderbottom {
    border-bottom: none !important;
}

/*Bar header footer*/
.sapMIBar.sapMHeader-CTX {
    background: #ef1b22 linear-gradient( 90deg,#ef1b22,#f46064) 0 0 !important;
}

.sapMIBar.sapMFooter-CTX {
    background: #f7f7f7 !important;
}

.sapMPageHeader::before {
    border-top: none;
}

.sapMIBar-CTX .sapMTitle {
    text-shadow: none !important;
    color: white !important;
}

.sapMIBar-CTX .sapMLabel {
    color: black;
}

.sapMIBar-CTX .sapMBtn .sapMBtnIcon {
    color: white;
}

.sapMBtnInner {
    text-shadow: none !important;
}

.sapMIBar-CTX.sapMFooter-CTX {
    border-top: none !important;
    color: #333;
    text-shadow: none !important;
    background-color: rgba(255,255,255,0.5);
    background-image: none;
}

    .sapMIBar-CTX.sapMFooter-CTX .sapMTitle {
        color: black;
    }

    .sapMIBar-CTX.sapMFooter-CTX .sapMText {
        color: black;
    }

    .sapMIBar-CTX.sapMFooter-CTX .sapMLabel {
        color: black;
        text-shadow: none;
    }

.sapUiSearchField {
    padding-top: 1rem;
}

.greenBar {
    background: #09a33d9e;
}

.redBar {
    background: #f45f63;
}
/*.sapMTB-Transparent-CTX .sapMText {*/

.headerProduct {
    font-weight: bold !important;
    text-shadow: none !important;
    color: white !important;
    font-size: 15px !important;
}
/*End Bar*/

/*List*/
table.sapMListTbl th label, table.sapMListTbl th span {
    color: white !important;
    font-weight: bold;
}

table.sapMListTbl tbody tr:nth-child(even), ul li:nth-child(even) {
    background: #bc040426 !important;
}

.sapUiFormResGrid.sapUiFormBackgrTranslucent > div {
    /*background: rgba(255,255,255,0.5) !important;*/
    background: none !important;
}

.sapMListTblCell {
    /*padding-left: 0.5rem;
    padding-top: 0rem;
    padding-bottom: 0rem;*/
    padding: 0;
}

.sapMTableTH {
    background: none;
}

.sapMListBGTranslucent .sapMListTblHeader {
    background: #ef1b22 linear-gradient( 90deg,#ef1b22,#f46064) 0 0;
}

.sapMLIB.sapMLIBSelected {
    background: #f9e6e6 !important;
}

.sapMListBGSolid .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):hover {
    background: #f9e6e6 !important;
}
/*End List*/
/*Dialog*/
.sapMDialog.sapUiPopupWithPadding:not(.sapUiNoContentPadding) .sapMDialogScrollCont {
    padding: 0rem !important;
}

/*สำหรับ label*/
.sapUiFormElementLbl {
    padding-right: 4px !important;
    padding-left: 0 !important;
}

/*สำหรับ * ตรง label ที่เป็น required*/
.sapMLabel.sapMLabelRequired .sapMLabelColonAndRequired:after {
    color: red !important;
    right: 10px !important;
}

/*แก้ปัญาปุ่มมาทางซ้าย*/
.sapMTBSpacer {
    display: block !important;
}

.sapMDialog > .sapMDialogSection {
    text-align: center;
}

.sapMTB.sapMTBNoBorders {
    /*background: #f7f7f7;*/
}

.sapMPopoverHeader .sapMBarMiddle > .sapMBarPH {
    background: #ef1b22 linear-gradient( 90deg,#ef1b22,#f46064) 0 0;
}

.sapMNav {
    display: contents;
}
/*End Dialog*/
/*Type Button*/

.sapMBtnAccept {
    background-image: none;
    background-color: #ef1b22 !important;
    border-color: #ef1b22 !important;
    color: #fff;
    text-shadow: none;
}

.sapMFooter-CTX span.sapMBtnInner {
    color: #fff;
}

    /*popupbutton*/
    .sapMFooter-CTX span.sapMBtnInner:hover {
    }

.orangeButton {
    background: #d14900;
    border-color: #d14900;
}

/*End Type Button*/
/*TabBar-menu*/
#iConTabBar--header-scrollContainerInner, #productTabBar--header-scrollContainerInner {
    padding-right: 0;
    padding-left: 0;
    background: #f46064 !important;
}

.sapMITBTextOnly .sapMITBFilterDefault.sapMITBSelected > .sapMITBText {
    color: #ef1b22 !important;
    background-color: white;
    width: 100%;
    height: 1.4rem;
    text-align: center;
    font-size: 1rem;
    border-radius: 6px;
}

.sapUiMedia-Std-Tablet .sapMITHWrapper, .sapUiMedia-Std-Desktop .sapMITHWrapper, .sapUiMedia-Std-Phone .sapMITHWrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sapMITH.sapUiSizeCompact .sapMITBInLine.sapMITBTextOnly > .sapMITBVertical.sapMITBFilter > .sapMITBText {
    margin: 0px 0px 0.25rem 10px !important;
}

.sapMITBContent {
    padding: 0rem;
}

.sapMITBTextOnly .sapMITBFilterDefault > .sapMITBText {
    color: white;
    margin-top: 0px;
    text-shadow: none;
    width: 100%;
    height: 1.4rem;
    text-align: center;
    font-size: 1rem;
}

.sapMITBHorizontalWrapper {
    height: 100% !important;
}

/*tabIconBar*/


/**/
#scrollToTopButton {
    /*display: none;*/
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}

/*timepicker*/
.sapMTimePickerItem {
    color: black !important;
}

/**/

/*Phonebook start*/
.roundButton span {
    border-radius: 50% !important;
}

.profileImg {
    border: 1px solid black;
}

.storeImg {
    /*position: sticky;*/
    /*left: 36%;*/
    border: 1px solid black;
}

.Cust_cvcode {
    padding: 0px !important;
    min-height: 1rem !important;
}

.editNameBtn {
    position: absolute;
    width: 2.4rem !important;
    right: 10px;
    top: 120px;
}

    .editNameBtn > span img {
        height: 2.4rem !important;
        width: 2.4rem !important;
    }

.addstoreBtn {
    position: absolute;
    width: 3.1rem !important;
    height: 3.1rem !important;
    right: 10px;
    top: 5px;
}

    .addstoreBtn span {
        width: 3.1rem !important;
        height: 3.1rem !important;
    }

    .addstoreBtn img {
        height: 3.1rem !important;
        width: 3.1rem !important;
        min-height: 3.1rem !important;
        min-width: 3.1rem !important;
    }

.addprofileImg span, .addstoreImg span {
    max-width: 1.8rem !important;
    max-height: 1.8rem !important;
    min-width: 1.8rem !important;
    min-height: 1.8rem !important;
}

.addprofileImg img, .addstoreImg img {
    height: 1.8rem !important;
    width: 1.8rem !important;
}

/*for finance menu*/
.paddingLeftAndRight0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.paddingLeft0 {
    padding-left: 0 !important;
}

.paddingLeftAndMarginLeft0 {
    /*padding-left: 0 !important;*/
    margin-left: 0 !important;
}

.hideBox {
    display: none !important;
}

.paddingAll0 {
    padding: 0 !important;
}

/*for finance menu*/

/*width < 480px*/
@media (max-width: 480px) {

    .editNameBtntxt {
        position: absolute;
        left: 85%;
        top: 150px;
        font-size: 10px;
    }

    .addstoreBtntxt {
        position: absolute;
        left: 85%;
        top: 50px;
        font-size: 11px;
    }

    .addprofileImg, .addstoreImg {
        position: absolute;
        width: 1.8rem !important;
        height: 1.8rem !important;
        top: 85px;
        left: 60%;
        z-index: 1;
    }
}

@media (min-width: 480px) and (max-width: 620px) {
    .editNameBtntxt {
        position: absolute;
        left: 88%;
        top: 150px;
        font-size: 10px;
    }

    .addstoreBtntxt {
        position: absolute;
        left: 88%;
        top: 50px;
        font-size: 11px;
    }

    .addprofileImg, .addstoreImg {
        position: absolute;
        width: 1.8rem !important;
        height: 1.8rem !important;
        top: 85px;
        left: 58%;
        z-index: 1;
    }
}

@media (min-width: 620px) and (max-width: 760px) {
    .editNameBtntxt {
        position: absolute;
        left: 91%;
        top: 150px;
        font-size: 10px;
    }

    .addstoreBtntxt {
        position: absolute;
        left: 91%;
        top: 50px;
        font-size: 11px;
    }

    .addprofileImg, .addstoreImg {
        position: absolute;
        width: 1.8rem !important;
        height: 1.8rem !important;
        top: 85px;
        left: 57%;
        z-index: 1;
    }
}

@media (min-width: 760px) and (max-width: 960px) {
    .editNameBtntxt {
        position: absolute;
        left: 93%;
        top: 150px;
        font-size: 10px;
    }

    .addstoreBtntxt {
        position: absolute;
        left: 93%;
        top: 50px;
        font-size: 11px;
    }

    .addprofileImg, .addstoreImg {
        position: absolute;
        width: 1.8rem !important;
        height: 1.8rem !important;
        top: 85px;
        left: 56%;
        z-index: 1;
    }
}

@media (min-width: 960px) and (max-width: 1200px) {
    .editNameBtntxt {
        position: absolute;
        left: 94%;
        top: 150px;
        font-size: 10px;
    }

    .addstoreBtntxt {
        position: absolute;
        left: 94%;
        top: 50px;
        font-size: 11px;
    }

    .addprofileImg, .addstoreImg {
        position: absolute;
        width: 1.8rem !important;
        height: 1.8rem !important;
        top: 85px;
        left: 55%;
        z-index: 1;
    }
}

@media (min-width: 1200px) {
    .editNameBtntxt {
        position: absolute;
        left: 95%;
        top: 150px;
        font-size: 10px;
    }

    .addstoreBtntxt {
        position: absolute;
        left: 95%;
        top: 50px;
        font-size: 11px;
    }

    .addprofileImg, .addstoreImg {
        position: absolute;
        width: 1.8rem !important;
        height: 1.8rem !important;
        top: 85px;
        left: 54%;
        z-index: 1;
    }
}



/*Phonebook end*/

/*for Lead menu*/

.fontSizeLarge {
    font-size: large !important;
}

/*for Lead menu*/


/*Start Customer Insight*/

@font-face {
    font-family: Lotuss Smart HL;
    /*src: url('Font/Lotus/LotussSmartHL-Light.ttf');*/
    src: url('Font/Lotus/LotussSmartHL-Regular.ttf');
}

@font-face {
    font-family: SAP-icons;
    /*src: url('Font/Lotus/LotussSmartHL-Light.ttf');*/
    src: url('Font/SAP-icons.ttf');
}

.HeadProductGroup {
    border: 2px solid black;
    border-color: #1e5957;
    color: #1e5957;
    padding: 10px;
    border-radius: 15px;
    text-align: center !important;
    height: auto !important;
    width: auto !important;
    padding-top: 7.5px;
}

.custIn_restaurant {
    border: 2px solid black;
    border-color: #1e5957;
    color: #1e5957;
    padding: 10px;
    border-radius: 15px;
    text-align: center !important;
    width: 90px !important;
    height: 40px;
    padding-top: 7.5px;
}

.custIn_hotel {
    border: 2px solid black;
    border-color: #1e5957;
    color: #1e5957;
    padding: 10px;
    border-radius: 15px;
    text-align: center !important;
    width: 80px !important;
    height: 40px;
    padding-top: 7.5px;
}

.custIn_school {
    border: 2px solid black;
    border-color: #1e5957;
    color: #1e5957;
    padding: 10px;
    border-radius: 15px;
    text-align: center !important;
    width: 90px !important;
    height: 40px;
    padding-top: 7.5px;
}

.custIn_hospital {
    border: 2px solid black;
    border-color: #1e5957;
    color: #1e5957;
    padding: 10px;
    border-radius: 15px;
    text-align: center !important;
    width: 90px !important;
    height: 40px;
    padding-top: 7.5px;
}

#SubmitButton, #SubmitCustInProductButton {
    width: 76px !important;
    font-weight: bold;
    float: right;
}

#SubmitButton-content {
    font-size: 18px;
}

#EditSuppliersButton {
    width: 85px !important;
    float: right;
}


#DeleteSuppliersButton .sapMBtnReject {
    width: 40px !important;
    float: right;
    border-color: #00BCB4 !important;
    background-color: #edf5fc !important;
    border-radius: 8px !important;
    color: #00BCB4 !important;
}

#DeleteSuppliersButton-img {
    color: #00BCB4 !important;
}

.ccm {
}

    .ccm > div > div > div {
        float: right;
    }

/*.ccm > div > div > div > div.sapUiRespGridSpanL4.sapUiRespGridSpanM4.sapUiRespGridSpanS4.sapUiRespGridSpanXL4 {
            width: 45px;
        }*/

#AddProductsButton .sapMBtnAccept {
    border: 2px solid #00BCB4;
    background-color: #f3fbfd !important;
    border-radius: 8px !important;
    color: #00BCB4 !important;
    width: 125px;
    float: right;
}

#AddProductsButton-img {
    color: #00BCB4 !important;
}

#AddProductsButton:hover #AddProductsButton-BDI-content {
    color: #00BCB4 !important;
}

#AddProductButton, #AddProductsButton {
    width: 165px !important;
    height: 40px;
    float: right;
}

#AddProductButton-content {
    font-size: 18px;
}

#AddProductButton-content {
    font-size: 18px;
}
/*    #AddProductButton-content::before {
        content: "+ ";
        padding-right: 7px;
        font-size: 25px;
        font-weight: normal;
    }*/

.head-table-product {
    background: #F3FBFD;
    padding-left: 10px;
    padding-right: 10px;
}

.btnsIcon > span > span.sapMBtnContent {
    font-family: Lotuss Smart HL !important;
    font-style: normal;
}

.btnsIcon > span > span.sapUiIcon {
    font-size: 0.99rem;
    font-family: "Prompt", "SAP\2dicons" !important;
}

.textLeft {
    text-align: left !important;
}

.paddingTop15 {
    padding-top: 15 !important;
}

div[id*="quotationRefId"] {
    text-align: left !important;
}


.text-bold {
    font-weight: bold !important;
}

.text-bold-head {
    font-weight: bold !important;
    font-size: 18px;
}

.ViewProductAll {
    font-family: Lotuss Smart HL !important;
    font-size: 18px;
    color: #00BCB4 !important;
    text-align: right !important;
    float: right !important;
    background-color: white !important;
    text-decoration: none;
}

    .ViewProductAll:hover {
        text-decoration: none !important;
    }

    .ViewProductAll:active {
        text-decoration: none !important;
    }

.custInHearder {
    background-color: #f3fbfd;
    border-bottom: 0px solid;
    /*box-shadow: 0px 1px 2px 0px #cbd2e2;*/
}

.custInHearderNoFont {
    background-color: #f3fbfd;
    border-bottom: 0px solid;
    /*box-shadow: 0px 1px 2px 0px #cbd2e2;*/
}

#searchLeadInput-I, #TypeLead-inner, #searchCvInput-I, #TypeCv-inner {
    font-family: Lotuss Smart HL;
    font-style: normal;
}

.bgWhite {
    background-color: white;
    margin-top: 5px;
}

.fontlotus {
    font-family: Lotuss Smart HL !important;
}

.custInBodyBG_white {
    background-color: white;
    margin-top: 5px;
}

    .custInBodyBG_white span, .custInHearder span {
        font-family: Lotuss Smart HL !important;
    }

.custInBodyBG_whiteNoFont {
    background-color: #f3fbfd !important;
}

.sapMColumnHeader {
    padding: 0 !important;
}

.custInBodyBG_whiteNoFont .sapMListTblHeader {
    background: #F3FBFD !important;
}

.colorBlack > span > bdi {
    color: black !important;
}

.btn-right {
    float: right;
}

    .btn-right .sapMBtnContent {
        font-family: Lotuss Smart HL;
        font-size: 16px;
    }

    .btn-right .sapMBtnAccept {
        border-color: #00BCB4 !important;
        background-color: #00BCB4 !important;
        width: 95px !important;
        height: 28px !important;
        border-radius: 8px !important;
        float: right;
        bottom: 13px;
    }

        .btn-right .sapMBtnAccept .sapMBtnContent {
            line-height: 1.6rem !important;
        }

#crm_cancel .sapMBtnReject {
    border-color: #00BCB4 !important;
    background-color: white !important;
    border-radius: 8px !important;
    color: #00BCB4 !important;
}

#crm_cancel:hover #crm_cancel-BDI-content {
    color: #00BCB4 !important;
}

#crm_text {
    padding-top: 20px;
}

.list-cv-card {
    border: 2px solid black;
    border-color: white;
    background-color: white;
    padding: 10px 10px 0 10px;
    border-radius: 15px;
    text-align: center;
}

.border-color-red > div {
    border-color: red !important;
}

/*.list-cv-card div > div > div > div.sapUiRespGridSpanL12.sapUiRespGridSpanM12.sapUiRespGridSpanS12.sapUiRespGridSpanXL12 {
        height: 40px;
    }

    .list-cv-card div > div > div > div.sapUiRespGridBreak.sapUiRespGridSpanL12.sapUiRespGridSpanM12.sapUiRespGridSpanS12.sapUiRespGridSpanXL12 {
        height: 30px;
    }*/

#cvcards, #leadcards {
    min-height: 100%;
}

#cvcards--Layout .sapUiRespGrid, #leadcards--Layout .sapUiRespGrid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.cv-card-label-text {
    color: #00716C;
    font-family: Lotuss Smart HL;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    padding-top: 4px;
}

.cv-card-text {
    font-family: Lotuss Smart HL;
    font-size: 14px;
    font-weight: bold;
}

.cv-card-new {
    border: 1px solid #ecf1b5;
    background-color: #ecf1b5;
    color: #889126;
    padding: 5px;
    border-radius: 10px;
    text-align: center !important;
    font-family: Lotuss Smart HL !important;
    width: 70px !important;
    height: 24px;
    float: left;
    padding-top: 1px;
}

.cv-card-contanct {
    border: 1px solid #dbf1f7;
    background-color: #dbf1f7;
    color: #537f8a;
    padding: 5px;
    border-radius: 10px;
    text-align: center !important;
    font-family: Lotuss Smart HL !important;
    width: 70px !important;
    height: 24px;
    float: left;
    padding-top: 1px;
}

.cv-card-document {
    border: 1px solid #d9e2f2;
    background-color: #d9e2f2;
    color: #002463;
    padding: 5px;
    border-radius: 10px;
    text-align: center !important;
    font-family: Lotuss Smart HL !important;
    width: 90px !important;
    height: 24px;
    float: left;
    padding-top: 1px;
}

.cv-card-cvcode {
    border: 1px solid #fef0de;
    background-color: #fef0de;
    color: #ee9926;
    padding: 5px;
    border-radius: 10px;
    text-align: center !important;
    font-family: Lotuss Smart HL !important;
    width: 90px !important;
    height: 24px;
    float: left;
    padding-top: 1px;
}

.reason-text {
    font-size: 12px;
    color: #595959;
}

#ReasonSupplierNameInput-content.sapMInputBaseDisabledWrapper, #ReasonSupplierNameInput2-content.sapMInputBaseDisabledWrapper, #NUMBER_ORDER_PER_MONTH_Input-content.sapMInputBaseDisabledWrapper, #ProductUMOther-content.sapMInputBaseDisabledWrapper {
    background: #F0F0F0 !important;
}

#TypeLead-content, #TypeCv-content, #NUMBER_BRANCH_Input-content, #NUMBER_SEAT_Input-content,
#CloseTimeInput0-content, #CloseTimeInput1-content, #CloseTimeInput2-content, #CloseTimeInput3-content,
#CloseTimeInput4-content, #CloseTimeInput5-content, #CloseTimeInput6-content, #CloseTimeInput7-content,
#SALES_PER_DAY_Input-content, #NUMBER_RESTAURANT_Input-content,
#ProductGroup-content, #ProductBarcodeInput-content, #ProductNameInput-content, #ProductBrandInput-content,
#ProductPackSizeInput-content, #SupplierType-content, #SupplierNameInput-content, #ReasonSupplierNameInput-content,
#ProductUM-content, #ReasonSupplierNameInput-content, #NUMBER_VOLUME_PER_MONTH_Input-content, #NUMBER_UNIT_AMOUNT_Input-content,
#NUMBER_ORDER_PER_MONTH_Input-content, #FREQUENCY_ORDER-content, #ReasonSupplierNameInput2-content,
#etcFRAInput-content, #etcFRBInput-content, #etcFRCInput-content, #etcFRDInput-content, #etcFREInput-content, #ProductUMOther-content {
    border: 1px solid #bfbfbf;
    background: #fff;
    border-radius: 8px;
}

.NUMBER_BRANCH_Input-content {
    border: 1px solid #bfbfbf;
    background: #fff;
    border-radius: 8px !important;
}

/*checkbok */
.sapMCbBg:hover {
    background-color: #00BCB4;
    border: solid 0.125rem #00BCB4;
}

.sapMCbMarkChecked {
    background-color: #00BCB4;
    border: solid 0.125rem #00BCB4;
}

.sapMCbBg.sapMCbMarkChecked:before {
    color: white;
}

.sapMRbSel .sapMRbBInn {
    fill: #bc0000;
}

.sapMRbSel .sapMRbBOut {
    stroke: #f24a4f !important;
}

/*TAB*/
#selectLead-text, #selectCV-text {
    color: #00BCB4;
    text-align: center !important;
}

#selectLead .sapMITBContentArrow {
    margin-left: -50%;
}

#selectCv .sapMITBContentArrow {
    margin-right: -50%;
    margin-left: -32px;
}

.sapMITBSelected .sapMITBContentArrow {
    border-bottom-color: #cc1919 !important;
}

#taskTabBarCustIn--header-head {
    width: 71%;
}

    #taskTabBarCustIn--header-head > div {
        width: 50%;
        font-family: Lotuss Smart HL;
        font-size: 18px;
        line-height: 24px;
    }

        #taskTabBarCustIn--header-head > div #selectLead-text {
            width: 50%;
        }

        #taskTabBarCustIn--header-head > div #selectCv-text {
            width: 50%;
            margin-left: 28% !important;
        }

#head_lead, #head_cv {
    padding-bottom: 8px;
}

#TypeLead-popup-list-listUl table.sapMListTbl tbody tr:nth-child(even), ul li:nth-child(even) {
    background-color: white !important;
}

#TypeLead-popup-list .sapMLIB.sapMLIBSelected, #TypeCv-popup-list .sapMLIB.sapMLIBSelected {
    background: #e6f8f8 !important;
}

    #TypeLead-popup-list .sapMLIB.sapMLIBSelected .sapMSLITitleOnly, #TypeCv-popup-list .sapMLIB.sapMLIBSelected .sapMSLITitleOnly {
        color: #00bcb4;
    }

#TypeLead-popup-list .sapMLIB:hover .sapMSLITitleOnly, #TypeCv-popup-list .sapMLIB:hover .sapMSLITitleOnly {
    color: #00bcb4;
}

#TypeLead-popup-list-listUl table.sapMListTbl tbody tr:hover, ul li:hover {
    background-color: #e6f8f8 !important;
}

#ProductsTable-tblHeader, #SupplierTable-tblHeader {
    display: none !important;
}

.dev-border {
    /* border: 1px solid #f7f7f7;*/
}

.dev-subhead {
    background-color: #FAFAFA !important;
    padding: 10px 10px 10px 10px;
}

div.hideTableHead > table > thead {
    display: none;
}

input::placeholder {
    font-style: normal !important;
}

.heightInput {
    height: 1.5rem !important;
}

.req:after {
    content: " *";
    color: red;
}

.pullRight {
    float: right !important;
}

/*.sapUiRespGridSpanL2.sapUiRespGridSpanM2.sapUiRespGridSpanS2.sapUiRespGridSpanXL2 {
    float: right !important;
}*/

.sapUiFormContainerToolbar > div:first-child {
    /* margin-bottom: -10px; */
    /* padding-top: 20px; */
}

.sapUiFormContainerToolbar > .sapMTB {
    border-bottom: none;
    padding: 0;
    height: 30px;
}

.comfirmBox {
    border-radius: 15px;
}

.colorHint {
    color: #00bcb4;
}

#ViewDetailsButton1, #ViewDetailsButton2, #ViewDetailsButton3 {
    font-family: SAP-icons;
}

    #ViewDetailsButton1 .sapMBtnReject, #ViewDetailsButton2 .sapMBtnReject, #ViewDetailsButton3 .sapMBtnReject {
        float: right;
        border-color: white !important;
        background-color: white !important;
        border-radius: 8px !important;
        color: #00BCB4 !important;
    }

#ViewDetailsButton1-img, #ViewDetailsButton2-img, #ViewDetailsButton3-img {
    color: #00BCB4 !important;
}

#ViewDetailsButton1-BDI-content, #ViewDetailsButton2-BDI-content, #ViewDetailsButton3-BDI-content {
    font-family: Lotuss Smart HL !important;
    font-style: normal;
}

#ViewDetailsButton1:hover #ViewDetailsButton1-BDI-content, #ViewDetailsButton2:hover #ViewDetailsButton2-BDI-content, #ViewDetailsButton3:hover #ViewDetailsButton3-BDI-content {
    color: #00BCB4 !important;
}

.SupplierPanel > header {
    background: #F3FBFD;
    border-radius: 10px;
}

    .SupplierPanel > header > span, .SupplierPanel > header > div > div > span {
        color: #00BCB4;
    }

/*#SupplierDetail {
    border-radius: 10px;
}*/

.hideTableHead > table.sapMListTbl tbody tr:nth-child(even), ul li:nth-child(even) {
    background: white !important;
}

#div_btn {
    position: fixed;
    bottom: 0px;
    background-color: white;
    margin-top: 10px;
    margin-right: 10px
}

#before_btn {
    padding-bottom: 80px;
}

.PageCustomerInsight > section.sapMPageEnableScrolling {
    will-change: opacity;
}

#createFormHeader {
    position: fixed;
    top: 0;
    padding-top: 50px;
    z-index: 9;
}

#CreateForm {
    padding-top: 80px;
}

.paddingCustomerInsight {
    padding-top: 110px !important;
}
/* End Customer Insight*/
/*
        .sapMITBContentArrow {
            width: 2.5rem !important;
        }

        .sapMITH.sapUiSizeCompact .sapMITBFilterIcon {
            height: 2.5rem !important;
            width: 2.5rem !important;
            border: none !important;
        }

        .sapMITH.sapUiSizeCompact .sapMITBFilter {
            padding: 0;
        }

       

        .sapMITBNoText .sapMITBFilter > .sapMITBTab {
            margin: 0 0.5rem;
        }

        .sapMITBHead.sapMITBNoText {
            margin-top: 0px !important;
        }

        .sapMITBTextOnly .sapMITBFilterDefault > .sapMITBText {
            color: white;
            margin-top: 0px;
            margin-bottom: 0px;
            text-shadow: none;
            width: 100%;
            height: 1.4rem;
            text-align: center;
            font-size: 1rem;
        }

       

        .sapMITBText {
            color: white !important;
            text-shadow: none !important;
        }

        .sapUiMedia-Std-Tablet .sapMITHWrapper, .sapUiMedia-Std-Desktop .sapMITHWrapper, .sapUiMedia-Std-Phone .sapMITHWrapper {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .sapUiBlockLayoutSizeM .sapUiBlockCellContent, .sapUiBlockLayoutSizeL .sapUiBlockCellContent, .sapUiBlockLayoutSizeXL .sapUiBlockCellContent, .sapUiBlockHorizontalCell .sapUiBlockLayoutCell {
            padding: .25rem;
        }

        html.sap-phone .sapMITBContent, .sapMITBContent, .sapMITBContainerContent {
            height: 0rem;
            background-color: #fbfdfe00;
        }

        .fontsize {
            font-size: 20px !important;
        }

        .OrangeText {
            color: #ff6a00;
        }

        .BlueText {
            color: #0e6dcc;
        }

        .boldFont {
            font-weight: bold;
        }

        .sapMIBar-CTX.sapMFooter-CTX.sapMPageFooter.sapMTB {
            text-shadow: none;
        }

        .sapMIBar.sapMTB .sapMBarChild {
            padding-top: 0px;
            padding-bottom: 0px;
            margin-right: 0px;
        }

        .navPageShow {
            background-color: transparent;
        }

        .sapMListTblSubCntSpr {
            padding-bottom: 4rem;
        }

         .redrow {
            background-color: #0b6201;
        }

        .imglogon {
            padding: 0.5rem;
            padding-top: 0px;
        }

        .logonpage {
            padding: 0px;
            background-color: rgba(203,45,48,0.8);
        }

        .divlogonheader {
            margin-top: 0.5rem;
            width: 100%;
            text-align: center;
        }

         .tapInfoemation.sapMBar.sapMBar-CTX.sapMContent-CTX.sapMHeader-CTX.sapMIBar.sapMIBar-CTX.sapMPageHeader {
            background-color: red;
        }

        html.sap-phone .sapMITB .sapMITBHead {
            margin-top: 0px;
        }

        .sapMITBHead {
            margin-top: 0px;
        }

         .greenText {
            color: green !important;
        }

        .blackText {
            font-weight: bold;
            color: black !important;
        }

        .setCenter {
            padding-top: .3rem;
        }

        .greenBG {
            background-color: lightgreen;
            border: white;
            border-style: solid;
        }

        .redBG {
            background-color: red;
            border: white;
            border-style: solid;
        }

        .orangeBG {
            background-color: orange;
            border: white;
            border-style: solid;
        }

        .whiteBG {
            background-color: white;
            border: white;
            border-style: solid;
        }

        .grayBG {
            background-color: gray;
            border: white;
            border-style: solid;
        }

        .yellowBG {
            background-color: yellow !important;
            border: white;
            border-style: solid;
        }

        .whiteColor {
            color: white !important;
        }

         .wrap {
            width: 100%;
            height: 100%;

            align-items: center;
            background: url(Image/Home_Page_Smart_One_Mobile.jpg);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .wrap2 {
            width: 100%;
            height: 100%;
            align-items: center;
            background: url(Image/Home_Page_Smart_One.jpg);
            background-repeat: no-repeat;
            background-size: 100% 100%;
        }

        .greenBar {
            background-color: #0b6201;
        }

        .blueBar {
            background-color: #2c5db9 !important;
        }

        .sapMListTblSelCol {
            width: 2rem !important;
        }

        .paddingForColumnImage {
            text-align-last: center;
        }

        .heightDropBox {
            height: 1.5rem !important;
        }

        .largeDropBox {
            height: 2rem !important;
        }

        .smallfont {
            font-size: small !important;
        }

        .largeFont {
            font-size: x-large !important;
        }

        .sapMTB.sapMTBNoBorders {
            background: #0b6201;
        }

        .centerBFont {
            font-weight: bold;
            text-align: center !important;
            color: black !important;
        }

        .padding1 {
            padding: 1.5rem !important;
        }


        .sapUiRespGridOverflowHidden {
            margin-top: 0px !important;
        }

        .sapUiRespGridSpanL12.sapUiRespGridSpanM12.sapUiRespGridSpanS12.sapUiRespGridSpanXL12 {
            text-align: center;
        }

        */