:root{
  --color-patients: darksalmon;
  --color-patients-hover: rgb(133, 69, 48);
  --color-patients-selected: rgb(209, 95, 57);
  --color-patients-shadow: rgb(209, 95, 57);
  --color-patients-ui-icons: rgb(238, 208, 198);
  --color-patients-ui-bkg: rgb(240, 223, 217);

  --color-organizations: darkseagreen;
  --color-organizations-hover: rgb(45, 99, 45);
  --color-organizations-selected: rgb(78, 182, 78);
  --color-organizations-shadow: rgb(78, 182, 78);
  --color-organizations-ui-icons: rgb(196, 230, 196);
  --color-organizations-ui-bkg: rgb(218, 231, 218);

  --color-communications: rgb(209, 209, 108);
  --color-communications-hover: rgb(92, 92, 33);
  --color-communications-selected: rgb(141, 141, 22);
  --color-communications-shadow: rgb(141, 141, 22);
  --color-communications-ui-icons: rgb(228, 228, 174);
  --color-communications-ui-bkg: rgb(233, 233, 213);

  --color-accounts: lightsteelblue;
  --color-accounts-hover: rgb(66, 88, 116);
  --color-accounts-selected: rgb(71, 136, 221);
  --color-accounts-shadow: rgb(71, 136, 221);
  --color-accounts-ui-icons: rgb(213, 224, 238);
  --color-accounts-ui-icons: rgb(225, 229, 235);
  --color-accounts-ui-bkg: rgb(223, 232, 240);

  --color-users: rgb(156, 140, 187);
  --color-users-ui-icons: #d3bfe6;
  --color-users-hover: rgb(61, 42, 110);
  --color-users-selected: rgb(99, 56, 185);
  --color-users-shadow: rgb(99, 56, 185);
  --color-users-ui-bkg: #f1e7fa;

  --color-orders: rgb(187, 167, 140);
  --color-orders-ui-icons: #e6ddbf;
  --color-orders-hover: rgb(110, 83, 42);
  --color-orders-selected: rgb(185, 125, 56);
  --color-orders-shadow: rgb(185, 114, 56);
  --color-orders-ui-bkg: #fff8f6;

  --color-clients: rgb(140, 187, 185);
  --color-clients-ui-icons: #bfe6de;
  --color-clients-hover: rgb(42, 110, 84);
  --color-clients-selected: rgb(56, 185, 142);
  --color-clients-shadow: rgb(56, 185, 131);
  --color-clients-ui-bkg: #e7faf3;

  --color-catalogue: rgb(252, 223, 128);
  --color-catalogue-ui-icons: #e6ddbf;
  --color-catalogue-hover: rgb(110, 86, 42);
  --color-catalogue-selected: rgb(185, 166, 56);
  --color-catalogue-shadow: rgb(185, 151, 56);
  --color-catalogue-ui-bkg: #faf4e7;
}
.gbutton-right-medium{
  float: right !important;
  height: 25px !important;
  width: 25px !important;
}

