.side-navigation-demo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 15rem;
}

.loginPageBackGroundColor {
    background-color: #f2f2f2 !important;
}

.textalign {
    text-align-last: right;
    -webkit-text-fill-color: red;
    line-height: 0.02rem !important;
    margin-top: -18px !important;
}

.textalignleft {
    text-align-last: left;
    -webkit-text-fill-color: red;
    line-height: 0.02rem !important;
    margin-top: -18px !important;
}

.loginbutton .sapMBtnInner {
    color: #fff !important;
    background-color: #dc002e !important;
    border-color: #dc002e !important;
    width: 120px;
    height: 40px;
}

.search .sapMBtnInner {
    width: 140px !important;
    height: 35px !important;
    font: 14px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 500;

}

.advancedsearch .sapMBtnInner {
    color: #007bff !important;
    background-color: #fff !important;
    border-color: #fff !important;
    width: 190px;
    font-size: 0.9rem;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
    margin-top: 70px !important;
}

.sapMShellBrandingBar {
    background-color: white !important;
}

.sapContrast .sapMBtnTransparent {
    background-color: none !important;
    /* border-color: transparent; */
    /* color: #cae4fb; */
}

.sapTntToolPageMain {
    background-color: #F6F6F8 !important;
}

@media (min-width: 1280px) {
    html.sap-desktop .sapMShellLogo {
        margin-left: initial;
    }
    html.sap-desktop .sapMShellAppWidthLimited .sapMShellCentralBox {
        width: inherit !important;
        margin-left: initial !important;
        left: initial !important;
        background-color: white !important;
    }
}

.wrapper {
    width: 330px;
    font-family: "Helvetica";
    font-size: 14px;
    border: 1px solid #ccc;
}

.sapContrast.sapTntToolHeader.sapMTB {
    background-color: #ffffff !important;
    border-bottom: none !important;
    margin-left: -25px;
    /* margin-right: 0; */
}

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

.headerbutton .sapMBtnInner {
    color: #007bff !important;
}

.headerRightbutton .sapMBtnInner {
    color: #666666 !important;
}

.headerbutton .sapMBtnInner {
    font-size: 30px;
    font-family: Arial;
    height: 100px;
}

@font-face {
    font-family: "add";
    src: url("fonts/add.eot");
    src: url("fonts/add.eot?#iefix") format("embedded-opentype"), url("fonts/add.woff") format("woff"), url("fonts/add.ttf") format("truetype"), url("fonts/add.svg#add") format("svg");
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
}

