div#filter-area select {
   margin-right: 10px;
   display: inline;
   width: 170px;
   margin-bottom: 10px;
   cursor: pointer;
  }
  @media only screen and (max-width: 480px) {
     div#filter-area select {
        width: 100%;
        margin-bottom: 10px;
       }
  }



.ui-widget-content {
    background: transparent !important;
}
.ui-widget-header {  
   background:#7AA8D6;  
   border: 1px solid #b9cd6d;  
   color: lightyellow;  
   font-weight: bold;  
}  
.ui-state-default a, .ui-state-default a:link{
   color:#1E4A7B !important;
}

.ui-widget-content .ui-state-active a.ui-tabs-anchor {
   background: #1E4A7B;
   color: #fff !important;
}
.meeting-info {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 0px 30px;
   border-bottom: 1px solid #b3b3b3;
   padding: 10px 0;
}
.meeting-info .left-info,
.meeting-info .right-info,
.meeting-info .meeting-column {
   max-width: calc(33.33% - 20px);
   flex: 0 0 calc(33.33% - 20px);
}
.meeting-info .right-info p {
   min-height: 16px;
} 
.meeting-sub-info {
   display: flex;
   flex-direction: row;
   gap: 15px;
}
.meet-link a {
   word-break: break-all;
}
#btnSubmitEmailUpdate {
   background: none repeat scroll 0 0 transparent;
   border: 0 none;
   color: #1E4A7B;
   font-size: 13px;
   margin: 0;
   padding: 0;
   text-decoration: underline;
   cursor: pointer;
}

form#frmEmailUpdate .row {
   margin-bottom: 10px;
}
form#frmEmailUpdate .row label {
   min-width: 150px;
   display: inline-block;
   margin-bottom: 8px;
}
form#frmEmailUpdate .row label.meeting-label {
   display: block;
   font-size: 16px;
   font-weight: bold;
}
#txtNotes {
   width: 100%;
   background: #fff;
}
form#frmEmailUpdate .row input {
   background: #fff;
}

[aria-describedby="meeting-data"] .ui-dialog-titlebar.ui-widget-header .ui-dialog-title
{
   display: none !important;
}

[aria-describedby="meeting-data"] .ui-dialog-titlebar.ui-widget-header {
   background: transparent !important;
   border: none !important;
   color: #000 !important;
   padding: 0 !important;
}

[aria-describedby="meeting-data"] {
   padding: 0 !important;
   background: transparent !important;
   border: none !important;
}

[aria-describedby="meeting-data"] .ui-dialog-buttonpane.ui-widget-content {
   display: none !important;
}
.ui-dialog .ui-dialog-titlebar-close {
   z-index: 1;
   right: 12px;
   top: 20px;
}
#meeting-data p {
   margin-top: 0;
   margin-bottom: 10px;
}
form#frmEmailUpdate .submit #btnSubmitUpdate {
   background: var(--wp--preset--gradient--midnight);
   color: #fff;
   padding: 6px 16px;
   border: none !important;
   cursor: pointer;
}
@media (max-width:999px) {
   .meeting-info .left-info,
   .meeting-info .right-info {
      max-width: calc(50% - 15px);
      flex: 0 0 calc(50% - 15px);
   }
   .meeting-info .meeting-column {
      max-width: 100%;
      flex: 0 0 100%;
   }
   .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
      padding: 0.5em 0.5em !important;
      font-size: 14px !important;
   }
}

.loading {
   background-image: url(../images/loading.gif);
   width: 20px;
   height: 20px;
   display: inline-block;
   background-size: cover;
   vertical-align: top;
   margin: 1px 0 0 5px;
}

.hidden {
   display: none !important;
}

.eu_error {
   color: red !important;
}

input.error,
select.error,
textarea.error {
   border: 1px solid red;
}

#meetingUpdateModal {
   background-color: #fff;
   padding: 20;
   border: 1px solid #ccc;
   border-radius: 5px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 90%;
   max-width: 800px;
}

#meetingUpdateModal .modal-content {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 13px;
   line-height: 20px;
   margin-top: 20px;
}

#meetingUpdateModal .modal-close {
   background-image: url(../images/icon-close.png);
   display: inline-block;
   width: 24px;
   height: 24px;
   background-size: cover;
   position: absolute;
   right: 10px;
   top: 10px;
   cursor: pointer;
}

#meetingUpdateModal #frmEmailUpdate {
   margin: 0;
}
#meetingUpdateModal #frmEmailUpdate .row {}
#meetingUpdateModal #frmEmailUpdate .row input {
   margin-bottom: 0;
}

@media only screen and (max-width : 768px) {
   #meetingUpdateModal {
      top: 10px;
      left:  30px;
      transform: none;
      width: calc(100vw - 60px);
      height: calc(100vh - 100px);
  }

  #meetingUpdateModal .modal-content {
      height: calc(100vh - 80px);
      padding-right: 20px;
      overflow: scroll;
   }
}

div#filter-area {
   text-align: center;
}

select#language-filter {
   margin: auto !important;
   margin-bottom: 10px !important;
   display:block !important
}

#meetingUpdateModal .modal-content{
   padding:20px !important;
   max-height: 80vh !important;
   overflow-y:scroll !important;
   max-width: 100% !important;
}
#meetingUpdateModal #frmEmailUpdate .row input{
   margin: auto !important;
    display: block;
}

#meetingUpdateModal .modal-content a {
   font-size: 13px !important;
}

input#btnEmailUpdate:hover {
   color: #c36 !important;
}