*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: hidden; background-color: #041E41; }
img { max-width: 100%; height: auto; display: block; }



.search-types-header,
.card-toggle{
  font-family: var(--panel-heading-font);
  font-size: var(--panel-heading-size);
  font-weight: var(--panel-heading-weight);
  letter-spacing: .2px;
}

.card-toggle:focus-visible,
.ori-btn:focus-visible,
.ori-qd-btn:focus-visible,
.ori-date-btn:focus-visible,
.search-type:focus-visible,
input:focus-visible,
select:focus-visible,
a:focus-visible,
button:focus-visible {
  outline: 3px solid #94700a !important;
  outline-offset: 2px !important;
}

.skip-link{position:absolute;left:-9999px;top:auto;}
.skip-link:focus{left:16px;top:8px;z-index:10000;background:#fff;color:#041E41;
  padding:10px 16px;border-radius:6px;outline:3px solid #94700a;}
.linklike{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;}
.linklike:focus-visible{outline:3px solid #486795;outline-offset:2px;}

* {
	margin:0; padding:0;
	font-size:100%;
}

body {
    
    
    text-align: center;
}


#main { width: 100%; margin: 0 auto; text-align: left;background: #ffffff; }


:root{

  --base-font: clamp(1rem, 1.1vw + 0.75rem, 1.125rem);
  --panel-heading-font: 'Arial';


  --panel-heading-size: clamp(1.125rem, 0.9vw + 0.875rem, 1.25rem);
  --panel-heading-weight: 700;


  --header-h: clamp(96px, 10vw, 120px);     
  --linkbar-h: clamp(40px, 4.5vw, 52px);    
  --subheader-h: clamp(14px, 2vw, 20px);   
  --page-pad: clamp(16px, 2.2vw, 40px);   
}

html{ font-size: var(--base-font); }
body{ font-size:1rem; line-height: 1.4; }
/* Begin/End date on the same line */
.ori-date-pair{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* keep each date row neat inside each column */
.ori-date-pair .ori-date-row{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap; /* allow quick buttons to wrap if needed */
}

/* stack on mobile */
@media (max-width: 720px){
  .ori-date-pair{
    grid-template-columns: 1fr;
  }
}


.results-tools-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap; /* lets it wrap on small screens */
}

/* Filter row right under headers */
.results_courtsdiv thead tr.col-filters th{
  padding: 6px 8px;
  vertical-align: top;
}

/* Inputs auto-fit column width */
.results_courtsdiv thead tr.col-filters input{
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid rgba(0,0,0,.25);
  border-radius: 8px;
  font-size: 0.875rem;
}

/* Optional: make filter row look subtle */
.results_courtsdiv thead tr.col-filters{
  background: rgba(255,255,255,0.6);
}

/* Optional: placeholder look */
.results_courtsdiv thead tr.col-filters input::placeholder{
  opacity: 0.7;
}

   .results-meta .results-header-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:8px;
  }
  @media (min-width: 901px) and (max-width: 1200px){
  .results-meta .results-header-row{
    display: block;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:8px;
  }}
  
  .results-meta .results-header-left{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
  }
  
  .results-meta .results-header-left .results-title{
    margin:0 !important;
  }
  
  .results-meta .results-header-right{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto; /* push to extreme right */
  }
  
  .results-meta .results-header-right label{
    font-weight:600;
    margin:0;
    white-space:nowrap;
  }
  
  .results-meta .results-header-right select{
    width:auto;
    display:inline-block;
  }
  

  @media (max-width: 640px){
    .results-meta .results-header-row{
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }
  
    .results-meta .results-header-left{
      width: 100%;
      justify-content: flex-start;
    }
  
    .results-meta .results-header-left .ori-btn{
      width: 100%;
      display: block;
      text-align: center;
    }
  
    .results-meta .results-header-right{
      width: 100%;
      justify-content: space-between;
      margin-left: 0;
    }
  
    .results-meta .results-header-right select{
      flex: 1 1 auto;
      min-width: 180px;
    }
  
    .results-meta .results-sub{
      white-space: normal !important;
      line-height: 1.35;
    }
  }



.results-sort{
  text-align:right;
  white-space:nowrap; /* keeps the sort links on one line when possible */
}



@media (max-width: 640px){
  .results-sort{
    white-space:normal; /* allow wrap on mobile */
    text-align:left;
    width:100%;
  }
}

.header-wrapper{
  position: relative;
  width: 100%;
}

#header{
  width: 100%;
  height: clamp(100px, 12vw, 140px);
  padding-right: clamp(160px, 26vw, 420px);

  background: url("/images/Main3_final.png") no-repeat left center;
  background-size: min(800px, 100%) auto;
}

