@media(max-width: 1500px){
	.total-revenue {
		font-size: 16px;
		font-weight: 500;
		margin-left: 12px;
	}
}

@media(max-width:1199px){
	.headerserarch { max-width: 240px;}
}

@media screen and (max-width: 991px) {
	.login-left,
	.loginLeftImg{
		display: none;
	}
	.loginRightImg {
		padding: 30px; align-items: center;
	}
}
@media only screen and (min-width:992px){ 
	/*--nav bar css--*/

	.menu-collapse .sidebar .sildebarlogo img{
		width: 60px;
		transition: all .1s ease-in;
	}
	.menu-collapse .sidebar{
		width:86px;
		padding: 23px 10px;
		transition: all .1s ease-in;
	}
	.menu-collapse .menubar li > a span{
		white-space: nowrap;
		visibility: hidden;
		transition: all .1s ease-in;
		display: none;
	}
	.innerbody.menu-collapse{
		padding-left: 86px;
	}

}

@media only screen and (max-width:991px){
	.closemenu-btn{
		display: block;
		text-align: right;
		cursor: pointer;
    filter: brightness(0) invert(1);
	}
	.innerbody{
		padding-left: 0;
	}
	.sidebar{
		left: -100%;
	}
	.innerbody.menu-collapse .sidebar{
		left: 0;
		box-shadow: 4px 0px 10px rgba(0,0,0,.2);
	}
	
}

@media only screen and (max-width: 1024px){
	
}
@media only screen and (max-width: 767px){
	.header{
		flex-wrap: wrap;
	}
	.tp-search{
		max-width: 100%;
		flex:0 0 calc(100% - 45px);
		margin-bottom: 10px;
	}
	.table-result nav{
		width: 100%;
		margin-top: 10px;
	}
	.table-result{
		flex-wrap:wrap ;
	}
	.form-step-process .step-name{
		display: none;
	}

}
@media only screen and (max-width: 767px){
	.table {width: 740px;}
}
@media only screen and (max-width: 575px){

.export-file {margin: 15px 0;}
.headerserarch {max-width: 100%;}
.date-filter {margin-bottom: 15px;}
.export-file {justify-content: flex-start;}
.filter-row-search .btn {padding: 5px 25px; height: 38px;}
	
.play-icon {width: 25px;}
}