.third-level-table {padding-top:60px;}
.third-level-table .table-swiper{display:flex;align-items:center;position:relative}
.third-level-table .table-swiper .swiper-left,
.third-level-table .table-swiper .swiper-right{width:25px;height:50%;z-index: 20;padding:0px 5px;position:absolute;cursor:pointer;color:transparent;top:50%;transform: translateY(-50%);transition: 0.5s;display: none;}
.third-level-table .table-swiper .swiper-left:hover,
.third-level-table .table-swiper .swiper-right:hover {background-color: rgba(0,0,0,.3);color:var(--v-white)}
.third-level-table .table-swiper .swiper-left{left:0px}
.third-level-table .table-swiper .swiper-right{right:0px}

.third-level-table .table-box{box-shadow:0px 15px 30px #0000001A;border-radius:13px;margin-bottom:20px;position:relative;overflow-x:scroll;flex:1}
.third-level-table .table-box::-webkit-scrollbar {display:none;}
.third-level-table .table-box .phone-show{display:none;}
.third-level-table table{width:100%;text-align:center; border-end-start-radius:13px; border-end-end-radius:13px;}
.third-level-table table tbody {display:none;}
.third-level-table table tbody.active {display:table-row-group;}
.third-level-table table p{margin-bottom:0px;font-weight: 500;}
.third-level-table table tr{border-bottom:1px solid var(--v-grey-light4)}
.third-level-table table tr:last-child {border-bottom:0px}
.third-level-table tbody tr:hover td.symbol,.third-level-table tbody tr:hover{background:var(--v-grey-light2);box-shadow:6px 10px 6px -4px #00000029 inset; }
.third-level-table table th{color:var(--v-white); padding-block: 15px; padding-inline:0;}
.third-level-table table th p{margin:0px;line-height:1; border-inline-end:1px solid var(--v-grey-dark);}
.third-level-table table th:last-child p{border-inline-end:0px}
.third-level-table table .symbol{width:28%}
.third-level-table table .trade{ padding-inline-end:45px; text-align:end;width:15%}
.third-level-table table th,
.third-level-table table td{width:19%;min-width:140px;font-size:var(--fs-18)}
.third-level-table table td{ padding-block: 15px; padding-inline:15px;}
.third-level-table table td .flickering{margin:0px auto; padding-block: 0; padding-inline:5px; max-width:max-content;border-radius:3px;transition:.3s}
.third-level-table table td .flickering.red::after,
.third-level-table table td .flickering.green::after{border-bottom-color:var(--v-white) !important}
.third-level-table table td .flickering.red{background-color:var(--v-red-dark);color:var(--v-white)}
.third-level-table table td .flickering.green{background-color:var(--v-green);color:var(--v-white)}
.third-level-table table .symbol{ padding-inline-start:30px; text-align:start;min-width:230px; position:sticky; inset-inline-start:0px; z-index:20}
.third-level-table table th.symbol{background:var(--v-grey)}
.third-level-table table td.symbol{color:var(--v-black);line-height:1;align-items: center;height: auto;background-color: var(--v-white);}

.third-level-table table td.symbol .symbol-text{color:var(--v-grey);font-size:var(--fs-14);padding-top:5px}
.third-level-table table td.trade{font-style:italic;color:var(--v-blue);font-size:var(--fs-16);text-decoration:underline}
.third-level-table table .arrow-box{margin:0px auto;position:relative; padding-inline-end:25px !important; max-width:max-content}
.third-level-table table .arrow-box::after{content:'';display:block;position:absolute;width:0px;height:0px; inset-inline-end:5px; top:50%;transform:translateY(-50%);transition:.4s;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid var(--v-green);transform-origin:center 30%}
.third-level-table table .deficit .arrow-box::after{transform:rotateX(180deg);border-bottom-color:var(--v-red-dark)}
.third-level-table table .unbound .arrow-box::after{border-bottom-color:var(--v-grey)}
.third-level-table table .profit{color:var(--v-green) !important}
.third-level-table table .deficit{color:var(--v-red-dark) !important}
.third-level-table table .unbound{color:var(--v-grey) !important}
.third-level-table .updatedTime{color:var(--v-grey);font-size:var(--fs-16);font-weight: 500; text-align: start;}

.third-level-table>p.title {font-size:var(--fs-36);margin-bottom:20px;color:var(--v-black-light);font-weight: 600;line-height: 1.22; text-align: start;}
.third-level-table .nav-bar {white-space: nowrap;overflow-x: auto;position: relative;padding-bottom:4px;margin-bottom:10px; text-align: start;}
.third-level-table .nav-bar::-webkit-scrollbar {display:none;}
.third-level-table .nav-bar .nav-bar-item {line-height: 1.22;font-weight:500;display: inline-block;margin:0px 15px;font-size:var(--fs-18);color:var(--v-black);cursor: pointer;text-transform: uppercase;position: relative;}
.third-level-table .nav-bar .nav-bar-item::after{content: '';position: absolute;width: 1px;height: 80%;background-color: var(--v-black); inset-inline-end:-18px; top:50%;transform: translateY(-50%);}
.third-level-table .nav-bar .nav-bar-item:first-child { margin-inline-start:0px;}
.third-level-table .nav-bar .nav-bar-item:nth-child(3)::after{display: none;}
.third-level-table .nav-bar .nav-bar-item.active {color:var(--v-orange);}
.third-level-table .nav-bar .nav-bar-wire {position: absolute;bottom:0px; left:auto; height:4px;width:58px;background:var(--v-orange);transition:0.3s;}

html[lang='ar-AE'] .third-level-table .nav-bar{ direction:rtl;}
html[dir='rtl'] .third-level-table .table-box{direction:ltr;}

@media (max-width:870px){
  .third-level-table table td.symbol {box-shadow:5px 0px 4px 0px rgba(0,0,0,.1);}
  .third-level-table .table-swiper .swiper-left,
  .third-level-table .table-swiper .swiper-right {display: flex;}
}
@media (max-width:768px){
  .third-level-table {padding-top:30px;}
}
@media (max-width:510px){
  .third-level-table>p.title {font-size: 22px;}
  .third-level-table .nav-bar .nav-bar-item {font-size: 18px;}
  .third-level-table table .trade{display: none;}
  .third-level-table table p {font-size: 14px;}
  .third-level-table table .bid{width: 50%;max-width: 50%; padding-inline-end:13px !important;}

  .third-level-table .table-box .pc-show{display:none;}
  .third-level-table .table-box .phone-show{display:inline;}
  .third-level-table table {height:365px !important;}
  .third-level-table table th,
  .third-level-table table td { padding-block: 10px; padding-inline:0;}
  .third-level-table table .change,
  .third-level-table table .percentage {display:none;}
  .third-level-table table .symbol { display: table-cell !important; padding-inline-start:20px !important; width: 50%;min-width: 50%;}
  .third-level-table table td .flickering {margin:0px;}
  .third-level-table table .bid {text-align: end;}
  .third-level-table table .bid .bid-box {width: 100%;display:flex;flex-direction:column;align-items:flex-end;}
  .third-level-table table th p {border:0px !important;}
}
/* ! vantagemarekts|2026-04-24 15:32:00 ! */