[class*="icon-"]:before {
    display: inline-block;
    font-family: "add";
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-normal_u958:before {
    content: "\0049";
}


/* Generated by Glyphter (http://www.glyphter.com) on  Tue Jun 04 2019*/

@font-face {
    font-family: "Glyphter";
    src: url("fonts/Glyphter.eot");
    src: url("fonts/Glyphter.eot?#iefix") format("embedded-opentype"), url("fonts/Glyphter.woff") format("woff"), url("fonts/Glyphter.ttf") format("truetype"), url("fonts/Glyphter.svg#Glyphter") format("svg");
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
}

[class*="icon-"]:before {
    display: inline-block;
    font-family: "Glyphter";
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-normal_u3:before {
    content: "\0042";
}

.icon-normal_u4:before {
    content: "\0043";
}

.icon-normal_u2:before {
    content: "\0044";
}

@font-face {
    font-family: "user-management";
    src: url("fonts/user-management.eot");
    src: url("fonts/user-management.eot?#iefix") format("embedded-opentype"), url("fonts/user-management.woff") format("woff"), url("fonts/user-management.ttf") format("truetype"), url("fonts/user-management.svg#user-management") format("svg");
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "user-management";
    display: inline-block;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-settings:before {
    content: "\e800";
}

.sapContrast .sapTntNavLIGroup {
    border-bottom: transparent !important;
}

.sapTntToolHeader.sapMTB,
.sapTntToolPageHeader {
    height: 4.5rem !important;
}

.sapContrast.sapTntSideNavigation,
.sapContrast .sapTntSideNavigation {
    background: #fff !important;
    border-right: 1px solid transparent !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}


/* .sapTntSideNavigation {
width: 16rem !important;
}
.sapTntSideNavigation.sapTntSideNavigationNotExpandedWidth {
width: 4rem !important;
} */

.timeline {
    list-style: none;
    margin: 45px -7px 22px;
    padding: 0;
    position: relative;
}

.timeline-horizontal:after {
    border-top-width: 6px;
    border-left-width: 13px;
    border-color: transparent transparent transparent #00637d;
    top: 15px;
    right: 0;
    bottom: auto;
    left: auto;
}

.timeline-horizontal .timeline-milestone {
    border-top: 2px solid #00637d;
    display: inline;
    float: left;
    margin: 20px 0 0 0;
    padding: 40px 0 0 0;
}

.timeline-horizontal .timeline-milestone:before {
    top: -17px;
    left: auto;
}

.timeline-horizontal .timeline-milestone.is-completed:after {
    top: -17px;
    left: 0;
}

.timeline-milestone {
    border-left: 2px solid orange;
    margin: -4px -44px 0px 20px;
    padding: 0 0 5px 25px;
    position: relative;
}

.timeline-end {
    border-left: 2px solid transparent;
    margin: 0 0 0 20px;
    padding: 0 0 5px 25px;
    position: relative;
}

.timeline-milestone:before {
    border: 7px solid orange;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    left: -17px;
    width: 32px;
    height: 32px;
}

.timeline-milestone.is-completed:before {
    background-color: orange;
}

.timeline-milestone.is-completed:after {
    color: #fff;
    content: "✔";
    display: block;
    font-family: "FontAwesome";
    line-height: 32px;
    position: absolute;
    top: 0;
    left: -17px;
    text-align: center;
    width: 32px;
    height: 32px;
}

.timeline-milestone.is-current:before {
    background-color: #eee;
}

.timeline-milestone.is-future:before {
    background-color: #8dacb8;
    border: 0;
}

.timeline-milestone.is-future .timeline-action .title {
    color: #8dacb8;
}

.timeline-action {
    background-color: #fff;
    padding: 12px 10px 12px 20px;
    position: relative;
    top: -5px;
}

.timeline-action.is-expandable .title {
    cursor: pointer;
    position: relative;
}

.timeline-action.is-expandable .title:focus {
    outline: 0;
    text-decoration: underline;
}

.timeline-action.is-expandable .title:after {
    border: 6px solid #666;
    border-color: transparent transparent transparent #666;
    content: "✔";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
}

.timeline-action.is-expandable .content {
    display: none;
}

.timeline-action.is-expandable.is-expanded .title:after {
    border-color: #666 transparent transparent transparent;
    top: 10px;
    right: 5px;
}

.timeline-action.is-expandable.is-expanded .content {
    display: block;
}

.timeline-action .title,
.timeline-action .content {
    word-wrap: break-word;
}

.timeline-action .title {
    color: #00637d;
    font-size: 18px;
    margin: 0;
}

.timeline-action .date {
    display: block;
    font-size: 14px;
    margin-bottom: 60px;
}

.timeline-action .content {
    font-size: 14px;
}

.file-list {
    line-height: 1.4;
    list-style: none;
    padding-left: 10px;
}

body {
    background-color: #eee;
    font-family: Helvetica, Arial, Verdana, sans-serif;
}


/* .page {
max-width: 1200px;
margin: 40px 30px;
} */

a {
    color: #00637d;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

.video-link:before {
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 5px;
}

a[href*=".pdf"]:before {
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 8px;
}

.sapMSlt,
.sapMSltLabel,
.sapMSltArrow {
    display: block;

}

.cancelbutton .sapMBtnInner {
    color: #666666 !important;
    background-color: #ffffff !important;
    border-color: #6c8b96 !important;
    width: 90px;
    height: 30px;
    text-shadow: none;
    font-weight: 600;
}

.nextbutton .sapMBtnInner {
    color: #fff !important;
    background-color: #377CF6 !important;
    border-color: #377CF6 !important;
    width: 90px;
    height: 30px;
    text-shadow: none;
    font-weight: 500;

}

.PreviewBtn .sapMBtnInner {
    color: #fff !important;
    background-color: #377CF6 !important;
    border-color: #377CF6 !important;
    width: 104px;
    height: 30px;
    text-shadow: none;
    font-weight: 500;
}

.nextbutton .sapMBtnContent,
.cancelbutton .sapMBtnContent,
.backbutton .sapMBtnContent,
.emailSettingTeamsbutton .sapMBtnContent,
.PreviewBtn .sapMBtnContent {
   line-height: 1.7rem !important;
}


/* Global CSS, you probably don't need that */

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

.progressbar .container {
    font-family: "Lato", sans-serif;
    width: 1000px;
    margin: 0 auto;
}

.wrapper {
    display: table-cell;
    height: 400px;
    vertical-align: middle;
}

.nav {
    margin-top: 40px;
}

.pull-right {
    float: right;
}

/* a,
a:active {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #999;
} */


/* Breadcrups CSS */

.arrow-steps .step {
    font: 14px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #666;
    cursor: default;
    margin: 0 1px;
    padding: 7px 5px 7px 5px;
    min-width: 326px;
    width: 32.2%;
    float: left;
    position: relative;
    background-color: lightgray;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.2s ease;
}


/* .sapUiFormLblColon .sapUiFormElementLbl>.sapMLabel {
padding-right: 0 !important;

} */

.arrow-steps .step:after,
.arrow-steps .step:before {
    content: " ";
    position: absolute;
    top: 0;
    right: -16px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid lightgray;
    z-index: 2;
    transition: border-color 0.2s ease;
}

.arrow-steps .step:before {
    right: auto;
    left: 0;
    border-left: 17px solid #fff;
    z-index: 0;
}

.arrow-steps .step:first-child:before {
    border: none;
}

.arrow-steps .step:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.arrow-steps .step span {
    position: relative;
}

.arrow-steps .step span:before {
    opacity: 0;
    content: "✔";
    position: absolute;
    top: -2px;
    left: -20px;
}

.arrow-steps .step.done span:before {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease 0.5s;
    -moz-transition: opacity 0.3s ease 0.5s;
    -ms-transition: opacity 0.3s ease 0.5s;
    transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current {
    color: #fff;
    background-color: #377CF6;
}

.arrow-steps .step.current:after {
    border-left: 17px solid #377CF6;
}

.formLabel.sapMLabel {
    color: #333333;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: text;
}

.pageheader.sapMLabel {
    color: #333333;
    font: 18px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 700;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: text;
}

.groundpin-color-1 {
    /* color:blue !important; */
    color: #0773b3 !important;
}

.groundpin-color-2 {
    /* color:green !important; */
    color: #5cb4e4 !important;
}

.groundpin-color-3 {
    /* color:#ed3327 !important; */
    color: #d36027 !important;
}

.groundpin-color-4 {
    color: black !important;
}

.groundpin-color-5 {
    color: #f1e545 !important;
}

.signal-color-1 {
    /* color:blue !important; */
    color: #0773b3 !important;
}

.signal-color-2 {
    /* color:green !important; */
    color: #5cb4e4 !important;
}

.signal-color-3 {
    /* color:red !important; */
    color: #d36027 !important;
}

.signal-color-4 {
    /* color:#54187a  !important; */
    color: #cc79a7 !important;
}

.signal-color-5 {
    /* color:yellow !important; */
    color: #f1e545 !important;
}

.signal-color-6 {
    color: black !important;
}

.groundpin-color-1 .sapMBtnIconLeft {
    /* color:blue !important; */
    color: #0773b3 !important;
}

.groundpin-color-2 .sapMBtnIconLeft {
    /* color:green !important; */
    color: #5cb4e4 !important;
}

.groundpin-color-3 .sapMBtnIconLeft {
    /* color:red !important; */
    color: #d36027 !important;
}

.groundpin-color-4 .sapMBtnIconLeft {
    color: black !important;
}

.groundpin-color-5 .sapMBtnIconLeft {
    color: #f1e545 !important;
}

.signalpin-color-1 .sapMBtnIconLeft {
    /* color:blue !important; */
    color: #0773b3 !important;
}

.signalpin-color-2 .sapMBtnIconLeft {
    /* color:green !important; */
    color: #5cb4e4 !important;
}

.signalpin-color-3 .sapMBtnIconLeft {
    /* color:red !important; */
    color: #d36027 !important;
}

.signalpin-color-4 .sapMBtnIconLeft {
    /* color:#54187a !important; */
    color: #cc79a7 !important;
}

.signalpin-color-5 .sapMBtnIconLeft {
    /* color:yellow !important; */
    color: #f1e545 !important;
}

.signalpin-color-6 .sapMBtnIconLeft {
    color: black !important;
    font-size: 18px;
}

@font-face {
    font-family: "icomoon";
    src: url("fonts/icomoon.eot?k7p11c");
    src: url("fonts/icomoon.eot?k7p11c#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?k7p11c") format("truetype"), url("fonts/icomoon.woff?k7p11c") format("woff"), url("fonts/icomoon.svg?k7p11c#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-groundpin-nopin:before {
    content: "\e901";
}

.icon-groundpin-blue:before {
    content: "\e902";
    color: #005bac;
}

.icon-groundpin-green:before {
    content: "\e903";
    color: #009a00;
}

.icon-groundpin-red:before {
    content: "\e904";
    color: #ed3327;
}

.icon-groundpin-yellow:before {
    content: "\e904";
    color: #ffd800;
}

.icon-signalpin-nopin:before {
    content: "\e900";
}

.icon-signalpin-blue:before {
    content: "\e905";
    color: #047fbf;
}

.icon-signalpin-green:before {
    content: "\e906";
    color: #009a00;
}

.icon-signalpin-red:before {
    content: "\e907";
    color: #ed3327;
}

.icon-signalpin-perple:before {
    content: "\e908";
    color: #54187a;
}

.icon-signalpin-yellow:before {
    content: "\e909";
    color: #ffd800;
}

.icon-noshield:before {
    content: "\e900";
}

.icon-hundredohmshield:before {
    content: "\e907";
    color: #ed3327;
}

.icon-eightyfiveohmshield:before {
    content: "\e906";
    color: #009a00;
}

.reviewpg .sapUiFormEdit .sapMText {
    display: block;
    min-height: 0rem !important;
    line-height: 1.5rem !important;
    color: #333333;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding-bottom: 0rem;
}

/* .sap-desktop .sapTntToolPageAsideCollapsed>.sapTntToolPageAside,
.sap-tablet .sapTntToolPageAsideCollapsed>.sapTntToolPageAside {
    width: 4rem !important;
} */

.sapTntSideNavigation.sapTntSideNavigationNotExpandedWidth {
    width: 4rem !important;
}

.sap-desktop .sapTntToolPageAside,
.sap-tablet .sapTntToolPageAside {
    width: 0rem !important;
}

.sapTntSideNavigation {
    width: 13.5rem !important;
    /* width: 17rem !important; */
}

/* .sap-desktop .sapTntToolPageAsideCollapsed>.sapTntToolPageAside+.sapTntToolPageMain,
.sap-tablet .sapTntToolPageAsideCollapsed>.sapTntToolPageAside+.sapTntToolPageMain {
    padding-left: 6rem !important;
} */

/* .container-fluid {
    padding-right: 3rem;
} */

.pt-m {
    padding-top: 0.15rem !important;
    /*padding-bottom: 0.75rem !important;*/
}


/* .shadow{
box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
} */

.shadow {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, -0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
    /* margin-left: 10px !important; */
}

.printshadow {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, -0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
    margin-left: 20px !important;
}

.cancelbutton {
    margin-right: 0.5rem !important;
}

.background {
    padding: 30px 90px;
}

.b-mt {
    margin-top: 15px !important;
}

.margin {
    margin-top: 1rem;
}

.cursor {
    cursor: pointer !important;
    text-align: center !important;
    color: #007bff !important;
}

.textAlign {
    text-align: center;
}

/* .sapMInputBaseHeightMargin {
    margin: 0.115rem 0 !important;
} */

.sapMCb {
    padding: 0 0 0 5rem !important;
}

.nopadding {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
}


/* .chkbox{
  padding-right:10px !important;
} */


.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanS12),
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanM12),
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanL12),
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) {
    padding-top: 0.7rem !important;
    text-align-last: end !important;
}

.reviewpg .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanL12),
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) {
    text-align-last: right !important;
}

.confgpg .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanL12),
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) {
    text-align-last: center !important;
}

.sapMSlt {
    height: 29px !important;
    margin: 0.2rem 0 0.2rem 0 !important;
    border-radius: 5px !important;
}

.sapMBtnInner .sapMBtnIcon.sapMImg {
    height: 1.6rem !important;
    margin-right: -42px !important;
    margin-top: 4px !important;
}

.sapContrast.sapMBtnInner,
.sapContrast .sapMBtnInner :active {
    background-color: transparent !important;
    border: transparent !important;
}

.sapContrast.sapMBtnInner,
.sapContrast .sapMBtnInner:hover {
    background-color: transparent !important;
    border: transparent !important;
}

.session {
    width: 103%;
    margin-left: -18px;
    margin-top: 4px;
}

.pin {
    margin-top: -6px;
}

.sapMSltMinWidth {
    min-width: 9.8rem !important;
}

.product .sapMLabel {
    margin-bottom: -18px !important;
}

.product .sapUiVltCell {
    margin-bottom: 10px !important;
}

.text-primary {
    font-family: "Arial Black", "Arial";
    font-weight: 900;
    color: #0079c2;
    text-align: center;
    line-height: normal;
}

