.departments-page{
margin-top: -4px;
}
.departments-page >.edit > div span:not(:last-of-type)::after{
content: " / ";
}
.departments-page >.edit{
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: space-between;
margin: 0 auto;
width: 88%;
padding: 12px 0;
box-sizing: border-box;
}
.departments-page >.edit > div{
background-color: #f9f9f9;
border: 1px solid #ccc;
box-sizing: border-box;
display: flex;
font-size: 22px;
font-weight: 400;
margin: 0;
padding: 0;
width: calc(33.33% - 8px);
}
.departments-page >.edit > div span{
color: #888;
font-size: 12px;
line-height: 11px;
margin: 0;
font-style: italic;
font-weight: normal;
}
.departments-page >.edit > div > a{
color: #000;
width: 100%;
height: 92px;
}
.departments-page >.edit > div > a:hover{
background-color: #eee;
}
.departments-page >.edit > div > a > div{
align-self: center;
vertical-align: middle;
text-align: left;
height: 92px;
margin-left: 108px;
border-left: 1px double #e0e0e0;
font-size: 18px;
position: relative;
top: 50%;
left: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.departments-page >.edit > div > a > div:before{
background-size: 48px 48px;
width: 48px;
height: 48px;
display: inline-block;
content: "";
margin-right: 0;
position: absolute;
left: -79px;
top: 16px;
pointer-events: none;
background-image: url('/img/icons/clock-1.png');
}
.departments-page >.edit > div > a > div > div{
font-size: 18px;
padding: 0 20px;
position: absolute;
top: 50%;
left: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
column-break-inside: avoid;
-moz-column-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
word-break: avoid;
line-break: avoid;
}
.departments-page >.edit > div > a > div > div > span{
font-weight: 600;
border-radius: 2px;
white-space: nowrap;
}
.departments-page >.edit > div > div{
text-align: left;
width: 100%;
max-width: 100%;
border-top: 1px solid #ccc;
display: flex;
overflow-x: clip;
background-color: #fff;
display: none;
}
.departments-page >.edit > div > div > a{
border-right: 1px solid #ccc;
font-size: 14px;
padding: 5px 10px;
font-weight: 400;
margin: 0;
align-items: stretch;
align-self: center;
display: flex;
flex-wrap: wrap;
color: #111;
}
.departments-page >.edit > div > div > a:hover{
background-color: #eee;
}
.departments-page >.edit > div > a[href*="admin/"] > div:before{
background-image: url('/img/icons/admin.png');
}
.departments-page >.edit > div > a[href*="assessor/"] > div:before{
background-image: url('/img/icons/property.png');
}
.departments-page >.edit > div > a[href*="attorney/"] > div:before{
background-image: url('/img/icons/law.png');
}
.departments-page >.edit > div > a[href*="auditor/"] > div:before{
background-image: url('/img/icons/audit.png');
}
.departments-page >.edit > div > a[href*="cc/"] > div:before{
background-image: url('/img/icons/parole.png');
}
.departments-page >.edit > div > a[href*="court/"] > div:before{
background-image: url('/img/icons/courthouse.png');
}
.departments-page >.edit > div > a[href*="econ/"] > div:before{
background-image: url('/img/icons/econ.png');
}
.departments-page >.edit > div > a[href*="facilities/"] > div:before{
background-image: url('/img/icons/maintenance.png');
}
.departments-page >.edit > div > a[href*="env/"] > div:before{
background-image: url('/img/icons/environmental.png');
}
.departments-page >.edit > div > a[href*="gis/"] > div:before{
background-image: url('/img/icons/gis.png');
}
.departments-page >.edit > div > a[href*="hr/"] > div:before{
background-image: url('/img/icons/human-resources.png');
}
.departments-page >.edit > div > a[href*="hhs/"] > div:before{
background-image: url('/img/icons/hands-heart.png');
}
.departments-page >.edit > div > a[href*="highway/"] > div:before{
background-image: url('/img/icons/motorway.png');
}
.departments-page >.edit > div > a[href*="it/"] > div:before{
background-image: url('/img/icons/network.png');
}
.departments-page >.edit > div > a[href*="land/"] > div:before{
background-image: url('/img/icons/land-bw.png');
}
.departments-page >.edit > div > a[href*="license/"] > div:before{
background-image: url('/img/icons/license.png');
}
.departments-page >.edit > div > a[href*="maintenance/"] > div:before{
background-image: url('/img/icons/wrench.png');
}
.departments-page >.edit > div > a[href*="atv/"] > div:before{
background-image: url('/img/icons/atv.png');
}
.departments-page >.edit > div > a[href*="recorder/"] > div:before{
background-image: url('/img/icons/notes.png');
}
.departments-page >.edit > div > a[href*="sheriff/"] > div:before{
background-image: url('/img/icons/sheriff.png');
}
.departments-page >.edit > div > a[href*="surveyor/"] > div:before{
background-image: url('/img/icons/mapping.png');
}
.departments-page >.edit > div > a[href*="treasurer/"] > div:before{
background-image: url('/img/icons/bank(1).png');
}
.departments-page >.edit > div > a[href*="4h/"] > div:before{
background-image: url('/img/icons/clover.png');
}
.departments-page >.edit > div > a[href*="vet/"] > div:before{
background-image: url('/img/icons/medal.png');
}