@charset "utf-8";
/* CSS Document */
.mobile-icon i{
	display: none;
}
.table-responsive {
    display: inline-table;
}
@media (max-width: 875px) {
	.table-responsive {
	    display: block;
	}
}
@media (max-width: 991px) {
	.mobile-logo, .nav.toggle, .top_search {
		display: table-cell;
		vertical-align: middle;
	}
	.mobile-logo.d-none {
		display: table-cell !important;
		text-align:center;
	}
	.mobile-logo{
		background:#002f43;
	}
	.nav-sm .navbar.nav_title a span.d-none {
		display: none !important;
	}
}
@media (min-width: 565px) and (max-width: 767.5px) {
	.search-order-id form button{
		margin-top: 10px;
	}
}
@media (min-width: 767.5px) and (max-width: 991px) {
	.toggle a {	
		line-height: 1;
	}
	.mobile-logo.d-none {
		width: 170px;
		padding: 0 10px;
	}
	.top_search {
		padding-top: 0;
	}
}
@media (max-width: 544px) {
	.card-footer button, .card-footer a{
		margin: 5px;
		width: 100%;
	}
	div#status {
	    position: relative;
	    left: -64%;
	    margin-top: 18px;
	}
	.variants{
		overflow: scroll;
	}
	.variants input {
	    min-width: 76px;
	}
	div.filter-dropdown {
        min-width: 306px !important;
        transform: translate3d(-237px, 37px, 0px) !important;
    }
	
}
@media (max-width: 460px) {
	.vendors-list table th {
	    width: 70px;
	}
}
@media (max-width: 767.5px) {
	.mobile-badge{
		float:none !important;
	}
	.filter-dropdown {
	    min-width: 19rem;
	    padding: 18px 0;
	    transform: translate3d(-266px, 37px, 0px) !important;
	}
	.search-order-id .dropdown-menu {
	    min-width: auto;
	    transform: translate3d(-233px, 37px, 0px) !important;
	}
	.vendor-filter-dropdown {
	    transform: translate3d(-85px, 37px, 0px) !important;
	}
	#vendorModal .or-seprator label{
		display: none;
	}
	.markup-form .mt-4{
		margin-top: 0px !important;
	}
	.mobile-icon{
		font-size: 0px;
		height: 31px;
        width: 31px;
	    padding: 0;
	}
	.mobile-icon i{
		display: block;
    	line-height: 31px;
		font-size: 16px;
	}
	.btn-mobile{
		font-size: 0px;
	}
	.btn-mobile i{
		font-size: 16px;
	}
	.page-title h2 {
		font-size: 20px;
	}
	ul.dropdown-menu.dropdown-usermenu {
		top: 5px !important;
		left: 2px !important;
		width: 100%;
	}
	.user-notification .dropdown-menu {
		top: 5px !important;
		left: 0 !important;
		width: 100% !important;
		right: 0;
		transform: translate3d(0px, 73px, 0px) !important;
	}
	.login_content strong {
		display: inline-grid;
		vertical-align: top;
	}
	section.login_content {
		padding: 0 28px;
	}
	.login-register {
	    background-size: initial !important;
	}
	section.login_content {
	    margin-bottom: 20px;
	}
	.top-right {
		float: none;
		margin: 0;
		display:table;
		width:100%;
	}
	.nav_title{
		height:40px;
	}
	.mobile-logo img{
		width:150px;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	.nav-sm .mobile-logo img {
		width: 120px;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	.toggle a i {
		font-size: 20px;
	}
	.nav.toggle, .top_search, .user-notification, .user-setting{
		width:50px;
	}
	li.user-dropdown a {	
	}

	.top_search span{
		display:none;
	}
	.top_nav .navbar-right {
		margin: 0;
		width: 100%;
		display: table;
		float: none;
	}
	.top_nav .navbar-right li {
		border-top: solid 1px rgba(0,0,0,0.1);
		text-align: center;
	}
	.top_nav .navbar-right li > a {
		margin: auto;
	}
	.nav-sm .container.body .right_col {
		padding: 0;	
	}
	.user-setting a, .user-notification a, #menu_toggle, .top_search a {
		height: 25px;
		width: 25px;
		line-height: 25px;
		padding:0;
	}
	.top_nav li a i {
		font-size: 14px;
	}
	.btn {
		white-space: normal;
		padding-left:7px;
		padding-right:7px;
	}
	.top_search {
		padding: 0 5px 0 2px;
		border-left: solid 1px rgba(0,0,0,0.1);
		height: 40px;
		padding-top: 0;
		text-align:center;
	}
	.nav.toggle {
		border-left: solid 1px rgba(0,0,0,0.1);
		height: 40px;
		text-align: center;
	}
	.toggle a {
		padding: 0 10px 0;
		margin: 0;
		cursor: pointer;
		line-height: 3;
	}
	.top_nav .navbar-right > li {
		display: table-cell;
		position: static;
		border-left: solid 1px rgba(0,0,0,0.1);
		height: 40px;
		padding: 0 5px;
		vertical-align: middle;
	}
	.page-title {
		padding: 10px;
		border-bottom: 1px solid #e6eaee;
		text-align:center;
	}
	.page-btn.text-right a, .page-btn.text-right button{	
		margin-bottom:5px;
	}
	.main-area {
		padding: 15px 15px 30px;
	}
	.sub-title-right.text-right {    
	}
	.main-area .card{
		margin-top:15px !important;
	}
	.card-header h4 {
		font-size: 16px;
	}
	.card-header h5 {
		font-size: 14px;
	}
	.order-item .order-action, .order-item .order-info {
		vertical-align: top;
	}
	.order-name{
		display:block;
	}
	.order-info .order-date {
		font-size: 12px;
		padding: 5px 0 0;
	}
	.ship-date, .order-total {
		float: none;
		padding-top:5px;
		margin-top:3px;
		border-top: solid 1px #e6eaee;
	}
	.m-event .m-event-action, .m-event .m-event-info {
		display: block; 
	}
	.m-event .m-event-action {
		text-align: left;
		margin-top:5px;
	}
	.order-detail .detail-title, .order-detail .detail-info {
		display: block;
	}
	.order-detail .detail-info {
		text-align: left;
	}
	.filter-dropdown input.newStartDate.form-control {
        margin-bottom: 15px;
    }
}
@media (max-width: 1024px) {
	.page-title {
		padding-left: 15px;
		padding-right: 15px;
	}
}