:root {
    /* Core Colors */

    --safeAreaTop : env(safe-area-inset-top);
    --safeAreaBottom : env(safe-area-inset-bottom);

    --transparentGrey3: #00000038; /*rgb(255, 255, 255, 0.15)*/
    --transparentGrey2: #FFFFFF0D; /*rgb(255, 255, 255, 0.05)*/
    --transparentGrey1: #0000000D; /*rgb(0, 0, 0, 0.05)*/

    --white:         #FFFFFF; /*rgb(255, 255, 255)*/
    --lightGrey600:  #fcfcfc; /*rgb(252, 252, 252)*/
    --lightGrey550:  #fafafa; /*rgb(250, 250, 250)*/
    --lightGrey500:  #f0f2f2; /*rgb(240, 242, 242)*/
    --lightGrey450:  #EEEFF0; /*rgb(238, 239, 240)*/
    --lightGrey400:  #ebebeb; /*rgb(235, 235, 235)*/
    --lightGrey350:  #dcdcdc; /*rgb(220, 220, 220)*/
    --lightGrey300:  #d2d5d0; /*rgb(210, 213, 208)*/
    --lightGrey250:  #d0d0d0; /*rgb(208, 208, 208)*/
    --lightGrey200:  #cfcfcf; /*rgb(207, 207, 207)*/
    --lightGrey150:  #bebebe; /*rgb(190, 190, 190)*/
    --lightGrey100:  #8b8b8b; /*rgb(139, 139, 139)*/
    --grey:          #666666; /*rgb(102, 102, 102)*/
    --darkGrey100:   #565656; /*rgb(86, 86, 86)*/
    --darkGrey150:   #505050; /*rgb(80, 80, 80)*/
    --darkGrey200:   #464646; /*rgb(70, 70, 70)*/
    --darkGrey250:   #444444; /*rgb(68, 68, 68)*/
    --darkGrey300:   #3C3C3C; /*rgb(60, 60, 60)*/
    --darkGrey350:   #383838; /*rgb(56, 56, 56)*/
    --darkGrey400:   #333333; /*rgb(51, 51, 51)*/
    --darkGrey450:   #202020; 

    --gradientGrey: radial-gradient(ellipse farthest-corner at bottom left, var(--lightGrey300) 0%, var(--lightGrey450) 50%,  var(--lightGrey550) 100%);

    --transparentPink1: #EB58837F; 
    --pink100: #ff7bb7; 
    --pink200: #ff6a9d; 
    --pink300: #EB5883; /* Main */
    --pink400: #bc4669; 
    --pink500: #8d354f; 

    --transparentLightPink1: #ff99cc83; 
    --lightPink100: #ffc1f4; 
    --lightPink200: #ffade0; 
    --lightPink300: #FF99CC; /* Main */
    --lightPink400: #eb85b8; 
    --lightPink500: #d771ae; 
    
    --transparentRed1: #FF33337F;
    --red100: #FF5050;
    --red200: #FF4242;
    --red300: #FF3333; /* Main */
    --red400: #e52929; 
    --red500: #bf2020;
    
    --transparentYellow1: #E6E0008f;
    --transparentYellow2: #FBBB298f;
    --yellow100: #FFFF00;
    --yellow120: #ffce8a;
    --yellow150: #FFB347;
    --yellow200: #FBBB29; /* Main Financial */
    --yellow300: #E6E000; /* Main Health */

    --transparentOrange1: #e67e227F;
    --orange100: #ffb030;
    --orange200: #ff9729;
    --orange300: #e67e22; /* Main */
    --orange400: #b8651b;
    --orange500: #8a4c14;

    --transparentPurple1: #ae6bc97F;
    --purple100: #d0a3e1; 
    --purple200: #c489db; 
    --purple300: #ae6bc9; /* Main */
    --purple400: #9049a1; 
    --purple500: #753581; 

    --transparentGreen1: #66CC337F;
    --green100: #7af53d;
    --green200: #8fff47;
    --green300: #66CC33; /* Main */
    --green400: #52a329;
    --green500: #3d7a1f;
    
    --transparentBlueGreen1: #7fe3e48F;
    --blueGreen100: #7fe3e4;
    --blueGreen200: #53d0d1;
    --blueGreen300: #27BDBE; /* Main */
    --blueGreen400: #1d9495;
    --blueGreen500: #146c6d;

    --transparentBlue1: #3399FF7F;
    --trasnparentBlue2: #3396C77F;
    --blue100: #599ed5; 
    --blue200: #5cadff; 
    --blue300: #3399FF; /* Main MasterData */
    --blue400: #3386C7; /* Main Pedagogic */
    --blue500: #006d97; 

    --transparentEnrollGreen1: #99cc3380;
    --enrollGreen100: #c1e051;
    --enrollGreen200: #add647;
    --enrollGreen300: #99CC33; /* Main */
    --enrollGreen400: #7bb81f;
    --enrollGreen500: #5da40b;

    /* Theme Color */
    --homeThemeColor: var(--blueGreen100);
    --communicationThemeColor: var(--pink100);
    --healthThemeColor: var(--yellow300);
    --pedagogicThemeColor: var(--blue400);
    --financialThemeColor: var(--yellow200);
    --masterDataThemeColor: var(--blue300);
    --reportsThemeColor: var(--green300);
    --enrollmentThemeColor: var(--enrollGreen300);
    --settingsThemeColor: var(--red300);
    --monitoringThemeColor: var(--lightPink300);

    /* Theme Color Soft*/
    --homeThemeColorSoft: var(--transparentBlueGreen1);
    --communicationThemeColorSoft: var(--transparentPink1);
    --healthThemeColorSoft: var(--transparentYellow1);
    --pedagogicThemeColorSoft: var(--trasnparentBlue2);
    --financialThemeColorSoft: var(--transparentYellow2);
    --masterDataThemeColorSoft: var(--transparentBlue1);
    --reportsThemeColorSoft: var(--transparentGreen1);
    --enrollmentThemeColorSoft: var(--transparentEnrollGreen1);
    --settingsThemeColorSoft: var(--transparentRed1);
    --monitoringThemeColorSoft: var(--transparentLightPink1);
    
    /* Switch variables */
    --backGroundColor: var(--lightBackGroundColor);
        --darkBackGroundColor: var(--darkGrey400);
        --lightBackGroundColor: var(--white);
        
    --messageBoxFooterColor: var(--lightMessageBoxFooterColor);
        --darkMessageBoxFooterColor: var(--darkGrey400);
        --lightMessageBoxFooterColor: var(--grey);
        
    --messageBoxHeadderBorderColor: var(--lightMessageBoxHeadderBorderColor);
        --darkMessageBoxHeadderBorderColor: var(--grey);
        --lightMessageBoxHeadderBorderColor: var(--grey);
    
    --textColor: var(--lightTextColor);
    --textColorInverted: var(--darkTextColor);
        --darkTextColor: var(--lightGrey550);
        --lightTextColor: var(--grey);
    
    --linkColor: var(--lightLinkColor);
        --darkLinkColor: var(--lightGrey450);
        --lightLinkColor: var(--darkGrey350);

    --linkHoverColor: var(--lightLinkHoverColor);
        --darkLinkHoverColor: var(--lightGrey350);
        --lightLinkHoverColor: var(--lightGrey100);

    --backgroundToggleColor: var(--lightBackgroundToggleColor);
        --darkBackgroundToggleColor: var(--darkGrey350);
        --lightBackgroundToggleColor: var(--lightGrey350);

    --inputBorderColor: var(--lightInputBorderColor);
        --darkInputBorderColor: var(--lightGrey150);
        --lightInputBorderColor: var(--lightGrey150);

    --inputBackgroundColor: var(--lightInputBackgroundColor);
        --darkInputBackgroundColor: var(--darkGrey100);
        --lightInputBackgroundColor: var(--lightGrey550);
    
    --hoverButtonBackgroundColor: var(--lightHoverButtonBackgroundColor);
        --darkHoverButtonBackgroundColor: var(--darkGrey100);
        --lightHoverButtonBackgroundColor: var(--lightGrey350);
    
    --panelHeaderBorderColor: var(--lightPanelHeaderBorderColor);
        --darkPanelHeaderBorderColor: var(--darkGrey200);
        --lightPanelHeaderBorderColor: var(--lightGrey200);
        
    --defaultScrollTumbColor: var(--lightDefaultScrollTumbColor);
        --darkDefaultScrollTumbColor: var(--darkGrey150);
        --lightDefaultScrollTumbColor: var(--lightGrey250);
        
    --hoverDefaultScrollTumbColor: var(--lightHoverDefaultScrollTumbColor);
        --darkHoverDefaultScrollTumbColor: var(--darkGrey100);
        --lightHoverDefaultScrollTumbColor: var(--lightGrey150);

    --hoverDefaultContentLineColor: var(--lightHoverDefaultContentLineColor);
        --darkHoverDefaultContentLineColor: var(--darkGrey150);
        --lightHoverDefaultContentLineColor: var(--lightGrey600);
        
    --contentTileBackgroundColor: var(--lightContentTileBackgroundColor);
        --darkContentTileBackgroundColor: var(--darkGrey200);
        --lightContentTileBackgroundColor: var(--white);

    --contentTileHeaderBackgroundColor: var(--lightContentTileHeaderBackgroundColor);
        --darkContentTileHeaderBackgroundColor: var(--darkGrey300);
        --lightContentTileHeaderBackgroundColor: var(--lightGrey450);

    --contentTileBorderColor: var(--lightContentTileBorderColor);
        --darkContentTileBorderColor: var(--grey);
        --lightContentTileBorderColor: var(--lightGrey350);

    --tableBackgroundColor: var(--lightTableBackgroundColor);
        --darkTableBackgroundColor: var(--darkGrey350);
        --lightTableBackgroundColor: var(--lightGrey600);

    --tableBorderColor: var(--lightTableBorderColor);
        --darkTableBorderColor: var(--darkGrey450);
        --lightTableBorderColor: var(--lightGrey350);

    --tableHeaderBackgroundColor: var(--lightTableHeaderBackgroundColor);
        --darkTableHeaderBackgroundColor: var(--darkGrey250);
        --lightTableHeaderBackgroundColor: var(--lightGrey450);

    --switchOffBorderColor: var(--lightSwitchOffBorderColor);
        --darkSwitchOffBorderColor: var(--darkGrey300);
        --lightSwitchOffBorderColor: var(--lightGrey150);

    --switchOffBackgroundColor: var(--lightSwitchOffBackgroundColor);
        --darkSwitchOffBackgroundColor: var(--grey);
        --lightSwitchOffBackgroundColor: var(--lightGrey400);

    --switchOffHoverBackgroundColor: var(--lightSwitchOffHoverBackgroundColor);
        --darkSwitchOffHoverBackgroundColor: var(--lightGrey100);
        --lightSwitchOffHoverBackgroundColor: var(--lightGrey350);
        
    --listPageListTextColor: var(--lightListPageListTextColor);
        --darkListPageListTextColor: var(--white);
        --lightListPageListTextColor: var(--darkGrey400);
        
    --topicBackground: var(--lightTopicBackground);
        --darkTopicBackground: var(--darkGrey200);
        --lightTopicBackground: var(--lightGrey400);

    --selectArrowBackgroundColor: var(--lightSelectArrowBackgroundColor);
        --darkSelectArrowBackgroundColor: var(--darkGrey400);
        --lightSelectArrowBackgroundColor: var(--lightGrey400);

    --filterImageIcons: var(--lightFilterImageIcons);
        --darkFilterImageIcons: none;
        --lightFilterImageIcons: grayscale(50%) invert(50%);
}

