body{align-items:center;display:flex;flex-direction:column;font-size:15px;height:100vh;justify-content:center;margin:0;width:100vw}h1{font:3rem/2rem Bebas Neue,Helvetica Neue,sans-serif;margin:20px 0}input,label,li,p{font:1rem/1rem Raleway,sans-serif;margin:10px 0}span{font-family:Raleway,sans-serif;font-size:.8rem}.container{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}@media (max-width:767px){.container{flex-direction:column}}.container #parent{align-items:center;background:#e3e2e1;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;width:50%}@media (max-width:767px){.container #parent{width:100%}}.container #parent table{border-collapse:collapse;margin-bottom:20px;width:90%}.container #parent table thead{background:#3a4f61;color:#fff}.container #parent table thead th{font:1rem/1rem Bebas Neue,Helvetica Neue,sans-serif;padding:10px;position:sticky;top:0;width:100px}.container #parent table tbody{font:1rem/1rem Raleway,sans-serif}.container #parent table tbody td{background:#eaf3fb;border:2px solid #3a4f61;padding:10px;text-align:center;width:100px}.container #parent table tbody td .color-div{height:30px;margin:0 auto;width:95%}.container #buttons{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}@media (max-width:767px){.container #buttons{width:100%}}.container .itemName{font-weight:700}.container .itemAdded{color:#3c9d90}.container .itemRemoved{color:#a92222}button{border:none;border-radius:3px;box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);cursor:pointer;font:2rem/2rem Bebas Neue,Helvetica Neue,sans-serif;margin:20px;padding:20px 10px;transition:all .5s ease-in-out;width:200px}#btnAdd{background:#3a4f61;color:#fff}#btnAdd:hover{background:#748492}#btnAdd:disabled{background:#6183a0;cursor:not-allowed}.linkIcon{cursor:pointer;transition:all .5s ease-in-out}.linkIcon:hover{color:#ec6f6f}.linkIcon:disabled{background:#f8c9c9;cursor:not-allowed}.tooltip{border-bottom:1px dotted #000;display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.tooltip .tooltiptext:after{border:5px solid transparent;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}input{border:2px solid #3a4f61;border-radius:3px;cursor:auto;font-size:1.5rem;margin:20px;padding:10px;transition:all .5s ease-in-out;width:200px}/*# sourceMappingURL=styles.css.map */