/*
  You can add custom CSS rules or import files here.
*/

/*******************************************************************************************/
/* For width smaller than 400px: */
body 
{
  /* background-image: url('img_smallflower.jpg'); */
  margin-left: 0pt;margin-top:10px
}

/* For width 400px and larger: */
@media only screen and (min-width: 400px) 
{
  body 
  {
    /* background-image: url('img_flowers.jpg'); */
    margin-left: 0pt;
  }
}
/*******************************************************************************************/
@media (max-width: 768px) 
{
  .ui-button-text 
  {
     /* display: none; */
  }
}
/*******************************************************************************************/
.my_card1Size 
{
  max-width: 168px;
  /* max-height: 232px; */
  max-height: 300px;
  /*min-height: 280px;*/
}
.my_card1Image
{
  max-width: 150px;
  max-height: 170px; 
}
.my_List1Image
{
  max-height: 75px;
  min-height: 75px;
}
.my_body
{
  margin-left: 0pt; /* Does not work*/
}
.my_ObjectPictureSize 
{
  max-width: -webkit-fill-available; 
  /*max-height: 232px;*/
}
/* .rz-dialog-titlebar-close {
    display: none;
} */
.rz-panel-menu { 
  color: #ffffff;
  background-color: rgb(0 0 0 / 66%);
}
body {
  font-family-sans-serif: "franklin-gothic-demi-cond", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}