.organ_lists {
   display: flex;
   flex-wrap: wrap;
   flex:4;
   max-width: 100%;
   padding: 20px;
   //background-color: white;
}

div.organ_list
   {
   position: relative;
   min-width: 250px;
   width : 12%;
   padding: 12px;
   border-left: solid 2px #888888;
   margin-bottom: 24px;
   //background-color: white;
   }
div.organ_list h1
   {
   font-family: CircularStd-Book;
   clear: both;
   font-size:1.2em;
   font-weight: bold;
   color: #000000;
   margin:0;
   padding:0;
   }
div.organ_list h2
   {
   font-size:1em;
   color: #BFBFBF;
   clear: both;
   margin:0;
   padding: 0 0 12px 0;
   }
div.organ_list a
   {
   display: inline-block;
   width: 96%;
   padding: 12px 2%;
   text-decoration: none;
   color: #000000;
   transition: 0.5s;
   }
div.organ_list a:hover
   {
   background-color: #4D4D4D;
   color: #FFFFFF;
   }
   
/* Styles for smaller screens (e.g., mobile devices) */
@media (max-width: 1067px) {
  div.organ_list
     {
     margin-top: 40px;
     width : 100%;
     }
}

.main_info {
  background-color : white;
}

.main_info img {
  height: 200px;
}

a.downloads {
   display: inline-block;
   width: 96%;
   padding: 12px 2%;
   text-decoration: none;
   color: #000000;
   transition: 0.5s;
	 border-bottom : 1px solid #EEEEEE;
}

a.downloads:hover {
  background-color: #4D4D4D;
  color: #FFFFFF;
	border-bottom : 1px solid #4D4D4D;
}

/*for listTicket.html*/
.listTicketsTable {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
   /min-width: 200px;
   /margin:0 0 3px 0 !important;
   /padding: 3px 0;
   /font-size:1.em;
   /text-decoration: none;
   /color: var(--contentFontColor);
   /border-radius: 5px;
   /transition: 0.5s;
 }
.listTicketsTable .head {
  border-bottom: 1px solid black;
  color: black;
} 
.listTicketsTable .head th {
  padding: 6px;
  border-right: 1px solid black;
} 
table.listTicketsTable a
{ 
  text-decoration: none;
}
.listTicketsTable td {
  position: relative;
  padding: 12px 2%;
} 
.listTicketsTable td.status {
  padding: 0 2%;
  margin:3px;
} 
.listTicketsTable tr.ticket_Open  {
  background-color: #48911b;
  color: white;
} 
.listTicketsTable tr.ticket_Closed {
  color: #E5E5E5;
  color: #4D4D4D;
} 
.listTicketsTable tr.ticket_Open:hover  {
  background-color: #346813;
} 
.listTicketsTable tr.ticket_Closed:hover {
  color: #BFBFBF;
  background-color: #333333;
} 

.addmessage {
  display: none;
}
.addmessage.open {
  display: block;
}
.addmessagebutton {
  //position: relative;
  //border: 1px solid #e0ba8b;
  //color: black;
  //background-color: #e0ba8b; 
  //padding: .625rem 20px;
  //text-transform: capitalize;
  //font-weight: bolder;
  //margin-top: 20px;
  border: 1px solid #e0ba8b;
  color: black;
  min-height: 50px;
  padding: .625rem 20px;
  text-transform: capitalize;
  font-size: 1em;
  font-weight: bolder;
  text-decoration: none;
  background-color: #e0ba8b;
  margin-right: 6px;
  float:left;
}

.message{
  position: relative;
  width: 100%;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
  clear: both;
}
.message h2 {
  font-size: 1em;
  margin: 0; 
}
.message a {
  font-size: 1em;
  margin: 0; 
}
.messagebody {
  width: 100%;
}

.attachments {
  padding:0;
  width: 100%;
  clear:right;
  display:flex;
  text-align;center;
  color:black;
  /display: flex;
}

.attachments a {
  margin: 10px 0 0 0;
  padding: 12px 2%;
  text-decoration: none;
  vertical-align: text-top;
  color: #000000;
  transition: 0.5s;
  border-top : 1px solid #EEEEEE;
  display: inline-block;
  text-align: center;
}
.attachments a:hover {
  background-color: #EEEEEE;
}
.attachments span {
  display: flex;
  flex-direction: column;
}
.attachments img {
  position: relative;
  //border:1px solid red;
  max-height: 100px;
  min-width: 10px;
}


/* for viewKbEntry.html */
.lastUpdated {
  clear: left;
}

/* to hide the forward message in the ticket list*/
.johannussupportforward {
  display: none;
}

.marketing {
  position: relative;
  display: inline-block;
  height: 200px;
  padding: 0;
  margin: 0;
  white-space: normal;
  background-color: white;
}
.marketing img {
  height: 100%;
}

.view_icon {
  position: absolute;
  bottom: 10px;
  left: 10px;  
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.download_icon {
  position: absolute;
  bottom: 10px;
  right: 10px;  
  width: 30px;
  height: 30px;
}
.zoomed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(250,250,250,0.9);
  z-index: 9999;
}
.zoomed img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}