.mobile-doc{
  padding: 14px;
}
.mobile-doc .ori-btn{
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}


#content{
  min-height: 0;  
  height: auto;        
  width: 100%;
  padding: 0;
}


#content .box{
  height: calc(100vh - (var(--header-h) + var(--linkbar-h) + var(--subheader-h) + var(--page-pad)));
  
  background: #fff;
}


.alignleft {
		text-align: left;
}

.box {color:#000000;}
/* .box {color:#7c7c7c;} */
.box strong {color:#3666c9;}
.box .top-tail {width:100%; float:left; font-size:0.0625rem;}
.box .top-tail .indent {margin:0 10px 0 10px; background:#fff; height:11px; padding:0;}


.box .top-row {
    background: #fff;
    padding-top: 20px;
    border-top: 1px solid #d5d5d0;
	padding-top: 20px;
}




.header-actions{
  position: absolute;
  top: 50%;
  right: clamp(12px, 3vw, 48px);
  transform: translateY(-50%);

  display: flex;
  flex-direction: row; 
  align-items: center;
  gap: 12px;

  z-index: 5; 
}

.header-link{
  color: #ffffff;
  font-weight: 600;
  font-size: 1.125rem;
  text-decoration: none;
  white-space: nowrap;

  padding: 6px 10px;
  border-radius: 3px;
  background: none;
}

.header-link:hover{ background: none }


.linkbar{
 
  height: clamp(36px, 5vh, 52px);
  width: 100%;

  background-color: #486795;
  color: #ffffff;

  display: flex;
  align-items: center;
  padding: 0 clamp(12px, 4vw, 48px);
}

.linkbar_item{ flex: 1; font-size: 0.875rem; }
.linkbar_left{ text-align: left; }
.linkbar_right{ text-align: right; }

.linkbar_title{
  flex: 2;
  text-align: center;
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.linkbar a{ color:#fff; font-weight:600; text-decoration:none; }
.linkbar a:hover{ color:#BD9593; }


.subheader-line{
  width: 100%;
  height: 16px;
  background-color: #BF0D3E;
}

.cards-container{
  display: grid;

  grid-template-columns:
    minmax(200px, 0.12fr)   
    minmax(620px, 1.90fr) 
    minmax(280px, 0.28fr); 

  gap: 20px;
  width: 100%;
  padding: 0 clamp(12px, 2vw, 48px);
  align-items: start;
}





@media (min-width: 901px) and (max-width: 1200px){
  .cards-container{
    grid-template-columns:
      minmax(160px, 0.12fr)
      minmax(620px, 2.6fr)
      minmax(180px, 0.12fr);
  }
}


.cards-container > .card.card-search-types{
  height: auto;      
  overflow: auto;
}

.cards-container > .card.card-search{
  height: auto;   
  overflow: auto;

}

.cards-container > .card.card-directions{
  height: auto;       
  overflow: auto;
}


.search-types .card-body{
  display: none;           
}

.search-types .card-body.is-open{
  display: flex;           
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  font-family: 'Arial';
}





.search-type{
  
  max-width: 100%;
  padding: 7px 10px;
  font-family: 'Arial';
  text-align: left;
  background: #ffffff;
  color: #000000;

  border: 1px solid #cfd6df;
  border-radius: 6px;

  cursor: pointer;


  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.search-type:hover,
.search-type.active{
  background: #486795;
  color: #ffffff;
  border-color: #486795;
}




.search-types-header{
  display: flex;
  align-items: center;
  gap: 6px;

  color: #1f2a37;

  padding: 8px 10px;
  background: #eef3f9;
  border: 1px solid #cfd6df;
  border-radius: 4px;

  cursor: pointer;
  user-select: none;
}


.chevron{
  font-size: 1.25rem;
  line-height: 1.3;
}

.chevron-right{ display: none; }

.search-types-header.collapsed .chevron-down{ display: none; }
.search-types-header.collapsed .chevron-right{ display: inline; }

.search-fields-panel fieldset{
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-inline-size: 0 !important;
}

.search-fields-panel legend{
  padding: 0 !important;
  margin: 0 0 8px 0 !important;
  border: 0 !important;
}




.cards-container > .right-column{
  align-self: start;
  height: auto;
  overflow: visible;
}
.cards-container > .right-column > .card{
  height: auto;
  overflow: visible;
}

.cards-container > .right-column .search-types-body{
  overflow: auto;
}

.right-column{
  display: grid;
  grid-template-rows: auto auto;  
  gap: 20px;
  height: auto;
}



.card-right-below{
  height: 100%;   
  overflow: auto;
}

.sr-only{
  position:absolute;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}


.results-toolbar{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0 12px 0;
  padding: 10px 0px;
  border-radius: 10px;
  background: transparent;
}

.results-toolbar .results-search{
  flex: 1 1 220px;
  min-width: 180px;
  padding: 10px 12px;
  border: 1px solid #cfd4da;
  border-radius: 8px;
  font: inherit;
}

.results-toolbar .results-count{
  font-size: 0.95em;
  opacity: 0.8;
  white-space: nowrap;
}
.results-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}


.card-results .results-pager{
  display: flex;                
  justify-content: flex-end;     
  align-items: center;
  gap: 10px;

  width: 100%;
  margin-top: 10px;
}


.results-toolbar .results-pager{
  margin-left:auto;     
  display:flex;
  align-items:center;
  gap:10px;
}



.results-table-wrap{
  max-height: clamp(520px, 60vh, 800px); 
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
}



.results-table-wrap th{
  padding: 10px 10px;
  vertical-align: top;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;      
}

.results-table-wrap td{
  padding: 10px 10px;
  vertical-align: top;
  font-size: 1rem; 
  line-height: 1.3;
}

.results-table-wrap tr:nth-child(even){
  background: rgba(72, 103, 149, 0.06);
}


.results-table-wrap a{
  text-decoration: underline !important;
}

.results-table-wrap a:link{
  color: #3666c9 !important;
}

.results-table-wrap a:visited{
  color: #772a3d !important;
}

.results-table-wrap a:link:hover,
.results-table-wrap a:link:focus{
  color: #3666c9 !important;
}

.results-table-wrap a:visited:hover,
.results-table-wrap a:visited:focus{
  color: #772a3d !important;
}



@media screen and (max-width: 900px){.results-table-wrap td{

  font-size: 0.875rem; 
 
}}
#footer a {color:#ff0e28; font-weight:bold;}
.search-form{ display: none; }
.search-form.is-visible{ display: block;  }

@media screen and (max-width: 900px){
  .search-types-header{
    font-size: 0.75rem;
    padding: 6px 8px;
  }

  .search-type{
    width: 100%;
  }
}
.ori-grid-2{ display:grid; gap:12px; }
@media (min-width:720px){ .ori-grid-2{ grid-template-columns:1fr 1fr; } }

@media (max-width: 768px){
  .cards-container{
    grid-template-columns: 1fr;
    height: auto;
  }}
.ori-invalid{ border-color:#dc3545; }

@media (max-width: 768px){
  #content .box{
    height: auto;
    overflow: visible;
  }

  #content .box .top-row,
  #content .box .container.line,
  #content .box .row,
  #content .box .cards-container{
    height: auto;
  }
}


.card-toggle{
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 10px 12px;
  background: #b7bbc0;
  border-bottom: 1px solid #dcdcdc;

  color: #1f2a37;
  font-family: 'Arial';
  font-weight: bolder;
  cursor: pointer;
  user-select: none;
}

.chevron{ font-size: 0.875rem; line-height: 1.3; }
.chevron-right{ display: none; }
.card-toggle.collapsed .chevron-down{ display: none; }
.card-toggle.collapsed .chevron-right{ display: inline; }


.card-body{ display:none; }
.card-body.is-open{ display:block; padding:12px 0px; }




#searchTypesBody .search-type,
#platsSearchTypesBody .search-type{
  display: block;
  width: 100%;
}





.search-fields-panel .desc-box{
  border: 1px solid #dcdcdc;
  border-radius: 12px;
  background: #f7f7f7;
  padding: 10px 12px;
  margin-bottom: 12px;
}

.search-fields-panel .desc-box #searchDescription{
 
  display: block;
  margin: 0;
}


.search-fields-panel #queryFieldsDiv{
  display: grid;
  gap: 10px;
}


.search-fields-panel .form-group{
  margin-bottom: 0;
}

.search-fields-panel label{

  margin-bottom: 4px;
  display: inline-block;
}


.search-fields-panel .form-control,
.search-fields-panel .chosen-container{
  width: 100% !important;
}


.search-actions{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

.search-actions .btn{
  min-width: 110px;
  border-radius: 6px;
  font-weight: 700;
}




#search-name .name-scroll{
  max-height: 600px;
  overflow-y: auto !important;
  overflow-x: hidden;
}



@media (max-width: 900px){
  #search-name .name-scroll{ max-height: 60vh; }
}




.ori-fields,
.ori-fields input,
.ori-fields select,
.ori-fields textarea,
.ori-fields button {
  font: inherit;
}

:root{
 
  --ori-font: clamp(0.875rem, 0.7vw + 0.75rem, 1.125rem);
  --ori-help: clamp(0.75rem, 0.6vw + 0.625rem, 1.125rem);
  --ori-gap:  clamp(8px, 1vw, 12px);

  --ori-pad-y: clamp(8px, 0.8vw + 6px, 12px);
  --ori-pad-x: clamp(10px, 1vw + 6px, 14px);

  --ori-radius: 6px;
  --ori-border: 1px solid #cfd4da;
}

.ori-fields{
  display: grid;
  gap: var(--ori-gap);
  font-size: var(--ori-font);
}

.ori-field{
  display: grid;
  /* gap: calc(var(--ori-gap) * 0.75); */
  padding: 5px;
}

.ori-label{
  font-weight: 600;
}

.ori-control{
  width: 100%;
  padding: var(--ori-pad-y) var(--ori-pad-x);
  border: var(--ori-border);
  border-radius: var(--ori-radius);
  font-size: 1em;              
  line-height: 1.3;
  min-height: 42px;            
}

.ori-help{
  font-size: var(--ori-help);
  opacity: 0.75;
  padding: 2px;
}

.ori-invalid{
  border-color: #dc3545;
}

/* Actions row */
.ori-actions{
  margin-top: clamp(10px, 1vw + 6px, 14px);
  display: flex;
  justify-content: flex-end;
  gap: clamp(8px, 1vw, 12px);
  align-items: center;
  flex-wrap: wrap;            
}

.ori-btn{
  padding: clamp(6px, 0.7vw, 10px) clamp(10px, 1vw, 14px);
  border-radius: var(--ori-radius);
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1em;             
  line-height: 1.3;
  min-height: 40px;           
}

.ori-btn-secondary{
  border-color: #6c757d;
  background: transparent;
}

.ori-btn-primary{
  /* background: #0D6EFD; */
  background:#486795;
  color: #ffffff;
}

.ori-btn:disabled{
  opacity: 0.55;
  cursor: not-allowed;
}


.ori-loading{
  min-width: clamp(60px, 8vw, 120px);
  font-size: var(--ori-help);
  opacity: 0.8;
}


.ori-label-row{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.ori-range{
  font-size: var(--ori-help);
  opacity: 0.75;
  white-space: nowrap;
}


.ori-date-row{
  display: flex;
  gap: clamp(8px, 1vw, 12px);
  align-items: center;
  flex-wrap: wrap;       
}

.ori-date-picker{
  display: flex;
  align-items: center;
  gap: clamp(6px, 0.8vw, 10px);
  flex: 1 1 260px;            
  min-width: 220px;
}

.ori-date-row .ori-control{
  flex: 1 1 auto;
  min-width: 160px;
}


.ori-quickdates{
  display: flex;
  gap: clamp(6px, 0.8vw, 10px);
  white-space: nowrap;
  flex: 0 0 auto;
}

.ori-qd-btn{
  padding: clamp(6px, 0.7vw, 10px) clamp(10px, 1vw, 14px);
  border-radius: var(--ori-radius);
  border: var(--ori-border);
  background: #486795;
  color: #ffffff;
  font-size: 1em;
  cursor: pointer;
  min-height: 40px;
}


.ori-date-btn{
  border: 1px solid #cfd4da;
  background: transparent;
  border-radius: var(--ori-radius);
  cursor: pointer;
  font-size: 1em;
  line-height: 1.3;
  min-height: 40px;
  padding: 0 10px;
}


.ori-date-native{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}


@media (max-width: 520px){
  .ori-date-picker{ flex: 1 1 100%; min-width: 0; }
  .ori-quickdates{ flex: 1 1 100%; justify-content: flex-end; }
  .ori-actions{ justify-content: stretch; }
  .ori-actions .ori-btn{ flex: 1 1 140px; }
}







@media screen and (max-width: 900px){



  .cards-container{
    grid-template-columns: 1fr;
  }

  .card{
    width: 100%;
  }


  .search-type{
    width: 100%;
  }


  .linkbar_title{
    font-size: 1rem;
    white-space: normal;
    line-height: 1.3;
    text-align: center;
  }



html, body { height: 100%; }

body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;  
}

#main-content{
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-bottom: 24px;    
}


#main-content #main,
#main-content #content{
  flex: 1;
  display: flex;
  flex-direction: column;
  /* padding: 0 20px 0 20px; */
}



#content .box{
  flex: 1;
  min-height: clamp(720px, 84vh, 980px);  
  margin-bottom: 28px;                
}