html.sap-phone {
    --gradientGrey: var(--lightGrey500);
}


.deDefaultPage {
    background: var(--backGroundColor);
}

*{
    font-family: GothamRnd-Book, Arial, 'SAP-icons', schoolDiary;
    outline: none !important;
}

.sapMLabel, .sapMText{
    font-family: GothamRnd-Book, Arial, 'SAP-icons', schoolDiary !important;
}

.deDefaultPage .sapMBtnIcon {
    line-height: 2.375rem;
}


/* customHeader */
.deDefaultMessageBox .sapMPageHeader,
.deDefaultPage .sapMPageHeader{
    background: transparent !important;
    border-bottom: 4px solid var(--groupColor) !important;
}

.deDefaultPage .headerModuleColor>.sapMPageHeader{
    border-bottom: 4px solid var(--groupColor) !important;
}

.deDefaultMessageBox .sapMPageHeader .sapMBtn:hover .sapMBtnDefault,
.deDefaultPage .sapMPageHeader .sapMBtn:hover .sapMBtnDefault{
    background-color: var(--hoverButtonBackgroundColor);
}

.deDefaultMessageBox .sapMPageHeader .sapMBtnInner,
.deDefaultMessageBox .sapMPageHeader ::before,
.deDefaultMessageBox .sapMPageHeader .sapMLabel,
.deDefaultPage .sapMPageHeader .sapMBtnInner,
.deDefaultPage .sapMPageHeader ::before,
.deDefaultPage .sapMPageHeader .sapMLabel{
    color: var(--textColor);
    text-shadow: var(--textColorInverted);
}

.deDefaultMessageBox .sapMPageHeader::before,
.deDefaultPage .sapMPageHeader::before {
    border-top: none !important;
}

