.order-search {
    height: 100px;
    width: 100%;
    overflow: hidden;
    padding: 25px 1px;
}
    .order-search li:first-child {
        float:left;width: 50%;
    }
    .order-search li:last-child {
        float:right;
    }
.order-search-cont, .searchbox-cont, .order-search-cont div, .searchbox-cont div {
    height: 35px;
}
.order-search-cont, .searchbox-cont {
        width: 100%;
    overflow: hidden;
    /*box-shadow: 0px 0px 0px 1px #636363;*/
        border: 1px solid #636262;
    position: relative;
}
    .order-search-cont div, .searchbox-cont div{
        background-position: -15px -908px;
        width: 25px;
        z-index: inherit;
    }
    .order-search-cont input, .searchbox-cont input {
        float: left;
        width: 84%;
        height: 100%;
    }
    .searchbox-cont div {
        float:right;width: 32px;
    }
    .searchbox-cont input {
        width: 82%;
    }

    .searchbox-cont .searchXIcon {
        float: right;
        text-align: center;
        font-size: 3rem;
        line-height: 27px;
        border-left: 1px solid;
        cursor: pointer;
        width: 32px;
    }
        .order-search-cont input:valid, .searchbox-cont input:valid {
            border: none;
        }

.inp-label {
    position: absolute;
    z-index: 0;
    left: 0;
    height: 100%;
    line-height: 30px;
    padding: 0px 0px 0px 5px;
    width: 100%;
    text-align: left;
    transition: .5s linear;
}
.inp-label.sm-fnt {
    font-size:8pt;
    line-height: 15px;
    height:auto;
    width:auto;
    color: #c0c0c073;
}

.shadow {
    box-shadow: 0px 1px 0px 0px #ada7a7;
}
.grayBg {
        /*padding-bottom: 60px !important;*/
        min-height: 585px;
}
.relativeBx {
    float:none !important;              
}
.details {
    color: blue;
    display: inline-block;
    text-align: right !important;   
    cursor: pointer;
}
.center a{
	text-align:center;	
	margin:auto;
	display:block;
	padding:10px;
}
.centerBody {
    width: 100% !important;
}
/*tab effect*/
.tabs {
        min-width: 300px;
}
.tab {
    height: 39px;
}
    .tab ul li, .tab-body {
        border-right: 1px solid white;
    }
    .tab ul li {
        width: 30%;
        float: left;
        z-index: 2;
        line-height: 39px;
        /*margin-left: 10px;*/
        /*border-radius: 0px 10px 0px 0px; */
        cursor: pointer;
        min-width: 135px;
        /*background-color:#f2f2f2;*/
        background-color: #dedcdc;
        color: gray;
    }
        .tab ul li.active {
            border-bottom: none !important;
            height: 40px;
            color: black !important;
        }
.tab-body {
    padding: 15px;
    /*box-shadow: 0px 10px 20px -1px #c0c0c0ab;*/
}

.tab-body, .tab ul li.active {
    background-color: white; /* #f2f2f2;*/
    border: 1px solid #c0c0c0ab;
    box-shadow: -1px -1px 1px 0px #c6c6c675;
}

.tab-silver_roundborder {
    box-shadow: 0px 0px 4px 0px #c0c0c085;
    border-radius: 0 10px 10px;
}

/*tab effect*/
.orderitemBlock{
    border-left: 1px solid silver;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
        overflow: auto;
    background-color: white;
	/*margin-bottom:15px;*/
    box-shadow:  0px 2px 0px 0px #e4e3e3;
}
.orderitemBlock:not(:last-child) {
    margin-bottom: 15px;
}
.itemBodyBlock{
    padding:5px;    
    /*border-bottom: 1px solid silver;*/
}
.modifiedBlock {
    text-align: right;
    font-size: .7rem;
    font-style: italic;
    display: none;
}
.topBlock{
    width: 100%;
    padding: 15px 0px;
}
.topBlock .leftColumn{
    text-align:left;
}
.topBlock .rightColumn{
    text-align:right;
}
.topBlock .leftColumn,.topBlock  .centerColumn,.topBlock  .rightColumn {
    width:32%;
    float:left;
    padding-left:5px
}
.topBlock  .centerColumn{
    margin-bottom: 0px;
}
            
