/*--------------------------------------------------------------
## CURRENCY PAIR TEMPLATE STYLES
--------------------------------------------------------------*/

.field.hidden { display: none; }

.section-news-md,
.section-explorer .tab-content,
.section-tables .table { font-size: 16px; }

/* Chart */
.floatingTooltip { font-size: 12px; line-height: 1; width: 100px; height: 80px; position: absolute; display: none; padding: 8px; box-sizing: border-box; color: #131722; background-color: rgba(255, 255, 255, 1); text-align: left; z-index: 1000; top: 12px; left: 12px; pointer-events: none; border: 1px solid rgba(0, 150, 136, 1); border-radius: 2px; }

.section-tables b { font-weight: 600; }
.section-tables .list-3 { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.section-tables .list-3 li { width: calc(33.33% - 20px); }
.section-tables .table-responsive { position: relative; }
.section-tables .table-responsive .spinner { position: absolute; top: 40%; left: 45%; transform: translate(-50%, -50%); }

/* Tables Tabs */
.section-tables .info-tables { display: flex; justify-content: flex-start; }
.section-tables .info-tables ul li { display: flex; justify-content: space-between; border-bottom: 1px solid #dee2e6; }
.section-tables .info-tables ul li:before { display: none; }

.section-tables .tab-link,
.section-tables .tab-link-inner { color: #353535; font-weight: 600; background: #e0f1ff; cursor: pointer; }
.section-tables .tab-link { position: relative; margin-bottom: -1px; padding: 10px 15px; border: 1px solid #8c949a; }
.section-tables .tab-link:first-child { border-top-left-radius: 10px; }
.section-tables .tab-link:last-child { border-top-right-radius: 10px; }
.section-tables .tab-link-inner { padding: 10px 15px; border: 1px solid #ECECEC; }
.section-tables .tab-link + .tab-link { border-left: 0; }
.section-tables .tab-link.current { color: #495057; }
.section-tables .tab-link.current,
.section-tables .tab-link-inner.current { background-color: #fff; border-bottom: 0; }
.section-tables .tab-link.current:after { position: absolute; bottom: -1px; height: 2px; width: 100%; background-color: #fff; left: 0; right: 0;content: ''; }
.section-tables .tab-content { border: 1px solid #8c949a; }
.section-tables .tab-content,
.section-tables .tab-content-vertical { display: none; padding: 15px; }
.section-tables .tab-content.current,
.section-tables .tab-content-vertical.current,
.section-tables .tab-content-time.current { display: inherit; }
.section-tables .tab-content-vertical { width: calc(100% - 242px); padding: 0 15px; border: 0; }
.section-tables .tab-content .flex { display: flex; justify-content: space-between; }
.section-tables .tab-content .table { margin-bottom: 0; }

.section-tables .table .bold { font-weight: 600; }
.section-tables .table .greenFont { color: #0ea600; }
.section-tables .table .redFont { color: #ff1901; }
.section-tables .table .lastRow p { margin-bottom: 0; }

.section-tables .nav-tabs { margin-left: 0; }
.section-tables .nav-tabs.vertical { display: flex; flex-direction: column; width: 235px; margin-right: 20px; padding: 0; }
.section-tables .nav-tabs.vertical li { position: relative; }
.section-tables .nav-tabs.vertical li.current { border-right: 0; }
.section-tables .nav-tabs.vertical li.current + li { border-top: 1px solid #333; border-top-right-radius: 10px; }
.section-tables .nav-tabs.vertical li.current-prev { border-bottom-right-radius: 10px; }

.section-tables .nav-tabs.time button { padding: 5px 8px; color: #6b6b6b; background-color: #f0f0f0; border-radius: 3px; border: 0; cursor: pointer; transition: .3s; }
.section-tables .nav-tabs.time button:hover { background-color: #EDF8FF; }
.section-tables .nav-tabs.time button.current { background-color: #fe855f; color: #fff; }
.section-tables .nav-tabs.time button + button { margin-left: 15px; }

.section-tables .nav-tabs + .tab-content .flex,
.section-tables .nav-tabs + .tab-content + .tab-content .flex,
.section-tables .nav-tabs + .tab-content + .tab-content + .tab-content .flex,
.section-tables .nav-tabs + .tab-content + .tab-content + .tab-content + .tab-content .flex,
.section-tables .nav-tabs + .tab-content + .tab-content + .tab-content + .tab-content + .tab-content .flex  { border-top-left-radius: 0; }

.section-tables .currency-lists { width: 100%; margin: 0 -20px; }
.section-tables .currency-lists ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; margin: 0 20px; padding: 10px; }
.section-tables .currency-lists ul li { text-align: center; margin: 5px 0; }
.section-tables .currency-lists ul li:first-child { margin-top: 0; }
.section-tables .currency-lists ul li:before { display: none; }
.section-tables .currency-lists ul li a { color: #333; }
.section-tables .currency-lists ul li a:hover { color: #ff693b; }

.section-chart .list-actions { display: flex; }
.section-chart .list-actions li:before { display: none; }
.section-chart .list-actions li + li { margin-left: 5px; }

.section-news-md .list-news { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.section-news-md .list-news:before { position: absolute; left: 50%; width: 1px; top: 0; height: 100%; background-color: #ccc; content: ''; }
.section-news-md .list-news .news__body { position: relative; display: flex; width: calc(50% - 30px); margin-bottom: 15px; }
.section-news-md .list-news .news__body .news__image { width: 140px; height: 80px; margin-right: 20px; border-radius: 5px; overflow: hidden; transition: .3s; }
.section-news-md .list-news .news__body .news__image:hover { opacity: 0.8; }
.section-news-md .list-news .news__body .news__content { width: calc(100% - 160px); }
.section-news-md .list-news .news__body .news__content  h4 { font-size: 18px; margin-bottom: 5px; }
.section-news-md .list-news .news__body .news__content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }

.section-explorer { position: relative; }
.section-explorer h2 { color: #333; }
.section-explorer .tab-content { border: 0 !important; padding: 0 !important; }
.section-explorer .tab-content .currency-lists { position: relative; overflow: hidden; }
.section-explorer .tab-content .currency-lists.lg { height: 260px; }
.section-explorer .tab-content .currency-lists.lg:after { position: absolute; height: 100px; left: 0; width: 100%; bottom: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.54) 34%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 99%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.54) 34%,rgba(255,255,255,1) 63%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 99%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.54) 34%,rgba(255,255,255,1) 63%,rgba(255,255,255,1) 77%,rgba(255,255,255,1) 99%); transition: .2s ease-in-out; content: ''; }
.section-explorer .tab-content .flex { align-items: flex-start; border: 1px solid #8c949a; border-radius: 10px; overflow: hidden; }
.section-explorer .tab-content .flex .currency-lists.sm { background-color: #fff; z-index: 100; }
.section-explorer .tab-content .currency-lists.expanded { height: 100%; min-height: 260px; padding-bottom: 60px; }
.section-explorer .tab-content .currency-lists.expanded:after { visibility: hidden; opacity: 0; }
.section-explorer .show-all-currency { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); z-index: 3; color: #fff !important; background-color: #ff693b; border-radius: 7px; }
.section-explorer .show-all-currency:hover { background-color: #ff5e2c; }
.section-explorer .show-all-currency .less { display: none; }
.section-explorer .show-all-currency.active .less { display: inline-block; }
.section-explorer .show-all-currency.active .more { display: none; }
.section-explorer .tab-link-inner { border: 0; border-right: 1px solid #8c949a; border-bottom: 1px solid #8c949a; }
.section-explorer .tab-link-inner:last-child { border-bottom: 1px solid #8c949a; margin-bottom: -1px; }
.section-explorer .tab-link-inner:last-child.current { border-bottom: 0; }
.section-explorer .tab-content .flex.expanded .tab-link-inner:last-child { border-bottom: 1px solid #8c949a; }
.section-explorer .tab-content .flex.expanded .tab-link-inner.current:last-child { border-bottom: 0; }
/*.section-explorer .tab-content .flex.expanded li:last-child { border-bottom-right-radius: 10px; }*/
.section-explorer .tab-content .flex li:last-child { border-bottom-right-radius: 10px; }
.section-explorer .tab-link-inner:hover { background-color: #c2e9fe; }
.section-explorer .tab-link-inner.current:hover { background-color: #fff; cursor: default; }
.section-explorer .nav-tabs.vertical li.current + li { border-top: 1px solid #8c949a; }


@media (max-width: 1024px) {

	.section-tables .tab-content .flex { flex-wrap: wrap; }
	.section-tables .nav-tabs.vertical { margin-bottom: 15px; }
	.section-tables .nav-tabs.vertical,
	.section-tables .tab-content-vertical { width: 100%; margin-right: 0; }

	.section-explorer .tab-link-inner { border-right: 0; }
	.section-explorer .nav-tabs.vertical li.current + li { border-top-right-radius: 0; }
	.section-tables .nav-tabs.vertical li.current-prev { border-bottom-right-radius: 0; }
	.section-explorer .tab-link-inner:last-child { border-bottom: 1px solid #8c949a; }
}

@media (max-width: 992px) {

	.section-tables .list-3 li { width: 100%; margin: 5px 0; }

	.section-news-md .list-news:before { display: none; }
	.section-news-md .list-news .news__body { width: 100%; }

}

@media (max-width: 768px) {

	.section-tables .info-tables { flex-wrap: wrap; }
	.section-tables .info-tables ul { width: 100%; }
	.section-tables .info-tables ul + ul { margin-left: 0; }

	.section-tables .nav-tabs { display: flex; flex-direction: column; }
	.section-tables .tab-link:first-child { border-top-left-radius: 0; }
	.section-tables .tab-link:last-child,
	.section-tables .tab-content { border-top-right-radius: 0; }
	.section-tables .tab-link.current:after { display: none; }

	.section-news .list-news .news__body { width: 100%; }
	.section-news .list-news:nth-child(even):before { display: none; }
	.section-tables .tab-link + .tab-link { border-left: 2px solid #ececec; }

	.section-tables .currency-lists { margin: -10px; }
	.section-tables .currency-lists ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; margin: 10px; }

	.section-tables .nav-tabs.time { flex-direction: row; flex-wrap: wrap; margin: -5px; }
	.section-tables .nav-tabs.time li + li { margin-left: 5px; }
	.section-tables .nav-tabs.time li { width: calc(33.33% - 10px); margin: 5px; }

}

@media (max-width: 480px) {

	.section-news .list-news .news__body { flex-wrap: wrap; }
	.section-news .list-news .news__body .news__image,
	.section-news .list-news .news__body .news__content { width: 100%; overflow: hidden; }
	.section-news .list-news .news__body .news__image { height: auto; margin-bottom: 10px; margin-right: 0; }

	.section-news-md .list-news .news__body { flex-wrap: wrap; }
	.section-news-md .list-news .news__body .news__image,
	.section-news-md .list-news .news__body .news__content { width: 100%; }
	.section-news-md .list-news .news__body .news__image { height: auto; margin-right: 0; margin-bottom: 10px; }

}

/* loader */
.spinner { display: none; -webkit-animation: rotator 1.4s linear infinite; animation: rotator 1.4s linear infinite; }
@-webkit-keyframes rotator {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}
@keyframes rotator {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}
.path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; stroke: #4285F4;; -webkit-animation: dash 1.4s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite; }
@-webkit-keyframes dash {
  0% { stroke-dashoffset: 187; }
  50% { stroke-dashoffset: 46.75; transform: rotate(135deg); }
  100% { stroke-dashoffset: 187; transform: rotate(450deg); }
}
@keyframes dash {
  0% { stroke-dashoffset: 187; }
  50% { stroke-dashoffset: 46.75; transform: rotate(135deg); }
  100% { stroke-dashoffset: 187; transform: rotate(450deg); }
}