/* Text */
.deDefaultMessageBox .sapMLabel,
.deDefaultMessageBox .sapMText,
.deDefaultPage .sapMLabel,
.deDefaultPage .sapMText {
    text-shadow: none !important;
    color: var(--textColor) !important;
}

.deDefaultPage .deDefaultLabelSmall .sapMLabel {
    font-size: small !important;
}

.deDefaultPage .sapMTitle {
    color: var(--textColor);
    font-weight: bold;
    text-shadow: none !important;
}

/* button */
.deDefaultMessageBox .sapMBtn,
.deDefaultPage .sapMBtn {
    margin: 1px;
    padding: 0;
    height: 2.5rem;
    border-radius: 0.5rem;
    overflow: hidden !important;
    border-color: var(--groupColor) !important;
}

.deDefaultMessageBox .sapMBtn:hover,
.deDefaultPage .sapMBtn:hover {
    background-color: var(--hoverButtonBackgroundColor) !important;
}

.deDefaultMessageBox .sapMBtn > .sapMBtnInner,
.deDefaultPage .sapMBtn > .sapMBtnInner{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: inherit !important;
    background-color: transparent !important;
    background: transparent !important;
}

.deDefaultMessageBox .sapMBtn:hover > .sapMBtnHoverable
.deDefaultPage .sapMBtn:hover > .sapMBtnHoverable {
    background-color: var(--hoverButtonBackgroundColor) !important;
}

.deDefaultMessageBox .sapMBtn > .sapMBtnInner > .sapMBtnIcon,
.deDefaultPage .sapMBtn > .sapMBtnInner > .sapMBtnIcon {
    position: relative;
}

.deDefaultMessageBox .sapMBtn > .sapMBtnInner > .sapMBtnContentRight,
.deDefaultPage .sapMBtn > .sapMBtnInner > .sapMBtnContentRight {
    padding: 0;
}

.deDefaultMessageBox .sapMBtn > .sapMBtnInner:not(.sapMBtnActive) > .sapMBtnContentRight,
.deDefaultPage .sapMBtn > .sapMBtnInner:not(.sapMBtnActive) > .sapMBtnContentRight {
    color: var(--textColor) !important;
    text-shadow: none !important;
}

.deDefaultMessageBox .sapMBtn .sapMBtnInner.sapMBtnActive ::before,
.deDefaultPage .sapMBtn .sapMBtnInner.sapMBtnActive ::before {
    color: var(--groupColor) !important;
}


.deDefaultMessageBox .sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner.sapMBtnActive,
.deDefaultPage .sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner.sapMBtnActive {
    color: var(--groupColor) !important;
    border-color: var(--groupColor) !important;
}

.deDefaultMessageBox .deDefaultButtonWithImage.sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner,
.deDefaultPage .deDefaultButtonWithImage.sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner {
    filter: var(--filterImageIcons) !important;
    background-color: transparent !important;
    background: transparent !important;
    color: var(--textColor) !important;
    text-shadow: none !important;
}

.deDefaultMessageBox .deDefaultButtonWithImage.sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner .sapUiIcon,
.deDefaultPage .deDefaultButtonWithImage.sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner .sapUiIcon {
    color: var(--textColor) !important;
    margin-bottom: 0.225rem !important;
    text-shadow: none !important;
}

.deDefaultMessageBox .deDefaultButtonWithImage.sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner.sapMBtnActive,
.deDefaultPage .deDefaultButtonWithImage.sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner.sapMBtnActive {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--textColor) !important;
    text-shadow: none !important;
}

.deDefaultMessageBox .deDefaultButtonWithImage.sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner.sapMBtnActive ::before,
.deDefaultPage .deDefaultButtonWithImage.sapMBtn:not(.sapMBtnDisabled):not(.newDEToolbarButton)>.sapMBtnInner.sapMBtnActive ::before {
    color: var(--textColor) !important;
}

.deDefaultMessageBox .deDefaultButtonWithoutBorder>.sapMBtnInner,
.deDefaultPage .deDefaultButtonWithoutBorder>.sapMBtnInner {
    border-color: transparent !important;
}

.deDefaultMessageBox .deDefaultFileUploader .sapMBtn,
.deDefaultPage .deDefaultFileUploader .sapMBtn {
    margin-top: 0.25rem;
}

.deDefauldeDefaultMessageBoxtPage .deDefaultFileUploader:active .sapMBtnInner,
.deDefaultPage .deDefaultFileUploader:active .sapMBtnInner {
    border-color: var(--groupColor) !important;
    background: var(--hoverButtonBackgroundColor) !important;
}

.deDefaultMessageBox .deDefaultFileUploader:active .sapMBtnInner ::before,
.deDefaultPage .deDefaultFileUploader:active .sapMBtnInner ::before,
.deDefaultMessageBox .deDefaultFileUploader:active .sapMBtnInner>span,
.deDefaultPage .deDefaultFileUploader:active .sapMBtnInner>span {
    color: var(--groupColor) !important;
}

/* Panel */
.deDefaultPage .sapMPanelWrappingDivTb{
    border-bottom: 1px solid var(--lightGrey200) !important;
}
.deDefaultPage .sapMPanelBGTranslucent{
    background-color: transparent;
}
.deDefaultPage .sapMPanelExpandableIcon {
    font-family: SAP-icons, schoolDiary !important;
}
.deDefaultPage .sapMPanelExpandableIcon::before {
    content: "" !important;
}
.deDefaultPage .sapMPanelExpandableIcon::after {
    border: none !important;
}
.deDefaultPage .sapMPanelExpandableIcon {
    transform: translateY(-50%) rotate(270deg) !important;
}
.deDefaultPage .sapMPanelExpandableIconExpanded {
    transform: translateY(-50%) rotate(360deg) !important;		
}
.deDefaultPage .sapMPanelContent:not(.sapMPanelBGTransparent) {
    border: none;
}
.deDefaultPage .sapMPanelWrappingDivTb .sapUiIcon {
    color: var(--textColor);
    width: 20px;
    height: auto;
}


/* Segment Button */

.deDefaultPage .sapMSegBBtn {
    -webkit-user-select:none;  
    -moz-user-select:none;     
    -ms-user-select:none;      
    user-select:none;  
}

.deDefaultPage .sapMSegBBtn.sapMSegBBtnSel {
    color: var(--white) !important;
}

.deDefaultPage .sapMSegBBtn:last-child,
.deDefaultPage .sapMSegBBtn {
    border-color: var(--lightGrey200);
}
.deDefaultPage .sapMSegBBtn {
    color: var(--textColor);
    background-color: var(--contentTileBackgroundColor);
}

