.history-11 {
	max-width: 480px; 
	width: 100%;
	padding: 0 12px;
	overflow: hidden;
	position: 	fixed;
	overflow:	auto;
    top:      66px;
    bottom:   0px;
    height: calc ( 100% - 66px );
	background-color: #ffffff !important;
}

.div-history {
	display: none;
	width: calc( 100% - 2px );
}
.div-row-history {
    border-radius: 6px;
    margin: 17px 0;
    box-shadow: 0 0 9px 1px rgba(198, 198, 198, 0.755);
    text-shadow: none !important;
    font-weight: 300;
    min-height: 50px;
    display: flex;
    justify-content: space-between;
}
.row-history {
   	display: flex;
    justify-content: space-between;
    padding: 6px;
    align-items: center;
}
.ul-history {
	padding-left: 0px;
}
.date-res {
	font-size: 0.9em;
}
.row-history .name-store {
	font-size: 0.8em;
	color: gray;
}
.border-green {
	width: 8px;
	background-color: #60C943;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
.border-yellow {
	width: 8px;
	background-color: #FFC31A;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
.border-red {
	width: 8px;
	background-color: #F45E45;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
.border-gray {
	width: 8px;
	background-color: #DFDFDF;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}
.name-admin {
	font-size: 0.7em;
	text-align: right;
}
@media screen and (max-height: 650px) {
	.history-11 {
    	top:      50px;
	}
}