.communicationTextColor {
    color: var(--communicationColor);
}

.healthTextColor{
    color: var(--healthColor);
}

.pedagogicTextColor{
    color: var(--pedagogicColor);
}

.settingsTextColor{
    color: var(--settingsColor);
}


@font-face {
    font-family: GothamRnd-Book;
    src: url("../fonts/GothamRnd-Book.otf") format("opentype");
  }
  
  @font-face {
    font-family: GothamRnd-Bold;
    src: url("../fonts/GothamRnd-Bold.otf") format("opentype");
  }
  
  @font-face {
    font-family: GothamRnd-Light;
    src: url("../fonts/GothamRnd-Light.otf") format("opentype");
  }
  
  @font-face {
      font-family: GothamRnd-Medium;
      src: url("../fonts/GothamRnd-Medium.otf") format("opentype");
  }

  .deFontBook {
    font-family: GothamRnd-Book;
  }

  .deFontMedium {
    font-family: GothamRnd-Medium !important;
  }

  .deFontBold {
    font-family: GothamRnd-Bold;
  }

  .deFontLight {
    font-family: GothamRnd-Light;
  }
  
  /* ----------------------------------- Overrides ----------------------------------- */
  
  .sapMShellGlobalOuterBackground{
/*      background-image: linear-gradient(to bottom,grey 0, grey 100%) !important;	*/
  }

  .sapMShellGlobalInnerBackground {
    background: grey !important;
  }
  
  body,
  .sapUiBody{
      font-family: GothamRnd-Book, Arial;
  }
  
  .sapMLabel{
      font-family: GothamRnd-Book, Arial;
  }
  
  .sapMText{
      font-family: GothamRnd-Book, Arial;
  }
  
  .sapMShellBrandingBar{
      height: 0px;
  }
  
  .sapMListBGSolid .sapMLIB{
      background-color: transparent;
  }
  
  .sap-desktop ::-webkit-scrollbar {
      width: 12px;
      height: 16px;
      background-color: transparent;
  }
  
  .sap-desktop ::-webkit-scrollbar-thumb {
      background-color: white;
  }

/*    .sap-desktop .sapMPage{
        position: fixed;
        top: 20px;
        height: calc(100vh - 40px);
        left: calc(30vw);
        width: calc(40vw);
    }

    .sap-desktop .sapMPage::before{
        content: "";
        position: absolute;
        top: -20px;
        left: -20px;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 0 100vmax grey;
        border: 20px solid;
        border-radius: 20px;
        box-sizing: content-box;
        pointer-events: none;
    }
*/
  
  
  /* ----------------------------------- Notifications ----------------------------------- */
  
  .ballonInbox{
      background-color: white;
      -radius : 10px;
      border-radius : 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      
  }
  .ballonInboxImage{
      background-color: white;
      border-radius : 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px
  }
  
  .ballonOutbox{
      background-color: #0098d9;
      border-radius : 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
  }
  .ballonOutboxImage{
      background-color: #0098d9;
      border-radius : 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px
  }
  
  .tailOutbox{
      width : 16px;
      height : 16px;
      margin-bottom: -5px;
  }
  
  .tailInbox{
      width : 16px;
      height : 16px;
      margin-bottom: -5px;
  }
  
  .notificationFileUploader{
        width:0px;
      overflow:hidden;
  }
  
  .notificationContact{
      width: 30px;
      height: 30px;
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
  }
  
  .notificationContactLeftLabel{
      color: #336b80;
      font-size: x-small;
      margin-left: 5px;
  }
  
  .notificationContactRightLabel{
      color: #336b80;
      font-size: x-small;
      margin-right: 5px;
  }
  
  .notificationOuterBox{
      align-items: flex-end;
      margin: 5px;
  }
  
  .notificationOuterBoxRight{
      align-items: flex-end;
      justify-content: flex-end;
      margin: 5px;
  }
  
  .notificationLeftBox{
      margin-left: -9px;
      max-width: calc(100% - 4rem);
  }
  
  .notificationRightBox{
      margin-right: -9px;
      text-align: right;
      max-width: calc(100% - 4rem);
  }

.notificationOuterBoxRight[data-moderationStatus="P"] .ballonOutbox {
    background-color: #5cadff;
}

.notificationOuterBoxRight[data-moderationStatus="P"] .ballonOutboxImage {
    background-color: #5cadff;
}

.notificationOuterBoxRight[data-moderationStatus="R"] .ballonOutbox {
    background-color: #ff4b4b;
}

