html,body{
				background: #f7f7fa;
			}

			.navbar{
				background: #4f7298; position: sticky; top: 0px; left: 0px;
				z-index: 100;
			}

			/*#4f7298*/
			/*#4d6f95*/
			/*#d10041*/

			.top{
			/*	background-image: url('./background-3.jpg');*/
			/*	background-image: url('./background-1.jpg');*/
				background-size: 100vw 100vw;
				background-repeat: no-repeat;
				background-position:top center;
				background-attachment: fixed;
				background: #4f7298;
			}

				
			.header{
				width: 100%;
				max-width: 1200px;
				margin: auto;
			}

			.header h1{
				text-align: left;
				color: white;
				margin: 0px;
				padding: 0px;
				color:  white;
			}

			.header-box{
				display: flex;
				padding-bottom: 100px;
				padding-top: 0px;
			}

			.header-bt{
				display: flex;
				justify-content: center;
				align-items: center;
				height: 60px;
			}

			.header-bt button{
				background: rgba(0, 0, 0, 0);
				border: none;
				color: white;
				font-size: 20px;
				width: 30px;
				height: 30px;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.header-bt button img{
				padding: 0px;
				margin: 0px;
			}
			.header-bt button:hover{
				background: rgba(0, 0, 0, 0.50);
			}

			.header-title{
				display: flex;
				justify-content: left;
				align-items: center;
				height: 60px;
				padding-left: 20px;
				width: calc(100% - 30px);
			}

			.header-text{
				text-align: right; color: white; padding-right: 10px; padding-left: 10px;
			}

			nav *{
/*				color:   white !important;*/
			}

			.app-board{
				width: 90%;
				background: #759dc9;
				background: white;
				padding-bottom: 10px;
				padding-top: 15px;
				border-radius: 10px;
				margin: auto;
				position: relative;
				top: -80px;
			}

			.app-board-text{
				margin: 10px; margin-top: 0px;
			}

			.app-board-field{
				margin: 10px;
			}

			.app-list{
				width: 90%;
				margin: auto;
				position: relative;
				top: -60px;

				padding-bottom: 200px;
			}

			.app-list-item{
				display: flex;
				border-radius: 10px;
				margin-top: 20px;
				margin-bottom: 10px;
				background: white;
			}

			.app-list-item-icon{
				width: 50px;
				height: 50px;
				display: flex;
				justify-content: center;
				align-items: center;
				background: #759dc9;
				border-radius: 10px;
				color:white;
				font-size: 20px;
				position: relative;
				top: 5px;
				left: -15px;
			}

			.app-list-item-data{
				padding: 10px;
				height: 60px;
				width: calc(100% - 60px);
			}

			.app-list-item-data h4{
				font-size: 14px;
				margin: 0px;
			}

			.app-list-item-data p{
				font-size: 12px;
				color:rgba(42, 44, 71, 0.60);
			}








			.app-products{
				width: 90%;
				margin: auto;
				position: relative;
				top: -60px;

				padding-bottom: 200px;
			}

			.app-products-item{
				display: flex;
				border-radius: 10px;
				margin-top: 20px;
				margin-bottom: 10px;
				background: white;
			}

			.app-products-item-icon{
				width: 60px;
				height: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				background: #759dc9;
				border-radius: 10px;
				color:white;
				font-size: 20px;
				position: relative;
/*				top: 5px;*/
				background: white;
/*				left: -15px;	*/
/*				border: 1px solid rgba(0, 0, 0, 0.10);*/
				overflow: hidden;

			}

			.app-products-item-icon img{
				max-width: 50px;
				max-height: 50px;

			}

			.app-products-item-data{
				padding: 10px;
				height: 60px;
				width: calc(100% - 120px);
			}

			.app-products-item-data h4{
				font-size: 12px;
				margin: 0px;
				font-weight: 500;
				padding-bottom: 5px;
			}

			.app-products-item-data p{
				font-size: 12px;
				color:rgba(42, 44, 71, 0.60);
			}

			.app-products-item-bt{
				width: 50px;
				height: 50px;
				margin: 5px;
				border-radius: 10px;
			}

			.app-products-item-bt button{
				width: 50px;
				height: 50px;
				background: rgba(0, 0, 0, 0);
				border: none;
				font-size: 20px;
				color: white;
				background: #759dc9;
				border-radius: 10px;


			}



			.app-products-item-del{
				width: 50px;
				height: 50px;
				margin: 5px;
				border-radius: 10px;
			}

			.app-products-item-del button{
				width: 50px;
				height: 50px;
				background: rgba(0, 0, 0, 0);
				border: none;
				font-size: 20px;
				color: white;
				background: #fc0339;
				border-radius: 10px;


			}
			.app-products-item-data h4 span{
				font-size: 8px;
				color: black;
				font-weight: normal;
			}

			.app-products-item-quantity select{
				font-size: 10px;
				padding: 5px;
				padding-left: 10px;
				padding-right: 10px;
				color: white;
				background: #759dc9;
				width: 100%;
				border-radius: 4px;
				border: none;
			}

			.app-products-item-quantity{

			}

			.app-products-item-pack{
				width: 80px;
				font-size: 8px;
				color: black;
				background: red;
				position: absolute;
				transform: translate(10px, 10px);
				transform: translate(0px, -20px);
				background: lavender;
				color: #759dc9;
				padding-left: 5px;
				border-radius: 5px;

			}

			.app-products-item-unit{
				width: 80px;
				font-size: 8px;
				color: black;
				background: red;
				position: absolute;
				transform: translate(10px, 10px);
				transform: translate(90px, -20px);
				background: lavender;
				color: #759dc9;
				padding-left: 5px;
				border-radius: 5px;

			}

			.card-icon{
				text-align: center;
				padding: 20px;
				color: #4f7298;
				font-size: 80px;

			}

			.quantity{
			padding: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
				background: #0352fc !important;
				color: white !important;
				font-size: 10px !important;
				border-radius: 10px !important;
			}