ul.article-item-list{list-style-type:none;margin:0;padding:0}ul.article-item-list li a{text-decoration:none;color:#383838;margin:7px 0;display:block;background:#efefef;padding:10px 16px;border-radius:10px}ul.article-item-list li span{display:block}ul.article-item-list li span.name{font-weight:700}.delivery-item-list ul{list-style-type:none;margin:0 0 20px;padding:0}.delivery-item-list ul li{display:flex;justify-content:space-between;width:100%;text-decoration:none;color:#383838;margin:7px 0;background:#f5f5f5;padding:10px 16px;border-radius:10px}.delivery-item-list ul li .btn-wrap{float:right;display:flex;flex-direction:column;justify-content:center}.confirm-wrapper{display:inline}.signature-container{width:100%}.signature-container canvas{background:#fff;border:1px solid #efefef}.offline-indicator{text-align:center}.activity{--activity-height:calc(100vh - 86px);background:#efefef;min-height:100vh}.activity a.navbar-brand{cursor:default}.activity .arrow-back{display:inline-block;color:#fff;padding:0 10px 0 0}.activity>.container:not(.without-space){padding:15px;min-height:calc(100vh - 56px)}.activity>.container.without-space{margin:0;max-width:100%;padding-left:0;padding-right:0}.activity.valign-center>.container{display:flex;flex-direction:column;justify-content:center}.modal-select-factory ul.data-list{list-style-type:none;margin:30px 0;padding:0}h2{margin-bottom:30px}.activity.report>.container{max-width:1140px!important}.delivery-details>.grid{display:grid}.delivery-details>.grid>div{margin:5px;padding:20px}.delivery-details>.grid>div:not(.no-bg){background:#f7f7f7}.delivery-details>.grid>div header{margin-bottom:20px}.delivery-details>.grid>div header h3{float:left}.delivery-details>.grid>div header button{float:right}.delivery-details>.grid>div header:after{content:"";display:block;clear:both}.delivery-details.piglet>.grid{grid-template-columns:50% 50%;grid-template-areas:" seller            buyer " " seller            delivery-address " " transport-details transporter " " transport-details transporter-details " " note              note " " positions         positions " " info              info " " photos            photos " " agb               agb " " signatures        signatures "}@media screen and (max-width:850px){.delivery-details.piglet>.grid{grid-template-columns:100%;grid-template-areas:" seller " " buyer " " delivery-address " " transporter " " transport-details " " transporter-details " " note " " positions " " info " " photos " " agb " " signatures "}}.delivery-details.pigsty>.grid{grid-template-columns:50% 50%;grid-template-areas:" seller            buyer " " seller            slaughter-house " " quality-programs  transporter " " transport-details transporter-details " " note              note " " positions         positions " " info              info " " photos            photos " " agb               agb " " signatures        signatures "}@media screen and (max-width:850px){.delivery-details.pigsty>.grid{grid-template-columns:100%;grid-template-areas:" seller " " buyer " " quality-programs " " slaughter-house " " transporter " " transport-details " " transporter-details " " note " " positions " " info " " photos " " agb " " signatures "}}ul.images{list-style-type:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}@media screen and (max-width:768px){ul.images{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){ul.images{grid-template-columns:1fr}}ul.images li{height:100%;padding:16px 12px 12px;background:#f5f5f5;text-align:center;display:flex;flex-direction:column}ul.images li .image-wrap{display:flex;justify-content:center;height:calc(100% - 80px)}ul.images li .image-wrap img{align-self:center}ul.images li:not(:last-child){margin-bottom:10px}ul.images li img{max-height:200px;max-width:100%;margin-bottom:12px}.right{text-align:right}img.signature{width:100%}.row.signatures>div:not(:last-child){margin-bottom:20px}@media screen and (min-width:768px){.row.signatures>div>*{text-align:center}}.row.signatures>div button{margin-top:10px}