.shadowview .shadow-sm {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.reviewpg .sapUiFormEdit .sapMText {
    padding-top: 0rem !important;
}

.sapMListTblHeader>.sapMTableTH {
    background: #e5e5e5 !important;
}


/*.sapMListTbl {

  margin-left: 46px !important;
}*/

.pins p {
    margin-bottom: 0px;
}

.pins .sapMBtn {
    margin-left: -9px !important;
}

/* .sapUiSimpleForm {
    margin-left: -11px !important;
} */


/* .sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0>.sapUiRespGridSpanL1 {
  width: 12.33333333% !important;
}

.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0>.sapUiRespGridSpanXL1 {
  width: 12.33333333% !important;
} */

.customtable .sapMLIB.sapMListTblRow:nth-child(odd) {
    background-color: #fff !important;
}

.customtable .sapMLIB.sapMListTblRow:nth-child(even) {
    background-color: #ebebeb !important;
}

.customtable .sapMColumnHeader>span {
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    color: white !important;
    text-align: center !important;
    font-weight: 500;
}

.customtable .sapMColumnHeader {
    /* display: flex; */
    flex: 1 1 auto;
    padding: 0rem .5rem 0rem;
}

.customtable .sapMListTblHeader>.sapMTableTH {
    background-color: #377CF6 !important;
}

.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0>.sapUiRespGridSpanL8 {
    width: 100% !important;
}

.sap-desktop .sapMBtn:focus>.sapMFocusable {
    outline: 0px !important;
}

.confgpg .sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0>.sapUiRespGridSpanL2 {
    width: 9.667% !important;
}

.productsession .sapUiFormResGrid>div {
    padding: 0.45rem 0.75rem !important;
}

spaceup .sapUiIcon {
    padding: 5px;
}

.gete {
    padding: 5px;
    color: #007bff;
    /* position: relative; */
}

.geteEdit {
    padding: 5px;
    color: #007bff;
    position: relative;
}

.geteEdit::after {
    content: "Edit";
    color: #007bff;
    position: absolute;
    left: 4px;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    top: -14px;
    font-size: 12px;
    display: none;
}

.geteEdit:hover::after {
    display: block;
}

.geteChangeStatus {
    padding: 5px;
    color: #007bff;
    position: relative;
}

.geteChangeStatus::after {
    content: "Status";
    color: #007bff;
    position: absolute;
    left: 4px;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    top: -14px;
    font-size: 12px;
    display: none;
}

.geteChangeStatus:hover::after {
    display: block;
}

.geteUpdate {
    padding: 5px;
    color: #007bff;
    position: relative;
}

.geteUpdate::after {
    content: "Update";
    color: #007bff;
    position: absolute;
    right: 5px;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    top: -14px;
    font-size: 12px;
    display: none;
}

.geteUpdate:hover::after {
    display: block;
}

.spaceup1 .sapUiIcon {
    padding: 5px;
    /* //color: #707070; */
    color: #007bff;
}

.spaceup2 .sapUiIcon {
    padding: 5px;
    color: #007bff;
}

.spaceup3 .sapUiIcon {
    padding: 5px;
}

.confgpg .sapMBtnInner.sapMBtnText {
    padding-left: 0rem !important;
    padding-right: 2.62rem !important;
}

.confgpg .search .sapMBtnInner.sapMBtnText {
    padding-right: 0.2rem !important;
}

.viewpgcustom .sapMText {
    color: #007bff !important;
    font-size: 0.95rem !important;
}

.viewpgexception .sapMText {
    color: red !important;
    font-size: 0.95rem !important;
    font-family: "72", "72full", Arial, Helvetica, sans-serif !important;
}

.tableBorder .sapMListTbl {
    width: 40% !important;
    border: 3px solid rgba(242, 242, 242, 0.5) !important;
    margin: 0 auto;
}

.sapUiCal {
    padding: 0rem 0.5rem 0 0.5rem !important;
}


/* calender styles */

.sapUiCal:not(.sapUiCalInt) {
    width: 18rem !important;
    min-width: 18rem !important;
    height: 232px !important;
}

.sapUiCalMonthView .sapUiCalItem {
    width: 12.5% !important;
    height: 30px !important;
}

.sapUiCalItem,
.sapUiCalWeekNum {
    height: 2.2rem !important;
    line-height: 2.875rem;
    font-size: 0.875rem;
}

.sapUiCalItem,
.sapUiCalWeekNum {
    line-height: 1.875rem !important;
}

.sapUiCalItemNow>.sapUiCalItemText {
    line-height: 1.6875rem !important;
}


/* trial */

.confgpg .sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0>.sapUiRespGridSpanL3 {
    width: 16.66666667% !important;
}


/* .sapUiFormResGrid>div {
  padding: 0rem 0.75rem !important;
}  */

.content-top {
    padding-top: 0 !important;
}

.confg .sapUiFormResGrid>div {
    padding: 0rem 0.75rem;
}

/* .sapUiFormResGrid>div {
    padding: 0rem 0.15rem !important;
} */

.confgpg .sapMBtn:not(.sapMBtnDisabled) {
    margin-top: -2.3px !important;
}

.sapMLnk {
    color: #666666 !important;
    margin-top: 1rem !important;
    font-family: "72", "72full", Arial, Helvetica, sans-serif !important;
    font-size: 0.975rem !important;
}


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

  .tableBorder .sapMListTbl {
   
    margin-left: 100% !important;
}
} */

.sapMMessageDialog .sapMDialogScrollCont {
    background-color: #fff;
    text-align: center !important;
    padding: 0.5rem !important;
}

.sapMDialog .sapMDialogScrollCont>* {
    text-align: center !important;
    color: #000 !important;
}

.sapMBarPH {
    /* border-bottom: 1px solid #ebebeb; */
    background-color: #FFFFFF !important;
}

.sapMDialog>header.sapMDialogTitle .sapMTitle {
    color: white !important;
}

html.sap-desktop .sapMIBar.sapMFooter-CTX {
    background-color: #fff !important;
    border-top: 1px solid #ebebeb !important;
    display: flex !important;
}

.sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled),
html.sap-desktop .sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled) {
    border-color: transparent;
    color: #318CE7 !important;
    text-align: center !important;
    font-weight: bold;
}

.sapUiHLayout.sapUiContentPadding>.sapUiHLayoutChildWrapper:not(:last-child) {
    padding-right: 0.2rem !important;
}

.paginationButton .sapMBtnInner {
    color: #000 !important;
}


/* PRINT STYLES */

@media print {
    /* usage of !important hard overwrites, because UI5 uses inline style directives (style="width:990px")  */
    /* define print page default settings */
    @page {
        /* size: portrait; */
        /* margin: 1.5cm 1cm; */
    }
    /* scale content to fit print page */
    html,
    body {
        width: 100% !important;
        height: auto !important;
    }
    /* reset body */
    body {
        margin: 0;
        padding: 0;
        float: none;
        /* color: #000; */
    }
    /* helper class to allow selective hiding elements from printing (ex print button)  */
    .uoNoPrint {
        display: none;
    }
    /* fix overflow scrolling */
    * {
        overflow-x: visible !important;
        overflow-y: visible !important;
    }
    /* auto expand collapsed panel contents */
    .sapMPanelExpandablePart {
        display: block !important;
    }
    /* disable panel content border */
    .sapMPanelContent {
        border: 0 !important;
    }
    /* reset flexed textareas height */
    .sapMTextArea>.sapMTextAreaInner {
        height: auto !important;
    }
    .customtable .sapMListTblHeader>.sapMTableTH {
        background-color: #005cb9 !important;
        -webkit-print-color-adjust: exact;
        font-weight: bold;
    }
    .customtable .sapMLIB.sapMListTblRow:nth-child(odd) {
        background-color: #e1e1e1 !important;
        -webkit-print-color-adjust: exact;
    }
    .customtable .sapMLIB.sapMListTblRow:nth-child(even) {
        background-color: #ebebeb !important;
        -webkit-print-color-adjust: exact;
        font-weight: bold;
    }
    .customtable .sapMColumnHeader>span {
        font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif !important;
        color: white !important;
        text-align: center !important;
        -webkit-print-color-adjust: exact;
        font-weight: 500;
    }
    .customtable .sapMColumnHeader {
        /* display: flex; */
        flex: 1 1 auto;
        padding: 1rem .5rem 1rem;
    }
    /* custom css prototypes for addtional used containers */
}


/* .myChart{
  width: 360px;
  height: 400px;
   
} */

.myContent {
    padding-top: 1rem !important;
    width: 200px;
}

.myContenttwo {
    padding-top: 9rem !important;
}

.myBarChart canvas {
    /* height: 270px !important; */
}

.column {
    flex: 50%;
    padding: 10px;
    height: 300px;
    /* Should be removed. Only for demonstration */
}

.New.sapMLabel {
    color: #3ca2e0 !important;
}

.Released.sapMLabel {
    color: #f0ad4e !important;
}

.Obsolated.sapMLabel {
    color: green !important;
}

.Total.sapMLabel {
    color: #dc002e !important;
}

.backbutton .sapMBtnInner {
    color: #555555 !important;
    background-color: #ffffff !important;
    border-color: #6c8b96 !important;
    width: 90px;
    height: 30px;
    text-shadow: none;
    font-weight: 600;

}

.printbutton .sapMBtnInner {
    color: #fff !important;
    background-color: #dc002e !important;
    border-color: #dc002e !important;
    width: 120px;
    height: 40px;
}

.loader_container>.ring {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 99px;
    height: 99px;
    background: transparent;
    border: 3px solid #3c3c3c;
    border-radius: 50%;
    text-align: center;
    line-height: 103px;
    font-family: sans-serif;
    font-size: 12px;
    color: #40403d;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 0 0 10px #fff000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.loader_container>.ring:before {
    content: "";
    position: absolute;
    top: -1.8px;
    left: -1.8px;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top: 2px solid #fff000;
    border-right: 2px solid #fff000;
    border-radius: 49%;
    animation: animateCircle 2s linear infinite;
}

.loader_container>span {
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    left: 50%;
    width: 50%;
    height: 4px;
    background: transparent;
    transform-origin: left;
    animation: animate 2s linear infinite;
}

.loader_container>span:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff000;
    top: -6px;
    right: -8px;
    box-shadow: 0 0 20px #fff000;
}

@keyframes animateCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    0% {
        transform: rotate(45deg);
    }
    100% {
        transform: rotate(405deg);
    }
}

