/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .order-item {
		
		/*border-bottom: 2px dashed #ddd*/
		margin-bottom:10px;
		display: flex;
		background: #fcfcfc;
		flex-wrap: wrap;
		border:1px solid #ddd;
	}
	.btn{
		display: inline-block;
		padding: 6px 20px;
		background: #0B8DCB;
		color:#fff;
		border-radius: 4px;
	}
	.colm-1 {
		padding: 10px;
		width: 33.33%; 
	}
	.d-flex{
		display: flex
	} 
	.align-center{
		align-items: center;
	}
	.product-item {
		margin-bottom: 10px;
	}
	.small-text{
		font-size: 13px;
		color:#777;
	}
	.justify-center {
		justify-content: center;
	}
	.mt-2{
		margin-top: 2px;
	}
	.w-100{
		width: 100%;
	}
	.order-top{
		background: #0B8DCB;
		color:#fff;
	}
	.box-head{
		color: #0B8DCB;;
		font-weight: bold;
	}
	.loading-m {
	    display: none;
	    position: fixed;
	    left: 0;
	    top: 0;
	    z-index: 999992 !important;
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.7);
	}
	.loading-m.in {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.fsmh-pagination li {
	    margin-left: 0 !important;
	}

	.fsmh-pagination li {
	    margin: 0 .4em;
	    display: inline-block;
	}
	.fsmh-pagination>li>span, .fsmh-pagination>li>a {
	    font-size: 14px;
	    display: block;
	    height: 30px;
	    line-height: 25px;
	    text-align: center;
	    width: auto;
	    min-width: 30px;
	    padding: -2px 7px;
	    font-weight: bolder;
	    border-radius: 99px;
	    border: 2px solid currentColor;
	    -webkit-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	    vertical-align: top;
	}

	.fsmh-pagination .page-number.current{
		background: #0B8DCB;
		border-color: #0B8DCB;
	}