.ajax-loader{position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 1;}
.ajax-loader .loader{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;left: 0;right: 0;margin: 0 auto;text-align: center;}
.ajax-loader .loader img{width: 55px}
/*=== DROPDOWN NIKHIL 08/01/2024 ===*/
.dropdown{display: flex;flex-direction: column;position: relative;}
.drop-button{display: flex;align-items: center;padding: var(--st-sm3) var(--st-md1) var(--st-sm3) var(--st-sm4);border: 1px solid var(--base-base3);background-color: var(--base-base5);outline: 0;position: relative}
.drop-button:hover, .drop-button.drop-active{border: 1px solid var(--base-base1)}
.drop-button.drop-active{background-color: var(--base-base1);color: var(--base-base5)}
.drop-button:focus-visible{border: 2px solid var(--base-base2);}
.drop-button span.icon{position: absolute;right: var(--st-sm3);font-size: 2.4rem;line-height: normal;top: 50%;transform: translateY(-50%);transition: var(--transition-3)}
.drop-button.drop-active span.icon{transform: translateY(-50%) rotate(180deg);}
.drop-tree{visibility: hidden;opacity: 0;padding: 0;list-style: none;margin: 0;position: absolute;top: 60px;width: 100%;transition: var(--transition-3);max-height: 0;border: 1px solid var(--base-base1);overflow: scroll;z-index: 1;}
.drop-item > a{display: flex;align-items: center;align-self: stretch;padding: var(--st-sm4) var(--st-sm3) var(--st-sm4) var(--st-sm2);background-color: var(--base-base5);color: var(--base-base1);text-decoration: none;font-size: var(--font-body-small);font-weight: var(--font-weight-500);line-height: 2.00rem}
.drop-item > a:hover{background-color: var(--base-base4);}
.drop-item > a:focus-visible{outline: 0;border-width: 1px 0;border-color: var(--base-base1);border-style: solid;}
.drop-item > a.selected{background-color: var(--base-base2);color: var(--base-base5)}
.drop-tree.dropdown-active{visibility: visible;opacity: 1;}

.select-dropdown .drop-button{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('/~/media/Images/J/jb-hunt-ir/icons/chevron-down.svg') no-repeat right;background-size: 30px 24px;background-position: right 10px center}
/*=== DROPDOWN NIKHIL 08/01/2024 ===*/

/*=== TABS NIKHIL 08/01/2024 ===*/
.tabsmain ul.tabs-tree:not(.swiper-wrapper){list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.tabsmain ul.tabs-tree.swiper-wrapper{padding: 0}
.tabsmain li.tabs-item:not(.swiper-slide){flex: 1 0 0;display: flex;justify-content: center;align-items: center;}
.tabsmain li.tabs-item a{display: flex;align-items: center;justify-content: center;font-size: var(--font-body-large);text-decoration: none;font-weight: 600;padding: var(--st-sm3) var(--st-sm2);line-height: 2.4rem;color: var(--base-base1);text-align: center;border-bottom: 2px solid var(--tint-dark-25);width: 100%;height: 100%;margin: 2px;}
.tabsmain li.tabs-item:last-child a {margin: 2px -2px;}
.tabsmain li.tabs-item a:hover, .tabsmain li.tabs-item a.selected{border-bottom: 2px solid var(--base-base1)}
.tabsmain .swiper-btn::after{font-size: 1.6rem;color: var(--base-base1)}
/*=== TABS NIKHIL 08/01/2024 ===*/

.pagination{padding: 0;list-style: none;}
.pagination-item {color:var(--base-2)}
.pagination-item.active {color:var(--base-1);font-weight:700;}
.pagination-item.active button {text-decoration: none;}
.pagination-item button{background: transparent;border: 0;}
.pagination-item.prev button, .pagination-item.next button{font-size: 2rem;line-height: normal;display: flex;justify-content: center;align-items: center;color: var(--base-1);padding: var(--st-xs1);}
.pagination-item.prev button:disabled, .pagination-item.next button:disabled {color: var(--base-2);}
.pagination-item.prev button{padding-right: var(--st-sm3);}
.pagination-item.pagings button{display: flex;justify-content: center;align-items: center;font-size: 1.6rem;line-height: 2.4rem;color: var(--base-2);text-decoration: underline;padding:0;}
.pagination-item.pagings button:hover, .pagination-item.pagings button.active{color: var(--base-1);}
.pagination-item.pagings button.active{font-weight: 700; text-decoration: none;}
.pagination-item.pagings span.dots{margin: 0 20px 0 10px;}

.pagination-item.first button, .pagination-item.last button{font-size: 2rem;line-height: normal;padding: 0;display: flex;justify-content: center;align-items: center;}
.pagination-item.last .icon-chevron-right.first{margin-right: -10px;}
.pagination-item.first .icon-chevron-left.last{margin-left: -10px;}
.pagings.pagination-item:has(button.active) {text-decoration: none;}