.add-personpack{display:flex;margin:0 0 0 0;border-bottom:1px solid #d3202b;padding-bottom:0;align-items:center}.add-personpack input{border-radius:.25rem;padding:.5rem;border:1px solid #333}.personpack .k-dropdown{min-width:250px;max-width:100%}#packMessage,#packInfo{position:relative;width:100%;margin:1rem 0 0 0;padding:1rem;background:#fff8c4;border:0;border-radius:3px}#packMessage .close,#packInfo .close{float:none;display:inline-flex;order:2;opacity:1;font-size:1.1rem;margin-right:1rem;color:#000;transition:.5s color}#packMessage .close *,#packInfo .close *{color:#000;transition:.5s color}#packMessage .close:hover,#packMessage .close:hover *,#packInfo .close:hover,#packInfo .close:hover *{color:#dc202c}#packMessage .message,#packInfo .message{background:unset;opacity:1;position:relative;top:unset;margin:auto 0;border:0;border-top:0;z-index:1;color:#333;width:80%;text-align:center;right:unset;font-size:.9rem;box-sizing:border-box;display:inline-flex;padding:0}#packInfo{position:absolute;display:flex;border:1px solid #666}#packInfo.hide{display:none}#packInfo .message{flex-wrap:wrap;justify-content:flex-start;text-align:left;order:1;width:100%;padding:1rem;box-sizing:border-box;font-size:.8rem}#packInfo .message p:last-of-type{margin-bottom:0}#packInfo .close{order:2;margin-left:auto;cursor:pointer;margin-top:1rem;background:none!important;width:auto!important;height:auto!important;margin-bottom:auto!important}#packInfo .close:before{font-family:"Font Awesome 5 Pro";content:"";font-size:.9rem;display:flex!important;font-weight:bold;color:#000!important;transition:.5s color}#packInfo .close:hover:before{color:#d3202b!important}#btnAddPack{min-width:6rem;border:1px solid #dc202c;color:#dc202c;background:none;margin-left:1rem;border-radius:.25rem;transition:.5s background,.5s color}#btnAddPack:hover{cursor:pointer;background:#dc202c;color:#fff}.personpack-row{display:flex;align-items:center;border-bottom:1px solid #ddd}.personpack-row button{border:0;color:#333;background:none;border-radius:.25rem;transition:.5s color}.personpack-row button:hover{cursor:pointer;color:#dc202c}.packname{width:100%;padding:1rem}.packname-edit{width:100%;display:flex;margin-left:1rem}.packname-edit input{padding:0 .8rem;margin:.5rem 0}.packname-edit button{padding:.4rem;margin:.5rem 1rem .5rem .5rem;border:1px solid #dc202c;color:#dc202c;border-radius:.25rem;transition:.5s background,.5s color}.packname-edit button:hover{cursor:pointer;background:#dc202c;color:#fff}.packname.hide{display:none}@media only screen and (max-width:767px){.person-pack-col{margin-top:1rem;margin-bottom:2rem}.packname-edit{flex-direction:column;margin-top:1rem;margin-bottom:1rem;margin-right:1rem}.packname-edit input{margin:0 0 .5rem 0;padding:.5rem}.packname-edit button{margin:0 0 0 0}#packInfo{right:1rem;max-width:calc(100% - 2rem)}}#ArticleDetails .personpack{margin-bottom:1rem;margin-top:.5rem}.person-pack-popup button.close{background:#666;border:0;color:#fff;transition:.5s opacity;margin:0 0 0 auto;display:flex;align-items:center}.person-pack-popup button.close:hover{cursor:pointer}.person-pack-popup button.save{background:#fff;transition:.5s background;cursor:pointer}.person-pack-popup button.close:after{font-family:"Font Awesome 5 Pro";content:"";font-weight:bold;color:#fff!important;font-size:.85rem}.personpack .dropdown-buttons{display:flex;align-items:center;margin-left:.5rem}.personpack button.add-personpack{font-size:1rem}.personpack button.info-personpack,.personpack button.add-personpack,.personpack button.edit-personpack,.personpack button.remove{background:none!important;border:0;cursor:pointer;display:inline-flex}.personpack button.info-personpack{align-items:center}#ArticleDetails .personpack button.info-personpack,#ArticleDetails .personpack button.add-personpack,#ArticleDetails .personpack button.edit-personpack,#ArticleDetails .personpack button.remove{margin-left:.5rem}.personpack button.info-personpack:after,.personpack button.add-personpack:after,.personpack button.edit-personpack:after,.personpack button.remove:after{font-family:"Font Awesome 5 Pro";content:"";font-size:.9rem;display:flex;font-weight:bold;transition:.5s color;color:#000!important}.personpack button.add-personpack:after{font-size:1.1rem}.personpack button.edit-personpack:after{content:""}.personpack button.remove:after{content:""}.personpack button.info-personpack:after{content:""}.personpack button.info-personpack:hover::after,.personpack button.add-personpack:hover:after,.personpack button.edit-personpack:hover:after,.personpack button.remove:hover:after{color:#d3202b!important}.personpack{position:relative;z-index:10000}.personpack .cost{position:absolute;bottom:0;left:0;transform:translateY(1.1rem) translateX(1rem);font-size:.75rem}.personpack .cost.hide{display:none}.personpack-dropdown{position:relative;z-index:100000}.person-pack-popup{position:absolute;background:#fff;right:0;top:0;z-index:1000000;border:2px dotted #333;padding:1rem;transform:translateY(2.5rem) translateX(1rem);display:flex;flex-direction:column;max-width:250px}#ArticleDetails .person-pack-popup{right:-1rem}.person-pack-popup.hide{display:none}.person-pack-popup span{display:flex;justify-content:center;width:100%;font-size:.8rem;margin:.25rem 0 .25rem 0}.person-pack-popup button{border:1px solid #d3202b;color:#d3202b;border-radius:3px;padding:.25rem .5rem;margin:.5rem 0 0 auto}.person-pack-popup input::placeholder{font-size:.8rem}.person-pack-popup button.save:before,.person-pack-popup button.save:after{display:none}#ArticleDetails .person-pack-popup button.save{transition:.5s background;font-size:.9rem!important;border:1px solid #d3202b;color:#d3202b;border-radius:3px;padding:.25rem .5rem;margin:.5rem 0 0 auto;background:#fff}.person-pack-popup button.save:hover{background:#d3202b!important;color:#fff!important}#ArticleDetails .person-pack-popup button.close,#ArticleDetails .person-pack-popup button.close:hover{background:#666!important;border:0;color:#fff;transition:.5s opacity;margin:0 0 0 auto!important;width:auto!important;padding:.25rem!important}@media only screen and (min-width:0) and (max-width:980px){.person-pack-popup{right:auto;left:0}}@media only screen and (min-width:0) and (max-width:770px){.personpack{margin-bottom:1rem}.dropdowns{margin-bottom:.5rem}.dropdowns .k-dropdown{min-width:11rem}#ArticleDetails .personpack button{width:unset!important}}@media only screen and (min-width:0) and (max-width:480px){.personpack .k-dropdown{min-width:unset}}