@import url("https://p.typekit.net/p.css?s=1&k=oyn8yjf&ht=tk&f=32222.32224.32227.32228.32231.32232&a=9351058&app=typekit&e=css");

@font-face {
font-family:"din-2014";
src:url("https://use.typekit.net/af/0943b3/00000000000000003b9b0acd/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/0943b3/00000000000000003b9b0acd/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/0943b3/00000000000000003b9b0acd/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n2&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"din-2014";
src:url("https://use.typekit.net/af/343335/00000000000000003b9b0ad0/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/343335/00000000000000003b9b0ad0/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/343335/00000000000000003b9b0ad0/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n3&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"din-2014";
src:url("https://use.typekit.net/af/cb6232/00000000000000003b9b0ad8/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/cb6232/00000000000000003b9b0ad8/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/cb6232/00000000000000003b9b0ad8/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"din-2014";
src:url("https://use.typekit.net/af/abc1c3/00000000000000003b9b0ac9/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/abc1c3/00000000000000003b9b0ac9/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/abc1c3/00000000000000003b9b0ac9/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
font-family:"din-2014";
src:url("https://use.typekit.net/af/19a2f0/00000000000000003b9b0ac7/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/19a2f0/00000000000000003b9b0ac7/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/19a2f0/00000000000000003b9b0ac7/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"din-2014";
src:url("https://use.typekit.net/af/7f09be/00000000000000003b9b0acb/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/7f09be/00000000000000003b9b0acb/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/7f09be/00000000000000003b9b0acb/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n8&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:800;font-stretch:normal;
}

body {position: relative; margin: 0; padding: 0; font-family: 'din-2014', sans-serif; background: #F4F7FA;}

body.trading {background:#151924;}

h3, h5, p {width: 100%;}
a {text-decoration:none;}
ul li {list-style-type: none;}
input.form-control::placeholder {color:#bbb1b1; font-size: 13px;}
input.form-control:focus, select.custom-select:focus {outline:none; box-shadow:none;}
button:focus {box-shadow:none; outline: none;}

.container-fluid {margin:0; padding:0;}
.row {width: 100%; margin: 0; padding:0;}
.hide {display: none;}
.show {display: block;}

.mobile {display:none;}

.layout {margin:0 auto; /*max-width:830px;*/}

.button-blue {color:#fff; border:2px solid #0CA954; border-radius: 20px; cursor: pointer; padding:5px 20px; font-size:14px; background:#0CA954;}
.button-blue:hover {background:#0c9d4e; border-color:#0c9d4e;}
.button-blue svg {margin-left:7px;}

.lang-reg p {text-align: center;}
.lang-reg img {height:20px; margin-right:10px;}

aside.row {padding:0; min-height: 100vh; width:10%; vertical-align: top; background:#fff; border-right:1px solid #CBD0DD;}
aside.row.sliceAside {width:0; overflow: hidden; height:100vh;}

.header-user {padding: 11px 0; margin-bottom:0; background: #fff;}
.header-user table tr td:first-child {padding-right: 30px;}
.header-user table tr td:first-child svg {font-size: 35px; color: #797979;}
.header-user p.name {color:#FFF; font-size: 19px; margin-bottom:0;}
.header-user p.icons {margin-bottom:5px;}
.header-user p.icons a {margin-right: 10px; color: #797979;}
.header-user p.icons a:hover {color: #448AFF;}
.header-user p.type-account {margin-top:5px;}
.header-user p.type-account span {border: 1px solid #696969; color: #a29c9c; font-size:12px; border-radius:4px; padding:2px 4px; letter-spacing: 1px;}
.header-user p.type-account span.pro {background: #ff3838; color: #ffffff; text-transform: uppercase; border:none;}
.header-user p.type-account span.investor {background: #ff8127; color: #ffffff; text-transform: uppercase; border:none; border-radius:2px; font-size: 11px;}
.header-user p.type-account span.investor svg {margin-right:6px;}

.header-user img {height: 28px; width: auto; margin-left: 20px;}

.menu-user {padding-top:20px;}
.menu-user p {color:#6e7891; font-size: 11px; font-weight: 700; width: 90%; padding: 3px 10px; margin:10px 0 10px 23px; text-transform: uppercase;}
.menu-user p.info {color:#9F9F9F; padding:10px 20px; text-align: center; margin:0; border-radius:3px; background: #493274;}
.menu-user p.info svg {margin-right: 5px;}
.menu-user p.info a {color:#DCDCDC;}
.menu-user p.info a:hover {color: #FFF; border-color: #FFF; text-decoration: none;}
.menu-user ul {margin:0; padding:0; width: 100%;}
.menu-user ul li {padding: 4px 30px;}
.menu-user ul li:last-child {border:none;}
.menu-user ul li a {position:relative; color: #525b75; text-decoration: none; display:block; font-weight:400; font-size: 16px; text-align:left; padding:6px 0 6px 20px; transition:all 0.2s linear;}
.menu-user ul li a i {margin: 0 10px 0 0; font-size: 16px; color: #000;}
.menu-user ul li a:hover {background:#eff2f6;}
.menu-user ul li a span {position:absolute; top:6px; left:0;}
.menu-user ul li a span i {font-size:11px;}

main.row {width:74%;}
main.reg {}
main.row.sliceMain {width: 100%;}

.top-panel {margin-bottom:0; background: #fff; border-bottom: 1px solid #CBD0DD; padding-top:0 !important; padding-bottom:0 !important;}
.top-panel-title h1 {margin:13px 0 0 0; color: #C8C8C8; font-size: 26px;}
.top-panel-buttons ul {margin:0; padding: 0; text-align: right;}
.top-panel-buttons ul li {display: inline-block; vertical-align: top; padding: 0 5px;}
.top-panel-buttons ul li a:hover {text-decoration: none;}
.top-panel-buttons ul li a.lang {margin-right: 0; margin-left: 10px;}
.top-panel-buttons ul li a.lang img {height:20px; margin-right:10px; margin-top: 10px; border-radius: 50%; width: 20px;}
.top-panel-buttons ul li.admin {margin-top: 10px;}
.top-panel-buttons ul li a.exit {color: #aaaab3; font-size: 14px;}
.top-panel-buttons ul li a.exit i {margin-right:6px; font-size:26px;}
.top-panel-buttons ul li a.exit:hover {color:#FFF;}
.top-panel-buttons .dropdown button.btn {color:#313749; font-size: 14px; align-items: center; display: flex; padding: 4px 0 3px 0;}
.top-panel-buttons .dropdown button.btn:focus {outline:none; box-shadow:none;}
.top-panel-buttons .dropdown button.btn i {font-size:20px; margin-right:7px;}
.top-panel-buttons .dropdown ul.dropdown-menu {margin: 7px 0 0 0 !important; padding:10px 0; background:#fff; border: 1px solid #CBD0DD; border-radius:4px;}
.top-panel-buttons .dropdown ul.dropdown-menu li {width:100%; margin:0; padding:0;}
.top-panel-buttons .dropdown ul.dropdown-menu li a.dropdown-item table {width:100%; font-size:13px; color:rgb(34, 40, 52);}
.top-panel-buttons .dropdown ul.dropdown-menu li a.dropdown-item table i {}
.top-panel-buttons .dropdown ul.dropdown-menu li a.dropdown-item table tr td:nth-child(1) {text-align:left;}
.top-panel-buttons .dropdown ul.dropdown-menu li a.dropdown-item table tr td:nth-child(1) i {margin-right:6px;}
.top-panel-buttons .dropdown ul.dropdown-menu li a.dropdown-item table tr td:nth-child(2) {text-align:right;}
.top-panel-buttons .dropdown ul.dropdown-menu li hr.dropdown-divider {border-bottom: 1px solid rgba(255,255,255,.5);}
.top-panel-buttons .dropdown ul.dropdown-menu li a.dropdown-item:hover {background:#eff2f6;}
.top-panel-buttons .dropdown ul.dropdown-menu li.logout a {border: 1px solid #CBD0DD; border-radius:4px; background:#f5f7fa; width:100%; color:#31374a; display:flex; justify-content: center;}
.top-panel-buttons .dropdown ul.dropdown-menu li.logout {padding:0 10px; text-align:center; margin-top:20px;}
.top-panel-buttons .dropdown ul.dropdown-menu li.data_user {text-align:center;}
.top-panel-buttons .dropdown ul.dropdown-menu li.data_user h3 {font-size:35px; color:#b0acac;}
.top-panel-buttons .dropdown ul.dropdown-menu li.data_user p {font-size:13px; padding: 0 20px;}
.top-panel-buttons .dropdown ul.dropdown-menu li.data_user img {height:50px; width:auto; border-radius: 50%;}

.user_name {align-items: center; display: flex;}
.user_name p {margin:0;}

.block-basic {padding: 15px 10px 15px 0; margin:0 0 20px 0; color: #141824; position:relative; background:#fff; border-radius:0.5rem; border:1px solid #e3e6ed;}
.block-basic h3 {position:relative;}
.block-basic h3 span {position:absolute; top:0; right:4px;}
.block-basic p.title {font-size: 1rem; font-weight: 700; color: #141824; position:relative; margin-bottom: 0;}
.block-basic p.title span {position:absolute; top:0; right:0;}
.block-basic p.info {color:rgb(82,91,117); font-size:14px;}
.block-basic form {z-index:1;}
.block-basic .form-row label {font-size: 13px; margin-bottom: 5px;}
.block-basic .form-row .custom-file label {font-style: italic; color:#bbb1b1; font-size: 14px; font-weight: 400;}
.block-basic .form-row select.form-select {color: #95989e; background-color: transparent; border: 1px solid #cbd0dd; padding: .425rem .75rem; font-size: 0.9rem;}
.block-basic .form-row select.form-select:hover {cursor:pointer;}
.block-basic .form-row select.form-select:focus {outline:none; box-shadow:none;}
.block-basic .form-row input.form-control {color: #696969; background-color: transparent; border: 1px solid #cbd0dd; padding: .425rem .75rem; font-size: 0.9rem;}
.block-basic .form-row .custom-file .custom-file-input:hover {cursor: pointer;}
.block-basic .form-row .custom-file label.selected {font-weight: bold; font-style: normal; color: #696969;}
.block-basic .form-row-wallet {display:none;}
.block-basic .form-row-usdt {display:none;}
.block-basic .info-bar-success {position:relative; margin-bottom: 20px;}
.block-basic .info-bar-success button {position:absolute; top:1px; right: 10px;}
.block-basic .info-bar-success button svg {color: #7d0606; font-size: 14px;}
.block-basic .info-bar-success p {padding:5px 20px;}
.block-right {text-align: right;}

.title_block {padding-left:20px;}
.title_block h3 {font-size: 1.1625rem; font-weight:700; margin-bottom: 0;}
.title_block p {font-size:14px; color:rgb(82,91,117);}

.dash {padding:20px 0 0 50px;}

.dash_tv .tradingview-widget-container {height:66vh !important;}

.dash_block ul {display: flex; align-items: baseline; padding: 0;}
.dash_block ul li:nth-child(2) {padding-left:20px;}
.dash_block ul li span {background:#FEEFCA; border-radius:50%; color:#E57809; padding: 5px 8px; border: 5px solid #F4F7FA; position:relative;}
.dash_block ul li span::before {position:absolute; left:-12px; top: 18px; content:""; background:#8FD67F; border-radius:6px; height:25px; width:25px; z-index: -1;}
.dash_block ul li h3 {margin:0; font-size: 1.25rem; font-weight:700;}
.dash_block ul li p {color:rgb(62, 70, 91); font-size:13px;}

.dashboard-block {height: 100%; color:#FFF; display: flex; align-items: center; border-right:1px solid #4b4b6d;}
.dashboard-block-last {border:none;}
.dashboard-block h4 {font-size:16px; color: rgba(255,255,255,0.5); padding-left: 0;}
.dashboard-block h4 i {font-size:12px; margin:0 10px 0 0; color:#3CB4EC;}
.dashboard-block p {font-size:13px; padding-left:26px; color: rgba(255,255,255,0.5);}
.dashboard-block span.verify_plus {color: #23c108;}
.dashboard-block span.verify_minus {color: #ff5757;}
.dashboard-block i {font-size: 21px;}
.dashboard-block h3 {font-size:20px; margin-bottom: 0; padding-left:27px;}
.dashboard-block h3 a {color:#FFF; text-decoration:underline;}

.dashboard-block-fca {background:url(/images/fca.png) no-repeat; background-position: center right 5%; background-size: 33%;}
.dashboard-block-chart {background:url(/images/chart.png) no-repeat; background-position: center right 5%; background-size: 33%;}
.dashboard-block-bull {background: #2d3653 url(/images/bull.png); background-position: center center; background-size: cover;}

.dashboard-between-blocks {text-align:center; color: #a2a5b9; font-size: 14px; padding: 50px 0;}
.dashboard-between-blocks a {background:#323236; color: #aaaab3; padding:3px 15px; border-radius:10px; border: 1px solid #404046; transition:all 0.2s linear;}
.dashboard-between-blocks a:hover {border-color: #797bf2 !important; color: #797bf2 !important;}

.dashboard-menu {padding: 19px 16px 23px 16px; border: 1px solid rgba(255,255,255,0.3); z-index:1; border-bottom:none;}
.dashboard-menu:hover {background:rgba(255,255,255,0.1);}
.dashboard-menu:hover i {color:#3CBA98;}
.dashboard-menu-first {border-radius:5px 5px 0 0;}
.dashboard-menu-last {border-bottom:1px solid rgba(255,255,255,0.3); border-radius:0 0 5px 5px;}
.dashboard-menu:hover {}
.dashboard-menu:hover a {}
.dashboard-menu a {color:#A2A5B9;}
.dashboard-menu table {margin:0; padding:0; width:100%;}
.dashboard-menu table tr td:nth-child(2) {text-align:right;}
.dashboard-menu a p {margin:0; padding:0; font-size: .9rem;}
.dashboard-menu a p i {font-size:25px;}
.dashboard-menu h6 {letter-spacing: 1px; font-size: 1rem; margin:10px 0 0 0; padding:0; color:#FFF;}

.dashboard-stat {margin-top:15px;}

.dashboard-links {margin-top:15px;}

.form-balance input.form-control {color: #706060; background-color: transparent; border: 1px solid #b0b0c1; padding: .225rem .75rem; font-size: 0.9rem;}
.form-balance input.form-control[type="date"]::-webkit-calendar-picker-indicator {color: #FFF;}
::-webkit-calendar-picker-indicator {filter: invert(1);}

.transactions table tr td {border:none;}

.hide_currency, .hide_amount, .hide_submit {display:none;}

.document {margin:0 0 20px 0;}
.document img {width: 100%; height:100%;}

.book p a img {width: 100%;}

.news_wrapper {background:transparent;}

.news_title {padding-bottom:10px;}
.news_title h3 {font-size:19px; font-weight:bold;}

.news .tradingview-widget-container {position:relative; min-height:600px;}
.news iframe {min-height: 85vh; padding:0;}

.dashboard-graph {margin:2px 0; padding:2px;}

.market {margin-bottom: 20px;}
.market .tradingview-widget-container {min-height:400px;}

.document-text {padding:30px;}
.document-text h3 {font-size: 18px; margin-bottom: 20px;}
.document-text p, .document-text ul {font-size: 14px;}

.balance-block ul {margin:0 0 15px 0; padding:10px 0 10px 15px; background: #fff4f4;}
.balance-block ul li {display: inline-block; width: 48%;}
.balance-block ul li:first-child {text-align: left; vertical-align: middle;}
.balance-block ul li:first-child svg {margin:4px 7px 10px 0; float: left;}
.balance-block ul li:last-child {text-align: right; font-size: 25px; vertical-align: middle;}
.balance-block ul.settings-account li.minor {color:#333;}
.balance-block ul.settings-account li.success {color:#28a745;}
.balance-block ul.settings-account li.small-line-height {line-height: 14px;}
.balance-block p.deposit-link {margin: 42px 0 0 0; text-align: center;}
.balance-block p.deposit-link a {background: #16b6aa; border-radius: 5px; padding: 34px 10px 15px 10px;}
.balance-block p.deposit-link a:hover {cursor: pointer; background: #23ba60;}
.balance-block p.deposit-link a svg {font-size: 45px; color: #FFF;}

.gateway {z-index:1;}
.gateway h4, .gateway h3 {font-size: 16px; font-weight: bold;}
.gateway h4 svg {margin-right:6px;}
.gateway ul {padding-left:25px; font-size: 15px;}
.gateway p {font-size: 15px;}
.gateway p.small {font-size: 13px;}
.gateway p.small a {margin-left:10px;}
.gateway p.link {text-align: center;}
.gateway p.link a {border:1px solid #6f42c1; color: #6f42c1; padding:4px 10px; border-radius: 4px;}
.gateway p.link a:hover {text-decoration: none; color:#9a78d8; border-color: #9a78d8;}
.gateway p.crypto img {height:20px; margin-right:6px;}
.gateway p.crypto span {background: #d1ecf1; padding:3px 5px; border-radius: 5px;}
.gateway table {margin:20px 20px 30px 0;}
.gateway table.table tbody {border:1px solid #DCDCDC;}
.gateway table.table tr td {border:none; padding: 5px 10px; font-size: 14px;}
.gateway table.table tr td:first-child {border-right:1px solid #DCDCDC; font-weight: bold;}
.gateway table.table tr:nth-child(2n) {background: #fcf0f0;}

.crypto {text-align:center;}
.crypto h4 span {font-size:14px; background:#e5e2e2; padding:2px 5px; border-radius:5px; font-weight: bold;}
.crypto img {width:200px; height:auto; display:block; margin:20px auto 0 auto;}

select#currency.custom-select option.upper {text-transform: uppercase}

.withdrawal-detail-block h3 {font-size: 19px; margin-bottom: 20px;}
.withdrawal-detail-block .button-block {margin:20px 0 0 0; text-align: right;}
.withdrawal-detail-block .button-block p { text-align: right;}
.withdrawal-detail-block label[for=bitcoin] svg {color: #c69500;}
.withdrawal-detail-block p.info {font-style: italic; color: #696969;}
.withdrawal-detail-block p.info svg {margin-right:7px; color: #5a6268;}

.link-block p {margin: 0; padding: 5px 0 0 0; text-align: right;}
.link-block p a {background: #f5f7fa; color: #3874ff; padding: 5px 10px; border:none; font-size:13px; border-radius:5px;}
.link-block p a:hover {text-decoration: none; border-color: #3DD2A5 !important; color: #3DD2A5 !important;}
.link-block p.hide_bank_p {display: none;}

.bank_second_block {background: #faf9ff; padding: 20px; margin-bottom: 30px; display: none;}
.bank_second_block h3 {font-size: 15px; padding: 0; margin: 0 0 19px -6px;}

.footer {margin-top: auto;}
.footer p {font-size:13px; padding-left:30px;}

footer.row {padding:20px 0; margin:40px 0 9px 0;}
footer.row .logo img {height: 25px; width:auto; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.6;}
footer.row .links ul {margin:0; padding: 0; text-align: center;}
footer.row .links ul li {margin:0 0 0 20px; display: inline-block; vertical-align: top;}
footer.row .links ul li a {color: #A2A5B9; border-bottom:1px solid #A2A5B9; font-size:13px;}

/*============== Chat =======*/

.message p {color: #FFF; margin-bottom: 0;}
.message p span.msg  {line-height: 33px; padding:7px 10px; border-radius: 4px;}
.message p.text-right span.msg {background: #2a9055;}
.message p.text-left span.msg {background: #385d7a;}
.message p span.date {font-size:13px; color: #7DA0B1; margin-top:7px; font-style: italic;}

/*============== Additional =======*/

canvas#myChart {height: 350px !important; width:100%;}

#chartdiv, #chartdiv2 {width: 100%; height: 490px;}

.chart_title h3 {font-size:16px; color:#FFF; padding-left:30px;}

.chart .col-12 {padding:12px 0; border-right: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3);}
.border-right-none {border-right:none !important;}
.border-bottom-none {border-bottom:none !important;}

.footer__wrapper {display:none;}

.bar {margin: 0 auto 20px auto; padding: 10px 20px; border-radius:5px; position: relative;}
.bar button.close {position:absolute; top:8px; right:15px; border:none; background: none; cursor: pointer; font-size:16px; width: 30px; color:#FFF;}
.bar p i {margin-right:7px;}

.errors-bar {background:#BDBDBD;}
.errors-bar ul {padding:0; margin:0;}
.errors-bar ul li {color:#a54444;}

.info-bar-success {background: #c3d7ff;}
.info-bar-success p {color: #1b1616; margin:0; padding:0; font-size: 14px;}

.msg-success p {background: #91c961; text-align: center; padding: 5px 0; color: #FFF;}
.msg-danger p {background: #df9999; text-align: center; padding: 5px 0; color: #FFF;}

.error-page {text-align: center; margin-top: 100px;}
.error-page p svg {font-size:250px; color: #DDDDDD;}
.error-page h3 {font-size: 20px; font-weight: 300; color:#696969;}

.table>:not(:last-child)>:last-child>* {border-bottom:1px solid #dcdcdc;}
.transactions-table {margin-top:10px; z-index:1; margin-left: 6px;}
.transactions-table .table thead th {font-weight: 700; font-size: 13px; border-top:0; color: #696969;border:none; text-align: center; border-right: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.transactions-table .table thead th:last-child {border-right:none;}
.transactions-table tr:nth-child(2n) td {background:#dcdcdc !important;}
.transactions-table tr:last-child td {background:none !important;}
.transactions-table tr td {padding: 8px 0; color: #525b75; text-align: center; font-size: 14px;}
.transactions-table tr td:first-child {border-radius:5px 0 0 5px;}
.transactions-table tr td:last-child {border-radius:0 5px 5px 0;}
.transactions-table tr td.empty {padding: 1px 0 0 0;}
.transactions-table tr td.type-transaction span {padding:3px 5px; color: #9f9f9f; font-size:13px; border-radius:3px;}
.transactions-table tr td.type-transaction span svg {margin-right:5px;}
.transactions-table tr td.type-transaction span.deposit {color: #003cc7; border: none; background:#e5edff;}
.transactions-table tr td.type-transaction span.withdrawal {color: #1c6c09; border: none; background:#d9fbd0;}
.transactions-table tr td.type-transaction span.transfer {background: #806262;}
.transactions-table tr td span.success svg {color: #2ca02c;}
.transactions-table tr td span.waiting svg {color: #999999;}
.transactions-table tr td span.canceled svg {color: #a54444;}
.transactions-table tr td.price {color: #000;}
.transactions-table tr td p {margin: -2px 0 0 0; font-style: italic; color: #999999;}
.transactions-table tr td.price span {text-transform: uppercase;}


.error-deal.row {display: none; padding: 5px 30px 5px 20px; position:relative; background: #f6f3ff; border-radius: 4px; margin-bottom: 10px;}
.error-deal.row p {margin:0; font-size: 13px;}
.error-deal.row p svg {margin-right:6px;}
.error-deal.row button {position:absolute; top:5px; left: 0; width: 30px; font-size: 11px; background: none; border:none;}
.error-deal.row button svg {color: #DDDDDD; cursor:pointer;}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {width:100%;}

.status-online {position: absolute; margin: -5px 0 0 4px;}
.status-online svg {font-size: 10px;}

/*============== Forms ============*/

.form_wrapper {margin:0 auto; max-width:500px;}
.form_wrapper2 {max-width:600px;}

.form-reg {padding-bottom:25px; background: #fff; box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,.05); border-radius: 4px; margin-bottom: 40px;}

.form_logo_inner {padding:30px 20px 0 20px; color:#525b75; text-align:center;}
.form_logo_inner h3 {color:#000; font-size:22px; font-weight:800;}
.form_logo_inner p {font-weight:300;}
.form_logo_inner img {height:50px; width:auto; display:block; margin:0 auto 30px auto;}
.form_logo {align-items: center; display: flex; background:#252c41;}
.form_logo h3 {padding-left:15px; color:#000;}
.form_logo p {padding-left:15px;}
.form_logo img {height:100px; margin:0 0 30px 0;}
.form {border-radius: 5px; padding: 21px 46px 26px 46px;}
.form h3 {text-align:center; font-weight:bold; margin-bottom:20px;}
.form-row {margin-bottom:15px; z-index: 1;}
.form label {margin:0; font-weight: bold; color: #9c9c9c;}
.form .form-remember label {font-weight: 400;}
.form-reg-button {text-align: center; padding: 10px 0 0 0;}
.form-reg-button button {text-transform:uppercase; font-size:0.8rem; font-weight:bold; transition:all 0.2s linear; color:#FFF; border:none; background: #0bc466; border-radius: 3px; cursor: pointer; padding:15px 10px; color: #fff; margin: 20px auto; width: 100%;}
.form-reg-button button:hover {background: #0cbb62;}
.form-reg-button button.success {background: #9CCC65;}
.form .form-row-pass {position:relative;}
.form .form-forgot {position:absolute; right:-28%; top:0;}
.form .form-forgot p {text-align: center;}
.form .form-forgot p a {color:#3874ff; padding:6px 0; text-decoration:none; font-size: 14px;}

.form-reg-footer {}
.form-reg-footer p {text-align: center; color:#525b75; font-size:14px;}
.form-reg-footer p a {color: #3874ff; text-decoration:none; font-weight:700;}
.form-reg-footer p a:hover {text-decoration:underline;}
.form-reg-footer button.change-password-btn {margin:0 auto 20px auto;}

.reg .form {}
.reg .form input.form-control {background: #fff; border: 1px solid #cbd0dd; padding: 0 10px; font-size: 1rem; border-radius:5px; min-height: 35px;}
.reg .form input.form-control:focus {box-shadow: 0 0 10px #d9d8ff; color:#000;}
.reg .form .form-check label.custom-control-label:before {background-color: #343b46; border: 1px solid #515356;}
.reg .form-row {position: relative;}
.form-reg select.custom-select {background-color: #343B46; border: 1px solid #3F4652; padding-left:40px; color:#DCDCDC; font-style: italic}
.reg .form label {font-weight:400; color:#525b75; margin-bottom:6px; font-size: 14px; padding-left: 0;}

.form_title {color:#9B9BA4; padding-bottom: 23px; text-align:center;}
.form_title h3 {margin:0 0 15px 0; padding:0; font-size: 2.1875rem; color:#FFF;}
.form_title p {margin:0; padding:0;}

.form-balance form button {display: block; width: 100%; margin:22px 0 0 0;}
.form-balance form button svg {margin-right:7px;}
.form-balance .info p {text-align: left;}
.form-balance .info p svg {color: #6E6E6E; margin-right: 6px;}

.form-check-inline {padding-left: 35px;}

.pci p {text-align: right; margin:0;}
.pci p img {height: 45px; width: auto; opacity: 0.6;}

.card-icons ul {margin: 10px 0 0 0; padding:20px 0; text-align:center; border-top: 1px solid #DCDCDC;}
.card-icons ul li {display: inline-block; padding:0 30px;}
.card-icons ul li svg {color: #DCDCDC; font-size: 24px;}

.btn-details {background:#efe9e9; border:none; font-size:13px; margin-top: 11px; padding: 3px 10px; border-radius: 3px; color:#525b75;}
#collapseDetails .card {border:none; background:#fafafa;}
#collapseDetails .card p {font-size:13px; color:#525b75;}

.sms {display: none;}

.news {position: relative; width: 99%;}

/*===================== TERMINAL =====================*/

.section-trading {min-height:100vh; height: 100%;}

.mobileControl {display:none;}

.trading-slice {position:relative;}
.aside-hide {position:absolute; top:97px; left: 10%; z-index: 1; color: #FFF; border: none; background: rgba(255,255,255,0.1); width: 30px; display: flex; justify-content: center;}
.aside-hide:hover {cursor:pointer;}
.aside-hide.sliceButton {left:0;}

#tv-chatwidget-48ad6 {width: 100%;}

.webtrader.row {/*background: #232326;*/ padding:0;}

.tradingview-widget-container {width:100%; height:68vh !important; margin: -4px 0 0 -2px;}
#tradingview_f2e65 {height:68vh !important;}

.stock-bar {padding:0; margin: 0; height: 100vh; overflow-y: auto;}
.stock-bar::-webkit-scrollbar {width: 0.3em;}
.stock-bar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.stock-bar::-webkit-scrollbar-thumb {background-color: #6c757d; border-radius: 3px;}
.stocks {color: #c1b2b2;}
.stocks h3 {color: #141824; text-align: center; padding:5px 0 0 0; font-size: 14px; text-transform: capitalize; font-weight:700;}
.stocks h3:hover {cursor:pointer; background: rgba(255,255,255,0.2);}
.stocks table tbody tr:hover {cursor:pointer; color: #FFF;}
.stocks table.table tr:nth-child(2n) {background:#fff;}
.stocks table.table tr th {padding:2px 5px; font-size:12px; border-top:none; border-bottom:1px dashed #5e5757; font-weight: bold; color: #737373;}
.stocks table.table tr th:nth-child(2), .stocks table.table tr th:nth-child(3) {text-align:right;}
.stocks table.table tr td {padding:2px 5px; font-size:12px; border:none; font-weight: bold; color: rgb(82, 91, 117);}
.stocks table.table tr td:nth-child(2), .stocks table.table tr td:nth-child(3) {text-align:right;}
.stocks table.table tr td.mark-up {background: #1e7e34;}
.stocks table.table tr td.mark-down {background: #e9605c;}
.stocks table.list-hide {display:none; background: #fff;}
.stocks table.list-hide tr:nth-child(2n) {background:rgb(240,247,255);}
.stocks table.graphic {margin-bottom:0;}
.stocks table.graphic tr td:last-child {text-align: center;}
.stocks table.graphic tr td button {border:none; background: none; cursor: pointer;}
.stocks table.graphic tr td button {color:#fa5959;}
.stocks table tr td.green-stock {color: #2cb566;}
.stocks table tr td.red-stock {color: #e86868;}

.deals {color: #b1a7a7; height: 31vh;}
.deals nav {height:61px; line-height: 29px;}
.deals .nav-tabs {border:none; padding: 5px 0 0 6px; width:100%;}
.deals .nav-tabs a.nav-item {line-height: 26px; margin:0 30px 0 0; font-size:13px; color: #6c757d; text-decoration: none; width: auto;}
.deals .nav-tabs a.nav-item:last-child {margin:0;}
.deals .nav-tabs a.nav-item.active {color: #000; font-weight: 700;}
.deals .nav-tabs a.nav-item span {position: absolute; height: 2px; width: 30px; background: #424242;}
.deals .nav-tabs a.nav-item b {background:#fff; padding:2px 5px; box-shadow: 0 0 12px #dcdcdc; border-radius: 3px; margin-left: 5px;}
.deals nav .balance-info {padding-right: 0; width:100%; box-shadow: 0 0 15px #eae8e8;}

.deals .tab-pane {max-height: 18vh; overflow-y: auto; overflow-x: hidden;}
.deals .tab-pane::-webkit-scrollbar {width: 0.3em;}
.deals .tab-pane::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.deals .tab-pane::-webkit-scrollbar-thumb {background-color: #3d4852; border-radius: 3px;}

.deals table {border-top: none;}
.deals .tab-content {margin:0; height: calc(100% - 66px);}
.deals table tbody tr:hover {cursor:pointer;}
.deals table.table tr:nth-child(2n) {background:#fff;}
.deals table.table tr th {padding:2px 5px; font-size:12px; border-top:none; border-bottom:1px dashed #667373; font-weight: bold; color: #667373;}
.deals table.table tr td {padding:2px 5px; font-size:12px; border:none; font-weight: 400; border-right: 1px dashed #cee0ff; color: #000;}
.deals table.table tr td:last-child {border-right:none;}
.deals table.table tr td.text-right,
.deals table.table tr th.text-right {text-align:right;}
.deals table.table tr td button.close-order {border:none; background: none; color: #de4f4f;}
.deals table.table tr td button.close-order:hover {color: #e86868; cursor: pointer;}
.deals ul.table-balance {margin:0; padding: 0 10px; background: #fff; border:none; text-align: right; width: 100%; font-size: 13px; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.deals ul.table-balance li {display: inline-block; vertical-align: top; /*width:8%;*/ color: #000;}
.deals ul.table-balance li:nth-child(2n) {border-right:1px dashed #ebebeb; padding-right:10px;}
.deals ul.table-balance li:last-child {border:none; padding-right:0;}
.deals ul.table-balance li td:nth-child(2n) {padding-right:15px;}
.deals ul.table-balance li:nth-child(2n+1) {border: none; font-weight:700;}
.deals table.table-history {margin:0;}

.platform {position: relative; padding: 6px 0 0 3px; border-left:1px solid #CBD0DD; border-right:1px solid #CBD0DD;}
.order {position:absolute; top: -2px; z-index: 1; width: 140px; right: 0;}
.order .order-block {padding: 10px;}
.order .order-block button {cursor:pointer; color: #fff; border: none; padding: 3px 15px; border-radius: 20px; background: #0CA954; font-size: 13px;}
.order .order-block button:hover {background:#088f46; color:#fff;}

.margin-error {position:absolute; top:10px; left:0;}
.margin-error p {color: #161537; line-height: 16px; z-index: 1;}

.modal-deal .modal-header button {position:absolute; top: 5px; right: 10px; color: #696969; width: 20px; font-size: 24px; line-height: 17px; background: none; border: none;}
.modal-deal .tradingview-widget-container {min-height: 220px;}
.modal-deal .modal-header {border-color:#bce9ff; padding-bottom: 0; margin-bottom: 15px;}
.modal-deal .modal-header h5, .modal-deal .modal-header p.fullname {color: #525b75; font-size: 13px; font-weight:700;}
.modal-deal .modal-content {background:#fff; color: #525b75; padding: 20px;}
.modal-deal .modal-content input {background:#fff; font-size: 14px; border:1px solid #cbd0dd; color: #696969; margin-bottom:20px;}
.modal-deal .modal-content input[type=number], .modal-deal .modal-content input[type=text] {height: calc(1.8rem + 2px); border-radius: 3px;}
.modal-deal .modal-content input[type=number]:disabled,
.modal-deal .modal-content input[type=text]:disabled {color: #3f2a72;}
.modal-deal .modal-content label {font-size: 14px;}
.modal-deal .modal-content p.info {font-size:14px; padding-top:6px;}
.modal-deal .modal-content .prices p {text-align: center; margin-bottom:0; font-size: 29px; font-weight: bold; font-family: monospace;}
.modal-deal .modal-content .prices p svg {font-size: 15px; margin-right:4px;}
.modal-deal .modal-content .prices p.modal-number-sell {color:#d62728;}
.modal-deal .modal-content .prices p.modal-number-buy {color:#2ca02c;}
.modal-deal .modal-content .input-group-text {padding: 0 5px; height: 31px; color: #9aa4af; border:none; font-size: 13px; border-radius:0;}
.modal-deal .modal-content .input-group-text:hover {cursor:pointer; color: #FFF;}
.modal-deal .modal-footer {border:none; padding-top: 15px;}
.modal-deal .modal-footer .col-12 {text-align: center;}
.modal-deal .modal-footer .col-5 {max-width: 48%;}
.modal-deal .modal-footer .change-block-btn {margin:0 auto;}
.modal-deal .modal-footer button {text-align: center; cursor:pointer; color: #FFF; border:none; padding: 4px 12px; border-radius: 20px; font-size: 14px;}
.modal-deal .modal-footer button.open_order_btn_sell {background: #e9605c; width: 100%;}
.modal-deal .modal-footer button.open_order_btn_buy {background: #448AFF; width: 100%;}
.modal-deal .modal-footer button.change_order_btn {background: #2176bd;}
.modal-deal .modal-footer button.close_order_btn {background: #237077;}
.modal-deal .modal-footer button.change_order_btn svg {font-size: 14px; margin-right: 6px;}
.modal-deal .loader {display: none;}
.modal-deal .loader p svg {color: #FFF; font-size: 20px;}

.modal-deal span.tp_points, .modal-deal span.sl_points {bottom: 0; position: absolute;}
.modal-deal span.tp_points button, .modal-deal span.sl_points button {background: none; border:0; color: #3d8dd0; border-bottom: 1px solid #3d8dd0; padding:0; font-size: 12px; margin-right: 5px; cursor: pointer;}

@media(min-width: 1470px){

    aside.row {width:19%;}
    aside.row.asideTrading {width:13%;}
    aside.row.sliceAside {width:0; overflow: hidden; height:100vh;}
    .aside-hide {left: 13.2%;}
    main.row {width: 81%;}
    main.row.mainTrading {width: 87%;}
    main.row.sliceMain {width: 99.9%;}

    .stock-bar {width:25%;}
    .mainTrading .stock-bar {width:22%;}
    .platform {width:75%;}
    .mainTrading .platform {width:78%;}

    .deals .nav-tabs.row {width:100%;}
    .deals nav .balance-info.row {width:100%;}
    .deals nav {height: 61px;}

    .deals .tab-pane {max-height: 22vh;}

}


@media(min-width: 1442px){

    .stock-bar {width:18%;}
    .platform {width:82%;}
}

@media(min-height:501px) and (max-height:816px) {

    .deals .tab-pane {max-height: 100%;}
}

@media(max-width: 1441px) and (min-width:700px) {

    aside.row {width:19%;}
    aside.row.asideTrading {width:13%;}
    aside.row.sliceAside {width:0; overflow: hidden; height:100vh;}
    .aside-hide {left: 13.2%;}
    main.row {width: 81%;}
    main.row.mainTrading {width: 87%;}
    main.row.sliceMain {width: 99.9%;}

    .stock-bar {width:25%;}
    .mainTrading .stock-bar {width:22%;}
    .platform {width:75%;}
    .mainTrading .platform {width:78%;}

    .deals .nav-tabs.row {width:100%;}
    .deals nav .balance-info.row {width:100%;}
    .deals nav {height: 61px;}

    .deals .tab-pane {max-height: 22vh;}

}

@media(max-width: 1172px){

    .stock-bar {width:30%;}
    .platform {width:70%;}

    .header-user p.name {font-size: 14px;}

    .deals .nav-tabs a.nav-item {font-size: 9px;}
    .deals table.table-balance tr td:nth-child(2n) {padding-right: 5px; text-align: center;}

    .stocks table.table tr td {font-size: 10px;}
}

@media(min-width: 1080px) and (max-width: 1439px){

    .menu-user ul li a {font-size: 13px;}

    .header-balance p {font-size: 13px;}

    .deals .tab-pane {max-height: 18vh;}

}

@media(max-width: 600px){
    
    .form_title img {height:23px;}

    .webtrader {position:relative;}

    .mobileControl {display: block; position: absolute; background: #f5f7fa; bottom:0; border-top: 1px solid #dcdcdc;}
    .mobileControl ul {margin:0; padding:0;}
    .mobileControl ul li {border-right:1px solid #dcdcdc; display: inline-block; vertical-align: top; width: 49%; text-align: center; padding: 10px 0;}
    .mobileControl ul li:last-child {border: none}
    .mobileControl ul li a {color: #000; font-weight:700;}
    .mobileControl ul li a i {margin-right:6px; color:#E57809; font-size:25px;}
    .mobileControl ul li a:focus {text-decoration: none;}
    
    .dashboard-menu {margin-bottom:15px;}
    
    .dashboard-block .name {margin-bottom: 20px;}
    .dashboard-account, .dashboard-manager {text-align:center;}

    .stocks {display: none;}
    .mainTrading .stock-bar {display:none; width:100%; height: 90vh;}
    .mainTrading .platform {width:100%;}

    .mobile {display:block; position:absolute; top:7px; color: #696969; border:none; background: none; cursor:pointer; right: 10px; width: auto; font-size: 28px;}

    .menu-user {display:none; background: #fff;}

    .aside-hide {display: none;}

    aside.row.d-flex.align-items-start.flex-column,
    aside.row.d-flex.align-items-start.flex-column.asideTrading {width:100%; padding: 0; min-height: 6vh; background: #f5f5f5;}
    .header-balance.row {margin-bottom: 6px; margin-top: -31px; display: none;}
    .header-user {height: 55px; background: #f5f7fa;}
    .header-user table {width:100%;}
    .header-user p.icons {display: inline-block; vertical-align: top; width: 40%;}
    .header-user p.type-account {display: inline-block; vertical-align: top; width: 40%; margin-top:-3px;}
    .header-user img {width: auto; height: 33px;}
    
    .menu-user ul li a {font-size: 26px;}
    .menu-user ul li a i {font-size:20px;}
    .menu-user p {font-size:16px;}

    .balance-block.col-12 {padding:0;}
    .balance-block p.deposit-link {margin: 13px 0 19px 0;}
    
    aside.row {background:#fff;}
    aside.row.sliceAside {height:auto;}

    main.row,
    main.row.mainTrading {width: 100%;}
    
    .top-panel-buttons ul li a.lang img {height:30px; width:30px;}
    .top-panel-buttons .dropdown button.btn i {font-size:30px;}
    .top-panel-buttons .dropdown ul.dropdown-menu {transform: translate3d(-184px, 56px, 0px);}
    .top-panel-buttons .dropdown ul.dropdown-menu li a.dropdown-item table {font-size: 19px;}
    .top-panel-buttons .dropdown ul.dropdown-menu li.data_user h3 {font-size: 53px;}
    .top-panel-buttons .dropdown ul.dropdown-menu li.data_user p {font-size: 18px;}
    
    .top-panel-title h1 {margin:0; text-align: center;}
    
    .dash {padding: 20px 0 0 10px;}
    
    .block-basic .form-row label {font-size: 18px;}

    .transactions-table tr th, .transactions-table tr td {font-size:13px;}

    #tradingview_f2e65 {height: 49vh;}
    .tradingview-widget-container {height: 48vh;}

    .order {width: auto; right: 0; top: -6px;}
    .order .order-block {margin-top: 4px;}
    .order .order-block button {background:#0097eb; color:#FFF;}

    .deals table {}
    .deals {height: 40vh; margin-top: 12vh;}
    .deals .tab-pane {max-height: 30vh; border-bottom:none}
    .deals .nav-tabs {padding:10px;}
    .deals .nav-tabs a.nav-item {margin:0 10px 0 0; font-size:18px; display: inline-block;}
    .deals table {overflow-x: auto; margin-top: 8px;}
    .deals .tab-pane {overflow-x: auto;}
    .deals .tab-content {margin:-24px 0 0 0;}
    .deals table.table tr td {font-size:14px; border-right: 1px solid #ebebeb;}
    .deals table.table tr td.mobile-hide, .deals table.table tr th.mobile-hide {display:none;}
    .deals nav .balance-info.col-12 {padding:0;}
    .deals nav .balance-info {z-index: 1; margin-top: -18vh; height: 11vh;}
    .deals nav .balance-info.col-12 table tr td {font-size:11px;}
    #nav-deals table tr td, #nav-deals table tr th {font-size: 15px;}
    .stocks table.table tr td {font-size:14px;}

    .deals ul.table-balance {padding:0; height: 94px; display: block;}
    .deals ul.table-balance li {vertical-align: top; width: 24%; border-bottom: 1px solid #ffe8e8;}
    .deals ul.table-balance li:nth-child(2n+1) {border-bottom: 1px solid #ffe8e8;}
    .deals ul.table-balance li:last-child {border-bottom: 1px solid #ffe8e8;}
    .deals ul.table-balance li:last-child {padding-right:20px;}

    .deals table.table-history {overflow-x: auto;  margin-top: 8px; z-index: 0;}
    
    .footer {display:none !important;}
    footer .logo {text-align: center;}
    footer .links {display:none;}

    .modal-deal .modal-content input {margin-bottom: 5px;}
    .modal-deal .modal-header h5, .modal-deal .modal-header p.fullname {font-size: 19px;}
    .modal-deal .modal-content label {font-size:18px;}

}

@media(max-height:500px){

    .deals .tab-pane {max-height: 23vh;}
}

@media(max-height:741px){

    .menu-user ul li {padding: 4px 30px;}
}