*{margin:0;font-family:poppins,sans-serif;box-sizing:border-box}button{cursor:pointer}body{color:#000;font-size:1em;background:white}nav{width:100%;height:auto;padding:15px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;color:#000;box-shadow:1px 0 8px 0 #4b4b4b}nav .logo{width:120px}nav a,nav a:hover{text-decoration:none;color:#000}nav .other-urls{color:#000}nav .other-urls button,nav .other-urls .logout{padding:5px 10px;background-color:#00b2df;border-radius:3px;border:none;font-weight:700;text-transform:uppercase;color:#fff;margin-left:10px}.main-div{margin:0 auto;margin-top:50px;align-items:flex-start}.main-div canvas{border:1px soid #000;min-height:500px;background:#c5c5c5;border-radius:30px}.main-div .details-container{height:auto;overflow:auto;margin:0 auto}.details-container input,.details-container textarea{padding:15px 10px;outline:none;margin-bottom:15px;border:1.5px solid #c5c5c5;border-radius:10px;color:#000;background:#fff0}.details-container .nbl{border-radius:0 10px 10px 0;border-left:none}.details-container .nbr{border-radius:10px 0 0 10px;border-right:none}.item-list{border:1.5px solid #c5c5c5;margin:10px 0}.item-list label{padding:5px 10px;background:white;font-size:.9em;margin-top:-28px;color:#000;display:inline-block}.item-list{cursor:pointer}.green-btn{padding:13px 10px;outline:none;margin-bottom:15px;border:2px solid #00b2df;border-radius:10px;background:linear-gradient(to right,#00b2df 0%,#00b2df 100%);background-size:0% 100%;background-repeat:no-repeat;background-position:left;color:#00b2df;font-size:16px;transition:background-size 0.5s ease,color 0.5s ease;position:relative;z-index:1}.green-btn:hover{background-size:100% 100%;color:#fff}.green-btn i{padding-right:10px}.red-btn{border-radius:10px;background:#fff0;font-weight:500;color:#a72020;border:2px solid #a72020}.red-btn i{padding-right:10px}.download-btn{padding:12px 10px;outline:none;margin-bottom:15px;border:2px solid #00b2df;border-radius:10px;background:linear-gradient(to right,#00b2df 0%,#00b2df 100%);background-size:0% 100%;background-repeat:no-repeat;background-position:left;color:#00b2df;font-size:16px;transition:background-size 0.5s ease,color 0.5s ease;position:relative;z-index:1}.download-btn:hover{background-size:100% 100%;color:#fff}.download-btn i{padding-right:10px}