.loader_msg {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    color: gray;
    top: 60%;
    font-size: 13px;
}


/* .sapMListTblHeader>.sapMTableTH {
  background: #f7f7f7 !important;
 
  border-bottom-style: solid!important;
  border-bottom-color: rgb(229, 229, 229);
  background-clip: padding-box!important;
  vertical-align: middle!important;
}     */


/* .sapMListTblCell {
 height:1rem !important;
  
}  */


/* info div css - dashboard*/

.info_div {
    border-top: 1px solid rgba(191, 190, 188, 0.7);
    box-shadow: 0 1px 1px 1px #e1e1e1;
    display: table;
    text-align: left;
    overflow: hidden;
    height: 100%;
    border-radius: 5px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

.info_div1 {
    vertical-align: middle;
    display: table-cell;
    background-color: #fff;
    padding-left: 20px;
    width: 80%;
}

.info_div1>div {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    height: 28px;
    display: table-cell;
    display: block;
    text-align: left;
    font-size: 14px;
    line-height: 1px;
}

.info_div1>div>span {
    font-size: 20px;
    color: #777;
}

.info_div2 {
    vertical-align: middle;
    display: table-cell;
    background-color: #4a99ac;
    color: #fff !important;
    text-align: center;
    width: 20%;
}

.info_div2>span {
    color: #fff;
}

.info_1 {
    background: #3ca2e0;
}

.info_2 {
    background: #f0ad4e;
}

.info_3 {
    background: #7ab67b;
}

.info_4 {
    background: #dc002e;
}

.info_maindiv {
    padding-top: 5px !important;
    padding-bottom: 5px;
}

.sapUiCalContent>.sapUiCalMonthPicker,
.sapUiCalContent>.sapUiCalYearPicker {
    top: 0;
    padding: 0.5rem 0.5rem 1rem 0.5rem !important;
    background-color: #ffffff;
    left: 53% !important;
    margin-left: -9.5rem;
}

.chromelogosize {
    height: 100px !important;
    /* width:150px !important; */
}

.noscript-msg {
    background-color: #fff;
    border-color: #ddd #ddd #d8d8d8;
    box-shadow: 0 2px 0 rgba(175, 175, 175, 0.12);
    text-align: center;
    width: 398px;
    min-width: 300px;
    margin: 200px auto;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
}

.noscript-content {
    padding: 42px;
}

#okta-login-container {
    margin-top: 40px;
}

.noscript-content h2 {
    padding-bottom: 20px;
}

.noscript-content h1 {
    padding-bottom: 25px;
}

.noscript-content a {
    background: transparent;
    box-shadow: none;
    display: table-cell;
    vertical-align: middle;
    width: 314px;
    height: 50px;
    line-height: 36px;
    color: #fff;
    background: linear-gradient(#007dc1, #0073b2), #007dc1;
    border: 1px solid;
    border-color: #004b75;
    border-bottom-color: #00456a;
    box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.noscript-content a:hover {
    background: #007dc1;
    cursor: hand;
    text-decoration: none;
}

h1 {
    margin: 0px;
}

.login_okta {
    background: #ececec;
}

.okta-container .applogin-banner .applogin-container p {
    display: block !important;
}


/* --------------NEW CSS--------------*/

.fullWidthButtons button {
    width: 105% !important;
    margin: 4px;
}

.fullWidthButtons div:first-child {
    margin-right: 0px !important;
    margin-left: 1px !important;
}

.fullWidthButtons div:nth-child(2) {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.fullWidthButtons div:last-child {
    margin-right: 15px !important;
    margin-left: 0px !important;
}

.fullWidthButtons.sapUiRespGrid.sapUiRespGridVSpace1>div {
    margin-bottom: -0.4rem;
    margin-top: -0.2rem;
}

.firsttogglebutton>.sapMBtnInner {
    background-color: #dc002e !important;
    color: #ffffff !important;
    text-shadow: none;
}

.secondtogglebutton>.sapMBtnInner {
    background-color: lightgray !important;
    color: #666666 !important;
    text-shadow: none;
}

.thirdtogglebutton>.sapMBtnInner {
    background-color: lightgray !important;
    color: #666666 !important;
    text-shadow: none;
}

.thirdtogglebutton.sapMBtnInner.sapMBtnHoverable:hover {
    background-color: #dc002e !important;
    border-color: #dc002e !important;
    color: #666666 !important;
    text-shadow: none !important;
}

.seconddtogglebutton.sapMBtnInner.sapMBtnHoverable:hover {
    background-color: #dc002e !important;
    border-color: #dc002e !important;
    color: #666666 !important;
    text-shadow: none !important;
}

.aligncancel {
    float: right;
    right: 50px;
}

.alignsubmit {
    float: right;
    right: 70px;
}

.aligncancel .sapMBtnInner:hover {
    background-color: #dc002e !important;
    color: #fff;
}

.alignsubmit .sapMBtnInner:hover {
    background-color: #dc002e !important;
    color: #fff;
}

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

.sapMBtn:hover>.sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
    background-color: #dc002e !important;
    border-color: #dc002e !important;
    color: #ffffff;
    text-shadow: none;
}


/*
.sapMBtnInner.sapMBtnHoverable:hover {
background-color: #dc002e !important;
border-color: #dc002e !important;
color: #666666 !important;
 text-shadow: none !important;
}*/

.labelcolor.sapMLabel {
    color: red !important;
}

.bordernew {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, -0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
    margin-left: 10px !important;
    border-radius: 0.25rem !important;
    background-color: #fff !important;
}


.bordernew.sapUiSimpleForm {
    /* margin-left: -11px !important; */
}


/*customer reference input field size*/

.sapUiRespGridMedia-Std-LargeDesktop.sapUiRespGridHSpace0>.sapUiRespGridSpanXL5 {
    width: 45.66666667% !important;
}

.sapUiRespGridMedia-Std-Desktop.sapUiRespGridHSpace0>.sapUiRespGridSpanL5 {
    width: 45.66666667% !important;
}


/*style for color of checkbox in xcede plus*/

.checkboxlabelcolor {
    color: red !important;
}


/*pin configuration view css*/

.applybutton .sapMBtnInner {
    color: #fff !important;
    background-color: #dc002e !important;
    border-color: #dc002e !important;
    width: 80px;
    height: 39px;
}


/*Xcede HD pin configuration view new css  for sidenavigation  alignment */

.Pinselection bdi {
    width: 100%;
    text-align: left !important;
    display: block;
    padding-left: 66px;
    text-align-last: auto;
}

.Groundpins bdi {
    width: 100%;
    text-align: left !important;
    display: block;
    padding-left: 59px;
    text-align-last: auto;
}


/*XCedePlus view page fields alignment*/

.xcedeplusviewpg .sapUiFormEdit .sapMText {
    padding-top: 0.4rem !important;
    min-height: 54px !important;
}


/*XCedePlus small groundblade material label alignment*/

.xcedeplusviewpg .sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanL12),
.sapUiFormEdit.sapUiFormM .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont>.sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) {
    text-align-last: right !important;
    padding-right: 10px;
}


/* style for signal pin height alignment(to aling all pins in one row) */

.signalpins .sapMBtn {
    margin-left: -10px !important;
}


/*style for aligning ground pin height equal to set all ground pins  */

.groundpins p {
    margin-left: 10px;
}

.signalpinheight p {
    /* margin-left: -39px !important; */
}


/* style for ground pin height buttons */

.groundpinsalign .sapMBtn {
    margin-left: -13px !important;
}


/* style for ground pin height buttons to align equally(i.e.,for label,selectbox,buttons)*/

.groundpinsalign {
    margin-left: 11px !important;
}


/* style for set all ground pins alignment for label and select box */

.signalpinsalign {
    margin-left: 27px !important;
}


/* style for signal pin height alignment(to aling all pins in one row) for view page */

.signalpinsview .sapMBtn {
    margin-left: -20px !important;
}


/* style for ground pin height alignment(to adjust signal pin height) for view page */

.groundpinsview {
    margin-left: 40px !important;
}


/* style for shield pins alignment*/

.shieldpins {
    margin-left: 50px;
}

.sapContrastPlus :not(.sapMBtnDisabled) .sapMBtnTransparent>.sapMBtnIcon {
    color: black !important;
}

.sapMSltWithArrow>.sapMSltLabel {
    padding: 0 0.2rem 0 0.3rem !important;
}

.sapMSltArrow {
    width: 1.9rem !important;
    line-height: 1.9rem !important;
}

.xcedehdplusshieldpins p {
    margin-left: 46px;
}

.xcedehdplusbtnalign {
    margin-left: 35px;
}

:not(.sapMBtnDisabled)>span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive bdi {
    color: #cdcdcd !important;
}

.advancedfilterbutton .sapMBtnInner {
    color: #000000 !important;
    background-color: #fff !important;
    border-color: #fff !important;
    width: 190px;
    font-size: 0.9rem;
}

.advancedfilterbutton.sapMBtn {
    height: 1.5rem !important;
}

.advancedfilterbutton .sapUiIcon {
    color: #3ca2e0 !important;
}

#container-nav---dashboard--buttontooltip-img {
    float: right !important;
}


/*------------------------ DC CSS ----------------------------*/

.componentTitle .sapUiForm .sapUiFormTitle {
    margin-left: -20px;
}

