<h3 class="acl-typography--subtitle1">Info Card</h3>
<div class="acl-info-card">
<div class="acl-info-card__header">
<div class="acl-info-card__header-title">
<span class="acl-info-card__header-number"> 1. </span>SPARK - Landmark
Place
</div>
<div class="acl-info-card__close">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="close" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M12.9579051,12.0736789 C12.9383147,12.0541371 12.9273048,12.0276031 12.9273048,11.9999319 C12.9273048,11.9722607 12.9383147,11.9457267 12.9579051,11.926185 L16.8171675,8.06717843 C17.061188,7.82280257 17.0609082,7.42687083 16.8165425,7.18284013 C16.5721769,6.93880944 16.1762616,6.93908924 15.9322411,7.1834651 L12.0733953,11.0408051 C12.0538544,11.0603963 12.0273215,11.0714067 11.9996514,11.0714067 C11.9719814,11.0714067 11.9454485,11.0603963 11.9259076,11.0408051 L8.06706178,7.1834651 C7.82304125,6.93931934 7.42731253,6.93922607 7.18317695,7.18325677 C6.93904136,7.42728747 6.9389481,7.82303268 7.18296863,8.06717843 L11.0413978,11.926185 C11.0609882,11.9457267 11.0719981,11.9722607 11.0719981,11.9999319 C11.0719981,12.0276031 11.0609882,12.0541371 11.0413978,12.0736789 L7.18296863,15.9331021 C7.02511502,16.0910367 6.96350588,16.3211917 7.02134876,16.5368699 C7.07919164,16.7525482 7.24769885,16.920983 7.46339534,16.9787266 C7.67909182,17.0364702 7.90920817,16.97475 8.06706178,16.8168154 L11.9259076,12.9573922 C11.9454485,12.937801 11.9719814,12.9267906 11.9996514,12.9267906 C12.0273215,12.9267906 12.0538544,12.937801 12.0733953,12.9573922 L15.9322411,16.8168154 C16.1762616,17.0609612 16.5719903,17.0610544 16.8161259,16.8170237 C17.0602615,16.572993 17.0603548,16.1772478 16.8163342,15.9331021 L12.9579051,12.0736789 Z" id="Path" fill="#B1B7CD" fill-rule="nonzero"></path>
</g>
</svg>
</div>
</div>
<div class="acl-info-card__location">
<div class="acl-info-card__location-icon">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="account_address" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M18.7067265,5.05716593 C18.5570341,4.98094469 18.3807077,4.98094469 18.2310154,5.05716593 L18.2310154,5.05716593 L5.29347757,10.963478 C5.03121265,11.0968573 4.92501854,11.4209636 5.0562599,11.6874376 C5.13096604,11.8391214 5.27154178,11.9462927 5.4357646,11.9767369 L10.9153869,12.9894584 L11.9121118,18.5570237 C11.952903,18.7852448 12.1327454,18.961461 12.3586996,18.9945924 C12.3836846,18.9982596 12.4088874,19 12.4340902,19 C12.6353705,19 12.8193823,18.8845758 12.9093657,18.7016259 L18.943633,5.78122035 C19.0749988,5.51480955 18.9689291,5.19064005 18.7067265,5.05716593 Z" id="navigation-icon" fill="#93C3EA" fill-rule="nonzero"></path>
</g>
</svg>
</div>
<div class="acl-info-card__location-address">
Landmark Place, Station Terrace, Cardiff CF10 2FY
</div>
</div>
<div class="acl-info-card__visit-meta">
<div class="acl-info-card__visit-meta-last-visit">
<div class="acl-info-card__visit-meta-last-visit-icon">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="account_last_visit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="time-clock-circle-alternate" transform="translate(4.000000, 4.000000)" fill="#93C3EA" fill-rule="nonzero">
<path d="M8,-1.18423789e-15 C3.581722,-1.18423789e-15 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C12.418278,16 16,12.418278 16,8 C15.9948568,3.58385413 12.4161459,0.00514317487 8,-1.18423789e-15 Z M8,14.6666667 C4.31810167,14.6666667 1.33333333,11.6818983 1.33333333,8 C1.33333333,4.31810167 4.31810167,1.33333333 8,1.33333333 C11.6818983,1.33333333 14.6666667,4.31810167 14.6666667,8 C14.6626251,11.680223 11.680223,14.6626251 8,14.6666667 L8,14.6666667 Z" id="Shape"></path>
<path d="M11.4226667,10.54 L8.33333333,7.70733333 L8.33333333,4.33333333 C8.33333333,3.9651435 8.0348565,3.66666667 7.66666667,3.66666667 C7.29847683,3.66666667 6.9999996,3.9651435 6.9999996,4.33333333 L6.9999996,8 C6.99979466,8.18703905 7.07817043,8.36556164 7.216,8.492 L10.522,11.522 C10.7946781,11.7672414 11.2134714,11.7491619 11.464,11.4813333 C11.7123025,11.2098954 11.693805,10.7886296 11.4226667,10.54 L11.4226667,10.54 Z" id="Path"></path>
</g>
</g>
</svg>
</div>
<div class="acl-info-card__visit-meta-last-visit-timeframe">
Last visit 11/28/2019
</div>
</div>
<div class="acl-info-card__visit-meta-status">Overdue</div>
</div>
</div>
<h3 class="acl-typography--subtitle1">Info Card Grabbed State</h3>
<div class="acl-info-card acl-info-card--grabbed">
<div class="acl-info-card__header">
<div class="acl-info-card__header-title">
<span class="acl-info-card__header-number"> 1. </span>SPARK - Landmark
Place
</div>
<div class="acl-info-card__close">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="close" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M12.9579051,12.0736789 C12.9383147,12.0541371 12.9273048,12.0276031 12.9273048,11.9999319 C12.9273048,11.9722607 12.9383147,11.9457267 12.9579051,11.926185 L16.8171675,8.06717843 C17.061188,7.82280257 17.0609082,7.42687083 16.8165425,7.18284013 C16.5721769,6.93880944 16.1762616,6.93908924 15.9322411,7.1834651 L12.0733953,11.0408051 C12.0538544,11.0603963 12.0273215,11.0714067 11.9996514,11.0714067 C11.9719814,11.0714067 11.9454485,11.0603963 11.9259076,11.0408051 L8.06706178,7.1834651 C7.82304125,6.93931934 7.42731253,6.93922607 7.18317695,7.18325677 C6.93904136,7.42728747 6.9389481,7.82303268 7.18296863,8.06717843 L11.0413978,11.926185 C11.0609882,11.9457267 11.0719981,11.9722607 11.0719981,11.9999319 C11.0719981,12.0276031 11.0609882,12.0541371 11.0413978,12.0736789 L7.18296863,15.9331021 C7.02511502,16.0910367 6.96350588,16.3211917 7.02134876,16.5368699 C7.07919164,16.7525482 7.24769885,16.920983 7.46339534,16.9787266 C7.67909182,17.0364702 7.90920817,16.97475 8.06706178,16.8168154 L11.9259076,12.9573922 C11.9454485,12.937801 11.9719814,12.9267906 11.9996514,12.9267906 C12.0273215,12.9267906 12.0538544,12.937801 12.0733953,12.9573922 L15.9322411,16.8168154 C16.1762616,17.0609612 16.5719903,17.0610544 16.8161259,16.8170237 C17.0602615,16.572993 17.0603548,16.1772478 16.8163342,15.9331021 L12.9579051,12.0736789 Z" id="Path" fill="#B1B7CD" fill-rule="nonzero"></path>
</g>
</svg>
</div>
</div>
<div class="acl-info-card__location">
<div class="acl-info-card__location-icon">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="account_address" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M18.7067265,5.05716593 C18.5570341,4.98094469 18.3807077,4.98094469 18.2310154,5.05716593 L18.2310154,5.05716593 L5.29347757,10.963478 C5.03121265,11.0968573 4.92501854,11.4209636 5.0562599,11.6874376 C5.13096604,11.8391214 5.27154178,11.9462927 5.4357646,11.9767369 L10.9153869,12.9894584 L11.9121118,18.5570237 C11.952903,18.7852448 12.1327454,18.961461 12.3586996,18.9945924 C12.3836846,18.9982596 12.4088874,19 12.4340902,19 C12.6353705,19 12.8193823,18.8845758 12.9093657,18.7016259 L18.943633,5.78122035 C19.0749988,5.51480955 18.9689291,5.19064005 18.7067265,5.05716593 Z" id="navigation-icon" fill="#93C3EA" fill-rule="nonzero"></path>
</g>
</svg>
</div>
<div class="acl-info-card__location-address">
Landmark Place, Station Terrace, Cardiff CF10 2FY
</div>
</div>
<div class="acl-info-card__visit-meta">
<div class="acl-info-card__visit-meta-last-visit">
<div class="acl-info-card__visit-meta-last-visit-icon">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="account_last_visit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="time-clock-circle-alternate" transform="translate(4.000000, 4.000000)" fill="#93C3EA" fill-rule="nonzero">
<path d="M8,-1.18423789e-15 C3.581722,-1.18423789e-15 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C12.418278,16 16,12.418278 16,8 C15.9948568,3.58385413 12.4161459,0.00514317487 8,-1.18423789e-15 Z M8,14.6666667 C4.31810167,14.6666667 1.33333333,11.6818983 1.33333333,8 C1.33333333,4.31810167 4.31810167,1.33333333 8,1.33333333 C11.6818983,1.33333333 14.6666667,4.31810167 14.6666667,8 C14.6626251,11.680223 11.680223,14.6626251 8,14.6666667 L8,14.6666667 Z" id="Shape"></path>
<path d="M11.4226667,10.54 L8.33333333,7.70733333 L8.33333333,4.33333333 C8.33333333,3.9651435 8.0348565,3.66666667 7.66666667,3.66666667 C7.29847683,3.66666667 6.9999996,3.9651435 6.9999996,4.33333333 L6.9999996,8 C6.99979466,8.18703905 7.07817043,8.36556164 7.216,8.492 L10.522,11.522 C10.7946781,11.7672414 11.2134714,11.7491619 11.464,11.4813333 C11.7123025,11.2098954 11.693805,10.7886296 11.4226667,10.54 L11.4226667,10.54 Z" id="Path"></path>
</g>
</g>
</svg>
</div>
<div class="acl-info-card__visit-meta-last-visit-timeframe">
Last visit 11/28/2019
</div>
</div>
<div class="acl-info-card__visit-meta-status">Overdue</div>
</div>
</div>
<h3 class="acl-typography--subtitle1">Info Card</h3>
<div class="acl-info-card">
<div class="acl-info-card__header">
<div class="acl-info-card__header-title">
<span class="acl-info-card__header-number"> 1. </span>SPARK - Landmark
Place
</div>
<div class="acl-info-card__close">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="close" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path
d="M12.9579051,12.0736789 C12.9383147,12.0541371 12.9273048,12.0276031 12.9273048,11.9999319 C12.9273048,11.9722607 12.9383147,11.9457267 12.9579051,11.926185 L16.8171675,8.06717843 C17.061188,7.82280257 17.0609082,7.42687083 16.8165425,7.18284013 C16.5721769,6.93880944 16.1762616,6.93908924 15.9322411,7.1834651 L12.0733953,11.0408051 C12.0538544,11.0603963 12.0273215,11.0714067 11.9996514,11.0714067 C11.9719814,11.0714067 11.9454485,11.0603963 11.9259076,11.0408051 L8.06706178,7.1834651 C7.82304125,6.93931934 7.42731253,6.93922607 7.18317695,7.18325677 C6.93904136,7.42728747 6.9389481,7.82303268 7.18296863,8.06717843 L11.0413978,11.926185 C11.0609882,11.9457267 11.0719981,11.9722607 11.0719981,11.9999319 C11.0719981,12.0276031 11.0609882,12.0541371 11.0413978,12.0736789 L7.18296863,15.9331021 C7.02511502,16.0910367 6.96350588,16.3211917 7.02134876,16.5368699 C7.07919164,16.7525482 7.24769885,16.920983 7.46339534,16.9787266 C7.67909182,17.0364702 7.90920817,16.97475 8.06706178,16.8168154 L11.9259076,12.9573922 C11.9454485,12.937801 11.9719814,12.9267906 11.9996514,12.9267906 C12.0273215,12.9267906 12.0538544,12.937801 12.0733953,12.9573922 L15.9322411,16.8168154 C16.1762616,17.0609612 16.5719903,17.0610544 16.8161259,16.8170237 C17.0602615,16.572993 17.0603548,16.1772478 16.8163342,15.9331021 L12.9579051,12.0736789 Z"
id="Path" fill="#B1B7CD" fill-rule="nonzero"></path>
</g>
</svg>
</div>
</div>
<div class="acl-info-card__location">
<div class="acl-info-card__location-icon">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="account_address" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path
d="M18.7067265,5.05716593 C18.5570341,4.98094469 18.3807077,4.98094469 18.2310154,5.05716593 L18.2310154,5.05716593 L5.29347757,10.963478 C5.03121265,11.0968573 4.92501854,11.4209636 5.0562599,11.6874376 C5.13096604,11.8391214 5.27154178,11.9462927 5.4357646,11.9767369 L10.9153869,12.9894584 L11.9121118,18.5570237 C11.952903,18.7852448 12.1327454,18.961461 12.3586996,18.9945924 C12.3836846,18.9982596 12.4088874,19 12.4340902,19 C12.6353705,19 12.8193823,18.8845758 12.9093657,18.7016259 L18.943633,5.78122035 C19.0749988,5.51480955 18.9689291,5.19064005 18.7067265,5.05716593 Z"
id="navigation-icon" fill="#93C3EA" fill-rule="nonzero"></path>
</g>
</svg>
</div>
<div class="acl-info-card__location-address">
Landmark Place, Station Terrace, Cardiff CF10 2FY
</div>
</div>
<div class="acl-info-card__visit-meta">
<div class="acl-info-card__visit-meta-last-visit">
<div class="acl-info-card__visit-meta-last-visit-icon">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="account_last_visit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="time-clock-circle-alternate" transform="translate(4.000000, 4.000000)" fill="#93C3EA"
fill-rule="nonzero">
<path
d="M8,-1.18423789e-15 C3.581722,-1.18423789e-15 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C12.418278,16 16,12.418278 16,8 C15.9948568,3.58385413 12.4161459,0.00514317487 8,-1.18423789e-15 Z M8,14.6666667 C4.31810167,14.6666667 1.33333333,11.6818983 1.33333333,8 C1.33333333,4.31810167 4.31810167,1.33333333 8,1.33333333 C11.6818983,1.33333333 14.6666667,4.31810167 14.6666667,8 C14.6626251,11.680223 11.680223,14.6626251 8,14.6666667 L8,14.6666667 Z"
id="Shape"></path>
<path
d="M11.4226667,10.54 L8.33333333,7.70733333 L8.33333333,4.33333333 C8.33333333,3.9651435 8.0348565,3.66666667 7.66666667,3.66666667 C7.29847683,3.66666667 6.9999996,3.9651435 6.9999996,4.33333333 L6.9999996,8 C6.99979466,8.18703905 7.07817043,8.36556164 7.216,8.492 L10.522,11.522 C10.7946781,11.7672414 11.2134714,11.7491619 11.464,11.4813333 C11.7123025,11.2098954 11.693805,10.7886296 11.4226667,10.54 L11.4226667,10.54 Z"
id="Path"></path>
</g>
</g>
</svg>
</div>
<div class="acl-info-card__visit-meta-last-visit-timeframe">
Last visit 11/28/2019
</div>
</div>
<div class="acl-info-card__visit-meta-status">Overdue</div>
</div>
</div>
<h3 class="acl-typography--subtitle1">Info Card Grabbed State</h3>
<div class="acl-info-card acl-info-card--grabbed">
<div class="acl-info-card__header">
<div class="acl-info-card__header-title">
<span class="acl-info-card__header-number"> 1. </span>SPARK - Landmark
Place
</div>
<div class="acl-info-card__close">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="close" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path
d="M12.9579051,12.0736789 C12.9383147,12.0541371 12.9273048,12.0276031 12.9273048,11.9999319 C12.9273048,11.9722607 12.9383147,11.9457267 12.9579051,11.926185 L16.8171675,8.06717843 C17.061188,7.82280257 17.0609082,7.42687083 16.8165425,7.18284013 C16.5721769,6.93880944 16.1762616,6.93908924 15.9322411,7.1834651 L12.0733953,11.0408051 C12.0538544,11.0603963 12.0273215,11.0714067 11.9996514,11.0714067 C11.9719814,11.0714067 11.9454485,11.0603963 11.9259076,11.0408051 L8.06706178,7.1834651 C7.82304125,6.93931934 7.42731253,6.93922607 7.18317695,7.18325677 C6.93904136,7.42728747 6.9389481,7.82303268 7.18296863,8.06717843 L11.0413978,11.926185 C11.0609882,11.9457267 11.0719981,11.9722607 11.0719981,11.9999319 C11.0719981,12.0276031 11.0609882,12.0541371 11.0413978,12.0736789 L7.18296863,15.9331021 C7.02511502,16.0910367 6.96350588,16.3211917 7.02134876,16.5368699 C7.07919164,16.7525482 7.24769885,16.920983 7.46339534,16.9787266 C7.67909182,17.0364702 7.90920817,16.97475 8.06706178,16.8168154 L11.9259076,12.9573922 C11.9454485,12.937801 11.9719814,12.9267906 11.9996514,12.9267906 C12.0273215,12.9267906 12.0538544,12.937801 12.0733953,12.9573922 L15.9322411,16.8168154 C16.1762616,17.0609612 16.5719903,17.0610544 16.8161259,16.8170237 C17.0602615,16.572993 17.0603548,16.1772478 16.8163342,15.9331021 L12.9579051,12.0736789 Z"
id="Path" fill="#B1B7CD" fill-rule="nonzero"></path>
</g>
</svg>
</div>
</div>
<div class="acl-info-card__location">
<div class="acl-info-card__location-icon">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="account_address" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path
d="M18.7067265,5.05716593 C18.5570341,4.98094469 18.3807077,4.98094469 18.2310154,5.05716593 L18.2310154,5.05716593 L5.29347757,10.963478 C5.03121265,11.0968573 4.92501854,11.4209636 5.0562599,11.6874376 C5.13096604,11.8391214 5.27154178,11.9462927 5.4357646,11.9767369 L10.9153869,12.9894584 L11.9121118,18.5570237 C11.952903,18.7852448 12.1327454,18.961461 12.3586996,18.9945924 C12.3836846,18.9982596 12.4088874,19 12.4340902,19 C12.6353705,19 12.8193823,18.8845758 12.9093657,18.7016259 L18.943633,5.78122035 C19.0749988,5.51480955 18.9689291,5.19064005 18.7067265,5.05716593 Z"
id="navigation-icon" fill="#93C3EA" fill-rule="nonzero"></path>
</g>
</svg>
</div>
<div class="acl-info-card__location-address">
Landmark Place, Station Terrace, Cardiff CF10 2FY
</div>
</div>
<div class="acl-info-card__visit-meta">
<div class="acl-info-card__visit-meta-last-visit">
<div class="acl-info-card__visit-meta-last-visit-icon">
<?xml version="1.0" encoding="UTF-8"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="account_last_visit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="time-clock-circle-alternate" transform="translate(4.000000, 4.000000)" fill="#93C3EA"
fill-rule="nonzero">
<path
d="M8,-1.18423789e-15 C3.581722,-1.18423789e-15 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C12.418278,16 16,12.418278 16,8 C15.9948568,3.58385413 12.4161459,0.00514317487 8,-1.18423789e-15 Z M8,14.6666667 C4.31810167,14.6666667 1.33333333,11.6818983 1.33333333,8 C1.33333333,4.31810167 4.31810167,1.33333333 8,1.33333333 C11.6818983,1.33333333 14.6666667,4.31810167 14.6666667,8 C14.6626251,11.680223 11.680223,14.6626251 8,14.6666667 L8,14.6666667 Z"
id="Shape"></path>
<path
d="M11.4226667,10.54 L8.33333333,7.70733333 L8.33333333,4.33333333 C8.33333333,3.9651435 8.0348565,3.66666667 7.66666667,3.66666667 C7.29847683,3.66666667 6.9999996,3.9651435 6.9999996,4.33333333 L6.9999996,8 C6.99979466,8.18703905 7.07817043,8.36556164 7.216,8.492 L10.522,11.522 C10.7946781,11.7672414 11.2134714,11.7491619 11.464,11.4813333 C11.7123025,11.2098954 11.693805,10.7886296 11.4226667,10.54 L11.4226667,10.54 Z"
id="Path"></path>
</g>
</g>
</svg>
</div>
<div class="acl-info-card__visit-meta-last-visit-timeframe">
Last visit 11/28/2019
</div>
</div>
<div class="acl-info-card__visit-meta-status">Overdue</div>
</div>
</div>
/* No context defined. */
.acl-info-card {
font-family: 'Open Sans', sans-serif;
max-width: 258px;
padding: 12px;
background-color: #fff;
border-radius: 4px;
border: 1px solid #f1f7ff;
border-radius: 8px;
background: linear-gradient(
180deg,
#ffffff 0%,
#f5fafd 2.75%,
#ffffff 7.62%,
#ffffff 96.15%,
#f8fdff 99%,
#ffffff 100%
);
box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, 0.15);
&--grabbed {
box-shadow: 0 -4px 25px 0 rgba(0, 0, 0, 0.3);
}
&__header {
display: flex;
justify-content: space-between;
}
&__header-title {
color: rgba(0, 0, 0, 0.75);
font-family: 'Open Sans';
font-size: 14px;
font-weight: bold;
line-height: 19px;
a {
text-decoration: none;
color: $black;
}
}
&__header-number {
color: #46ccc2;
}
&__location {
display: flex;
margin: 2.5px 0 15px 0;
}
&__location-icon {
margin: 0 5px 0 0;
}
&__location-address {
color: #b1b7cd;
font-size: 12px;
line-height: 17px;
max-width: 198px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
&__visit-meta {
display: flex;
justify-content: space-between;
margin: 15px 0 5px;
border-top: 1px solid rgba(232, 235, 248, 0.5);
padding-top: 10px;
}
&__visit-meta-last-visit {
color: rgba(40, 136, 214, 0.75);
font-size: 12px;
font-style: italic;
line-height: 17px;
display: flex;
}
&__visit-meta-last-visit-icon {
height: 16px;
margin-right: 5px;
}
&__visit-meta-last-visit-timeframe {
margin-top: 2.5px;
}
&__visit-meta-status {
padding: 2px 8px;
width: 84px;
text-align: center;
font-size: 12px;
line-height: 17px;
border-radius: 9.5px;
color: #fff;
background-color: #2888d6;
&--blue {
background-color: #2888d6;
}
&--red {
background-color: #ff5a5a;
}
&--orange {
background-color: #ff985a;
}
&--teal {
background-color: #46ccc2;
}
}
&__visit-meta-info {
background-color: #f8f8f8;
color: #2888d6;
font-family: 'Open Sans';
font-size: 12px;
line-height: 17px;
margin: 15px -12px;
padding: 15px;
}
}
No notes defined.