html,body
			{
				margin:0;
				padding:0;
				overflow:x-hidden;
				max-width:100%;
			}
			
			/* width */
			::-webkit-scrollbar {
			  width: 10px;
			}

			/* Track */
			::-webkit-scrollbar-track {
			  background: #6dab3c;
			}

			/* Handle */
			::-webkit-scrollbar-thumb {
			  background: #555;
			}

			/* Handle on hover */
			::-webkit-scrollbar-thumb:hover {
			  background: #555;
			}
			
            body 
			{
				font-size:1.3em;
            }
			
			.wrapper 
			{
				display: flex;
				justify-content: center;
				align-items: center;
				min-height: 100vh;
			}
			
			@keyframes fadeIn
			{
				0%
				{
					opacity:0;
					margin-bottom:-100px;
				}
				100%
				{
					opacity:1;
					margin-bottom:0px;
				}
			}
			
			.brand-text
			{
				animation:fadeIn 1s ease-in;
				padding:50px;
			}
			
			.ds-float-btn
			{
				text-transform:uppercase;
				font-size:1em;
				background-color:#6dab3c;
				padding:10px;
				border:none;
				min-width:150px;
				border-radius:10px;
				color:#fff;
				box-shadow:1px 0px 5px #ccc;
				border:none;
			}
			
			.ds-float-btn:hover
			{
				opacity:0.5;
				transition:opacity 0.25s;
				cursor:pointer;
			}
			
			.ds-label
			{
				font-size:1em;
				margin:1px;
				text-transform:uppercase;
			}
			
			a
			{
				text-decoration:none !important;
			}
			
			.text-login
			{
				border:none;
				border:solid 2px #6dab3c;
				border-radius:10px;
				padding:10px;
				font-size:1em;
				display:block;
				margin-bottom:20px;
				max-widht:300px;
			}
			
			.login-screen
			{
				width:300px;
				margin:0 auto;
			}
			
			.login-screen img
			{
				margin-bottom:10px;
			}
			
			.ds-header
	{
		border-bottom:solid 1px #6dab3c;
		padding:10px;
	}
	
	.ds-logo
	{
		width:200px;
	}
	
	.ds-no-margin
	{
		margin:0 !important;
		
	}
	
	.ds-fl-menu-btn
	{
		min-width:100px;
		display:block;
		border-radius:10px;
		background-color:#6dab3c;
		color:#fff;
		text-shadow:0px 0px 2px #333;
		text-align:center;
		box-shadow:0px 1px 4px #ccc;
		position:fixed;
		bottom:10px;
		right:10px;
	}
	
	.ds-sidemenu
	{
		padding:10px;
		background-color:#6dab3c;
		color:#fff;
		min-height:100vh;
		max-height:100vh;
		overflow:auto;
		position:fixed;
		top:0px;
		right:-310px;
		width:300px;
		transition:right 0.25s ease-in;
	}
	
	.ds-sidemenu.opened
	{
		right:0px;
	}
	
	.ds-sidemenu-item
	{
		padding:4px;
		margin:1px 1px 2px 1px;
	}
	
	.ds-sidemenu-item a
	{
		text-decoration:none;
		color:#fff;
		text-transform:uppercase;
		cursor:pointer;
	}
	
	.ds-sidemenu-item a:hover
	{
		color:yellow;
	}
	
	.ds-front-icons
	{
		padding:10px;
		border-radius:10px;
		min-width:200px;
		min-height:200px;
		text-decoration:none;
		margin:10px;
		display:inline-block;
		border:solid 1px #fff;
		box-shadow:0px 0px 3px #ccc;
		color:#111;
		text-transform:uppercase;
		text-align:center;
		background:#fff;
		width:100%;
		padding: 35px 0 0 0;
	}
	
	.ds-inactive-1
	{
		background:#cb19077a !important;
	}
	
	.ds-front-icons img
	{
		width:90px;
	}
	
	.ds-front-icons a
	{
		text-decoration:none;
		color:#111;
	}
	
	.ds-front-icons:hover
	{
		border:solid 1px #6dab3c;
		transition:border 0.25s ease-in;
	}
	
	.ds-front-icons .ds-icon-caption
	{
		margin-top:10px;
	}
	
	.ds-account-btn
	{
		background-color:#6dab3c;
		color:#fff;
		box-shadow:0px 0px 3px #ccc;
		border-radius:10px;
		border:none;
		padding:10px;
	}
	
	.ds-text-yellow
	{
		color:yellow;
	}
	
	.form-control
	{
		font-size:24px;
		padding:10px;
	}
	
	.ds-not-allow
	{
		-webkit-filter: grayscale(100%);
        filter: grayscale(100%);
		cursor:not-allowed;
		opacity:0.5;
		border:none;
	}
	
	.ds-not-allow:hover
	{
		
	}
	
		.ds-well
		{
			border:none;
			border-bottom:solid 1px #6dab3c;
			border-radius:10px;
			width:100%;
			margin:5px;
			padding:5px;
			text-align:left;
			background:#f4f4f4;
			color:#111;
			box-shadow:0px 0px 5px #ccc;
			
		}
		
		.ds-well:nth-child(even)
		{
			background:#ccc;
		}
		
		.ds-well:hover
		{
			background-color:#6dab3c;
			transition:background 0.25s ease-in;
		}
		
		.ds-well.selected
		{
			background-color:#6dab3c;
			color:#fff;
		}
		
		.ds-task-icon
		{
			max-width:100px;
			background-color:#fff;
		}
		
		.ds-search-box
		{
			padding:5px;
			border:solid 2px #6dab3c;
			border-radius:10px;
			box-shadow:0px 0px 1px #ccc;
			width:100%;
			margin-bottom:20px;
			font-size:18px;
		}
		
		.ds-load-more
		{
			color:#fff;
			border-radius:10px;
			background:#6dab3c;
			text-align:center;
		}
		
		.ds-text-green
		{
			color:#6dab3c;
		}
		
		.ds-need-hover:hover
		{
			color:inver;
			cursor:pointer;
			color:#6dab3c;
		}
		
		.ds-btn-add-new
		{
			color:#fff;
			border-radius:10px;
			background:#6dab3c;
			text-align:center;
			border:none;
			padding:10px;
			position:fixed;
			bottom:10px;
			left:10px;
		}
		
		.ds-text-gray
		{
			color:#ccc;
		}
		
		.ds-list
		{
			padding:10px;
			margin:1px;
			min-height:auto;
			width:100%;
		}
		
		#entry_panel
		{
			height:100vh;
			width:100%;
			position:fixed;
			display:block;
			top:0;
			left:0;
			z-index:1000;
			background:rgba(255,255,255,0.99);
			display:none;
			overflow-y:auto;
			overflow-x:hidden;
		}
		
		form input
		{
			margin-bottom:5px;
			padding:5px 10px 5px 10px;
			background:#f4f4f4 !imporant;
		}
		
		.ds-btn-save
		{
			color:#fff;
			border-radius:10px;
			background:#6dab3c;
			text-align:center;
			border:none;
			padding:10px;
			
		}
		
		.ds-btn-cancel
		{
			color:#111;
			border-radius:10px;
			background:#ccc;
			text-align:center;
			border:none;
			padding:10px;
			
		}
		
		.ds-profile-pic
		{
			width:100px;
			height:100px;
			border-radius:10px;
			border:solid 1px #6dab3c;
		}
		
		.ds-upload
		{
			border-radius:10px;
			border:solid 1px #6dab3c;
			background:#6dab3c;
			color:#fff;
		}
		
		.alert
		{
			display:none;
		}
		
		.ds-loading
		{
			z-index:10000;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100vh;
			background:#6dab3cd6;
			color:#fff;
			text-shadow:0px 0px 1px #ccc;
			display:none;
		}
		
		
	
	@media screen and (max-width:992px)
	{
		.ds-resp-center
		{
			text-align:center;
		}
	}
	
	@media screen and (min-width:993px)
	{
		.ds-screen-right
		{
			text-align:right;
		}
	}