.custom.sapMInputBase.sapMTextArea {
    height: auto !important;
    min-height: 2.5rem !important;
    min-width: 0rem !important;
}

.standardPN .sapMInputBaseInner {
    font-size: 0.8rem;
}

.icon .sapMBtnInner {
    color: #fff !important;
    margin-left: 20px !important;
    background-color: white !important;
    border: none !important;
    width: 90px;
    height: 40px;
}


/* Css for XCede HD DC Icons */

.size1 {
    font-size: 2rem !important;
    margin: 5px !important;
}

.size2 {
    font-size: 2rem !important;
    margin: 5px !important;
}

.size3 {
    font-size: 2rem !important;
    margin: 5px !important;
}

.size4 {
    font-size: 2rem !important;
    margin: 5px !important;
}

.size5 {
    font-size: 2rem !important;
    margin: 4px !important;
}


/* CSS for  XCede HD DC Component page dialog box label alignment */

.wafer.sapMLabel {
    text-align: Justify;
    font-weight: bold;
    margin-left: 50px;
}

.space.sapMLabel {
    text-align: Justify;
    font-weight: bold;
    margin-left: 54px;
}


/* CSS for  XCede HD DC Component page guides dialog box label alignment */

.guide.sapMLabel {
    text-align: Justify;
    font-weight: bold;
    margin-left: 52px;
}

.CustomScrewPN.sapMLabel {
    text-align: Justify;
    font-weight: bold;
    margin-left: 66px;
}

/* CSS for  XCede HD DC Component page wideguide dialog box label alignment */

.wideguide.sapMLabel {
    text-align: Justify;
    font-weight: bold;
    margin-left: 52px;
}


/* CSS for XCede HD DC Component Page Table  */

.view .sapUiTableColHdrTr .sapMText {
    color: #fff !important;
    pointer-events: none;
    font-size: 12px;
    font-weight: 600;
}

.print .sapUiTableColHdrTr .sapMText {
    color: #fff !important;
    pointer-events: none;
    font-size: 12px;
    font-weight: 600;
}

.spec .sapUiTableColHdrTr .sapMText {
    color: #fff !important;
    pointer-events: none;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.sapUiTableColHdrTr {
    background: #377CF6 !important;
    pointer-events: none;
}

.sapUiTableColHdrTr .sapMText {
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    color: #fff !important;
    pointer-events: none;
}

.sapUiTableColHdrCnt {
    background-color: #377CF6 !important;
    height: 30px !important;
}

/*----------------- CSS for XCede HD DC View page Customer table-----------  */


/* table header font size */

.componentview .sapUiTableColHdrTr .sapMText {
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    justify-content: center;
    color: #fff !important;
    font-weight: 500;
}


/* table row font size */

.componentview .sapUiTableCell .sapMText {
    vertical-align: top;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    white-space: normal;
}


/* css for view page table icons space */

.componentview .sapUiIcon {
    padding-right: 10px;
}


/* XCede HD DC view page to remove rows and column border  */

.componentview .sapUiTableCell {
    box-sizing: border-box;
    border-right: 0rem !important;
    border-bottom: 0rem !important;
}


/*  css for row background color */

.componentview .sapUiTableContentRow {
    position: relative;
    background-color: #e1e1e1;
}

.componentview .sapUiTableContentRow:nth-child(even) {
    position: relative;
    background-color: #ebebeb;
}


/*  CSS for XCede HD DC component table input width */

.tableinput.sapMText {
    color: #000000;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

/* XCede HD DC component table Pin Finish Row CSS */

.oddPinFinishColor {
    background: wheat !important;
}

/* XCede HD DC component table header align center*/

.componentview .sapUiTableHeaderDataCell>.sapUiTableCellInner,
.view .sapUiTableHeaderDataCell>.sapUiTableCellInner,
.spec .sapUiTableHeaderDataCell>.sapUiTableCellInner,
.print .sapUiTableHeaderDataCell>.sapUiTableCellInner {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    padding: 8px 0.5rem !important;
}


/* Image diagram */

.imagediagram {
    align-items: center;
    display: grid;
    justify-content: center;
    /* margin-bottom: 30px; */
    /* margin-top: 20px; */
}

.imagedgshadow {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, -0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
    margin-left: 10px;
    margin-right: 32px;
}

.upperhbox {
    height: 25px !important;
    border: 1px solid black;
    background: #C0C0C0;
    color: #000000 !important;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif !important;
    line-height: 1.5rem !important;
    text-align: center !important;
    display: inline-table !important;
}

.lowerhbox {
    margin-bottom: 20px;
}


/* colors for components */

.XCedeLCWafer100 {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #CCCCFF;
    color: #000000 !important;
}

.XCedeLCWafer100.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}

.XCedeLCWafer85 {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #FFFFFF;
    color: #000000 !important;
}

.XCedeLCWafer85.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}

.XCedeDiffWafer100 {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #008000;
    color: #000000 !important;
}

.XCedeDiffWafer100.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}

.XCedeDiffWafer85 {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #339933;
    color: #000000 !important;
}

.XCedeDiffWafer85.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}

.Space {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: none;
    writing-mode: vertical-rl;
    display: flex;
    background: #ffffff;
    color: #000000 !important;
}

.Space.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}

.Power {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #FF1664;
    color: #000000 !important;
}

.Power.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset !important;
    align-items: center;
    justify-content: center;
}

.Endcap {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #6467FF;
    color: #000000 !important;
}

.Endcap.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}

.Guide {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #636363;
    color: #000000 !important;
}

.Guide.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}

.dimension .sapMText {
    text-align: center !important;
    color: #333333;
    font: 13px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
}

.imageheader {
    font-weight: 600 !important;
    font: 14px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: 1.8rem;
    display: flex;
    justify-content: center;
    color: #333333;
}


/* end of colors for components */


/* end of Image Diagram css */


/* custom header in guide messages */

.customheaderTrue .sapMText {
    color: #008000 !important;
}

.customheaderTrue .sapMTBNewFlex {
    justify-content: center;
}

.customheaderFalse .sapMText {
    color: red !important;
}

.customheaderFalse .sapMTBNewFlex {
    justify-content: center;
}


/* end custom header in guide messages */


/* --------------------------------Cable Configurator CSS------------------------------- */


/* Cable Configurator CSS for Add color and padding to the text */

.cablereview .sapMText {
    color: #0079c2;
    padding-top: 0.6rem;
}


/* Cable Configurator CSS for Label alignment in VBox */

.cablelabel .sapMLabelTextWrapper {
    margin-top: 4px !important;
}


/* Cable Configurator CSS for removing Pannel Line*/

.pannel .sapMPanelContent {
    border: none !important;
}

.ccImg {
    display: flex;
    justify-content: center;
    margin: auto;
}

.ccshadow .sapFGLIWrapper {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, -0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
}

.ccshadow .sapFGLI {
    box-shadow: none !important;
    width: 97%;
    margin-left: -5px;
}

.ccshadow .sapFGLI .sapFGLIWrapper {
    border-radius: 0.25rem;
}

.CCcustom .sapMCb {
    padding: 0 1rem 0 3rem !important;
}


/* Cable Configurator CSS for Custom and Exception note*/

.Customlabel.sapMLabel .sapMLabelTextWrapper {
    margin-top: 12px !important;
    margin-left: 22px;
}


/* Cable Configurator CSS for Custom and Exception note*/

.Customtext.sapMTextArea .sapMInputBaseContentWrapper {
    margin-left: 8px !important;
}


/* Cable Configurator CSS for DataRate alignment in grid*/

.CCDataRate .sapUiTinyMarginLeft {
    margin-left: 1.7rem;
}

.CCDataRateRev .sapUiTinyMarginLeft {
    margin-left: 1.7rem;
}

.ccCableSize .sapUiTinyMarginLeft {
    margin-left: 1.4rem;
}

.ccCableSizeRev .sapUiTinyMarginLeft {
    margin-left: 1.4rem;
}

.CCgridlist .sapFGLIWrapper {
    background-color: #aaa;
}

.cablelabelreview .sapMText {
    color: #0079c2;
    padding-top: 0.4rem;
    font-size: 0.875rem;
}

.CCLabel {
    display: flex !important;
    justify-content: center !important;
}


/*Print preview button all pages css */

.PreviewBtn .sapMBtnIcon {
    padding-right: 1.9rem !important;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.7rem;
}

.PreviewBtn.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnGhost .sapUiIcon {
    padding-right: 1.9rem !important;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.7rem;
}

.PreviewBtn .sapMBtnInner.sapMBtnText.sapMBtnIconFirst,
.sapMBtnInner.sapMBtnText.sapMBtnBack {
    padding-left: 0.6rem !important;
}


/* preview button css */


/* CSS for CC Bundling text  */

.CCBundling.sapMText {
    font-size: 24px;
    font-weight: bold;
}


/* CSS for CC Additional cable requirements text  */

.CCAdditional.sapMLabel {
    font-size: 16px;
    font-weight: bold;
}


/* titles in cc */

.addcabletitle {
    margin-left: 0.7rem;
    font-size: 1.125rem !important;
    font-weight: bold;
}


/* titles in cc*/


/* css to exc and cn */

.exception .sapMInputBaseContentWrapper {
    border: 2px solid #e00;
    background: #ffffff;
}

.exception .sapMInputBaseContentWrapper:hover {
    border: 2px solid #e00 !important;
    background: #ffffff;
}

