.dashboard_sales{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 60px;

	margin-bottom: 8px;
	background-color: $c_w;

	//border: 1px solid green;/*************************/

	  @include respond (table) {height: 136px;}/*table*/


	& .seller{
		position: relative;		
		display: inline-block;
		float: left;
		width: 25%;
		height: 60px;

	    display: flex;
		justify-content:center;
	    flex-direction: column; 

		@include respond (table) {width: 100%; }/*table*/

		//border: 1px solid red;/**********************/

			& .avatar{
				position: relative;
				float: left;
				margin-left: 8px;
				width: 48px;
				height: 48px;
				border-radius: 50%;

			    background:   url(pictures/david.jpg) no-repeat;
			    background-size: 100% auto;
			    background-position: center;
			   // box-shadow: 0px 2px 2px rgba($c_b, .2); 

				//border: 1px solid blue;/**********************/
			}/**/

			& .name{
				position: absolute;
				top: 8px;
				left: 64px;

			    font-size: 16px; 
			    font-weight: 500;  
			    color: rgba($c_b, 0.54);
				white-space: nowrap;
				text-overflow: ellipsis;
				text-wrap:none;


				//border: 1px solid blue;/**********************/
			}

			& .des{
				position: absolute;
				top: 32px;
				left: 64px;

				overflow: hidden;

			    font-size: 14px; 
			    font-weight: 400;  
			    color: rgba($c_b, 0.54);
				white-space: nowrap;
				text-overflow: ellipsis;
				text-wrap:none;


				//border: 1px solid blue;/**********************/
			}
	}/**/


	& .data{
		position: relative;		
		display: inline-block;
		float: left;
		width: 25%;
		height: 60px;

	    display: flex;
		justify-content:center;
	    flex-direction: column; 



		//border: 1px solid blue;/**********************/

			& .name{
				display: block;
				overflow: hidden;

			    font-size: 24px; 
			    font-weight: 700;  
			    text-align: center;
			    color: rgba($c_b, 0.67);
				white-space: nowrap;
				text-overflow: ellipsis;
				text-wrap:none;


				//border: 1px solid blue;/**********************/
			}

			& .des{
				display: block;
				overflow: hidden;

			    font-size: 14px; 
			    font-weight: 400;  
			    text-align: center;

			    color: rgba($c_b, 0.54);
				white-space: nowrap;
				text-overflow: ellipsis;
				text-wrap:none;


				//border: 1px solid blue;/**********************/
			}
		@include respond (table) {
			width: 33.33%; 
			height: 56px;

			& .name{ font-size: 20px; }
			& .des { font-size: 10px; font-weight: 700;   }


		}/*table*/



	}/**/



}