#content .box .top-row,
#content .box .container.line,
#content .box .row,
#content .box .cards-container{
  height: 100%;
}

.cards-container .card{
  background: transparent;
  border: 1px solid #dbe3ef;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  overflow: hidden; 
  transition: box-shadow .2s ease, transform .2s ease;
}

.cards-container .card:hover{
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
  transform: translateY(-1px);
}


.cards-container .card-toggle,
.cards-container .search-types-header{
  background: #b7bbc0;
  border-color: #dbe3ef;
}


.cards-container .card-body{
  background: transparent;
}


.results-meta{
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  background: #f7f7f7;
  padding: 12px;
  margin-bottom: 12px;
}

.results-title{
 
  margin-bottom: 6px;
  
}

.results-sub{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  font-size: .95rem;
  opacity: .9;
  margin-bottom: 10px;
}

.results-actions{
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.small-muted{
  font-size: .9rem;
  opacity: .8;
}


.search-types a.search-type{
  display: block;
  width: 100%;
  text-decoration: none;
}

.results-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 12px 0;
  padding:10px 12px;
  border:1px solid #dbe3ef;
  border-radius:10px;
  background:transparent;
  justify-content: center;
}
.results-search{
  flex:1 1 220px;
  min-width:180px;
  padding:10px 12px;
  border:1px solid #cfd4da;
  border-radius:8px;
}
.results-pager{

  align-items:center;
  gap:10px;
  margin-left:auto; 
}
.results-pager { display: none; }
.results-pager.is-visible { display: flex; } 