.exception .sapMInputBaseContentWrapper:active {
    border: 2px solid #e00 !important;
    background: #ffffff;
}


/* css to exc and cn */


/* css manage customer page customer label alignment */

.customer.sapMLabel {
    margin-left: 4px;
}


/* css for Custom Notes alignment */

.checkbox.sapMCb {
    padding: 0 0 0 1.5rem !important;
}

.checkbox .sapMLabel {
    margin-left: 4px !important;
    color: #333333;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: text;
}

.checkbox.sapMInputBase.sapMTextArea{
    min-height: 3.5rem !important;
}


/* CSS for Customer specification table alignment */

.CCcustomtable .sapMListTbl {
    font-size: .875rem;
    margin-left: 11px;
}


/* CSS for Customer specification table column header color */

.CCcustomtable .sapMListTblHeader>.sapMTableTH {
    background-color: #005cb9 !important;
}


/* CSS for Customer specification table row color */

.CCcustomtable .sapMLIB.sapMListTblRow {
    background-color: #e1e1e1 !important;
}


/* CSS for Customer specification table font color */

.CCcustomtable .sapMColumnHeader>span {
    font-size: 12px !important;
    color: white !important;
    text-align: center !important;
    white-space: normal;
    font-weight: 600;
}


/* CSS for Customer specification table alignment */

.CCcustomtable .sapMColumnHeader {
    padding: .5rem .5rem .5rem .5rem !important;
}

.CCcustomtable .sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child>td,
.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child>td {
    border-bottom: 1px solid #ccc !important;
    padding: .5rem .5rem .5rem .5rem !important;
}


/* CSS for Customer specification table column header labels center alignment */

.CCcustomtable .sapMColumnHeaderContent {
    padding-top: 12px !important;
}


/* CSS for Customer specification table column header inputs center alignment */

.CCcustomtable .sapMInput.sapMColumnHeaderContent {
    padding-top: 0px !important;
}


/* CSS for Customer specification table alignment */

.CCcustomtablereview .sapMListTbl {
    font-size: .875rem;
    margin-left: 11px;
}


/* CSS for Customer specification table column header color */

.CCcustomtablereview .sapMListTblHeader>.sapMTableTH {
    background-color: #dc002e !important;
}


/* CSS for Customer specification table row color */

.CCcustomtablereview .sapMLIB.sapMListTblRow {
    background-color: #e1e1e1 !important;
}


/* CSS for Customer specification table font color */

.CCcustomtablereview .sapMColumnHeader>span {
    font-size: 14px !important;
    color: white !important;
    text-align: center !important;
    white-space: normal;
}


/* CSS for Customer specification table alignment */

.CCcustomtablereview .sapMColumnHeader {
    padding: .5rem .5rem .5rem .5rem !important;
}

.CCcustomtablereview .sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child>td,
.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child>td {
    border-bottom: 1px solid #ccc !important;
    /* padding: .5rem .5rem .5rem .5rem !important; */
}


/* 15-07-2020 */


/* CSS for CC label text textarea color in view page */

.labeltext .sapMInputBaseInner {
    color: #0079c2 !important;
}


/* CSS for grid labels align center */

.gridtitle .sapMFlexBoxAlignContentStretch {
    align-content: stretch;
    text-align: center;
}


/* Cable Configurator CSS for print page grids alignment*/

.printgrid .sapMPanelContent {
    border: none !important;
    margin-left: 11px !important;
}


/* Cable Configurator CSS for print page additional cable information form alignment*/

.ccprintshadow {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, -0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
    /* margin-left: 25px !important; */
}


/* Cable Configurator CSS for print page customer capture table alignment*/

.ccprintcustomercapture {
    margin-left: 1px !important;
}


/* Cable Configurator CSS for  additional cable  title alignment in print page*/

.addcabletitleprint.sapMText {
    margin-left: 25px !important;
    font-size: 1.125rem !important;
    font-weight: bold;
}


/* Cable Configurator CSS for  Bundling title alignment*/

.addcabletitlebundling {
    font-size: 1.125rem !important;
    font-weight: bold;
    margin-left: 11px !important;
}


/* admin settings page column header color */

.admintable .sapMListTblHeader>.sapMTableTH {
    background-color: #dc002e !important;
    -webkit-print-color-adjust: exact;
    font-weight: bold;
}


/* admin settings page column header text color */

.admintable .sapMColumnHeader>span {
    font-size: 14px !important;
    color: white !important;
    text-align: center !important;
    font-weight: bold;
}

.admintable .sapMListTbl .sapMText {
    font-size: 0.875rem !important;
}


/*CSS for XCede HD DC Print page */

.DCprint {
    -webkit-print-color-adjust: exact;
}


/* CSS for CC multicomboBox Select Options Font size */

.CCMultiComboBox .sapMInputBaseInner {
    color: #000;
    font-size: 0.8rem !important;
    padding-left: 4px;
}


/* 04/08/2020 */


/* CSS for CC multicomboBox arrow aligmnent */

.CCMultiComboBox .sapMInputBaseIcon {
    color: #346187;
    padding: 0 0 0 0.9rem !important;
    ;
    font-size: 0.8rem !important;
}


/* CSS for CC multicomboBox token fontsize and color */

.CCMultiComboBox .sapMToken {
    color: #000;
    font-size: 0.8rem !important;
    padding-left: 0rem !important;
}


/* CSS for CC multicomboBox token icon */

.CCMultiComboBox .sapMTokenIcon {
    padding: 0 0.25rem !important;
}


/* CSS for CC multicomboBox token alignment */

.CCMultiComboBox .sapMTokenText {
    display: inline !important;
    white-space: break-spaces;
}


/* CSS for XCede HD DC Print page */

.CCprint {
    -webkit-print-color-adjust: exact;
    /* color-adjust: exact; */
}


/*---------------------------Paladin CSS for Image Diagram---------------------------*/

.PaladinDiffWafer {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #008000;
    color: #000000 !important;
}

.PaladinDiffWafer.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}

.PaladinPower35A {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #FF1664;
    color: #000000 !important;
}

.PaladinPower35A.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset !important;
    align-items: center;
    justify-content: center;
}

.PaladinPower60A {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #6467FF;
    color: #000000 !important;
}

.PaladinPower60A.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset !important;
    align-items: center;
    justify-content: center;
}

.PaladinGuide {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #636363;
    color: #000000 !important;
}

.PaladinGuide.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}


/* Paladin DC component table invalid BP option selection Row CSS  */

.bpcolor .sapMInputBaseInner {
    color: red !important;
}


/* file upload */


/* CSS for Cable Configurator uploadfile page simpleform alignment */

.uploadfile .sapUiFupGroup {
    display: table;
    margin-left: 10px;
}


/* CSS for Cable Configurator uploadfile page Browse Button color,width,height */

.uploadfile .sapMBtnInner {
    background-color: #dc002e !important;
    border-color: #dc002e !important;
    color: #fff !important;
    width: 120px !important;
    height: 40px !important;
}


/* CSS for Cable Configurator uploadfile page remove hover for Browse Button*/

.uploadfile .sapMBtnInner:hover {
    background-color: #dc002e !important;
    border-color: #dc002e !important;
}


/* CSS for Cable Configurator uploadfile Upload button alignment*/

.uploadbutton.sapMBtn {
    height: 2rem !important;
    padding: 0.25rem 13px 0px 0px !important;
}


/* files form padding */

.form-pd {
    padding: 5px 0px 5px 10px;
}

.form-pd .sapMInputBaseHeightMargin {
    margin: 0.25rem 0 !important;
}

.uploadfileshadow {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, -0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
    margin-left: 0px !important;
    width: 102%;
}


/* file upload */


/* pdf styling */

.hidepdf {
    display: none;
}


/* pdf styling */


/* CC css to remove  grid border */

.grid .sapFGridList .sapMLIB:not(.sapMGHLI) {
    box-shadow: none !important;
}


/* CC css for Split variable */

.CCSplit .sapUiTinyMarginLeft {
    margin-left: 3.6rem;
}

.ccSplitRev .sapUiTinyMarginLeft {
    margin-left: 1.4rem;
}

.CCSplitRev .sapUiTinyMarginLeft {
    margin-left: 3.5rem;
}


/* CC css for Split variable */


/* CC css for label underline */

.label-underline {
    text-decoration: underline;
}


/* CC css for bundlig checkboxes alignment */

.ccshadow .sapMCb {
    padding: 0 0 0 1.9rem !important;
    top: 1rem;
}

.ccshadow .sapMCbBg {
    margin-left: -8px;
}


/* CC css for bundlig large text wrap */

.ccshadow .sapMTitle.sapMTitleNoWrap {
    white-space: normal;
}


/* CSS for print preview page break */

div.pg-brk-a {
    page-break-after: always;
}


/* end of CSS for print preview page break */


/*---------------------------PaladinHD DC CSS ---------------------------*/

.PaladinHDEndcap {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: #6467FF;
    color: #000000 !important;
}

.PaladinHDEndcap.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}


/*---------------------------END of PaladinHD DC CSS ---------------------------*/


/* actions column overflow in view page*/

.viewHBOX {
    overflow: auto;
}


/* ---------------------- CSS for Paladin & Paladin Plus Text Highlighting--------------------- */


/* css for component selection Title aligmnment in component selection page */

.PalcomponentTitle .sapMTitle {
    margin-left: -16px;
}


/* css for Title font in component selection page */

