.myCompOrderHistory .order-history-bg {
    background-color: #efefef;
    padding-bottom: 1px;
    padding-top: 10px;
}

.myCompOrderHistory .order-history-bg .body-container {
    margin-top: 0px;
}

.myCompOrderHistory .section.acct-order-history tbody {
    font-size: 12px;
    color: #4B4C50;
    font-weight: 400;
}

.myCompOrderHistory .section.acct-order-history tr {
	border: 1px solid #eee;
    background-color: #efefef;
    border-bottom: none !important;
}

/* .myCompOrderHistory .section.acct-order-history tr td {
    padding: 4px 10px;
} */

.myCompOrderHistory .section.acct-order-history tr td>.cell-header {
    margin: 0 0 5px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 12px;
}

.myCompOrderHistory .section.acct-order-history tr.main-order-row td:first-child {
    border-right: 3px solid #efefef;
    background-color: #4B4C50;
    font-size: 12px;
    font-weight: 900;
    vertical-align: middle;
    color: #ffffff;
}

.myCompOrderHistory .section.acct-order-history tr td:first-child>.cell-header {
    font-size: 12px;
    font-weight: 900;
    line-height: 16px;
}

.myCompOrderHistory .section.acct-order-history tr.main-order-row td:last-child {
    border-left: 3px solid #efefef;
    background-color: #046A38;
    color: #ffffff;
    font-weight: 900;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    cursor: pointer;
}

.myCompOrderHistory .section.acct-order-history tr.main-order-row td {
    background-color: #ffffff;
    line-height: 16px;
}

.myCompOrderHistory .section.acct-order-history tr.sm-order-row td {
    background-color: #ffffff;
}

.myCompOrderHistory .section .gray-block-btn {
    display: inline-block !important;
    width: 100%;
    height: auto;
    font-size: 12px;
    font-weight: 900 !important;
    color: white;
    text-transform: uppercase;
    text-align: center;
    background-color: #4B4C50;
    border: 2px solid #4B4C50;
    padding: 5px 15px;
    margin: 0 0 10px;
    box-shadow: none;
    cursor: pointer;
    text-decoration: none;
}

.myCompOrderHistory .section.acct-order-history tr td {
    font-size: 13px;
}

@media screen and (max-width: 1023px) {

    .myCompOrderHistory .section.acct-order-history tr.main-order-row td:first-child {
        border-right: none;
    }

    .myCompOrderHistory .section.acct-order-history tr.main-order-row td:nth-child(2) {
        background-color: #4B4C50;
        vertical-align: middle;
        font-weight: 600;
        color: #ffffff;
    }

    .myCompOrderHistory .section.acct-order-history tr.main-order-row td:nth-child(2)>.cell-header {
        display: none !important;
        border-right: 3px solid #fff;
    }

    /* .section.acct-order-history tr.main-order-row td:first-child:after{
        content: " | ";
        float: right;
    }*/
}

@media (max-width: 639px) {

    .myCompOrderHistory .section.acct-order-history .account-section .account-overview-table,
    .myCompOrderHistory .section.acct-order-history .account-section div.responsive-table {
        margin-left: 0px;
        margin-right: 0px;
    }

    .myCompOrderHistory .section.acct-order-history tr.main-order-row td:first-child,
    .myCompOrderHistory .section.acct-order-history tr.main-order-row td:last-child,
    .myCompOrderHistory .section.acct-order-history tr.main-order-row td:first-child>.cell-header,
    .myCompOrderHistory .section.acct-order-history tr.sm-order-row td>.cell-header {
        font-size: 10px;
    }
}

@media (min-width: 1400px) {
    .account-section {
        width: 100%;
    }
}

.myCompOrderHistory .section.acct-order-history tr.main-order-row td:last-child .icon-arrow-down-12:before,
.myCompOrderHistory .section.acct-order-history tr.main-order-row td:last-child .icon-arrow-up-simple:before {
    margin-left: 2px;
    -webkit-text-stroke: 1px white;
}

.myCompOrderHistory .section.acct-order-history tr.sm-order-row td:last-child {
    text-align: left;
}

.myCompOrderHistory .section.acct-order-history tr.order-summary-section td {
    padding: 0px;
}

.myCompOrderHistory .section.acct-order-history tr.order-summary-section .child-block {
    border: 1px solid #cccccc;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #ffffff;
}

.myCompOrderHistory .section.order-summary-section .section-header {
    padding-left: 30px;
    padding-top: 10px;
    font-size: 20px;
    color: #4B4C50;
}

@media screen and (min-width: 640px)
{
	.myCompOrderHistory .section.acct-order-history .section-header.main-header{
	    margin-bottom: -40px;
	}
}
@media screen and (min-width: 1023px)
{
	.hide-column-large{
		display: none !important;
	}
}
@media screen and (max-width: 1024px)
{
	.collapsed .hide-column-small{
		display: none !important;
	}
	.expanded .hide-column-small{
		display: none !important;
	}
	
	.expanded .mv-expand-show.hide-column-small{
		display: block !important;
	}
}
.myCompOrderHistory .section.order-summary-section .well.well-tertiary {
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 15px;
    border: none;
}

