/* List */
.MuiDrawer-paperAnchorDockedLeft ul{
 transform:translatex(0px) translatey(0px);
 background-color:#f5f6f7;
}

/* Mui icon root */
.PortalSidebarMenu-root .MuiMenuItem-gutters .MuiSvgIcon-root{
 color:#7C8B95 !important;
}

/* Mui icon root (active) */
.RaMenuItemLink-active .MuiListItemIcon-root .MuiSvgIcon-root:active{
 color:#ffffff !important;
}

/* Mui icon root */
.RaMenuItemLink-active .MuiListItemIcon-root .MuiSvgIcon-root{
 color:#ffffff !important;
}

/* Styling for the user button icon */
.RaUserMenu-userButton .MuiButton-startIcon .MuiSvgIcon-root {
  color: #7C8B95; /* Primary icon color */
  transition: color 0.3s ease; /* Smooth color transition */
}

/* Base style for the primary contained button */
.MuiPaper-elevation form .MuiButton-containedPrimary {
  background-color: #0099DA; /* Primary background color */
  color: #ffffff; /* White text color */
  border: none; /* No border */
  padding: 8px 24px; /* Padding */
  font-weight: bold; /* Bold text */
  text-transform: uppercase; /* Uppercase text */
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
}

/* Hover state */
.MuiPaper-elevation form .MuiButton-containedPrimary:hover {
  background-color: #2873A5; /* Darker background color on hover */
  color: #ffffff; /* White text color on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow on hover */
}

/* Active state */
.MuiPaper-elevation form .MuiButton-containedPrimary:active {
  background-color: #2873A5; 
  color: #ffffff; /* White text color when active */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow when active */
}

/* Focus state */
.MuiPaper-elevation form .MuiButton-containedPrimary:focus {
  background-color: #0099DA; /* Primary background color on focus */
  color: #ffffff; /* White text color on focus */
  outline: 2px solid #0099DA; /* Outline for accessibility */
  outline-offset: 2px; /* Space between outline and button */
}

/* Disabled state */
.MuiPaper-elevation form .MuiButton-containedPrimary.Mui-disabled {
  background-color: rgba(0, 153, 218, 0.35); /* 35% primary color */
  color: rgba(255, 255, 255, 0.35); /* 35% white text */
  box-shadow: none; /* No shadow when disabled */
}


/* Base style for the primary outlined button */
.MuiPaper-elevation .MuiButton-outlinedPrimary {
  background-color: transparent; /* Transparent background */
  color: #0099DA; /* Primary text color */
  border: 1px solid #0099DA; /* Primary border color */
  padding: 8px 24px; /* Padding */
  font-weight: bold; /* Bold text */
  text-transform: uppercase; /* Uppercase text */
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
}

/* Hover state */
.MuiPaper-elevation .MuiButton-outlinedPrimary:hover {
  background-color: transparent; /* Transparent background */
  color: #2873A5; /* Darker text color on hover */
  border-color: #2873A5; /* Darker border color on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow on hover */
}

/* Active state */
.MuiPaper-elevation .MuiButton-outlinedPrimary:active {
  background-color: transparent; /* Transparent background */
  color: #2873A5; 
  border-color: #2873A5; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow when active */
}

/* Focus state */
.MuiPaper-elevation .MuiButton-outlinedPrimary:focus {
  background-color: transparent; /* Transparent background */
  color: #0099DA; /* Primary text color on focus */
  border-color: #0099DA; /* Primary border color on focus */
  outline: 2px solid #0099DA; /* Outline for accessibility */
  outline-offset: 2px; /* Space between outline and button */
}

/* Disabled state */
.MuiPaper-elevation .MuiButton-outlinedPrimary.Mui-disabled {
  background-color: transparent; /* Transparent background when disabled */
  color: rgba(0, 153, 218, 0.35); /* 35% primary color */
  border-color: rgba(0, 153, 218, 0.35); /* 35% primary color */
  box-shadow: none; /* No shadow when disabled */
}

/* ELMA tests, please do not delete */

#introPage h1>span {
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    font-size: 45px !important;
    line-height: 112px !important;
    letter-spacing: 0 !important;
}

.css-y2yoas > .MuiGrid-item {
padding: 20px;
}
#introPage span>p {
    font-family: "Roboto", sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
}

/* Delete button Profile menu */

.PortalTopBannerUserIconActions-root .MuiButton-outlinedError {
    border: 1px solid #F84949; /* Error color */
    color: #F84949; /* Error text color */
    background-color: transparent;
    padding: 8px 24px;
    font-weight: bold; /* Bold text */
    text-transform: uppercase; /* Uppercase text */
   transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
}

/* Hover state */
.PortalTopBannerUserIconActions-root .MuiButton-outlinedError:hover {
  background-color: transparent; /* Transparent background */
  color: #F10909; /* Darker text color on hover */
  border-color: #F10909; /* Darker border color on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow on hover */
}

/* Active state */
.PortalTopBannerUserIconActions-root .MuiButton-outlinedError:active {
  background-color: transparent; /* Transparent background */
  color: #F10909; 
  border-color: #F10909; 
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Shadow when active */
}

/* Focus state */
.PortalTopBannerUserIconActions-root .MuiButton-outlinedError:focus {
  background-color: transparent; /* Transparent background */
  color: #F84949; 
  border-color: #F84949; 
  outline: 2px solid #F84949; 
  outline-offset: 2px; /* Space between outline and button */
}

/* Disabled state */
.PortalTopBannerUserIconActions-root .MuiButton-outlinedError:disabled {
  background-color: transparent; /* Transparent background when disabled */
  color: rgba(248, 73, 73, 0.35); /* 35% opacity */
  border-color: rgba(248, 73, 73, 0.35); /* 35% opacity */
  box-shadow: none; /* No shadow when disabled */
}