.deDefaultPage .sapMSegBBtnFocusable.sapMSegBBtnSel:focus {
    border-color: var(--foreColor) !important;
}

.deDefaultPage .sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:focus{
    border-color: var(--darkGrey400) !important;
}
.deDefaultPage .sapMSegBBtnFocusable:focus {
    border-color: var(--darkGrey400) !important;
    border-style: solid !important;
}
.deDefaultPage .sapMSegBBtn:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.deDefaultPage .sapMSegBBtn:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.deDefaultPage .messageArea {
    margin: 2%;
    width: 96%;
    position: absolute;
    bottom: 0;
}
.deDefaultPage .sapMInputValHelpInner,
.deDefaultPage .sapMListTblCellNoData {
    color: var(--foreColor1);
}

.deDefaultPage .sapMSlt>.sapMSltLabel{
    color: var(--foreColor1);
}

.deDefaultPage .sapMSelectList{
    background: var(--foreColor2);
    color: var(--foreColor1);
}

/* AllScreens */

.deDefaultListPage ::-webkit-scrollbar-thumb:hover,
.deDefaultDetailPage ::-webkit-scrollbar-thumb:hover,
.deDefaultMsgBox ::-webkit-scrollbar-thumb:hover,
.deDefaultPage ::-webkit-scrollbar-thumb:hover {
    background-color: var(--hoverDefaultScrollTumbColor) !important;
}
.deDefaultListPage ::-webkit-scrollbar-thumb,
.deDefaultDetailPage ::-webkit-scrollbar-thumb,
.deDefaultMsgBox ::-webkit-scrollbar-thumb,
.deDefaultPage ::-webkit-scrollbar-thumb {
    background-color: var(--defaultScrollTumbColor) !important;
}

/* Link */

.deDefaultPage .sapMLnk{
    color: var(--linkColor) !important;
    text-decoration: underline;
    font-weight: bold;
}
.deDefaultPage .sapMLnk:hover{
    color: var(--linkHoverColor) !important;
}

/* New screen white tiles */


.deDefaultPage .deDefaultContentTileTable{
    /* align-items: center; */
    background-color: var(--contentTileBackgroundColor);
    border-radius: 7px;
    width: calc(100% - 1rem);
    max-width: 97%;
    margin: 0.5rem auto;
    padding: 0 5px 5px 5px;
    box-shadow: 0 1px 3px var(--transparentGrey3);
    border: 1px solid var(--contentTileBorderColor);
    height: calc(100% - 1rem);
}

.deDefaultPage .deDefaultContentTileTable>.sapMFlexItem:first-child{
    margin-top: 5px;
    width: 100%;
    height: calc(100% - 5px);
}

.deDefaultPage .deDefaultContentTileSmall{
    /* align-items: center; */
    background-color: var(--contentTileBackgroundColor);
    border-radius: 7px;
    width: calc(100% - 1rem);
    max-width: 700px;
    margin: 0.5rem auto;
    padding: 0 5px 5px 5px;
    box-shadow: 0 1px 3px var(--transparentGrey3);
    border: 1px solid var(--contentTileBorderColor);
}

.deDefaultPage .deDefaultContentTile>.sapMFlexItem:first-child{
    width: 100%;
    box-sizing: border-box;
}

.deDefaultPage .deDefaultContentTileSmall>.sapMFlexItem:first-child{
    width: 100%;
}

.deDefaultPage .deDefaultContentTile{
    /* align-items: center; */
    background-color: var(--contentTileBackgroundColor);
    border-radius: 7px;
    width: calc(100% - 1rem);
    max-width: 97%;
    margin: 0.5rem auto;
    padding: 0 5px 5px 5px;
    box-shadow: 0 1px 3px var(--transparentGrey3);
    border: 1px solid var(--contentTileBorderColor);
}

.deDefaultPage .deDefaultContentTile>.sapMFlexItem:first-child{
    width: 100%;
}

.deDefaultPage .deDefaultContentTile>.sapMFlexItem:last-child{
    border-bottom: transparent;
}

.deDefaultPage .deDefaultContentTileHeader{
    height: 3rem;
    align-items: center;
    font-weight: bold;
    background-color: var(--contentTileHeaderBackgroundColor) !important;
    border-bottom: 2px solid var(--groupColor);
    border-radius: 0.5rem 5px 0 0;
}

.deDefaultPage .deDefaultContentTileHeader>span:not(.sapMBtnIcon) {
    padding: 0 0 0 0.75rem;
}

.deDefaultPage .deDefaultContentTileHeader>.sapMFlexItem>span:not(.sapMBtnIcon) {
    padding: 0 0 0 1rem;
}

.deDefaultPage .deDefaultFixedHeader{
    position: sticky;
    z-index: 100;
    top: 0;
    background-color: var(--contentTileBackgroundColor);
    border-radius: 0.5rem 5px 0 0;
}

.deDefaultPage .deDefaultContentTileHeaderImage{
    color: var(--textColor);
    font-size: 2rem;
    margin-right: 5px
}

.deDefaultPage .deDefaultContentTileLineWithBorder,
.deDefaultPage .deDefaultContentTileLineCenter,
.deDefaultPage .deDefaultContentTileLine{
    width: calc(100% - 2rem) !important;
    min-height: 3rem;    
    margin: 0 0.5rem 0 0.5rem;
    align-items: center;
}

.deDefaultPage .deDefaultContentTileLineWithBorder:not(.deDefaultContentTileLineWithBorderNoPadding),
.deDefaultPage .deDefaultContentTileLineCenter:not(.deDefaultContentTileLineWithBorderNoPadding),
.deDefaultPage .deDefaultContentTileLine:not(.deDefaultContentTileLineWithBorderNoPadding) {
    padding-left: 0.5rem;   
    padding-right: 0.5rem;
}

.deDefaultPage .deDefaultContentTileLineWithBorder.deDefaultContentTileLineWithBorderNoPadding {
    width: calc(100% - 1rem) !important;
}

.deDefaultPage .deDefaultContentTileLineWithBorder,
.deDefaultPage .deDefaultContentTileLine{
    justify-content: space-between;
    /* padding: 0 5px; */
}

