/*  DT BUTTON  */
h1  {
    margin-top: 0px !important;
}
h3 {
    font-size: 36px !important;
}
:root {
    --green: #016735; 
    --greentint: #ceffe7;
    --darkgray:#333333;
    --mediumgray:#cccccc;
    --lightgray:#bcbec0;
    --graytint:#f3f4f4;
}
.dx-button-has-text .dx-button-content, 
.dx-button.dx-button-default {
    top: 0!important;
}
.DT-Button, .dx-dialog-button, .DT-Button.dx-link, #DTButton, .DT-Button .dx-button-text, .ContactFormSubmitButton, .paymentSubmit :is(.dx-button){
    color:#fff !important;
    background-color: var(--darkgray) !important;
    border-radius: 5px !important;
    border-width:0 !important;
    border-color: transparent !important;
    box-shadow:none !important;
    font-family: 'Podkova', serif !important;
    font-size: 16px !important;
    outline:0px !important;
    background-image: none !important;
    padding: 2px 2px !important;
}
.DT-Button .dx-button-text {
    background-color: inherit!important;
}
.dx-button-has-text.dx-dialog-button .dx-button-content {
        padding: 3px 15px !important;
}
.paymentSubmit :is(.dx-button), .paymentCancel :is(.dx-button) {
    font-size:14px !important;
}
.paymentSubmit :is(.dx-state-hover), .DT-Button.dx-state-hover, .dx-dialog-button.dx-state-hover,
.DT-Button.dx-state-focused.dx-state-active, 
.DT-Button:hover, #DTButton, .ContactFormSubmitButton:hover {
    color:#000 !important;
    background-color: var(--mediumgray)  !important;
    border-width:0 !important;
    box-shadow:none !important;
    border-color: transparent !important;
}
.DT-Button.dx-button-has-text .dx-button-content {
    padding: 5px 15px 5px;
}
#addToCartBtn.DT-Button.dx-button-has-text .dx-button-content {
    padding: 5px 0;
}
.DT-Button.dx-state-focused  .dx-button-text, .DT-Button.dx-state-hover .dx-button-text,
.DT-Button.dx-state-focused.dx-state-active  .dx-button-text {
     background-color: transparent !important;
     color: #000 !important;
}
input#cancelButton.DT-Button {
    padding: 7px;
    font-size:16px;
}
.ctaNav li {
/*    min-width:125px;*/
}
.ctaNav li.pipe {
    width: 5px;
    color: #fff;
}
img.ctaCart {
    float:left;
    max-width:30px !important
}
.ctaNav span.badge.cart {
    top: 0px;
    left: -8px;
}
a.ctaCart {
    padding: 10px 0 !important;
    display:inline-block !important;
}
.ctaLabel {
    position: relative;
    top: 10px;
}
.ShoppingCartSavedCartTable input.DT-Button {
    width: 58px;
    padding: 3px 2px !important;
}
.dxbButton.DT-Button.secondary-btn-theme, .paymentCancel :is(.dx-button) {
    background: #363636 !important;
}
.dxbButton.DT-Button.secondary-btn-theme.dxbButtonHover, .paymentCancel :is(.dx-state-hover) {
    background: #bb4b00  !important;
}
.dxpc-mainDiv.createList.dxpc-shadow {
   width: 375px;
}
.createList .dxpc-header.dxpc-withBtn {
    background: #333 !important;
}
.createList table tr {
    display: flex;
    flex-direction: column;
}
#btnListItemsAddToCart.DT-Button {
    padding: 8px !important;
}
.dxeHyperlink { font-family:inherit !important; font-size:16px !important; }

.dxbButtonHover_Metropolis {
    background: #bb4b00  !important;
}
#clbkItemListDetails p {
    font-size:14px;
    width: 67%;
}
#btnChangeDefault.DT-Button {
    margin-top: -2px !important;
    padding: 1px !important;
}
.changepasswordlabel {
    text-align: right;
}
.CharacteristicValue video {
    max-width: 100%;
}
/*  DT Calendar  */

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content .dx-button-text,
.dx-calendar-navigator-next-month.dx-button .dx-icon, .dx-calendar-navigator-next-view.dx-button .dx-icon,
.dx-calendar-navigator-previous-month.dx-button .dx-icon, .dx-calendar-navigator-previous-view.dx-button .dx-icon {
        color: var(--green); !important;
}
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    -webkit-box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #f60 !important;
    box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #f60 !important;
}
@media (max-width: 789px) {
    .ctaNav li.pipe {
        width: 5px;
        color: #fff;
        top: 10px;
    }
}


/*  Layout Improvements of order summary and order success pages  */
table#Table2 td,
table#Table3 td {
    width: auto !important;
    text-align: left;
    padding: 5px 10px;
}
table#Table2 td.CheckoutSummaryLabel,
table#Table3 td.CheckoutSummaryLabel {
    text-align: left;
    vertical-align: top;
    margin-bottom: 1em;
    width: 100px !important;
    padding: 6px 15px;
}
table#Table3,
table#Table4 {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}
tr.CheckOutOrderSummaryTableRowHighlight {
    background: #f2f2f2; 
}
tr.CheckOutOrderSummaryTableRowHighlight td {
    padding: 10px 15px;
}
.CheckoutSummaryOrderNumber table,
#OrderConfirmPanel #grdItemList,
.CheckOutOrderSummaryTable #grdItemList,
#Table3 table {
    width: 100%!important;
}
#OrderConfirmPanel .DT-Button {
    padding: 8px 15px!important;
}
.CheckOutOrderSummaryTable #grdItemList_DXMainTable tr:nth-child(odd) {
    background: #f2f2f2;
}
.CheckOutOrderSummaryTable TABLE.dxgvTable #grdItemList_DXHeadersRow0 TD {
    background: #d3d3d3!important;
}
.CheckOutOrderSummaryTable .dxgvDataRow td.dxgv,
.CheckOutOrderSummaryTable .dxgvHeader td,
#Table4 td {
    padding: 6px;
}
#OrderConfirmPanel,
.CheckOutOrderSummaryTable {
    width: auto;
    overflow: auto;
}