
:root
{
    --grey: #F5F9FF;
    --black: ##141414;
    /* --grey: #f5f5f5; */
}
.content-area{
	width: 100% !important;
}

.container
{
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
    width: 100%;
	border-style:solid;
	border-width:thin;
	border-color: #3F598059;
}
ol, ul{
	padding: 0;
}
.navigation
{
    /* position: fixed; */
    width: 20%;
    height: 100%;
    background: var(--grey);
	/* border-left: 10px solid var(--grey); */
	transition: 0.5s;
	overflow: hidden;
	float: left;
}
.navigation ul
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: inherit;
}

.navigation ul li
{
	position: relative;
	/* width: 200%; */
	List-style: none;
}

.navigation ul li:hover
{
	background: var(--black);
}

.navigation ul li:nth-child(1)
{
	margin-bottom: 25px;
	pointer-events: none;
	background-color: #3F5980;
	color: white !important;
	height: 85px;
}

.navigation ul li a
{
	position: relative;
	display: block;
	width: 100%;
	display: flex;
	text-decoration: none !important;
	color: var(--black);
	margin-left: 15px;
	outline: 0;
}

.navigation ul li:hover a
{
	color: var(--black);
}

.navigation ul li a .icon
{
	position: relative;
	display: block;
	min-width: 35px;
	height: 37px;
	line-height: 70px;
	text-align: right;
	margin-top: 5%;
}

.navigation ul li a .icon ion-icon
{
	font-size: 1.75em;
}

.navigation ul li a .title
{
	position: relative;
	display: block;
	padding: 0 10px;
	height: 39px;
	line-height: 6em;
	text-align: start;
	color: #161616;
	font-size: 16px;
	/* black-space: nowrap; */
}

/* .dashboard-icon {
    height: 13px;
    width: 17px;
    background-image: url("../icons/dashboard-icon.svg");
} */
.vend-dash-img {
	width: 65%;
	border-radius: 0%;
}

.vend-store-name {
	margin-top: 10%;
	color: #FFFF !important;
}

.vend-store-image-space {
	padding: 3px;
	border: 1px solid #000;
	width: 50px;
	height: 50px;
	margin-top: 10%;
	background-color: white;
	border-radius: 20%;
}

.vend-store-img {
	width: 95%;
	height: 95%;
}


.dashboard-content-area{
	float: right;
	width: 78%;
}

.dashboard-content-area .left-content-divs {
	float: left;
	width: 45%;
}

.dashboard-content-area .right-content-divs {
	float: right;
	width: 50%;
}

.dashboard-content-area .sales-details-div{
	border: solid;
	height: 200px;
	border-width: thin;
} 

.dashboard-content-area .sales-details-div .left-divs {
	float: left;
	width: 50%;
}
.dashboard-content-area .sales-details-div .right-divs {
	float: right;
	width: 50%;
}

.dashboard-content-area .sales-details-div .left-divs div {
	/* border-right: 5px solid #30302c; */
	display: flex;
	justify-content: center;
	padding: 2%;
	height: 96px;
}

.dashboard-content-area .sales-details-div .right-divs div {
	/* border-right: 5px solid #64645d; */
	display: flex;
	justify-content: center;
	padding: 2%;
	height: 96px;
}

.dashboard-content-area .order-details-div {
	border: solid;
	margin-top: 2%;
	height: 200px;
	border-width: thin;
	border-radius: 4%;
	
}

.dashboard-content-area .order-details-div .order-detail-circle {
	float: left;
	width: 38%;
	height: 140px;
	border: solid;
	border-radius: 100%;
	margin: 2%;
	border-color: #3F5980;
	box-shadow: -4px 0px 33px -17px #3F5980 inset;
}

.dashboard-content-area .order-details-div .order-detail-circle .circle-first-p {
	margin-left: 18%;
	margin-top: 30%;
	margin-bottom: 2%;
}
.dashboard-content-area .order-details-div .order-detail-circle .circle-second-p {
	margin-left: 39%;
}

.dashboard-content-area .order-details-div .order-detail-list {
	float: right;
	width: 55%;
	height: 150px;
	font-size: 13px;
	color: #141414;
}
.dashboard-content-area .order-details-div .order-detail-list ul{
	list-style-type: none;
}
.dashboard-content-area .order-details-div .left-div {
	float: left;
	width: 50%;
	/* height: 150px; */
}
.dashboard-content-area .order-details-div .right-div {
	float: right;
	width: 50%;
	/* height: 150px; */
}