@media only screen and (max-width: 1000px) {
    .deDefaultPage .deDefaultContentTileLineWithBorder,
    .deDefaultPage .deDefaultContentTileLine {
        display: flex;
        flex-direction: column;
        align-content: flex-end;
        align-items: stretch;
    }

    .deDefaultPage .deDefaultContentTileLineWithBorder > [class="sapMFlexItem"]:first-child,
    .deDefaultPage .deDefaultContentTileLine > [class="sapMFlexItem"]:first-child {
        margin-top: 0.5rem !important;
    }

    .deDefaultPage .deDefaultContentTileLineWithBorder > [class="sapMFlexItem"]:last-child,
    .deDefaultPage .deDefaultContentTileLine > [class="sapMFlexItem"]:last-child {
        margin-bottom: 0.5rem !important;
    }

    .deDefaultPage .deDefaultContentTileLineWithBorder .sapMSwtCont,
    .deDefaultPage .deDefaultContentTileLine .sapMSwtCont {
        padding-top: 0 !important;
    }

    .deDefaultPage .deDefaultContentTileLineWithBorder .deDefaultInput,
    .deDefaultPage .deDefaultContentTileLineWithBorder .deDefaultInput input,
    .deDefaultPage .deDefaultContentTileLineWithBorder .deDefaultInput select {
        width: 100% !important;
    }
}

.deDefaultPage .deDefaultContentTileLineWithBorder {
    border-bottom: solid 1px var(--contentTileBorderColor);
}

.deDefaultPage .deDefaultContentTileLineWithBorder label,
.deDefaultPage .deDefaultContentTileLine label{
    white-space: pre-wrap;
}

.deDefaultPage .deDefaultContentTileLineWithBorder>.sapMFlexItem,
.deDefaultPage .deDefaultContentTileLine>.sapMFlexItem {
    display: flex;
}

.deDefaultPage .deDefaultContentTileLineCenter{
    justify-content: center;
}

.deDefaultPage .deDefaultContentTileLineWithBorder:hover{
    background-color: transparent;
}

.deDefaultPage .deDefaultContentTile .sapMLabel{
    color: var(--textColor);
}

/* Input */

.deDefaultPage .sapMInputBaseInner {
    border: solid 0.5px var(--inputBorderColor) !important;
    border-radius: 10px;

    background: var(--inputBackgroundColor);
    color: var(--textColor);
    
    padding: 0 0.75rem;
    overflow: hidden;
}

.deDefaultPage .sapMInputBaseInner::placeholder {
    color: var(--textColor);
}

.deDefaultPage .deDefaultInput,
.deDefaultPage .deDefaultInput input,
.deDefaultPage .deDefaultInput select {
    width: 200px !important;
}

.deDefaultPage .deDefaultInputVerySmall,
.deDefaultPage .deDefaultInputVerySmall input,
.deDefaultPage .deDefaultInputVerySmall select {
    width: 50px !important;
}
.deDefaultPage .deDefaultInputSmall,
.deDefaultPage .deDefaultInputSmall input,
.deDefaultPage .deDefaultInputSmall select {
    width: 120px !important;
}

.deDefaultPage .deDefaultInputLarge,
.deDefaultPage .deDefaultInputLarge input,
.deDefaultPage .deDefaultInputLarge select {
    width: 350px !important;
}

.deDefaultPage .deDefaultInputLarge label {
  text-align: start !important;
}

.deDefaultPage .deDefaultInputVeryLarge,
.deDefaultPage .deDefaultInputVeryLarge input,
.deDefaultPage .deDefaultInputVeryLarge html.sap-phone {
    max-width: 100% !important;
    width: 480px !important;
}

.deDefaultPage .deDefaultInputTotalSize,
.deDefaultPage .deDefaultInputTotalSize input,
.deDefaultPage .deDefaultInputTotalSize html.sap-phone {
    max-width: 100% !important;
    width: 100% !important;
}

.deDefaultPage,
.deDefaultPage input,
.deDefaultPage select {
    font-family: GothamRnd-Book, Arial !important;
}

/* .deDefaultPage html.sap-phone .deDefaultInputVeryLarge,
.deDefaultPage html.sap-phone .deDefaultInputVeryLarge input,
.deDefaultPage html.sap-phone .deDefaultInputVeryLarge select {
    min-width: 10rem !important;
    width: 10rem !important;
} */


/* Time Frame Input */

.deDefaultPage .deDefaultTimeFrameInput, 
.deDefaultPage .deDefaultBigHeaderInput{
    margin-left: 1rem !important;
    margin-right: 1rem !important;

    border: solid 0.5px var(--inputBorderColor) !important;
    border-radius: 10px;
    background: var(--inputBackgroundColor) !important;
    color: var(--textColor);
    
    padding: 0 0.75rem;
    overflow: hidden;
}

.deDefaultPage .deDefaultTimeFrameInput .sapMSltArrow{
    background: transparent !important;
}

/* Split Page */

.deDefaultPage .sapMSplitContainerMaster{
    background-color: transparent;
}

.sapMSplitContainerMaster::before, 
.sapMSplitContainerMaster::after{
    border-color: var(--masterDataThemeColor) !important;
}

.deDefaultPage .sapMLIB:last-child,
.deDefaultPage .sapMLIB:last-child .deDefaultContentTileLineWithBorder {
    border: none !important;
}

/* Detail Page*/

.deDefaultPage .deDefaultDetailPage .notificationBar{
    margin: 0 2%;
    width: calc(100vw - 400px);
    position: fixed;
    bottom: 10px;
}

.deDefaultPage .notificationBar{
    margin: 0 2%;
    width: calc(100vw - 4%);
    position: fixed;
    bottom: 10px;
}

.deDefaultPage .notificationBar .sapMMsgStripMessage>.sapMText{
    color: inherit !important;
}


.deDefaultPage .notificationBar{
    margin: 0 2%;
    width: calc(100vw - 4%);
    position: fixed;
    bottom: 10px;
}

.deDefaultPage .sapMCbBg{
    background-color: var(--backGroundColor);
    border-radius: 4px;
    border-color: var(--inputBorderColor);
}


/* List Page */
.deDefaultListPage .sapMList {
    height: 100%;
}
.deDefaultListPage .sapMList .sapMLIBSelectSL{
    display: none;
}
.deDefaultListPage .sapMLIB  {
    height: 60px;
    padding: 0;
}
.deDefaultListPage .sapMLIB .sapMLIBContent{
    padding: 0;
    margin: 0;
    margin-left: 0rem;
}
.deDefaultListPage .sapMListModeSingleSelectLeft .sapMLIB {
    padding: 0.5rem 1rem !important;
    margin-left: 0rem;
}
.deDefaultListPage .sapMLIB  .sapMRbBOut {
    margin-left: 1.3rem;
    margin-right: 2px;
}

.deDefaultListPage .sapMList .sapUiIcon{
    border-radius: 50%;
    padding: 4px 2px 0 2px;
    background-color: var(--textColorInverted);
    color: var(--textColor);
    border: 1px solid var(--lightGrey150);
}

.deDefaultListPage .sapMList .sapMSLITitleOnly{
    font-size: 0.875rem;
}
.deDefaultListPage .selectedIconSpace {
    width: 20px;
    justify-content: center;
    align-items: center;
}
.deDefaultListPage .selectedIcon {
    width: 12px;
    height: 12px;
    border: none;
    background-color: var(--white);
    border-radius: 12px;    
}
.deDefaultListPage .sapMRb::before{
    border: none !important;
}
.deDefaultListPage .sapMRbB .sapMRbBOut
{
    background: none;
    border-color: transparent;
}

