#txt_events_search {
    background-image: url('../img/search.svg');
}

.events_search {
    background-size: 1.5vh;
    background-position: 3% 50%;
    background-repeat: no-repeat;
    height: fit-content;
    font-size: 1vw;
    font-weight: bold;
    padding: 1px 5px 1px 25px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
 }

 .events_filters {
    width: 98%;
    background-repeat: no-repeat;
    background-color: rgba(230,230,230,1);
    color: rgba(0,64,101, 1);
    font-size: 0.95vw;
    font-weight: bold;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 0.5rem 1rem;
    line-height: 1.5;

    
    background-position: right 0.25rem center;
    background-size: 1em;
    -moz-appearance:none; /* Firefox */
     -webkit-appearance:none; /* Safari and Chrome */
     appearance:none;
 }

 #selectTableEntries.events_filters {
   width: 98%;
   background-repeat: no-repeat;
   background-position: right 0.25rem center;
   background-size: 1em;
   -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
 }

#drpDates.events_filters{
   width: calc((100% / 5) * 4.392);
   margin: 0px 0px 0px 0px;
}

 .events_filters::placeholder {
   color: rgba(0,64,101, 1);
   opacity: 1;
 }

 .date_range{
    width: 95%;
    text-align:center;
    margin: 0px 0px 0px 0px;
 }

 tbody .image-text{
    font-size:0px;
 }

#btnCsvLogRecords{
   margin: 0px 0px 0px 0px;
}

#igDateRange.input-group {
   width: calc((100% / 5) * 4.165);
   flex-wrap: unset;
}

@media only screen and (max-width: 600px) {
     .date_range,
     .events_filters {
         font-size: 3vw;
         margin: 2px 2px 2px 2px;
         padding: 0.5rem 1rem;
         line-height: 1.5;
      }

      #selectTableEntries.events_filters {
         width: calc((100% / 20) * 19.5);
      }
      
      #drpDates.events_filters{
         width: calc((100% / 5) * 4.273);
         margin: 0px 0px 0px 2px;
      }

      #igDateRange{
         margin: 2px 0px 2px 2px;
      }

      #btnCsvLogRecords{
         margin: 2px 0px 2px 0px;
      }

      div.dataTables_wrapper div.dataTables_paginate ul.pagination {
         justify-content: center;
         flex-wrap: wrap;
      }

      #filtersContainer div:nth-of-type(8) {flex-grow: 3;}
      #filtersContainer div:nth-of-type(9) {flex-grow: 1;}

      .input-group {
         align-items: center;
      }

      .input-group-text{
         padding: 0.3rem 0.75rem;
      }

      #igDateRange.input-group {
         width: calc((100% / 5) * 4.120);
         flex-wrap: unset;
      }
 }

 @media only screen and (min-width: 600px) and (max-width: 1200px) {
   .events_filters {
       width: 95%;
       font-size: 1.5vw;
       margin: 2px 2px 2px 2px;
       padding: 3px 0px 2px 0px;
    }

    .date_range{
      font-size: 1.5vw;
      padding: 2px 0px 2px 0px;
    }
   
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
       justify-content: center;
       flex-wrap: wrap;
    }
}

.tabulator {
   border: 0px;
   font-family: "AvantGarde Bk BT";
   font-size: 1em;
}

.tabulator-col-sorter {
   right: 0px;
   left: 0px;
}

.indented{padding-left: 15px;}
.indented-1{padding-left: 10px;}

.tabulator-page.active {
   color: rgba(0,64,101,1) !important;
}

.tabulator .tabulator-header .tabulator-col{
   color: #000 !important;
   background: #fff !important;
   border: 0px;
}

.tabulator .tabulator-footer {
   color: #000 !important;
   background: #fff !important;
}

.tabulator-footer-contents {
   padding: 5px 0px 5px 5px !important;
}
.tabulator-footer button {
   margin: 5px 0px 5px 0px !important;
}

.event-modal-header{
    background-color: #fff;
    padding: 5px 5px 5px 5px;
}

.event-modal-body{
    background-color: #fff;
    border-radius: 0px;
    text-align:left;
}

.event-modal-footer{
    background-color: #fff;
    padding: 5px 5px 5px 5px;
}

.em-alert-description {
   font-family: "AvantGarde Bk BT";
   font-size:medium;
   text-align: justify;
   text-justify: inter-ideograph;
   word-break: break-word;
 }

.em-alert-code {
   font-family: "AvantGarde Bk BT";
   font-size:large;
   text-align: left;
   font-weight: bold;
 }