.myCompOrderHistory .section.order-summary-section .well .item-value {
    color: #000000;
    font-size: 13px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    min-height: 19px;
   /*  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
} 

.myCompOrderHistory .section.order-summary-section .well .item-label {
    color: #4B4C50;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 0px;
}



.myCompOrderHistory .section .blue-block-btn{
	background-color: rgb(2, 179, 206);
    border: 2px solid rgb(2, 179, 206);
}

@media screen and (max-width: 640px){
	.myCompOrderHistory .section.order-summary-section .well .item-label {
    	text-transform: uppercase;
	}
	
	.myCompOrderHistory .section.order-summary-section .section-header {
	    padding-left: 10px;
	    padding-top: 0px;
	    font-size: 16px;
	}
	.myCompOrderHistory .section.order-summary-section .well.well-tertiary{
	 	padding-left: 10px;
	 	padding-top: 10px;
	}
	
	.well.well-quinary .well-content {
	    padding-left: 10px;
	    padding-top: 10px;
	}
	.myCompOrderHistory .account-section .account-consignment {
	    margin-top: 0px;
	    padding-top: 10px;
	    border-top: 1.5px solid #e5e5e5;
	}
	
	.myCompOrderHistory .section.order-summary-section .well .item-wrapper
	{
		margin-bottom: 5px;
	}
	
	.myCompOrderHistory .account-orderdetail .orderTotal .totals
	{
		font-size: 16px;
	}
}

@media screen and (max-width:1023px){
	.myCompOrderHistory .section.order-summary-section .well .item-group .lg-text{
		font-size: 12px !important;
	}
}

.myCompOrderHistory .account-section .account-consignment {
    margin-top: 0px;
        border-top: 1px solid #eee;
}

.myCompOrderHistory .section.order-summary-section .well .item-value .ship-to-name {
    font-weight: 600;
}


.myCompOrderHistory .section.order-summary-section .well .item-group .lg-text {
    font-size: 22px;
}

.myCompOrderHistory .section.order-summary-section .well .well-headline {

    background-color: #efeff1;
    color: #6B6A6F;
    border: none;
    padding: 5px 30px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
}

.myCompOrderHistory .account-orderdetail.account-consignment .order-ship-to .label-order,
.myCompOrderHistory .account-orderdetail.account-consignment .order-bill-to .label-order,
.myCompOrderHistory .account-orderdetail.account-consignment .order-shipping-method .label-order,
.myCompOrderHistory .account-orderdetail.account-consignment .view-publications-method .label-order {
    color: #064C58;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 2px;
}

@media screen and (max-width: 1024px) {

    .myCompOrderHistory .account-orderdetail.account-consignment .order-ship-to,
    .myCompOrderHistory .account-orderdetail.account-consignment .order-bill-to,
    .myCompOrderHistory .account-orderdetail.account-consignment .order-shipping-method,
    .myCompOrderHistory .account-orderdetail.account-consignment .view-publications-method {
        padding-top: 20px;
    }
}

.myCompOrderHistory .item__list .item__list--header li {
    color: #ffffff;
    background-color: #4B4C50;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 30px;

}

.item__list .item__list--item .item__image {
    padding: 10px 20px;
}

.account-orderdetail .account-orderdetail__footer {
    padding-top: 10px;
}

.account-orderdetail .orderTotal hr {
	margin: 10px 0px 0px 0px;
    border: 2px solid #046A38;
    height: 0px;
}

.account-orderdetail .orderTotal .totals {
    font-size: 20px;
    line-height: 1em;
}

.account-orderdetail.account-consignment .item__list .item__list--item>[class*="item__"] {
    display: table-cell;
    padding: 20px 30px !important;
    vertical-align: top;
}

@media (max-width: 639px) {

    .account-orderdetail.account-consignment .item__list .item__list--item>[class*="item__"]{
    	padding: 5px 10px !important;
    	display: block;
    }
}

.item__list .item__list--item {
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
}

.item__list .item__list--item .item__info a .item__name {
    color: #4B4C50;
}

.input-error {
    background-color: white;
    border-color: #B4171E !important;
}
.input-error:focus {
    background-color: white;
    border-color: #B4171E;
}

.help-block {
    font-weight: 600;
    color: #B4171E;
    text-align: left;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-style: normal;
    line-height: 14px;
}

@media (max-width: 1023px) {
    .well.well-lg,
    .section.order-summary-section .section-header,
    .section.order-summary-section .well.well-quinary .well-headline {
        padding-left: 20px;
        padding-right: 20px;
    }

    .item__list .item__quantity__total {
        clear: none;
    }
	.myCompOrderHistory .item__list .item__quantity__total .qty label {
	    float: left;
	    margin: 0 10px 0 0;
	    font-size: 12px;
	}
}

@media screen and (min-width: 641px) and (max-width:1024px){
	  .myCompOrderHistory .section.order-summary-section .section-header {
    	padding-left: 20px;
    }
    
    .account-orderdetail.account-consignment .item__list .item__list--item>[class*="item__"] {
        padding: 5px 20px !important;
        display: block;
    }
}

@media screen and (max-width: 640px) {
    .account-section .account-section-content .item__list--item .item__total {
        float: left;
    }
    .show-on-small{
    	display: block !important;
    }
    .myCompOrderHistory .account-orderdetail .orderTotal {
    	font-size: 16px;
    }
}

.myCompOrderHistory .account-section .account-section-content .account-orderhistory-pagination {
    padding-top: 0;
}

.myCompOrderHistory .account-section .account-section-content .account-orderhistory-pagination .pagination-bar {
    margin: 0;
}

.myCompOrderHistory .account-section .account-section-content .account-orderhistory-pagination .pagination-bar .pagination-toolbar {
    padding-top: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.item__list .item__quantity__total .qty {
    line-height: 25px;
}

.section .order-summary-section .item-wrapper .item-group{
	margin-bottom: 25px;
}

@media screen and (max-width: 640px){
	.section .order-summary-section .item-wrapper .item-group{
		margin-bottom: 5px !important;
	}
}

.account-orderdetail .orderTotal .totals{
	padding-top: 5px;
}

.paddingleftzero{
	padding-left: 0px;
}

/*
@media (max-width: 1023px){
    .account-orderdetail.account-consignment .item__list .item__image {
    float: left;
    margin: 0;
}}*/