.table-swiper{display:flex;align-items:center;position:relative}
.table-swiper .swiper-left,
.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;}
.table-swiper .swiper-left::after,
.table-swiper .swiper-right::after{font-family: 'FontAwesome';font-size: 22px;}
.table-swiper .swiper-left::after {content: "\f104";}
.table-swiper .swiper-right::after {content: "\f105";}

.table-swiper .swiper-left:hover,
.table-swiper .swiper-right:hover {background-color: rgba(0,0,0,.3);color:var(--v-white)}
.table-swiper .swiper-left{left:0px}
.table-swiper .swiper-right{right:0px}

.table-swiper .table-box{box-shadow:0px 15px 30px #0000001A;border-radius:13px;margin-bottom:20px;position:relative;overflow-x:scroll;flex:1;scrollbar-width: none;}
.table-swiper .table-box::-webkit-scrollbar {display:none; }
.table-swiper .table-box .phone-show{display:none;}
.table-swiper table{width:100%;text-align:center;border-radius:0 0 13px 13px}
.table-swiper table p{margin-bottom:0px;font-weight: 500; line-height: 1.5;}
.table-swiper table tr{border-bottom:1px solid var(--v-grey-light4)}
.table-swiper table tr:last-child {border-bottom:0px}
.table-swiper tbody tr:hover td.symbol,.table-swiper tbody tr:hover{background:var(--v-grey-light2);box-shadow:6px 10px 6px -4px #00000029 inset; }
.table-swiper table th{color:var(--v-white);padding:15px 0px;text-transform:capitalize}
.table-swiper table th:first-child{border-radius:13px 0px 0px 0px}
.table-swiper table th:last-child{border-radius:0px 13px 0px 0px}
.table-swiper table th p{margin:0px;line-height:1;border-right:1px solid rgb(248,248,249,0.3);}
.table-swiper table th:last-child p{border-right:0px}
.table-swiper table .symbol{width:28%}
.table-swiper table .trade{padding-right:45px;text-align:right;width:15%}
.table-swiper table th,.table-swiper table td{width:19%;min-width:140px;font-size:var(--fs-18)}
.table-swiper table td{padding:15px}
.table-swiper table td .flickering{margin:0px auto;padding:0px 5px;max-width:max-content;border-radius:3px;transition:.3s}
.table-swiper table td .flickering.red::after,.table-swiper table td .flickering.green::after{border-bottom-color:var(--v-white) !important}
.table-swiper table td .flickering.red{background-color:var(--v-red-dark);color:var(--v-white)}
.table-swiper table td .flickering.green{background-color:var(--v-green);color:var(--v-white)}
.table-swiper table .symbol{padding-left:30px;text-align:left;min-width:270px; position:sticky;left:0px;z-index:20}
.table-swiper table th.symbol{background:var(--v-grey)}
/* height: 100%; */
.table-swiper table td.symbol{color:var(--v-black);line-height:1;display: flex;align-items: center;background-color: var(--v-white);}

.table-swiper table td.symbol .symbol-text{color:var(--v-grey);font-size:var(--fs-14);padding-top:5px}
.table-swiper table td.trade{font-style:italic;color:var(--v-blue);font-size:var(--fs-16);text-decoration:underline}
.table-swiper table .arrow-box{margin:0px auto;position:relative;padding-left:25px !important;max-width:max-content}
.table-swiper table .arrow-box::after{content:'';display:block;position:absolute;width:0px;height:0px;left: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%}
.table-swiper table .deficit .arrow-box::after{transform:rotateX(180deg);border-bottom-color:var(--v-red)}
.table-swiper table .unbound .arrow-box::after{border-bottom-color:var(--v-grey)}
.table-swiper table .profit{color:var(--v-green) !important}
.table-swiper table .deficit{color:var(--v-red-dark) !important}
.table-swiper table .unbound{color:var(--v-grey) !important}
.table-swiper .updatedTime{color:var(--v-grey);font-size:var(--fs-16);font-weight: 500;}
.table-swiper table td.trade a {display: inline-block;transition: 0.3s;text-decoration: inherit;}
.table-swiper table td.trade:hover a{color:#005CB8;transform: translateX(6px);}
.table-swiper table td .detail-jump {display: none;}

html[lang='ar-AE'] .table-swiper table p.symbol-name,
html[lang='ar-AE'] .table-swiper table td.symbol .symbol-text{text-align: right;}
html[lang='ar-AE'] .table-swiper table td.symbol .symbol-text{display: inline-block;width: 100%;}
html[lang='ar-AE'] .updatedTime{text-align: right;}

@media (max-width:870px){
  .table-swiper table td.symbol {box-shadow:5px 0px 4px 0px rgba(0,0,0,.1);}
  .table-swiper .swiper-left,
  .table-swiper .swiper-right {display: flex;justify-content: center;}
}
@media (max-width:510px){
  .table-swiper .updatedTime {font-size: 12px;}
  .table-swiper .table-box .pc-show{display:none;}
  .table-swiper .table-box .phone-show{display:inline;}
  .table-swiper table {height:365px !important;}
  .table-swiper table th,
  .table-swiper table td {padding:10px 0px;}
  .table-swiper table .change,
  .table-swiper table .trade,
  .table-swiper table .percentage {display:none;}
  .table-swiper table td .flickering {margin:0px;}
  .table-swiper table .symbol {display: table-cell !important; padding-left: 20px !important;width: 50%;min-width: 50%;position: relative;}
  .table-swiper table .bid {text-align: right;width: 50%;max-width: 50%;padding-right: 13px !important;position: relative;}

  .table-swiper table .bid-box-wrapper { display: flex; align-items: center;}
  .table-swiper table .bid-box-wrapper::after { content: '';background-image: url('/wp-content/themes/vantage/images/forexVector.svg'); width: 9px; height: 16px; display: inline-block; background-repeat: no-repeat; background-position: center; margin-left: 10px;;}
  .table-swiper table td .detail-jump {position: absolute;top:0px;left: 0px; width: 100%;height: 100%;display: block;z-index: 9;}
  .table-swiper table .bid .bid-box {width: 100%;display:flex;flex-direction:column;align-items:flex-end;}
  .table-swiper table th p {border:0px !important;font-weight: 400;}

  .table-swiper .swiper-left,
  .table-swiper .swiper-right {display: none;}
}