.deDefaultListPage .sapMLIB {
    border-bottom: 1px solid var(--lightGrey150);
}
.deDefaultListPage .sapMLIB .sapMSLITitle,
.deDefaultListPage .sapMLIB .sapMSLIDescription,
.deDefaultListPage .sapMLIB .sapMSLITitleOnly,
.deDefaultListPage .sapMLIB:focus .sapMSLITitleOnly{
    color: var(--textColor);
}

/* .deDefaultListPage .sapMLIB.sapMLIBSelected .sapMSLITitleOnly{
    color: var(--listPageListTextColor);
} */

.deDefaultListPage .sapMLIB:focus .sapMRbB .sapMRbBOut
{
    border-color: transparent;
}
.deDefaultListPage .listScroll
{
    height: calc(100% - 48px) !important;
}

.deDefaultListPage .sapMLIB.sapMLIBSelected
{
    background: var(--groupLightColor) !important;
}

.deDefaultListPage .sapMRbSel .sapMRbBInn{
    background-color: var(--groupColor);
}

.sapMSplitContainerMaster::before, 
.sapMSplitContainerMaster::after{
    border-color: var(--groupColor) !important;
}

.deDefaultDetailPage .topicSeparator {
    border-color: var(--groupLightColor) !important;
}

/* LISTA */
    
.deDefaultList .sapMLIB .sapMLIBContent {
    margin-left: 0 !important;
}

.deDefaultListPage .sapMListUl .sapMLIB .sapMLIBContent {
    display: flex;
    align-items: center;
    height: 100% !important;
}