.headerTitle {
    font-weight: bold !important;
    font-size: 24px !important;
    color: black !important;
    padding-top: 7px;
}


/* css for space between Titles in component selection page */

.headerTitlemargin {
    padding-left: 100px;
}


/* css for highlighting Title in component selection page */

.headerTitleHighlight {
    background: yellow;
    margin-bottom: 4px !important;
}


/* ---------------------- End of CSS for Paladin & Paladin Plus Text Highlighting--------------------- */


/* ---------------------- CSS for Cable Configurator Feedback (24-03-2021)--------------------- */


/* CC css for Other variable */

.ccOther .sapUiTinyMarginLeft {
    margin-left: 3.4rem;
}


/* ----------------------CSS for Cable Configurator Loopback (23-04-2021)--------------------- */


/* CC css for Loopback DataRate  variable */

.ccloopbackDataRate .sapUiTinyMarginLeft {
    margin-left: 4.75rem;
}


/* CC css for Loopback HSSignalPath  variable */

.ccloopbackHSSignalPath .sapUiTinyMarginLeft {
    margin-left: 2.85rem;
}


/* CC files list in view,review,upload,additional pages*/

.cc-files-list:last-child {
    border-bottom: none;
}


/* cc-images height and weight */

.cc-img-align img,
.cc-img-align-rev {
    height: 110px;
    width: 180px;
}


/* Cable Configurator CSS for adminsettings Pannel alignment */

.adminSettingspannel .sapMPanelContent {
    border: none !important;
    padding: 0rem 1rem 0rem 1rem;
}


/* Cable Configurator CSS for customer spec data word break in review pages */

.customerDataWordBrk {
    word-break: break-all;
}


/* Cable Configurator CSS for specification pg dropdownlist scrolling */

#container-nav---CableConfiguratorSpecificationNew--DataRate-valueStateText-flexContentContainer,
#container-nav---CableConfiguratorSpecificationNew--CableSize-valueStateText-flexContentContainer,
#container-nav---CableConfiguratorSpecificationNew--CableEndP2-valueStateText-flexContentContainer,
#container-nav---CableConfiguratorSpecificationNew--CableEndP1-valueStateText-flexContentContainer .sapUiSimpleFixFlexFlexContent ul {
    max-height: 330px !important;
}

#container-nav---CableConfiguratorEditSpecification--DataRate-valueStateText-flexContentContainer,
#container-nav---CableConfiguratorEditSpecification--CableSize-valueStateText-flexContentContainer,
#container-nav---CableConfiguratorEditSpecification--CableEndP2-valueStateText-flexContentContainer,
#container-nav---CableConfiguratorEditSpecification--CableEndP1-valueStateText-flexContentContainer .sapUiSimpleFixFlexFlexContent ul {
    max-height: 330px !important;
}

#container-nav---CableConfiguratorManageSpecification--DataRate-valueStateText-flexContentContainer,
#container-nav---CableConfiguratorManageSpecification--CableSize-valueStateText-flexContentContainer,
#container-nav---CableConfiguratorManageSpecification--CableEndP2-valueStateText-flexContentContainer,
#container-nav---CableConfiguratorManageSpecification--CableEndP1-valueStateText-flexContentContainer .sapUiSimpleFixFlexFlexContent ul {
    max-height: 330px !important;
}


/* Cable Configurator CSS for customerSpecData in view page */

.customerSpecDataViewPg .sapMInputBaseInner {
    background: #F8F8F8;
}


/* Cable Configurator CSS for thumbnail close button text color */

.thumbnailclosebtn .sapContrastPlus .sapMBtnInner {
    color: #FFFFFF;
}


/* cc- additional page images width */

.cc-img-align-add img,
.cc-img-align-rev-add {
    width: 100px;
}


/* Cable Configurator CSS for Customer Spec data helper text */

.cust-spec-text {
    margin: 16px 0 8px 11.2px;
    color: red;
    font-weight: 600;
    font-size: 16px;
    padding-left: 60px;
}


/* Cable Configurator CSS for dummy grid in additionla pages(to allot in 2 rows (i.e.,5 in each)) */

.cc-grid .sapUiLayoutCSSResponsiveColumnLayoutL .sapUiLayoutCSSResponsiveColumnLayoutGrid,
.sapUiLayoutCSSResponsiveColumnLayoutL.sapUiLayoutCSSResponsiveColumnLayoutGrid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-gap: 1rem 1rem;
}


/*  CSS for XCedeHD2 DC component table BP Option  input width */

.XCedehd2BPOption .sapMInputBaseInner {
    color: #000;
}


/* css for CC specification page product selection selection alignment */

.ccshadowprdctselection .sapFGLI {
    height: 70px;
}

.productSelection.sapUiTinyMarginTop {
    margin-top: -1.5rem !important;
}


/* css for CC specification page product Family selection label alignment */

.protocolproductFamilyLbl {
    margin-left: -7px;
}


/* css for CC specification page product Line selection label alignment */

.protocolproductLineLbl {
    margin-left: 11px;
}


/* css for Assumptions section to add bullets  */

ul {
    display: block;
    list-style-type: square;
    padding-inline-start: 40px;
}

ul li::marker {
    color: #003893;
}

.hidecanvas {
    display: none;
}

.sapMDialog>header .sapMDialogTitleGroup .sapMTitle {
    color: #000 !important;
    text-shadow: none;
    font-weight: bold;
}

/* add space for buttons in email setting page  */

.spaceup.sapMFlexBoxJustifyStart {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: space-evenly;
}

/* #container-nav---home--boardToboard-a,
#container-nav---home--inputoutput-a,
#container-nav---home--backplane-a,
#container-nav---home--cable-a {
    padding-left: 1.5rem !important;
} */

.InfoBtns .sapMBtnInner.sapMBtnEmphasized{
    background-color: #fff !important;
    border-color: #fff !important;
    text-shadow: none;
}

#container-nav---main--copyRight.sapMText {
    color: #e1e1e1 !important;
    text-shadow: none;
}

.emailCheckBox.sapMCb {
    padding: 0 0 0 2.5rem !important;
    margin-left: 1.5rem ;
}

.sapUiForm .sapMCb:not(.sapMCbBgDis).sapMCbHasLabel:focus:before{
    border: none !important;
}
/* ----------------- new ui css ------------------ */
.newConfiguration .sapMBtnIcon{
    font-size: 1rem;
    line-height: 2.15rem;

}

.newConfiguration .sapMBtnInner {
    color: #fff !important;
    background: #377CF6 !important;
    border-color: #377CF6 !important;
    width: 180px;
    height: 30px;
    left: 50px;
    align-items: center;
    border-radius: 6px;
    font: 14px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.newConfiguration .sapMBtnInner:hover {
    background-color: #377CF6 !important;
    color: #fff;
    font: 14px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;

}

.newConfiguration .sapContrastPlus.sapMBtnIcon, .sapContrastPlus .sapMBtnIcon{
    color: #fff !important;

}

.newConfiguration .sapMBtnContent{
    line-height: 2.15rem;
}

.sap-desktop .sapTntToolPageAsideCollapsed>.sapTntToolPageAside+.sapTntToolPageMain, .sap-tablet .sapTntToolPageAsideCollapsed>.sapTntToolPageAside+.sapTntToolPageMain{
    padding-left: 5rem !important;
}

.customColumns .sapUiFormCLContainerCont{
    column-count: 2 !important;
}

.customColumns .sapUiFormCLElement{
    display: inline;
}

.assemblyColumns .sapUiFormCLContainerCont{
    column-count: 3 !important;
}

.productsColumns .sapUiFormCLContainerCont{
    column-count: 4 !important;
}

.columnForm .sapUiFormCLContainer{
    padding: 0rem 1.75rem !important;
}

.reviewcolumnForm .sapUiFormCLContainer{
    padding: 0rem 1rem;
}

.formTitle .sapUiForm .sapUiFormTitle{
    color: #333333 !important;
    font: 15px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    height: 2rem !important;
}


.componentformTitle .sapUiFormTitle{
    padding: 0rem 2rem !important;
    color: #333333 !important;
    font: 15px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    height: 2rem !important;

}

.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuNoSbMnu>.sapUiMnuItm>.sapUiMnuItmTxt, 
.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItm.sapUiMnuTfItm>.sapUiMnuItmTxt{
    padding-right: 3.5rem !important;
    margin-left: 2.5rem !important;
}

.sapMInputBase{
    height: 30px !important;
}

.sapMInputBaseContentWrapper{
    border-radius: 5px !important;
}

.sapMSwt{
    width: 3rem !important;
    height: 1.5rem !important;
}

.sapMSwtOn .sapMSwtHandle{
    left: 1.25rem !important;
}

.sapMSwtOff .sapMSwtHandle{
    left: 2rem !important;
}

.sapMSwtOn:not(.sapMSwtAcceptReject) {
    background: #DDDDDD !important;
    border-color: #DDDDDD !important;
}

.sapMSwt:hover{
    background: #DDDDDD !important;

}

.sapMSlt>.sapMSltLabel {
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;
    color: #303030 !important;
    line-height: 1.9rem !important;
}

.formInputTxt .sapMInputBaseInner {
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #303030;
}
.customInputTxt .sapMInputBaseInner {
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #303030;
}

.sapUiTableHeaderDataCell {
    padding-top: 2px !important;
}
.sapUiTableCell {
    border-right: none !important;
    border-bottom: none !important;
}

.componentActionsEditIcon span.sapMBtnInner.sapMBtnReject {
    background-color: #E4EEFF;
    border-color: #E4EEFF;
    border-radius: 2rem;
}

.componentActionsEditIcon .sapMBtnInner,
.componentActionsDeleteIcon .sapMBtnInner{
    height: 1.5rem;
    min-width: 1.5rem;
}

.componentActionsEditIcon:not(.sapMBtnDisabled):not(.sapMSBActive)>span.sapMBtnInner.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed)>.sapMBtnIcon{
    color: #377CF6;
}