.trackit .leftColumn, .trackit .rightColumn {
    width: 100%;
    text-align: left;
    padding: 5px;
}
.topBlock span, .productinfo{              
    text-align:left;
    line-height:20px;
}

.topBlock .fulfillbtn , .topBlock .fulfillbtn span{
   text-align:center;
    font-size: 1.25rem;
    min-width: 100px;
    padding: 4px 0px 0px;
}
.defaultcardlnk {
    text-decoration: underline;
    color: blue;
    font-size: 1rem;
}
.ordersWrap {
    position:relative;
}
    .ordersWrap .removeItem {
        position: absolute;
        right: 18px;
        bottom: 18px;
        background-image: url(https://assets.apliiq.com/images/Upload/black-icon-sprite-for-artwork.png);
        background-repeat: no-repeat;
        background-size: 19px;
        height: 25px;
    }
.productBlock{
    overflow: auto;position: relative;
}
    /*.productBlock .removeItem {
            position: absolute;
        bottom: 5px;
        right: 5px;
    }*/
.donotfulfillBtn {
    /* background-color: silver; */
    border-bottom: none;
    padding: 5px;
    text-decoration: underline;
    cursor: pointer;
    color: #ffb600;
    font-size: .75rem;
}
.imageColumn{
    float:left;
    max-height: 194px;
    overflow: hidden;    
    padding-left: 5px;
}
.imageColumn .prodImage{
    width: 100px;
    margin-top: -5px;
}
.actionColumn{
    width: 50%;
    float: right;
    margin-top: 15px;
}      
.actionColumn div{
    display:block;   
    width: 100%;
    overflow: auto;
}
.actionColumn .productName{
    max-width:100%;
    overflow: hidden;
}
/*.actionColumn div.productQty{
    padding-bottom:3px;
}*/
.actionColumn .ghost{
    width:auto;
    max-width:155px;
}

.basicTable {
    margin-bottom: 15px;
}

.qAnda{
	background-image:url('https://assets.apliiq.com/images/brands/brands-faq-background.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	background-color:white;	
	color:black;
	padding-top:5%;
	padding-bottom:50px;
	margin-top:0;
}
.qAnda p{
	color:black
}
ul#questionFamily{
	margin:0 0 25px;
	width:90%;
	display:inline-block;
	text-align:center;
}
ul#questionFamily li{
	width:100%;
	max-width:310px;
	display:inline-block;	
	text-align:left;
	margin:1% 0% 0% 2%;
	float:none;
	padding-top:8px;
	padding-bottom:0px;
	border-radius:2px;
}

ul#questionFamily li h4{
	font-size:18px;
	font-size:1.125rem;
	padding:10px 0;
	float:left;
	width:95%;	
	font-weight:bold;
}
ul#questionFamily li p{
	font-size:12px;
	font-size:1rem;
	float:left;
	width:95%;	
	color: black;
	line-height:1.125rem;
	margin-top:0px;
}

@media screen and (min-width:768px){
    /*.tab {
        height: 31px;
    }*/
    .centerBody {
        /*width: 80% !important;*/
        max-width: 78%;  
    }
        
    .actionColumn .ghost{
    min-width:155px;
    }
    ul#questionFamily li {
        width: 47%;
        min-height: 150px;
    }

    .trackit .leftColumn, .trackit .rightColumn {
    width: 78%;
    text-align: left;
    padding: 0px;
    }
    .trackit .rightColumn{
    width: 20%;   
    margin-top: 0px;
    }              
    .trackit .trkit{
    float:right;
    }
    .actionColumn{
        float: left;
        margin-left: 10%;
    }
    .order-search-cont {
        width: 32%;
        min-width: 315px;
    }
    .order-search-cont input {
        width: 88%;
    }
    .topBlock .fulfillbtn, .topBlock .fulfillbtn span {
        padding: 5px 10px;
    }
    .searchbox-cont input {
        width: 90%;
    }
}
@media screen and (min-width: 1024px){
   /* .tab {
        height: 32px;
    }*/
    .topBlock .rightColumn{
    margin-top:0;
    margin-right: 0; 
    }
    .centerBody {
        margin-left: 200px !important;
    }
    .searchbox-cont input {
        width: 92%;
    }
}

@media screen and (min-width: 1025px) {

}