.deDefaultListPage .sapMListModeSingleSelectLeft .deDefaultLargeListItem {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.deDefaultListPage .sapMSLITitle {
    font-size: 0.975rem !important;
    padding: 0.25rem !important;
}

.deDefaultListPage .sapMSLITitleOnly {
    font-size: 0.875rem !important;
    padding: 1rem !important;
}

.deDefaultListPage .sapMSLIDescription {
    font-size: 0.775rem !important;
    padding: 0 0.25rem 0.25rem 0.25rem !important;
}

.deDefaultSelectedListItem {
    background-color: var(--groupLightColor);
    height: 100% !important;
    width: 100% !important;
}

.deDefaultListPage .sapMListModeNone .sapMLIB {
    margin: 0rem !important;
}

.deDefaultListText{
    padding-left: 1rem;
    padding-right: 1rem;
}

/* TABELA */
/*Essas propriedades serão herdadas em qualquer arquivo xml que chame a classe deDefaultPage.
Exemplo de uso: <Page id="mainPage" class="deDefaultPage headerModuleColor bigHeader levelList" showHeader="true">
Não alterar esse css sem consultar seu lider técnico.
*/
.deDefaultListItemWithDescription {
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: center;
    gap: 0.1rem;
    width: 100%;
    height: 60px;
}

.deDefaultListDescription {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.775rem !important;
}

.deDefaultStandardList .sapMSLITitle,
.deDefaultStandardList .sapMSLITitleOnly,
.deDefaultStandardList .sapMSLIDescription {
    color: var(--textColor) !important;
}

.deDefaultStandardList .sapMSLIInfoError {
    color: var(--red300) !important;
}

.deDefaultStandardList .sapMSLIInfoWarning {
    color: var(--yellow300) !important;
}

.deDefaultStandardList .sapMSLIInfoSuccess {
    color: var(--green300) !important;
}

.deDefaultStandardList .sapMSLIInfoNone {
    color: var(--textColor) !important;
}

.deDefaultStandardList .sapMLIBHoverable:hover {
    background-color: var(--hoverButtonBackgroundColor) !important;
}

/* Table */

/* cor de fundo da tabela */
.deDefaultPage .sapUiTableCCnt, 
.deDefaultPage .sapUiTableEdt .sapUiTableCtrl,
.deDefaultPage .sapUiTableCtrlScr {
    background-color: var(--tableBackgroundColor) !important;
}

/* cor de fundo da tabela vazia */
.deDefaultPage .sapUiTableShNoDa.sapUiTableEmpty .sapUiTableCtrlEmpty{
    color:  var(--textColor) !important;
    background-color: var(--tableBackgroundColor) !important;
}

/* cor do cabeçalho da tabela */
.deDefaultPage .sapUiTableColHdrCnt {
    background-color: var(--tableHeaderBackgroundColor)  !important;
}

/* cor da borda inferior do cabeçalho */
.sapUiTableColHdrCnt {
    border-bottom: 1px solid var(--tableBorderColor) !important;
}

/* cor borda lateral da celulas */
.deDefaultPage .sapUiTableTr>td,
.deDefaultPage .sapUiTableCol, .sapUiTableTr>td {
    border-right: 1px solid var(--tableBorderColor) !important;
    border-bottom: 1px solid var(--tableBorderColor) !important;
}

/*cor das bordas superior e inferio da tabela */
.deDefaultPage .sapUiTable>div:last-child {
    border-top:1px solid var(--tableBorderColor) !important;
    border-bottom:1px solid var(--tableBorderColor) !important;
}

/* cor das bordas laterais da tabela */
.deDefaultPage .sapUiTable>div:last-child,
.deDefaultPage .sapUiTable>div {
    border-left: 1px solid var(--tableBorderColor) !important;
    border-right: 1px solid var(--tableBorderColor) !important;
}

/* remove o efeito de hover dos itens da tabela */
.deDefaultPage .sapUiTableRowHvr,
.deDefaultPage .sapUiTableRowHvr td {
    background-color: transparent !important; /
}

/* remove o efeito de hover do cabeçalho da tabela */
.deDefaultPage .sapUiTableCol:hover{
    background-color: transparent !important; /
    /* background-color: var(--tableHeaderBackgroundColor)  !important; */
}

/* cor do fundo das barras de rolagem da tabela */
.deDefaultPage .sapUiTableHScr .sapUiTableHSb,
.deDefaultPage .sapUiTableVScr .sapUiTableVSb {
    background: var(--tableBorderColor);
}

/* Switch */

.deDefaultPage .sapMSwtCont {
    transform: scale(0.8); /* Reduz para 80% do tamanho original */
    transform-origin: center;
}

.deDefaultPage .sapMSwtOn .sapMSwtText {
    color: var(--white) !important;
}

.deDefaultPage .sapMSwtOff .sapMSwtText {
    color: var(--textColor) !important;
}

.sapMSwtOn:not(.sapMSwtAcceptReject) {
    background: var(--groupColor) !important;
    border-color: var(--switchOffBorderColor) !important;
}


.deDefaultPage .sapMSwt.sapMSwtHoverable:hover {
    border-color: var(--switchOffBorderColor) !important;
}


.deDefaultPage .sapMSwtOff:not(.sapMSwtAcceptReject) {
    border-color: var(--switchOffBorderColor) !important;
}

.deDefaultPage .sapMSwtOff:not(.sapMSwtAcceptReject) {
    background: var(--switchOffBackgroundColor) !important;
    border-color: transparent !important;
}

.deDefaultPage .sapMSwtHoverable.sapMSwtOff:not(.sapMSwtAcceptReject):hover {
    background: var(--switchOffHoverBackgroundColor) !important;
}

.deDefaultPage .sapMSwtHoverable.sapMSwtOn:not(.sapMSwtAcceptReject):hover {
    background: var(--groupLightColor) !important;
}

.deDefaultDetailPage .noDataMessage{
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.deDefaultDetailPage .noDataMessage ::before{
    font-size: 6rem;
    color: var(--lightGrey200);
}
.deDefaultDetailPage .noDataMessage .sapMText{
    font-size: 1.2rem;
    color: var(--textColor);
}

.deDefaultDetailPage .topicSeparator {
    align-items: center;
    height: 3rem;
    padding: 0 1rem;
    border-bottom: 1.5px solid;
    justify-content: space-between;
    background-color: var(--topicBackground);
    z-index: 100;

    position: sticky;
    top: 0;
}

.deDefaultDetailPage .topicSeparator .sapMText {
    font-weight: bold;
    font-size: 1rem;
    text-shadow: none;
    color: var(--textColor);
}

.deDefaultDetailPage .topicContent {
    padding: 10px;
}

.deDefaultDetailPage .contentAddButton {
    justify-content: end;
}

.deDefaultDetailPage .sapMBtn .sapMBtnInner{
    border-radius: 0.5rem !important;
}

.deDefaultDetailPage .sapMBtn .sapMBtnInner,
.deDefaultDetailPage .sapMBtn .sapMBtnInner ::before{
    background: transparent;
    background-color: transparent;
    color: var(--textColor) !important;
    text-shadow: var(--textColorInverted);
}

.deDefaultDetailPage .sapMSltDefault {
    border: solid 0.5px var(--inputBorderColor) !important;
    border-radius: 10px;
    background: var(--groupColor);
    color: var(--textColor);
    
    padding: 0 0.75rem;
    overflow: hidden;
}

.deDefaultDetailPage .sapMSltArrow{
    background: var(--fieldBackground) !important;
    color: var(--foreColor1);
}

.deDefaultDetailPage .sapMSltHoverable:not(.sapMSltPressed):hover>.sapMSltArrow{
    background: var(--selectArrowBackgroundColor);
}

/* Images */

.deDefaultPage .smallAvatar{
    width: 35px;
    height: 35px;
    margin:5px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    line-height: 35px;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border: 0.5px solid rgba(0,0,0,0.39);
    background: white;
}

/* Tokenizer */

.deDefaultDetailPage .sapMToken .sapUiIcon {
    color: var(--foreColor1) !important;  
}

.deDefaultDetailPage .sapMToken {
    color: var(--textColor) !important;
    border: solid 0.5px var(--inputBorderColor) !important;
    border-radius: 0.3rem !important;
    background: var(--tokenColor) !important;
}

.deDefaultDetailPage .sapMTokenSelected {
    color: var(--textColor) !important;
    border: solid 0.5px var(--inputBorderColor) !important;
    border-radius: 0.3rem !important;
}

/* MessageBox */

.deDefaultMessageBox {
    border-radius: 0.5rem !important;
    border: solid 1px gray !important;
    background: var(--backGroundColor) !important;
    max-width: 50vw;
    min-width: 250px;
    max-height: auto;
}

.deDefaultMessageBox .sapMHeader-CTX {
    border-bottom: 1px var(--groupColor) solid !important;
    background: transparent !important;
}
.deDefaultMessageBox .sapMHeader-CTX ::before{
    color: var(--textColor);
}
.deDefaultMessageBox .sapMHeader-CTX .sapMTitle{
    color: var(--textColor) !important;
}
.deDefaultMessageBox .sapMDialogSection {
    background: transparent !important;
    margin: 10px;
}
.deDefaultMessageBox .sapMDialogSection .sapMText {
    color: var(--textColor) !important;
}

.deDefaultMessageBox .sapMIBar.sapMFooter-CTX{
    border-top: 1px var(--groupColor) solid !important;
    background-color: var(--contentTileHeaderBackgroundColor) !important;
    background: var(--messageBoxFooterColor) !important;
}

.deDefaultMessageBox .subHeader{
    font-weight: 600;
    margin-top: 1rem;
}
.deDefaultMessageBox .contentBox{
    max-width: 650px;
    margin: 1rem !important;
}
.deDefaultMessageBox .topicBox{
    flex-direction: column;
    margin: .5rem auto;
    gap: .40rem;
}

.deDefaultMessageBox .topicBox > div{
    text-align: left;
}

.deDefaultMessageBox .topic{
    margin-left: 1.5rem;
}

.deDefaultMessageBox .sapMText.sapMTextMaxWidth.sapUiSelectable.topic::before{
    content: "\2022";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-30%);
    scale: 1.8;
}

.deDefaultMessageBox .sapMDialogSection .sapMSltDefault {
    border: solid 0.5px var(--inputBorderColor) !important;
    border-radius: 10px;

    background: var(--inputBackgroundColor);
    color: var(--textColor);
    
    padding: 0 0.75rem;
    overflow: hidden;
}
.deDefaultMessageBox .sapMBtnInner{
    outline: none !important;
    border-radius: 0.5rem !important;
    text-shadow: none !important;
}
.deDefaultMessageBox .sapMIBar .sapMBtn:hover .sapMBtnInner{
    background-color: var(--darkGrey100) !important;
}
.deDefaultMessageBox .sapMIBar .sapMBtn:active .sapMBtnActive{
    background-color: var(--darkGrey200) !important;
}

/*AJUSTA INPUT DENTRO DO MESSAGEBOX*/
.deDefaultMessageBox div.sapMSltPicker{
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 10px 0px #0000005c !important;
    background: none;
}
.deDefaultMessageBox .sapMSlt>.sapMSltLabel{
    color: var(--textColor);
}
.deDefaultMessageBox div.sapMSltPicker .sapMSelectList{
    background: var(--contentTileBackgroundColor);
}
.deDefaultMessageBox div.sapMSltPicker .sapMSelectList .sapMSelectListItem[role^="option"]{
    background: transparent;
}
.deDefaultMessageBox .sapMSlt {
    border-radius: 10px;
    border: 1px solid  var(--inputBorderColor);
    background: var(--inputBackgroundColor);
}
.deDefaultMessageBox .sapMSlt .sapMSltArrow{
    background: none;
    color: var(--textColor);
}
.deDefaultMessageBox .sapMSltHoverable:hover{
    border: 1px solid var(--inputBorderColor);
}
.deDefaultMessageBox .sapMSltHoverable:not(.sapMSltPressed):hover>.sapMSltArrow{
    background: var(--hoverColor);
}
.deDefaultMessageBox .sapMSltPressed:not(.sapMSltDisabled),
.sap-desktop .deDefaultMessageBox .sapMSlt:focus{
    border-color: var(--inputBorderColor)
}
.deDefaultMessageBox .sapMSLITitleOnly,
.deDefaultMessageBox .sapMSLITitle{
    color: var(--textColor);
}

.deDefaultMessageBox.sapMDialog.sapMMessageBoxQuestion>header.sapMBar {
    -webkit-box-shadow: inset 0 -0.0625rem var(--groupColor) !important;
    box-shadow: inset 0 -0.0625rem var(--groupColor) !important;
}

.fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}   