.gTableEllipsisCell{
  overflow: hidden;
  text-overflow: ellipsis;
}
.gactive-icon{
  cursor: pointer;
}
.gcontainer-light {
  min-width: 250px !important;
  border-radius: 4px;
  border-width: 1px;
  border-image: linear-gradient(to top, rgba(255, 255, 255, 0) 20%, #d9dad9 100%);
  border-image-slice: 1;
  /* border-color: #d9dad9; */
  border-style: solid;
  /* box-shadow: 1px 2px 2px rgb(200, 200, 200); */
  padding: 14px;
  overflow: auto;
  box-sizing: border-box;
}
.gmin-width{
  min-width: 250px !important;
}
.gcontainer-light-nooverflow {
  overflow: hidden !important;
}
.gcontainer-light .gcontainer-header {
  font-size: 1.3em;
  font-weight: bolder;
  padding-bottom: 3px;
  border-bottom: 1px solid #d9dad9;
  margin-bottom: 10px;
}
.gcontainer-light .gcontainer-subheader {
  font-size: 1.1em;
  font-weight: bolder;
  padding-bottom: 3px;
  border-bottom: 1px solid #d9dad9;
  margin-bottom: 10px;
}
.gcontainer-subheader {
  font-size: 1.1em;
  font-weight: bolder;
  padding-bottom: 3px;
  border-bottom: 1px solid #d9dad9;
  margin-bottom: 10px;
}
.gcontainer-header {
  font-size: 1.3em;
  font-weight: bolder;
  padding-bottom: 3px;
  border-bottom: 1px solid #d9dad9;
  margin-bottom: 10px;
}
.gcontainer-light.padded{
  margin: 10px;
}
.gcontainer-light.background-user {
  background-image: linear-gradient(to top, white 40%, var(--color-users-ui-bkg) 100% );
}
.gcontainer-light.background-patient {
  background-image: linear-gradient(to top, white 40%, var(--color-patients-ui-bkg) 100% );
}
.gcontainer-light.background-catalogue {
  background-image: linear-gradient(to top, white 40%, var(--color-catalogue-ui-bkg) 100% );
}
.gcontainer-light.background-order {
  background-image: linear-gradient(to top, white 40%, var(--color-orders-ui-bkg) 100% );
}
.gcontainer-light.background-accounts {
  background-image: linear-gradient(to top, white 40%, var(--color-accounts-ui-bkg) 100% );
}

.gcontainer-light.background-1 {
  background-image: linear-gradient(to top, white 40%, rgb(221, 240, 214) 100% );
}
.gcontainer-light.background-2 {
  background-image: linear-gradient(to top, white 40%, rgb(233, 216, 192) 100% );
}
.gcontainer-light.background-3 {
  background-image: linear-gradient(to top, white 40%, rgb(202, 207, 245) 100% );
}

.main-menu-sidebar{
  background-image: url(/assets/img/mainmenu_background.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: left bottom !important;
  background-color: #ffffff !important;
}

a {
  text-decoration: none;
}
.main-menu-sidebar > .p-sidebar-content{
  height: 99%;
}
.main-menu-sidebar.p-sidebar-left{
  width: auto !important;
}
.main-menu-footer{
  margin-top: auto;
  position: absolute;
  bottom: 0;
}
.main-menu-client-logo{
  width: 200px;
  font-weight: bold;
}
.main-menu-client-logo > img{
  width: 150px;
}
/* .geared-solution{
  width: 90px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
  float: right;
}
.geared-solution:hover .gGear{
  animation: spin-clockwise 0.5s linear infinite forwards;
}
@keyframes spin-clockwise {
  from {
      transform-origin: 186px 244px;
      transform:rotate(0deg);
  }
  to {
    transform-origin: 186px 244px;
      transform:rotate(360deg);
  }
}
@keyframes spin-counterclockwise {
  from {
      transform:rotate(360deg);
  }
  to {
      transform:rotate(0deg);
  }
} */
.main-menu-advert{
  margin-top: 3em;
}
.main-menu-slogan{
  font-size: 34px;
  text-align: center;
}
.gheader{
  /* font-size: 1.3em; */
  font-size: 20px;
  font-weight: bolder;
}

.gcontainer-light .gcontainer-header.inactive{
  font-size: 1.3em;
  font-weight: bolder;
  color: lightgrey;
  padding-bottom: 3px;
  border-bottom: 1px solid #d9dad9;
  margin-bottom: 10px;
}
.gcontainer-stretched {
  height: 100%;
}
.gcontainer-flex {
  display: flex;
  flex-wrap: wrap; /* Optional. only if you want the items to wrap */
  justify-content: center; /* For horizontal alignment */
  align-items: center; /* For vertical alignment */
}

.glimit-h {
  height: 100%;
  max-height: 230px;
}

.gactive {
  cursor: pointer;
}

:host ::ng-deep .glimit-h .gcontainer-light {
  height: 100%;
  max-height: 230px;
}

/* .ui-dialog .ui-dialog-content { height: calc(100% - 38px); } */

/* .ui-dialog-titlebar{
  position: absolute !important;
  top:0 !important;
} */

@media screen and (min-width: 900px) {
  .attachment-dialog.p-dialog.p-dynamic-dialog {
      width: 60% !important;
  }
}
@media screen and (max-width: 900px) {
  .attachment-dialog.p-dialog.p-dynamic-dialog {
      width: 90% !important;
  }
}


.p-fileupload-content{
  min-height: 100px;
}

.patients-button{
  background-color: var(--color-patients)!important;
  border-color: var(--color-patients)!important;
}
.patients-button:hover{
  background-color: var(--color-patients-hover)!important;
  border-color: var(--color-patients-hover)!important;
}
.patients-button.gui-selected{
  background-color: var(--color-patients-selected)!important;
  border-color: var(--color-patients-selected)!important;
}

.orders-button{
  background-color: var(--color-orders)!important;
  border-color: var(--color-orders)!important;
}
.orders-button:hover{
  background-color: var(--color-orders-hover)!important;
  border-color: var(--color-orders-hover)!important;
}
.orders-button.gui-selected{
  background-color: var(--color-orders-selected)!important;
  border-color: var(--color-orders-selected)!important;
}

.organizations-button{
  background-color: var(--color-organizations)!important;
  border-color: var(--color-organizations)!important;
}
.organizations-button:hover{
  background-color: var(--color-organizations-hover)!important;
  border-color: var(--color-organizations-hover)!important;
}
.organizations-button.gui-selected{
  background-color: var(--color-organizations-selected)!important;
  border-color: var(--color-organizations-selected)!important;
}

.users-button{
  background-color: var(--color-users)!important;
  border-color: var(--color-users)!important;
}
.users-button:hover{
  background-color: var(--color-users-hover)!important;
  border-color: var(--color-users-hover)!important;
}
.users-button.gui-selected{
  background-color: var(--color-users-selected)!important;
  border-color: var(--color-users-selected)!important;
}

.communications-button{
  background-color: var(--color-communications)!important;
  border-color: var(--color-communications)!important;
}
.communications-button:hover{
  background-color: var(--color-communications-hover)!important;
  border-color: var(--color-communications-hover)!important;
}
.communications-button.gui-selected{
  background-color: var(--color-communications-selected)!important;
  border-color: var(--color-communications-selected)!important;
}

.accounts-button{
  background-color: var(--color-accounts)!important;
  border-color: var(--color-accounts)!important;
}
.accounts-button:hover{
  background-color: var(--color-accounts-hover)!important;
  border-color: var(--color-accounts-hover)!important;
}
.accounts-button.gui-selected{
  background-color: var(--color-accounts-selected)!important;
  border-color: var(--color-accounts-selected)!important;
}
.g-spinner{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gloading-text {
  display: block;
  background-color: #f1f1f1;
  min-height: 19px;
  animation: pulse 1s infinite ease-in-out alternate;
  text-indent: -99999px;
  overflow: hidden;
}

@keyframes pulse {
  0% {
    background-color: #f1f1f1;
  }
  100% {
    background-color: #d1d1d1;
  }
  0% {
    background-color: #f1f1f1;
  }
}
.ghide{
  display: none;
}
.gshow{
  display: block;
}