.results-page-label{
  font-size: 0.95em;
  opacity: 0.85;
  white-space: nowrap;
}





}



.results-toolbar{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.small-muted{
  font-size: .9rem;
  opacity: .8;
}

.results-pager{
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;   
}


@media (max-width: 768px){


  #content{ padding: 0 12px; }

  #content .box{
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  
  .cards-container{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 12px !important;
    align-items: start !important;
  }


  .cards-container .card{
    border-radius: 10px;
  }


  .results-sub{
    gap: 8px;
    font-size: 0.95rem;
  }

  .results-actions{
    justify-content: stretch;
  }

  .results-actions .ori-btn{
    flex: 1 1 auto;
    text-align: center;
  }
}




:root{
  --ui-font: Arial, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

body{
  font-family: var(--ui-font);
}

button, input, select, textarea, a{
  font: inherit;
}


a,
a:visited,
a:hover,
a:active,
a:focus{
  text-decoration: none !important;
}

a,
a:visited{
  color: inherit;
}

.header-actions .header-link,
.header-actions .header-link:visited,
.header-actions .header-link:hover,
.header-actions .header-link:active,
.header-actions .header-link:focus{
  color: #fff !important;
  text-decoration: none !important;
}



@media screen and (max-width: 900px){

  :root{
    
    --m-header-h:  clamp(130px, 42vw, 280px); 
    --m-actions-h: 70px;                      
    --m-logo-w:    min(900px, 150vw);          
  }

  #header{
    height: var(--m-header-h);
    padding-right: 0;

 
    padding-bottom: var(--m-actions-h);


    background-image: url(/images/Main3_final.png);
    background-repeat: no-repeat;
  

    background-size: var(--m-logo-w) auto;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;  
  }

  .header-actions{
    position: absolute;
    right: 12px;
    bottom:0px;
    left: auto;                      
    top: auto;
    transform: none;

    display: flex;
    flex-direction: row;          
    align-items: flex-end;           
    gap: 6px;

    z-index: 5;
  }
  

  .header-link{
    font-size: 0.875rem;
    padding: 4px 8px;
  }

}