/* List */
.deDefaultList,
.deDefaultList > .sapMListUl,
.deDefaultList > .sapMListUl > .sapMLIB,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBSelectM,
.deDefaultList > .sapMListUl > .sapMLIB > .sapUiIcon,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent > .sapUiIcon,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent > .sapMSLITitleDiv,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent > .sapMSLITitleDiv > .sapMSLITitleOnly,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent > .sapMSLITitleDiv > .sapMSLIInfo{
    display: flex;
    padding: 0;
    margin: 0;
}

.deDefaultList > .sapMListUl{
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.deDefaultList > .sapMListUl{
    overflow: auto;
}

.deDefaultList > .sapMListUl > .sapMLIB{
    padding: 10px;
    flex: 1;
}

.deDefaultList > .sapMListUl > .sapMLIB,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent > .sapMSLITitleDiv{
    gap: 10px;
}

.deDefaultList > .sapMListUl > .sapMLIB > .sapUiIcon,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent > .sapUiIcon{
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: fit-content;
    line-height: normal;
}

.deDefaultList > .sapMListUl > .sapMLIB > .sapUiIcon,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent > .sapUiIcon,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent > .sapMSLITitleDiv > .sapMSLITitleOnly,
.deDefaultList > .sapMListUl > .sapMLIB > .sapMLIBContent > .sapMSLITitleDiv > .sapMSLIInfo{
    color: var(--textColor);
    font-size: 1rem;
}

/* icon */

.deDefaultPage .sapUiIcon:not(.colorPreviewIcon) {
    color: var(--textColor) !important;
}
/* Select */
div.sapMSltPicker{
    border-radius: 0.5rem !important;
    box-shadow: 0px 0px 10px 0px #0000005c !important;
    background: none;
}
div.sapMSltPicker .sapMSelectList{
    background: var(--contentTileBackgroundColor);
}
div.sapMSltPicker .sapMSelectList .sapMSelectListItem[role^="option"]{
    background: transparent;
}
.deDefaultPage .sapMSlt {
    border-radius: 10px;
    border: 1px solid  var(--inputBorderColor);
    background: var(--inputBackgroundColor);
}
.deDefaultPage .sapMSlt .sapMSltArrow{
    background: none;
    color: var(--textColor);
}
.deDefaultPage .sapMSltHoverable:hover{
    border: 1px solid var(--inputBorderColor);
}
.deDefaultPage .sapMSltHoverable:not(.sapMSltPressed):hover>.sapMSltArrow{
    background: var(--hoverColor);
}
.deDefaultPage .sapMSltPressed:not(.sapMSltDisabled),
.sap-desktop .deDefaultPage .sapMSlt:focus{
    border-color: var(--inputBorderColor)
}

/* Radio Button */
.deDefaultPage .sapMRbB .sapMRbBOut{
    background-color: var(--inputBackgroundColor);
    border: 1px solid var(--inputBorderColor);
}
.deDefaultPage .sapMRb:hover .sapMRbBOut{
    background-color: var(--hoverColor);
}
.deDefaultPage .sapMRb.sapMRbBTouched .sapMRbBOut{
    border-color: var(--inputBorderColor);
}

/* Busy */
body .sapUiLocalBusyIndicator{
    background: #00000050;
}
body .sapUiLocalBusyIndicatorAnimation>div{
    box-shadow: inset 0 0 20px 20px rgb(102, 102, 102) !important;
}

/* DatePicker */
.deDefaultPage .sapMInputValHelp{
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}

.deDefaultPage .sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp>.sapMInputValHelpInner:hover,
.deDefaultPage .sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp>.sapMInputValHelpInner:focus{
    background: var(--hoverColor);
    cursor: pointer;
}

.deDefaultPage .detailDataContainer {
    background: var(--optionOffColor) !important;
    margin: 1.5rem;
    border-radius: 0.6rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.deDefaultPage .containerTopicTitle {
    background: var(--scrollTumbColor) !important;
    color: #696969 !important;
    font-family: GothamRnd-Book, Arial !important; 
    font-size: 1.5rem !important;
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 0.5rem;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
}



/* Search */
.sapMFocus>.sapMSFF>.sapMSFB{
    color: var(--groupColor) !important;
}

.sapMListNoData {
    color: var(--textColor) !important;
}

.textColor {
    color: var(--textColor) !important;
    text-shadow: none !important;
}

/* Utilidades */
.margin5px{
    margin: 5px;
}
.margin5pxTop{
    margin: 5px;
}
.margin5pxRight{
    margin-right: 5px;
}
.margin5pxBottom{
    margin-bottom: 5px;
}
.margin5pxLeft{
    margin-left: 5px;
}

.margin10px{
    margin: 10px;
}
.margin10pxTop{
    margin: 10px;
}
.margin10pxRight{
    margin-right: 10px;
}
.margin10pxBottom{
    margin-bottom: 10px;
}
.margin10pxLeft{
    margin-left: 10px;
}

.margin1rem{
    margin: 1rem;
}
.margin1remTop{
    margin: 1rem;
}
.margin1remRight{
    margin-right: 1rem;
}
.margin1remBottom{
    margin-bottom: 1rem;
}
.margin1remLeft{
    margin-left: 1rem;
}

.margin2rem{
    margin: 2rem;
}
.margin2remTop{
    margin: 2rem;
}
.margin2remRight{
    margin-right: 2rem;
}
.margin2remBottom{
    margin-bottom: 2rem;
}
.margin2remLeft{
    margin-left: 2rem;
}