.dropdown-submenu { cursor:pointer; }
.dropdown-submenu > ul { padding-left: 0; background-color: #cccccc; max-height: 0; overflow: hidden; transition: max-height .15s ease-in; }
.dropdown-submenu.open > ul { max-height: 320px; }
.dropdown-submenu .chevron { color: #cccccc; }
.dropdown-submenu .icon-chevron-thin-up { display: none; }
.dropdown-submenu.open .icon-chevron-thin-down { display: none; }
.dropdown-submenu.open .icon-chevron-thin-up { display:inline; }
.dropdown-menu { min-width: 14rem;}


.navbar-dark .dropdown-submenu > ul { background-color: #4d5052; }


.shipping-block.a { background-color: #d9d9d9; }
.shipping-display { color: #000; font-family: Roboto condensed; font-size: 16px; }

.shipping-display .text { width: 24%; z-index: 2; }
.shipping-display.delivered .text { width: 32%; }
.shipping-display .box { display: inline-block; width: 16px; height: 16px; border: 1px solid #000; border-radius: 3px; top: 6px; left: 0; position: absolute; transform: rotateZ(45deg); }
.shipping-display .ready .box { background-color: #000; border: 1px solid #000; }
.shipping-display .box i { position: absolute; left: 65%; top: 15%; transform: translate(-50%, -50%); color: #fff; font-size: 32px; }

.shipping-display .ready.one .box { background-color: #00a0df; }
.shipping-display .ready.two .box { background-color: #a25eb5; }
.shipping-display .ready.three .box { background-color: #ff8300; }
.shipping-display .ready.four .box { background-color: #93d500; }

.shipping-display .block { height: 30px; }
.shipping-display .text-block { height: 10px; }
.shipping-display .text-block:not(.ready) { color: #a7a7a7; }
.shipping-display .block,
.shipping-display .text-block { font-size: 4.3vw; width: 24%; display: inline-block; position: relative; text-align: center; }
.shipping-display .block { width: 36%; }
.shipping-display .text-block { width: 32.5%; }
.shipping-display .text-block:first-child { padding-right: 5%; }
.shipping-display .text-block:nth-child(3) { padding-left: 5%; }
.shipping-display .text-block:last-child { width: 10%; }
.shipping-display .block:first-child { margin-left: 12%; }
.shipping-display .block:last-child { width: 10%; }
.shipping-display .block .line { width: calc(100% - 20px); left: 19px; top: 13px; height: 2px; border-bottom: 2px dotted #000; position: absolute; z-index: 1; }
.shipping-display .line-complete { width: 1px; left: 17px; top: 12px; height: 2px; border-bottom: 4px solid #000; transition: width 1.5s ease-in; position: absolute; z-index: 1; }
.shipping-display .line-complete.go { width: calc(100% - 14px); }
.shipping-display .two .line-complete.go { transition-delay: 1.5s; }
.shipping-display .three .line-complete.go { transition-delay: 1.5s; }

#high-contrast-toggle { color: #4d4d4f; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 12px; }
input[type=checkbox][data-function="toggle-high-contrast"] { width: 18px; height: 18px; vertical-align: text-top; margin-right: 10px; }
#SupportCommentSection pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; }
.navbar-dark .navbar-brand-abs-center { top: -0.25em; }

[data-role="le-vel-countdown-timer"] .countdown-1 .countdown { float: right; }
[data-role="le-vel-countdown-timer"] .countdown-2 .countdown { transform: translateX(-50%); left: 50%; }
[data-role="le-vel-countdown-timer"] .countdown-3 .countdown { float: left; }
[data-role="le-vel-countdown-timer"] .countdown { position: relative; text-align: center; font-family: Roboto Light;   }
[data-role="le-vel-countdown-timer"] .countdown-number { color: red; display: inline-block; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
[data-role="le-vel-countdown-timer"] .countdown-number .val { font-size: 46px; line-height: 46px; }
[data-role="le-vel-countdown-timer"] .countdown-number .label {color: green;  font-size: 15px; text-transform: uppercase; line-height: 36px; }
[data-role="le-vel-countdown-timer"] svg { position: absolute; top: 0; right: 0; transform: rotateY(-180deg) rotateZ(-90deg); }
[data-role="le-vel-countdown-timer"] svg circle {stroke: blue; stroke-dasharray: 113px; stroke-dashoffset: 0px; stroke-linecap: square; stroke-width: 7px;  fill: none; }
[data-role="le-vel-countdown-timer"] svg circle.timer { stroke: pink; }


@media (min-width: 576px) { 
    .shipping-display .text-block { font-size: inherit; }
    [data-role="le-vel-countdown-timer"] .countdown-number .val { font-size: 32px; line-height: 32px; }
    [data-role="le-vel-countdown-timer"] .countdown-number .label { line-height: 24px; }
.pdf-image-three-rows { position: relative; top: -16px;  }
a.pdf-image-three-rows + a.shop-link-image { position: relative; top: -14px;  }
@media (min-width: 576px) { .shipping-display .text-block { font-size: inherit; }
}
@media only screen and (min-width: 768px){
.dropdown-menu { max-height:calc(100vh - 86px); overflow-y:auto;}
}
@media (min-width: 992px) {
    .navbar-dark .navbar-brand-abs-center { top: auto; }

    #top-nav > .container { position:relative;}
    .accessibility > a { cursor: pointer; border: none !important; padding-top:.2rem !important; padding-bottom:.2rem !important; }
    .accessibility { position: absolute; top: -.75rem; right: 0; border: none !important; padding-bottom: 1px; font-size: 11px; font-family: Roboto Condensed; text-transform: uppercase; background: linear-gradient(90deg, rgba(215,215,215,0) 0%, rgba(214,214,214,0.8995973389355743) 25%, rgba(213,213,213,1) 50%, rgba(212,212,212,0.9023984593837535) 75%, rgba(208,208,208,0) 100%) left bottom transparent no-repeat; background-size: 100% 1px; }
    .accessibility .dropdown-menu { left:auto !important; right:0 !important; white-space:nowrap;}
    .accessibility label { margin-bottom:0; }
}