@import url('https://fonts.googleapis.com/css?family=Abel|Anton|Thasadith');

@page {
    size: letter landscape;
    margin: 1cm;
}

body{
    padding:0px;
    width:100%;
    height:100%;
    margin:0px;
    font-size:.6em;
}

.page-break {
    page-break-after: always;
}

.servicioTable{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content:flex-start;
    width:100%;
    height:auto;
    background:none;
}
  
.servicioTable > .servicioTableTitle{
    font-size:2em;
    color:rgb(37,93,144);
    width:100%;
    height:40px;
    line-height:40px;
    font-family: 'Abel';
    text-align: center;
}
  
.servicioTable > .servicioTableHeader{
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content:center;
    align-items: flex-start;
    gap:0px 10px;
    font-size:1em;
    width:100%;
    text-align: center;
}
  
.servicioTable > .servicioTableHeader > .servicioTableHeaderItem{
    display:inline-block;
    font-family: 'Abel';
    font-size:.9em;
    padding-left:10px;
    padding-right:10px;
    border-bottom: .5px solid black;
}
  
.servicioTable > .servicioTableBody{
    display:block;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content:center;
    align-items: flex-start;
    align-content: flex-start;
    gap:3px 10px;
    font-size:1em;
    width:100%;
    text-align: center;
}
  
.servicioTable > .servicioTableBody > .servicioTableRow{
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content:center;
    align-items: stretch;
    gap:0px 10px;
    font-size:1em;
    width:100%;
    height:25px;
    text-align: center;
}
  
.servicioTable > .servicioTableBody > .servicioTableRow > .servicioTableRowItem{
    display:inline-block;
    /*Abel|Anton|Thasadith'*/
    font-family: 'Abel';
    font-size:.8em;
    padding-left:10px;
    padding-right:10px;
    text-align: center;
    color:rgb(0, 0, 0);
    border-radius:5px;
    border-bottom: .5px solid rgba(152, 105, 28, 0.5);
    white-space: nowrap;
    overflow: hidden;
    height:25px;
    line-height:25px;
    text-overflow: ellipsis;
    /*background:rgba(0,0,0,0.2);*/
    background:none;
    transition: all .1s ease-in-out;
}
  
.servicioTable > .servicioTableBody > .servicioTableRow > .servicioTableRowItem > a{
    padding-left:20px;
    padding-right:20px;
}
  
.servicioTable > .servicioTableBody > .servicioTableRow:hover{
    box-shadow: 0px 1px 5px 3px rgba(75, 73, 71, 0.5);
    border: .5px solid black;
    color: black;
    font-size:1.1em;
    background:rgba(0,0,0,0.05);
    transition: all .1s ease-in-out;
}

.servicioClienteTitle > h5{
    color:#aaa;
    text-transform: capitalize;
}
  
.servicioTableTitle > h5,h3{
    display: inline;
}
  
.servicioTableTitle > h3{
    color:rgb(37,93,144);
    text-transform: uppercase;
}
  
.servicioTableTitle > h5{
    color:#aaa;
    text-transform: capitalize;
}

.filterOption{
    width:100%;
    height:20px;
    text-align:center;
    font-size:.8em;
    line-height:20px;
    cursor:pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filterOption:hover{
    background:#f3e3c9;
}