.notificationOuterBoxRight[data-moderationStatus="R"] .ballonOutboxImage {
    background-color: #ff4b4b;
}
  
  .notificationTextLeft{
      color: black;
      margin-right: 10px;
      margin-bottom: 10px;
      margin-left: 10px;
      max-width: calc(100% - 1rem);
  }
  
  .notificationDateTimeLeft{
      font-size: x-small;
      margin-right: 10px;
      margin-left: 10px;
  }
  
  .notificationImageLeft{
      color: black;
      max-height: calc(min(70vh, 70vw));
      max-width: calc(min(70vh, 70vw));
      margin-bottom: 5px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      
  }
  
  .notificationDateTimeRight{
      font-size: x-small;
      color: white;
      margin-right: 10px;
      margin-left: 10px;
  }
  .notificationTextRight{
      color: white;
      margin-right: 10px;
      margin-bottom: 10px;
      margin-left: 10px;
      text-align: left;
      max-width: calc(100% - 1rem);
  }
  
  .notificationTextRight a{
      color: #ffffa0;
  }
  
  .notificationContactsList{
      background-color: #c6e8f5;
  }
  
  .notificationList{
  }
  
  .notificationContactsList .sapMSLIImgThumb{
      width: 40px;
      height: 40px;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      line-height: 30px;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      -ms-flex: none;
      flex: none;
      border: 0.5px solid rgba(0,0,0,0.25);
      background-color: white;
  }
  
  .notificationContactsList .sapMSLITitleOnly{
      font-size: 0.875rem;
  }
  
  .notificationContactsList .sapMSLIInfo{
      color : white;
      background-color: #EA6161;
      min-width: 20px;
      height: 20px;
      border-radius: 15px;
      text-align: center;
      line-height: 20px;
      float: right;
      padding: 4px;
  }
  
  .notificationContactsList .sapMLIB {
      border-bottom: 1px solid transparent;
      -webkit-border-image: url(../images/white_border_bottom.png) 0 0 100% 0 stretch; /* Safari 3.1-5 */
      -o-border-image: url(../images/white_border_bottom.png) 0 0 100% 0 stretch; /* Opera 11-12.1 */
      border-image: url(../images/white_border_bottom.png)  0 0 100% 0 stretch;
      outline: 0 !important;
      
  }
  .notificationContactsList .sapMLIB:hover {
      background-color: #caecf9;
  }
  .notificationContactsList .sapMRbB .sapMRbBOut{
      background-color: transparent;
      border-color: transparent;
  }
  .notificationContactsList .sapMRbSel .sapMRbBInn{
      background-color: rgba(255, 255, 255, 0.9);
      width: 12px;
      height: 12px;
      margin: 0px;
  }
  
  .notificationList .sapMLIB {
      border-bottom: 2px solid transparent;
      -webkit-border-image: url(../images/notification_divider.png) 0 0 100% 0 stretch; /* Safari 3.1-5 */
      -o-border-image: url(../images/notification_divider.png) 0 0 100% 0 stretch; /* Opera 11-12.1 */
      border-image: url(../images/notification_divider.png)  0 0 100% 0 stretch;
      outline: 0 !important;
      
  }
  
  .notificationList .sapMLIB:hover {
      background-color: #79c8e9;
  }
  
  .notificationFooter{
      border-top: 1px solid white !important;
      background-color: #c6e8f5 !important;
  }
  
  .notificationMessagesHeader{
      background: #c6e8f5 !important;
      border-bottom: 1px solid white;
  }
  
  .notificationHeader{
      background: #007db3 !important;
      border-bottom: none;
  }
  
  .notificationHeader .sapMSplitContainerMaster:after{
      border-right: 1px solid #00b8f0;
  }
  
  .notificationHeader .sapMPageHeader::before{
      border-top: none;
  }
  
  .notificationHeaderLabel{
      font-family: GothamRnd-Book, Arial !important; 
      color : white !important;
      text-shadow : none !important;
  }
  
  .notificationHeaderTimer{
      font-family: GothamRnd-Book, Arial !important; 
      color : white !important;
      text-shadow : none !important;
      font-size: 0.7rem !important;
      text-align: center !important;
      width: 2.5rem !important;
      margin-right: -2.75rem !important;
      margin-left: 0rem !important;
  }
  
  .notificationHeaderBtnIcon .sapMBtnInner{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  
  .notificationHeaderBtnIcon:hover>.sapMBtnHoverable{
      background-color: #cceefb;
      cursor: pointer;
  }
  
  
  .notificationHeaderBtnIcon .sapMBtnInner .sapMBtnIcon{
       width: 30px; 
       height: 30px; 
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
  }
  
  .notificationHeaderBtnIcon .sapMText{
      font-family: GothamRnd-Book, Arial !important; 
  }
  
  .notificationMessagesHeaderLabel{
      font-family: GothamRnd-Book, Arial !important; 
  }
  
  .notificationSendButton .sapMBtnContent{
      color: black;
      text-shadow : none;
  }
  
  .hiddenEnd{
      width: 100%;
      height: 1px;
      background-color: #6cd0f5;
  }
  
  .messagesPage{
      background-color: #6cd0f5;
  }
  
  .messagesPage .sapMPullDownNontouch>.sapMPullDownText{
      display: none;
  }
  
  .messagesPage .sapMPullDownInfo{
      margin-left: 5px;
      line-height: 25px;
  }
  
  .messagesPage .sapMPullDownNontouch:focus{
      outline: none;
  }
  
  .messagesPage .sapMPageHeader::before{
      display : none;
  }
  
  .messagesPage textarea{
      max-height: 2.6rem;
      overflow: hidden;
  }
  
  .hideBrandingBar .sapMShellBrandingBar{
      display : none;
  }
  
  .notificationCamera {
      width: 35px;
      height: 35px;
      background-image: url("../images/ic_camera.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
  }
  
  .notificationCamera:hover {
      background-color: #cceefb;
      cursor: pointer;
  }
  
  .sendStatusIcon{
      position: absolute;
      bottom: 3px;
      right: 10px;
      width: 10px;
      height: 10px;	
      -webkit-filter: drop-shadow(1px 0px 0px rgba(0,0,0,0.5));    
  }
  
  .newNotificationIcon{
      width: 25px;
      margin-right: 10px;
  }
  
  .sendImagePreview{
      margin-top: 30px;
      margin-bottom: 30px;
      height: 300px;
  }
  
  .sendImageDialog .sapMDialogScroll{
      background-color: #c6e8f5;
  }
  
  .sendImageDialog  .sapMDialogScrollCont{
      text-align: center;
  }
  
  .sendImageDialog  .sapMTitle{
      color: white;
  }
  
  .sendImageDialog .sapMFooter-CTX{
      background-color: #007db3 !important;
  }
  
  .notificationImageView section{
      background-color: #6cd0f5 !important;
      overflow-x: auto !important;
      overflow-y: auto;
      text-align: center;
      padding: 10px;
  }
  
  .notificationImageView .sapMPageHeader::before{
      border-top: none;
  }
  
  
  .notificationImageView img{
      max-height: 100%;
      max-width: 100%;	
  }
  
  .notificationBackButton{
      background-color: transarent;
  }
  .notificationBackButton:focus>.sapMFocusable{
      outline: none !important;
  }
  
  .notificationBackButton:hover>.sapMBtnHoverable{
      background-color: #1292c8 !important;
      cursor: pointer;
  }
  
  
  
  /* ----------------------------------- Login ----------------------------------- */
  
  /* ----------------------------------- Main Menu ----------------------------------- */
  
  .mainMenu .sapMPageHeader{
      background: #008F8F !important;
      border-bottom: none !important;
  }
  
  .mainMenu{
      background-color: #397373 !important;
      border-bottom: none;
  }
  
  .mainMenu .sapMBar {
      background: #000 !important;
      box-shadow: none;
  }
  .mainMenuToolBar .sapMBtnBack .sapUiIcon:before{
      content: none;
  }
  
  .mainMenu  .sapMBtn:focus>.sapMBtnInner.sapMFocusable {
      outline: none !important;
  }
  
  .mainMenuToolBar .sapMBtn:hover>.sapMBtnHoverable{
      background-color: #109c9c !important;
      cursor: pointer;
  }
  
  
  .mainMenuToolBar .sapMBtnBack .sapMBtnIcon{
      width: 35px;
      height: 35px;
      background-image: url("../images/ic_toolbar_back.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
  }
  
  .mainMenu .sapMTitle{
      color: #fff;
      font-family: GothamRnd-Book, Arial;
  }
  
  .mainMenu .sapMPageHeader::before{
      border-top: none;
  }
  
  .mainMenu .sapMStdTileInfo{
      color : white;
      background-color: #EA6161;
      min-width: 20px;
      height: 20px;
      border-radius: 15px;
      text-align: center;
      line-height: 20px;
      float: right;
      padding: 4px;
  }
  
  
  .mainMenuNotificationsButton{
      background-color: #6DCFF6;
      color: white;
      -radius : 10px;
      border: 1px solid rgba(0, 0, 0, 0.39);
      border-radius : 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
  }
  .mainMenuNotificationsButton .sapMStdTileTitle{
      color: black;
  }
  
  .mainMenuDiaryButton{
      background-color: #57e6e6;
      color: white;
      -radius : 10px;
      border: 1px solid rgba(0, 0, 0, 0.39);
      border-radius : 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
  }
  .mainMenuDiaryButton .sapMStdTileTitle{
      color: black;
  }
  
  .salmonLink {
      color: rgb(0, 154, 152) !important;
  }
  
  .genericCircleHBOX {
      width: 12px;
      height: 12px;
      border: none;
      background-color: white;
      border-radius: 12px;    
  }
  
  .genericLink {
      font-family: GothamRnd-Book, Arial !important;
      font-weight: bold;
  }
  
  .genericMFlexItem100 .sapMFlexItem{
      width:100%;
  }
  
  .genericButton .sapMBtnInner{
      font-family: GothamRnd-Book, Arial !important; 
      text-shadow: none  !important;
      border: none;
  }
  
  .genericButton .sapMBtnIcon{
      border: none;
  }
  
  .genericButton img {
      width: 35px;
      height: 35px;
  }
  
  .genericButton:focus>.sapMFocusable{
      outline: none !important;
  }
  
  .genericButton:active .sapMBtnInner,
  .genericButton:hover>.sapMBtnHoverable{
      cursor: pointer;
  }  
  
  .genericMsgBox {
      border-radius: .35rem !important;
      max-width: minmax(calc(100%),400px) !important;
  }
  
  .genericMsgBox .sapMDialogTitle {
      background: white !important;
  }
  
  .genericMsgBox .sapMBtnInner,
  .genericMsgBox .sapMTitle {
      font-family: GothamRnd-Book, Arial !important;
      background: transparent !important;
  }
  
  .bigHeader  > .sapMPageHeader + section,
  .bigHeader  > .sapMPageSubHeader + section,
  .bigHeader  > .sapMPageHeader + .sapUiHiddenPlaceholder + section {
      top: 5rem;
  }
  
  .bigHeader .sapMBar{
      height: 5rem;
  }
  .bigHeader>.sapMTB{
      height: 5rem;
      padding-top: 2rem;
  }
  
  .bigHeader .sapMBarLeft,
  .bigHeader .sapMBarMiddle{
      padding-top: 2rem;
  }
  
  .bigHeader  > .sapMPageHeader + section, 
  .bigHeader  > .sapMPageSubHeader + section, 
  .bigHeader  > .sapMPageHeader + .sapUiHiddenPlaceholder + section {
      top: calc(var(--safeAreaTop) + 3rem);
  }
  
  .bigHeader .sapMBar{
      height: calc(var(--safeAreaTop) + 3rem);
  }
  .bigHeader>.sapMTB{
      height: calc(var(--safeAreaTop) + 3rem);
      padding-top: var(--safeAreaTop);
  }
  .bigHeader .sapMTB{
      border-bottom: none;
  }
  
  .bigHeader .sapMBarLeft,
  .bigHeader .sapMBarMiddle{
      padding-top: var(--safeAreaTop);
  }
  
  .salmonButton .sapMBtnInner {
      color: white !important;
      background: rgb(24, 166, 164) !important;
  }
  
  .salmonButton .sapMBtnIcon {
      color: white !important;
  }
  
  .salmonButton:active .sapMBtnInner,
  .salmonButton:hover>.sapMBtnHoverable{
      background: rgb(19, 133, 131) !important;
  }
  
   .genericFloatRight {
      float: right;
  }
  
  .genericToolbar {
      border-bottom: none;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
  }
  
  .salmonToolbarLevel1 {
      background: rgb(0, 154, 152) !important;
  }
  
  .genericInput,
  .genericInput input,
  .genericInput textArea {
      font-family: GothamRnd-Book, Arial !important; 
      border-radius: 10px !important; 
      border-width: 0px !important; 
  }
  
  .genericInput .sapMSFB {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      border-width: 0px;        
  }
  
  .genericInput .sapMMultiInputBorder {
      border-radius: 10px !important; 
      border-width: 0px !important; 
  }
  
  .genericInput .sapMInputBaseErrorInner {
      border-color: #e52929 !important;
      border-width: 2px !important;
  }
  
  .genericInput .sapMInputFocused {
      font-family: GothamRnd-Book, Arial !important;     
  }
   
  .salmonListPage {
      background-color: rgb(178, 221, 223) !important;            
  }
  
  .salmonList .sapMGHLI {
      background-color: #29b3b3 !important;
      color: white !important;
      border-bottom: none !important;
  }
  
  .salmonList .sapMLIB.sapMGHLI:hover {
      background: #29b3b3 !important;
  }
  
  
  .sapMSplitContainerMaster:after{
      border-right: 1px solid #00b8f0;
  }
  
  .genericMainPage {
      border-bottom: none;
  }
  
  .genericFloatBottom {
      margin: 2%;
      width: 96%;
      position: absolute;
      bottom: 0;
  }
  
  .genericMainPage .sapMPageHeader::before {
      border-top: none;
  }
  
  .genericMainPage .sapMSplitContainerMaster:after {
      border-right: 1px solid rgba(0, 0, 0, 0.37) !important;
  }
  
  .genericToolbarLabel {
      font-family: GothamRnd-Book, Arial !important; 
      color : white !important;
      text-shadow : none !important;
      padding-right: 0rem;
      padding-left: 0rem;
      font-size: 1rem !important;
  }
  
  .salmonToolbarButton .sapMBtnIcon{
      color: white !important;
  }
  
  .orangeToolbarButton .sapMBtnInner {
      color: white !important;
  }
  
  .orangeToolbarButton .sapMBtnIcon{
      color: white !important;
  }
  
  .orangeToolbarButton sapMBtnActive{
      background: white !important;
  }
  
  .genericToolbarButton .sapMBtnInner{
      font-family: GothamRnd-Book, Arial !important; 
      text-shadow: none  !important;
      border: none;
  }
  
  .genericToolbarButton .sapMBtnIcon{
      border: none;
  }
  
  .genericToolbarButton img {
      width: 35px;
      height: 35px;
  }
  
  .genericToolbarButton .sapMImg {
      width: 35px !important;
      height: 35px !important;
  }
  
  .genericToolbarButton:focus>.sapMFocusable{
      outline: none !important;
  }
  
  .genericToolbarButton:active .sapMBtnInner,
  .genericToolbarButton:hover>.sapMBtnHoverable,
  .genericToolbarButton:not(.sapMBtnDisabled)>.sapMBtnInner.sapMBtnActive {
      background-color: rgba(0, 0, 0, 0.20)  !important;
      cursor: pointer;
  }            
  
  .genericSearchField,
  .genericSearchField .sapMSFI {
      text-transform: none !important;
      font-family: GothamRnd-Book, Arial !important; 
      text-shadow : none !important;
      padding-top: .0rem;
      padding-bottom: .0rem;
      padding-left: .0rem;
      padding-right: .0rem;
      width:100% !important;
  }
  
  .genericSearchField .sapMSFF>.sapMSFB:not(.sapMSFBF):active, 
  .genericSearchField .sapMSFF>.sapMSFB.sapMSFBA {
      background-color: rgba(222,222,222,0.5)!important;
  }
  
  .genericSearchField .sapMSFF {
      border: none !important;
  }
  
  .blueSearchField .sapMSFB,
  .blueSearchField .sapMFocus>.sapMSFF>.sapMSFB {
      height:100% !important;
      color: rgb(0, 125, 179) !important;
  }
  
  .popupHeader{
      background: #5A5A5A !important;
      border-bottom: none;
      color: white !important;
  }
  
  .popupToolbarButton .sapMBtnInner{
      color: white;
      text-shadow: none  !important;
      border: none;
  }
  
  .popupToolbarButton .sapMBtnIcon{
      color: white !important;
      border: none;
  }
  .popupToolbarButton img{
      width: 35px;
      height: 35px;
  }
  
  .popupToolbarButton:focus>.sapMFocusable{
      outline: none !important;
  }
  
  .popupToolbarButton:active .sapMBtnInner,
  .popupToolbarButton:hover>.sapMBtnHoverable{
      background-color: #6A6A6A  !important;
      cursor: pointer;
  }
  
  .popupList{
      background-color: white;
  }
  
  .popupList .sapMSLIImgThumb{
      width: 40px;
      height: 40px;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      line-height: 40px;
      -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;
  }
  
  .popupList .sapMSLITitleOnly{
      font-size: 0.875rem;
      color: black;
  }
  
  .popupList .sapMSLIInfo{
      color : white;
      background-color: #EA6161;
      min-width: 20px;
      height: 20px;
      border-radius: 15px;
      text-align: center;
      line-height: 20px;
      float: right;
      padding: 4px;
  }
  
  .popupList .sapMLIB {
      border-bottom: 1px solid rgba(0, 0, 0, 0.18);
      outline: 0 !important;
      margin-left: 0.5rem;
      margin-right: 0.5rem;			
  }
  
  .popupList .sapMLIB:hover {
      background-color: #F5F5F5;
  }
  
  .popupList .sapMRbB .sapMRbBOut{
      background-color: transparent;
      border-color: transparent;
  }
  
  .popupList .sapMRbSel .sapMRbBInn{
      background-color: rgba(255, 255, 255, 0.9);
      width: 12px;
      height: 12px;
      margin: 0px;
  }
  
  .popupList .sapMLIBSelectSL,
  .popupList .sapMLIBSelectM {
      width: 2.3rem !important;
      margin-left: -2rem !important;
  }
  .optionsList{
      background-color: white;
  }
  
  .optionsList .sapMSLIImgThumb{
      width: 40px;
      height: 40px;
      line-height: 40px;
      -webkit-box-flex: 0;
      -moz-box-flex: 0;
      -ms-flex: none;
      flex: none;
  }
  
  .optionsList .sapMSLITitleOnly{
      font-size: 0.875rem;
      color: black;
      margin-left: -26px;
  }
  
  .optionsList .sapMSLIInfo{
      color : white;
      background-color: #EA6161;
      min-width: 20px;
      height: 20px;
      border-radius: 15px;
      text-align: center;
      line-height: 20px;
      float: right;
      padding: 4px;
  }
  
  .optionsList .sapMLIB {
      border-bottom: 1px solid rgba(0, 0, 0, 0.18);
      outline: 0 !important;
      margin-left: 0.5rem;
      margin-right: 0.5rem;			
  }
  
  .optionsList .sapMLIB:hover {
      background-color: #F5F5F5;
  }
  
  .optionsList .sapMRbB .sapMRbBOut{
      background-color: transparent;
      border-color: transparent;
  }
  
  .optionsList .sapMRbSel .sapMRbBInn{
      background-color: rgba(255, 255, 255, 0.9);
      width: 12px;
      height: 12px;
      margin: 0px;
  }
  
  .optionsList .sapMLIBSelectSL,
  .optionsList .sapMLIBSelectM {
      width: 2.3rem !important;
      margin-left: -2rem !important;
  }
  
  .headerLabel{
      font-family: GothamRnd-Book, Arial !important; 
      color : white !important;
      text-shadow : none !important;
  }
  
  /* New student task screen */
  :root {
      --safeAreaTop: env(safe-area-inset-top);
      --safeAreaBottom: env(safe-area-inset-bottom);
    
      --communicationColor: #EB5883;
      --pedagogicColor: #3386C7;
      --financialColor: #FBBB29;
      --healthColor: #3e8e45;
      --homeColor: #27BDBE;
      --masterDataColor: #3399FF;
      --reportsColor: #66CC33;
      --settingsColor: #d63232;
  
      --fieldBackground: #FAFAFA;
  
      --darkInputBorderColor: #565656;
      --lightInputBorderColor: #666666;
      --inputBorderColor: var(--lightInputBorderColor);
  
      --darkAlertBoxMainColor: #565656;
      --lightAlertBoxMainColor: #565656;
      --alertBoxMainColor: var(--lightAlertBoxMainColor);
      
      --darkAlertBoxBackgroundColor: #333333;
      --lightAlertBoxBackgroundColor: radial-gradient(ellipse farthest-corner at bottom left, #d2d5d0 0%, #EEEFF0 50%,  #FAFAFA 100%);
      --alertBoxBackgroundColor: var(--lightAlertBoxBackgroundColor);
  
      --darkAlertBoxHeaderColor: #3C3C3C;
      --lightAlertBoxHeaderColor: transparent !important;    
      --alertBoxHeaderColor: var(--lightAlertBoxHeaderColor);
  
      --msgStripSuccess: #66CC33;
      --msgStripError: #FF3333;
      --msgStripWarning: #E6E000;
  
      --darkBackGroundColor: #333333;
      --lightBackGroundColor: radial-gradient(ellipse farthest-corner at bottom left, #d2d5d0 0%, #EEEFF0 50%,  #FAFAFA 100%);
      --backGroundColor: var(--lightBackGroundColor);
  
      --darkForeColor1: #FAFAFA;
      --lightForeColor1: #666666;
      --foreColor1: var(--lightForeColor1);
  
      --darkForeColor2: #3C3C3C;
      --lightForeColor2: #FAFAFA;
      --foreColor2: var(--lightForeColor2);
  
      --darkSpotlightColor: #FFFFFF;
      --lightSpotlightColor: #333333;
      --spotlightColor: var(--lightSpotlightColor);
  
      --darkOptionOnColor: #FFFFFF;
      --lightOptionOnColor: #666666;
      --optionOnColor: var(--lightOptionOnColor);
  
      --darkOptionOffColor: #3C3C3C;
      --lightOptionOffColor: #FFFFFF;
      --optionOffColor: var(--lightOptionOffColor);
  
      --darkTipColor: #333333;
      --lightTipColor: #FAFAFA;
      --tipColor: var(--lightTipColor);
  
      --darkPlaceHolderObjectColor: #3C3C3C;
      --lightPlaceHolderObjectColor: #666666;
      --placeHolderObjectColor: var(--lightPlaceHolderObjectColor);
  
      --darkScrollTumbColor: #3C3C3C;
      --lightScrollTumbColor: #666666;
      --scrollTumbColor: var(--lightScrollTumbColor);
  
      --darkHoverScrollTumbColor: #565656;
      --lighHovertScrollTumbColor: #565656;
      --hoverScrollTumbColor: var(--lighHovertScrollTumbColor);
  
      --darkTokenColor: #565656;
      --lightTokenColor: #FAFAFA;
      --tokenColor:var(--lightTokenColor);

      --lightGrey150:  #bebebe; /*rgb(190, 190, 190)*/
      --blue300: #3399FF; /*rgb(51, 153, 255)*/
      --green100: #66CC33; /*rgb(102, 204, 51)*/
      --red100: #FF5050; /*rgb(255, 80, 80)*/
      --orange100: #e67e22; /*rgb(230, 126, 34)*/
      --purple100: #ae6bc9; /*rgb(174, 107, 201)*/

      --eventGeneral: var(--lightGrey150);
      --eventMeeting: var(--blue300);
      --eventVacation: var(--green100);
      --eventHoliday: var(--red100);
      --eventSpecialOccasion: var(--orange100);
      --eventAnniversary: var(--purple100);
  }
  
  .newDEMessageStrip .sapMText {
      font-size: 0.9rem;
  }
  
  .newDEMessageStrip .sapMMsgStripCloseButton:focus::after {
      border-color: transparent !important;
  }
  
  .newDEMessageStrip.sapMMsgStripSuccess .sapMMsgStripCloseButton:hover {
      opacity: 1;
      color: var(--darkForeColor2) !important;    
  }
  
  .newDEMessageStrip.sapMMsgStripSuccess {
      background-color: var(--msgStripSuccess) !important;
      border: 1px solid var(--msgStripSuccess) !important;
      color: var(--darkForeColor2) !important;    
  }
  
  .newDEMessageStrip.sapMMsgStripSuccess .sapMMsgStripIcon {
      color: var(--darkForeColor2);
  }
  
  .newDEMessageStrip.sapMMsgStripSuccess .sapMMsgStripCloseButton {
      color: var(--darkForeColor2);
      opacity: 1;
  }
  
  .newDEMessageStrip.sapMMsgStripError .sapMMsgStripCloseButton:hover {
      opacity: 1;
      color: var(--darkForeColor1) !important;    
  }
  
  .newDEMessageStrip.sapMMsgStripError {
      background-color: var(--msgStripError) !important;
      border: 1px solid var(--msgStripError) !important;
      color: var(--darkForeColor1) !important;    
  }
  
  .newDEMessageStrip.sapMMsgStripError .sapMMsgStripIcon {
      color: var(--darkForeColor1);
  }
  
  .newDEMessageStrip.sapMMsgStripError .sapMMsgStripCloseButton {
      color: var(--darkForeColor1);
      opacity: 1;
  }
  
  .newDEMessageStrip.sapMMsgStripWarning .sapMMsgStripCloseButton:hover {
      opacity: 1;
      color: var(--lightForeColor1) !important;    
  }
  
  .newDEMessageStrip.sapMMsgStripWarning {
      background-color: var(--msgStripWarning) !important;
      border: 1px solid var(--msgStripWarning) !important;
      color: var(--lightForeColor1) !important;    
  }
  
  .newDEMessageStrip.sapMMsgStripWarning .sapMMsgStripIcon {
      color: var(--lightForeColor1);
  }
  
  .newDEMessageStrip.sapMMsgStripWarning .sapMMsgStripCloseButton {
      color: var(--lightForeColor1);
      opacity: 1;
  }
  
  .newDEPage {
      background: var(--backGroundColor);
  }
  
  .newDEPage ::-webkit-scrollbar-thumb,
  .newDEMsgBox ::-webkit-scrollbar-thumb {
      background-color: var(--scrollTumbColor);
  }
  
  .newDEPage ::-webkit-scrollbar-thumb:hover,
  .newDEMsgBox ::-webkit-scrollbar-thumb:hover {
      background-color: var(--hoverScrollTumbColor);
  }
  
  .newDEList {
      background: transparent !important;
      font-family: GothamRnd-Book, Arial !important; 
  }
  
  .newDEList .sapMText{
      color: var(--foreColor1);
  }
  
  .newDEToolbar {
      background: transparent !important;
  }
  
  .newDEPedagogicHeader {
      border-bottom: 0.25rem solid !important;
      border-bottom-color: #27BDBE !important;
  }
  
  .newDEToolbarLabel {
      font-family: GothamRnd-Book, Arial !important; 
      color : var(--foreColor1) !important;
      text-shadow : none !important;
      padding-right: 0rem;
      padding-left: 0rem;
      font-size: 1rem !important;
  }
  
  .newDEToolbarButton .sapMBtnInner {
      color: var(--foreColor1) !important;
  }
  
  .newDEToolbarButton .sapMBtnIcon,
  .newDEToolbarButton .sapMBtnInner {
      background: transparent !important;
  }
  
  .newDEToolbarButton .sapMBtnIcon{
      color: var(--foreColor1) !important;
  }
  
  .newDESwitch .sapMSwtOn:not(.sapMSwtAcceptReject) {
      background: var(--optionOnColor) !important;
  }
  
  .newDESwitch .sapMSwtOn .sapMSwtHandle {
      background: var(--optionOffColor) !important;
  }
  
  .newDESwitch .sapMSwtOn .sapMSwtText {
      color: var(--optionOffColor) !important;
  }
  
  .newDESwitch .sapMSwtHoverable.sapMSwtOn:not(.sapMSwtAcceptReject):hover {
      background: var(--optionOnColor) !important;
  }
  
  .genericSwitch .sapMSwtOff:not(.sapMSwtAcceptReject) {
      background: var(--optionOffColor) !important;
  }
  
  .newDESwitch .sapMSwtOff .sapMSwtHandle {
      background: var(--optionOnColor) !important;
  }
  
  .newDESwitch .sapMSwtOff .sapMSwtText {
      color: var(--optionOnColor) !important;
  }
  
  .newDESwitch .sapMSwtHoverable.sapMSwtOff:not(.sapMSwtAcceptReject):hover {
      background: var(--optionOffColor) !important;
  }
  
  .newDESearchField .sapMSFB,
  .newDESearchField .sapMFocus>.sapMSFF>.sapMSFB {
      height:100% !important;
      color: var(--placeHolderObjectColor) !important;    
  }
  
  .newDESearchField, 
  .newDESearchField .sapMSFF {
      background-color: var(--fieldBackground) !important;
  }
  
  .newDEMsgBox .sapMDialogTitle {
      background-color: var(--alertBoxHeaderColor)  !important;
  }
  
  .newDEMsgBox.sapMDialog {
      background: var(--alertBoxBackgroundColor) !important;
  }
  
  .newDEMsgBox .sapMDialogIcon {
      color: var(--alertBoxMainColor) !important;
  }
  
  .newDEMsgBox .sapMBar {
      box-shadow: inset 0 -0.0625rem var(--alertBoxMainColor) !important;
  }
  
  .newDEMsgBox .sapMBtn:focus>.sapMFocusable{
      outline: 0px !important;
      border-color: transparent !important;
  } 
  
  .newDEMsgBox .sapMBtnInner:active,
  .newDEMsgBox .sapMBtnInner:hover {
      background-color: rgba(0, 0, 0, 0.20)  !important;
  } 
  
  .newDEMsgBox .sapMBtnInner{
      color: white !important;
      text-shadow: none  !important;
  }
  
  .newDEMsgBox .sapMIBar.sapMFooter-CTX {
      background-color: var(--alertBoxMainColor) !important;
  }
  
  .newDEMsgBox .sapMIBar-CTX.sapMFooter-CTX {
      background-color: var(--alertBoxMainColor) !important;
  }
  
  .newDEMsgBox .sapMDialogSection{
      background: transparent !important;
  }
  
  .newDEMsgBox .sapMText{
      color: var(--foreColor1);
  }
  
  .newDEMsgBox {
      border-width: 0.5px !important;
      border-color: var(--alertBoxMainColor) !important;
      border-style: solid !important;
  }
  
  .newDEInput,
  .newDEInput input,
  .newDEInput textArea {
      font-family: GothamRnd-Book, Arial !important; 
      border-radius: 10px !important; 
      border-width: 0.5px;
      border-color: var(--inputBorderColor) !important;
  }
  
  .newDEInput .sapMInputBaseInner {
      background-color: var(--fieldBackground) !important;
  }
  
  .newDEInput .sapMSFB {
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      border-width: 0.5px;
      border-color: var(--inputBorderColor) !important;
      background-color: var(--fieldBackground) !important;
  }
  
  .newDEInput .sapMMultiInputBorder {
      border-radius: 10px !important; 
      border-width: 0.5px !important; 
      border-color: var(--inputBorderColor) !important;
      background-color: var(--fieldBackground) !important;
  }
  
  .newDEInput .sapMInputBaseErrorInner {
      border-color: #e52929 !important;
      border-width: 2px !important;
  }
  
  .newDEInput .sapMInputFocused {
      font-family: GothamRnd-Book, Arial !important;     
  }
  
  .newDELabel.sapMLabel{
      font-family: GothamRnd-Book, Arial;
      color : var(--foreColor1) !important;
      white-space: normal;
  }
  
  .newDEText.sapMText{
      font-family: GothamRnd-Book, Arial;
      color : var(--foreColor1) !important;
  }
  
  .newDEMsgBox .sapMDialogIcon {
      text-shadow: none !important;
      color: var(--foreColor1) !important;
  }
  
  .newDEMsgBox .sapMTitle {
      color : var(--foreColor1) !important;
      height: 2.8rem !important;
  }
  
  .genericCustomListItem {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      height: 4rem;
  }
  
  .genericCustomListItem .sapMLabel{
      font-family: GothamRnd-Book, Arial !important; 
      font-size: 1rem;
      color: #333333;
      vertical-align: -webkit-baseline-middle !important;
  }
  
  .genericList .sapMListUl .sapMLIB.sapMGHLI {
      border-bottom: 1px solid rgba(0, 0, 0, 0.30);            
  }
  
  .genericList .sapMLIB:hover {
      background: rgba(255, 255, 255, 0.20) !important;
  }
  
  .genericList .sapMLIB {
      border-bottom: 1px solid rgba(255, 255, 255, 0.50) ;
      outline: 0 !important;
      margin-left: 0.5rem;
      margin-right: 0.5rem;			
  }
  
  .genericList .sapMGHLI {
      margin-left: 0;
      margin-right: 0;
  }
  
  .genericList .sapMRbB .sapMRbBOut{
      background-color: transparent;
      border-color: transparent;
  }
  
  .genericList .sapMRbSel .sapMRbBInn{
      background-color: rgba(255, 255, 255, 0.9);
      width: 12px;
      height: 12px;
      margin: 0px;
  }         
  
  .genericList .sapMLIBActive .sapMCbBg{
      background-color: rgb(0, 154, 152) !important;
  }
  
  .genericList .sapMLIBActive .sapMCbBg.sapMCbMarkChecked:before{
      color: white !important;
  }
  
  .newDECustomListItem .sapMCb:not(.sapMCbBgDis):focus>.sapMCbBg, 
  .newDECustomListItem .sapMCb:not(.sapMCbBgDis)>.sapMCbBg:focus
  {
      outline: 0 !important;
  }
  
  .newDECustomListItem .sapMCbBg.sapMCbMarkChecked:before{
      color: var(--inputBorderColor) !important;
  }
  
  .newDECustomListItem .sapMCbHoverable:hover{    
      border-color: var(--foreColor1) !important;
  }
  
  .newDECustomListItem .sapMSLITitleOnly{
      color: var(--foreColor1);
  }
  
  .newDECustomListItem.sapMLIBActive .sapMSLITitleOnly {
      color: var(--foreColor2) !important;
  }
  
  .newDECustomListItem.sapMLIBActive .sapMCbBg{
      background-color: var(--inputBorderColor) !important;
  }
  
  .newDECustomListItem .sapMCbBg {
      border-width: 0.5px;
      border-color: var(--inputBorderColor) !important;
      border-radius: 0.3rem !important;
      background-color: #FAFAFA;
  }
  
  .newDECustomListItem.sapMLIB {
      border-bottom: 1px solid;
      border-bottom-color: rgba(0, 0, 0, 0.1)
  }
  
  .newDETokenizer .sapUiIcon {
      color: var(--foreColor1) !important;    
  }
  
  .newDETokenizer {
      background: transparent !important;
  }
  
  .newDETokenizer .sapUiIcon {
      color: var(--foreColor1) !important;    
  }
  
  .newDETokenizer .sapMToken {
      border-width: 0.5px;
      border-color: var(--inputBorderColor) !important;
      border-radius: 0.3rem !important;
      background: var(--tokenColor) !important;
  }
  
  .newDETransparentButton .sapMBtnInner {
      color:var(--foreColor1) !important;
      background: transparent !important;
  }
  
  .newDETransparentButton .sapMBtnIcon {
      color:var(--foreColor1) !important;
  }
  
  .newDETransparentButton:active .sapMBtnInner,
  .newDETransparentButton:hover>.sapMBtnHoverable{
      color:var(--foreColor1) !important;
  }
  
  .newDEPanelIcon {
      color: var(--foreColor1);
      width: 20px;
      height: auto;
  }
  
  .newDEPhotoGaleryCarousel {
      border: none !important;
      text-align: center;
  }
  
  .newDEPhotoGaleryCarousel .sapMImgFocusable:focus {
      outline: none !important;
  }
  
  .newDEPhotoGaleryCarousel .sapMCrslHud .sapMCrslPrev:focus, .sapMCrslHud .sapMCrslNext:focus{
      outline: none !important;
  }  
  
  .newDEPhotoGaleryCarousel .sapMCrslNext,
  .newDEPhotoGaleryCarousel .sapMCrslPrev,
  .newDEPhotoGaleryCarousel .sapMCrslBulleted>span.sapMCrslActive {
      background-color: var(--foreColor2) !important;
  }
  
  .newDEPhotoGaleryCarousel .sapMCrslHud .sapMCrslHudInner{
      color: var(--foreColor2) !important;
  }
  
  .newDEPhotoGaleryCarousel .sapMCrslBulleted>span.sapMCrslActive {
      box-shadow: 0 0 0.0625rem 0.0625rem var(--foreColor1);
      -webkit-box-shadow: 0 0 0.0625rem 0.0625rem var(--foreColor1);    
  }
  
  .newDEPhotoGaleryCarousel .sapMCrslBulleted>span {
      box-shadow: 0 0 0.0625rem 0.0625rem var(--foreColor2);
      -webkit-box-shadow: 0 0 0.0625rem 0.0625rem var(--foreColor2);    
  }
  
  .newDEPhotoGaleryCarousel .sapMCrslHudInner,
  .newDEPhotoGaleryCarousel .sapMCrslBulleted>span {            
      background-color: var(--foreColor1) !important;
  }
  
  .newDEPhotoGaleryCarousel img{
      max-width: calc(100% - 1rem);
      max-height: calc(100vh - 4rem) !important;
  }
  
  .newDESegmentedButton.sapMSegB {
      height: 2rem !important;
  }
  
  .newDESegmentedButton .sapMSegBBtn {
      height: 2rem;
      line-height: 2rem;
  }	
      
  .newDESegmentedButton .sapMSegBBtn .sapUiIcon {
      font-size: 1rem;
      line-height: 2rem;	
      width: 2rem;
  }
  
  .newDESegmentedButton .sapMSegBBtn {
      border: 0px !important;
  }
  
  .newDESegmentedButton .sapMSegBBtn.sapMSegBBtnSel .sapUiIcon {
      color: var(--foreColor2) !important;;
  }
  
  .newDESegmentedButton .sapMSegBBtn.sapMSegBBtnSel {
      background-color: var(--foreColor1) !important;;
  }
  
  .newDESegmentedButton .sapMSegBBtnFocusable.sapMSegBBtnSel:focus {
      border: 0px;
  }
  
  .newDESegmentedButton .sapMSegBBtnFocusable:hover {
      background-color: rgba(0, 0, 0, 0.20);
      cursor: pointer;
  }
  
  /* Select/Seletores */
  
  .sapMSelectListItemBase.sapMSelectListItemBasePressed {
      background-color: rgb(205, 205, 205) !important;
      color: black;
  } 
  
  .sapMSelectListItemBaseSelected {
      background: #f3f3f3 !important;
  }
  
  .sapMSelectListItemBaseHoverable:hover {
      background: #e9e9e9;  
  }