.componentActionsDeleteIcon span.sapMBtnInner.sapMBtnReject {
    background-color: #FFE0E2;
    border-color: #FFE0E2;
    border-radius: 2rem;
}

.componentActionsEditIcon .sapMBtnIcon,
.componentActionsDeleteIcon .sapMBtnIcon {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.componentActionsDeleteIcon:not(.sapMBtnDisabled):not(.sapMSBActive)>span.sapMBtnInner.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed)>.sapMBtnIcon{
    color: #FF4F5A;
}

.componentsText.sapMFlexBox{
    display: ruby;
}

.reviewPgformLabel.sapMLabel {
    color: #B6B3B2;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 500;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: text;
}

.viewColumnForm .sapUiFormCLContainer{
    padding: 0rem 1rem !important;
}


.revisionDescription.sapMInputBase.sapMTextArea{
    min-height: 5.9rem !important;
}


.filterbtn .sapMBtnInner {
    background-color: lightgray !important;
    border-color: lightgray !important;
    width: 40px;
    height: 35px;
    text-shadow: none;
}

.filterbtn .sapMBtnIcon {
    color: #333333;
}

.filterbtn.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnGhost .sapUiIcon{
    color: #333;
}

.filterSearchbtn.sapMBtn {
   height: 3rem;
}

.search .sapMBtnIcon,
.dashboardFilters .sapMBtnIcon {
    font-size: 1rem;
    line-height: 1.8rem;
    text-align: center;
    color: #fff;
}

.search.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnGhost .sapUiIcon{
    color: #fff;
    font-size: 1rem;
    line-height: 2rem;
}

.search .sapMBtnContent{
    line-height: 2rem !important;
}

.dashboardFilters.sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnDefault .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnBack .sapUiIcon, .sapMBtn:hover:not(.sapMBtnDisabled):not(.sapMSBActive)>.sapMBtnHoverable:not(.sapMBtnDisabled):not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBtnTransparent).sapMBtnGhost .sapUiIcon{
    color: #fff;
    font-size: 1rem;
    line-height: 1.8rem;
}

.dashboardFilters .sapMBtnInner{
    bottom: 10px;
}

.calenderIcon .sapMInputBaseIcon{
    line-height: 1.9rem;;
}

.customtable .sapMListTbl .sapMText, .sapMListTbl .sapMLabel,
.customtable  .sapMText
{
    color: #5b5b5b;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 500;
    word-break: break-word;
    white-space: break-spaces;
}


.customtable .sapMListTblCell {
    padding: 0.22rem 0.3rem 0.22rem 0.3rem!important
}

.customtable .sapMListTblNavCol, .sapMListTblCell {
    vertical-align: middle !important;
}

.customtable .sapMListTblRow {
    height: 2rem;
}

.headerImg{
    margin-left: -10px !important;
    margin-top: 5px !important;
}
/* sidenav css */
.sapContrast .sapTntNavLIItem {
    background-color: transparent !important;
}

.sapContrast .sapTntNavLIItemSelected.sapTntNavLIGroupItem.sapTntNavLIGroupItem {
    background-color: transparent !important;
}

.sapTntNavLIItem{
    border-radius: 6px;
    color: #B6B3B2 !important;
    font: 14px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    height: 35px !important;
    margin-top: 0.5rem !important;
}

.sapContrastPlus.sapTntNavLIItem:not(.sapTntNavLIItemDisabled):hover, 
.sapContrastPlus .sapTntNavLIItem:not(.sapTntNavLIItemDisabled):hover{
    background: #377CF6 !important;
    color: #fff !important;
    width: 190px !important;
    margin-left: 0.4rem !important;
}

/* .sideNav .sapContrastPlus.sapTntNavLIItemSelected.sapTntNavLIItem, 
.sapContrastPlus .sapTntNavLIItemSelected.sapTntNavLIItem, 
.sapContrastPlus.sapTntNavLIItemSelected .sapTntNavLIGroup, 
.sapContrastPlus .sapTntNavLIItemSelected .sapTntNavLIGroup, 
.sapContrastPlus.sapTntNavLIItemSelected.sapTntNavLIGroupItem.sapTntNavLIGroupItem,
.sapContrastPlus .sapTntNavLIItemSelected.sapTntNavLIGroupItem.sapTntNavLIGroupItem{
    background: #377CF6 !important;
    color: #fff !important;
    width: 190px !important;
    margin-left: 0.4rem !important;

} */

.sapContrast .sapTntNavLIItem .sapUiIcon {
    color: #B6B3B2 !important;
    font-size: 24px !important;
}

.sapContrastPlus.sapTntNavLIItem .sapMText, 
.sapContrastPlus .sapTntNavLIItem .sapMText{
    color: #B6B3B2 !important;
    font: 14px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif !important;
}

.usersearchbutton .sapMBtnInner {
    color: #666666 !important;
    background-color: #ffffff !important;
    border-color: #6c8b96 !important;
    width: 30px;
    height: 27.5px;
    text-shadow: none;
    font-weight: 600;
}

.usersearchbutton .sapMBtnIcon{
    line-height: 1.9rem;
}

/* css for pins complete text visible */
.signalpin-color-1.sapMBtn .sapMBtnContent,
.signalpin-color-2.sapMBtn .sapMBtnContent,
.signalpin-color-3.sapMBtn .sapMBtnContent,
.signalpin-color-4.sapMBtn .sapMBtnContent,
.signalpin-color-5.sapMBtn .sapMBtnContent,
.signalpin-color-6.sapMBtn .sapMBtnContent,
.groundpin-color-1.sapMBtn .sapMBtnContent,
.groundpin-color-2.sapMBtn .sapMBtnContent,
.groundpin-color-3.sapMBtn .sapMBtnContent,
.groundpin-color-4.sapMBtn .sapMBtnContent,
.groundpin-color-5.sapMBtn .sapMBtnContent{
   display: contents;
}

.signalpin-color-1 .sapMBtnIcon,
.signalpin-color-2 .sapMBtnIcon,
.signalpin-color-3 .sapMBtnIcon,
.signalpin-color-4 .sapMBtnIcon,
.signalpin-color-5 .sapMBtnIcon,
.signalpin-color-6 .sapMBtnIcon,
.groundpin-color-1 .sapMBtnIcon,
.groundpin-color-2 .sapMBtnIcon,
.groundpin-color-3 .sapMBtnIcon,
.groundpin-color-4 .sapMBtnIcon,
.groundpin-color-5 .sapMBtnIcon{
   font-size: 1.2rem;
}

.pinsAppplyBtn{
    padding-left: 4rem !important;
}

.bpViewPgActions .sapMFlexBox{
    overflow: auto;
}


.backplanesignalpin.sapMBtn .sapMBtnInner{
    display: table;
}

.shieldcolor.sapMLabel {
    color: red;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: text;
}
/* css fot dashboard status grid1 */

.dashboardStatusGrid .sapFGLI {
    box-shadow: none !important;
}


.dashboardPannel .sapMPanelContent {
    padding-left: 0rem;
}

.dashboardStatusGrid .sapMLabel .sapMLabelColonAndRequired{
    display:none;
}

.dashboardDraftIcon span.sapMBtnInner.sapMBtnReject {
    background-color: #377CF6;
    border-color: #E4EEFF;
    border-radius: 2rem;
}

.dashboardDraftIcon .sapMBtnInner{
    height: 1.5rem;
    min-width: 1.5rem;
}

.dashboardDraftIcon:not(.sapMBtnDisabled):not(.sapMSBActive)>span.sapMBtnInner.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed)>.sapMBtnIcon{
    color: #377CF6;
}

.dashboardDraftIcon .sapMBtnIcon{
    font-size: 0.875rem;
    line-height: 1.5rem;
}


.GbxLSeriesWafer {
    height: 180px !important;
    box-sizing: border-box;
    border: 1px solid;
    border-top: 0;
    writing-mode: vertical-rl;
    display: flex;
    background: rgb(153, 33, 53);
    color: #000000 !important;
}

.GbxLSeriesWafer.sapMText {
    display: flex !important;
    box-sizing: border-box;
    white-space: pre-line;
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    line-height: unset;
    align-items: center;
    justify-content: center;
}

.componentformInputTxt .sapMInputBaseInner {
    font: 12px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #5b5b5b;
    min-width: 175px;
    padding: 0 !important;
}

/* css for dashboard overall configurable status text alignment */
.gridlistHeader .sapMListHdrText{
    color: #333333;
    font: 12.5px "Inter", "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-bottom: none;
    margin-bottom: -1rem !important;
   
}

.emailSettingTeamsbutton .sapMBtnInner {
    color: #fff !important;
    background-color: #377CF6 !important;
    border-color: #377CF6 !important;
    width: 150px;
    height: 30px;
    text-shadow: none;
    font-weight: 500;

}