body {margin: 0; padding: 0; font-family: "Dosis", sans-serif;}

h3, h5, p {width: 100%;}
ul li {list-style-type: none;}
input.form-control::placeholder {font-style: italic; color:#bbb1b1; font-size: 14px;}
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;}
.hide {display: none;}
.show {display: block;}

.mobile {display:none;}

body.reg {position:relative; z-index: 1; background: url(/images/bg-reg.jpg) no-repeat; min-height: 100vh; background-size: cover; background-position: center;}
body.reg:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: #212832; z-index: -1; opacity: .70;}

.button-blue {background:#38ab1d; color:#FFF; border:none; border-radius: 5px; cursor: pointer; padding:5px 10px;}
.button-blue svg {margin-right:7px;}

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

aside.row {background: #0F0F0F; padding:0 0 40px 0; min-height: 100vh; width:22%; vertical-align: top;}
aside.row.asideTrading {width:16%;}
aside.row.sliceAside {width:0; overflow: hidden; height:100vh;}

.header-user {padding: 15px 20px 0 30px; height: 120px; margin-bottom:0;}
.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; color:#dcdcdc; font-size:13px;}
.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 td img {height:40px;}

.header-balance.row {margin-bottom: 25px;}
.header-balance p {color:#797979; margin:0; padding:0; text-align: center;}
.header-balance p span {background: #353535; padding: 10px 15px;}
.header-balance p svg {margin-right:6px;}

.menu-user p.info {color:#9F9F9F; padding:20px 20px; text-align: center; margin:0 20px; border-radius:3px; background: #262840;}
.menu-user p.info svg {margin-right: 5px;}
.menu-user p.info a {color:#DCDCDC; border-bottom:1px dashed #DCDCDC;}
.menu-user p.info a:hover {color: #FFF; border-color: #FFF; text-decoration: none;}
.menu-user ul {margin:0; padding:0; width: 90%;}
.menu-user ul li {padding:15px 20px 15px 30px;}
.menu-user ul li a {color: #B2B2B2; text-decoration: none; display:block; font-size: 15px; font-family: 'Bona Nova SC', sans-serif;}
.menu-user ul li a svg {margin-right:15px; color: #B2B2B2;}
.menu-user ul li a:hover {color: #FFF;}
.menu-user ul li.separate {color: #B2B2B2; display: flex; justify-content: space-between; padding:25px 20px 25px 30px;}

main.row {background: #3a3a3a; width:78%;}
main.reg {padding-top:5%;}
main.row.sliceMain, main.row.sliceMain.mainTrading {width: 100%;}
main.row.mainTrading {width: 84%;}

.top-panel {margin-bottom:0;}
.top-panel-title {align-items: center; display: flex;}
.top-panel-title h1 {margin:13px 0 0 0; color: #C8C8C8; font-size: 26px;}
.top-panel-title p {margin:0; color: #C8C8C8; text-align: center; border: 1px dashed #766a6a; padding: 3px 0; border-radius: 7px;}
.top-panel-title p svg {margin-right:6px;}
.top-panel-buttons ul {margin:15px 0 0 0; padding: 0; text-align: right;}
.top-panel-buttons ul li {display: inline-block; vertical-align: top;}
.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;}
.top-panel-buttons ul li.pass a {background:#696969; color:#dcdcdc; padding: 1px 10px 3px 10px; border-radius: 3px; font-size: 14px;} 
.top-panel-buttons ul li a.exit {background: #0E0E0E; color: #FFF; padding:3px 10px 5px 10px; border-radius: 3px; font-size: 14px;}

.block-basic {background: #0e0e0e; padding:15px; border-radius: 5px; margin:0 0 20px 0; color: #FFF;}
.block-basic p.title {font-size: 16px; font-weight: 400; padding-bottom: 10px; font-family: 'Bona Nova SC', sans-serif;}
.block-basic .form-row label {font-weight: 400; letter-spacing: 1px; font-style: italic;}
.block-basic .form-row .custom-file label {font-style: italic; color:#bbb1b1; font-size: 14px; font-weight: 400;}
.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 .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;}

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

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

.news .tradingview-widget-container {min-height:600px;}

.dashboard .tradingview-widget-container {height:385px !important;}
.tv_widget {padding-top:10px; background:#0E0E0E; border-radius:4px; margin-top:15px;}
.tv_widget .tradingview-widget-container {height:50px !important;}

.dashboard-graph {margin:2px 0; padding:15px; min-height: 396px;}
.dashboard-graph video {border:none;}

.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 {background:url(/images/dash_bg.png) no-repeat; background-size: 25%; background-position: right 25px top 8px; filter: saturate(0.3);}
.balance-block ul {margin:0 0 15px 0; padding:10px 0 10px 0; border-right:1px solid #393636;}
.balance-block ul.last-child {border-right:none;}
.balance-block ul li {}
.balance-block ul li:first-child {text-align: left; vertical-align: middle;}
.balance-block ul li:first-child svg {margin:4px 7px 0 0;}
.balance-block ul li:last-child {font-size: 25px; vertical-align: middle;}
.balance-block ul.settings-account li.minor {color:#ff4646; font-size: 14px; padding-top: 17px;}
.balance-block ul.settings-account li.success {color:#28a745; font-size: 14px;}
.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 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;}

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: #332a2a; color: #999595; padding: 5px 10px;}
.link-block p a:hover {text-decoration: none;}
.link-block p.hide_bank_p {display: none;}

.bank_second_block {background: #1d1a1a; padding: 20px; margin-bottom: 30px; display: none;}
.bank_second_block h3 {font-size: 15px; padding: 0; margin: 0 0 19px -6px; font-family: 'Bona Nova SC', sans-serif; font-weight:400;}

.copy {margin-top: auto;}
.copy p {color: #B2B2B2; padding-left:30px;}

/*============== 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 =======*/

.footer__wrapper {display:none;}

.bar {margin: 0 15px 20px 15px; padding: 10px 20px; border-radius:5px; position: relative;}
.bar button.close {position:absolute; top:14px; right:15px; border:none; background: none; cursor: pointer; font-size:16px;}

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

.info-bar-success {background: #898989;}
.info-bar-success p {color: #FFF; margin:0; padding:0;}

.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;}

.transactions-table .table thead th {border-top:0; border-bottom:0; background: #3a3a3a; padding:3px 0; text-align:center; font-weight: 400;}
.transactions-table tr td {border-top: 1px solid transparent;}
.transactions-table tr td.type-transaction span {padding:3px 5px; color: #FFF; 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 {background: #448AFF;}
.transactions-table tr td.type-transaction span.credit {background: #c79961;}
.transactions-table tr td.type-transaction span.withdrawal {background: #9CCC65;}
.transactions-table tr td.type-transaction span.interest {background: #ff6a6a;}
.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: #689BFF;}
.transactions-table tr td p {margin:20px 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; border: 1px solid #dc3545; border-radius: 3px;}
.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; right:5px; 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-logo img {height:27px; display: block; margin:0 auto 20px auto; width:auto;}
.form {border-radius: 5px; padding: 11px 16px 10px 16px;}
.form_header h3 {color:#fff; font-size:19px; padding-top:15px; font-family: 'Bona Nova SC', sans-serif;}
.form_header p {color:#fff; font-size:15px;}
.form_header p a {color: #a59090;}
.form-row {margin-bottom:15px;}
.form label {margin:0; font-weight: bold; color: #9c9c9c;}
.form .form-remember label {font-weight: 400;}
.form-reg-button {text-align: center; padding:0;}
.form-reg-button button {background: #24c125; border:none; border-radius: 5px; cursor: pointer; padding:10px; color: #FFF; margin: 20px auto; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;}
.form-reg-button button.success {background: #9CCC65;}
.form .form-forgot p {text-align: center; line-height: 0px; padding-top:10px; color: #908b8b; font-size: 15px;}
.form .form-forgot p a {color:#FFF;}
.form-reg-footer {margin-top:20px;}
.form-reg-footer p {text-align: center;}
.form-reg-footer p a {color: #e8cccc;}
.form-reg-footer p a:hover {color: #757575;}
.form-reg-footer button.change-password-btn {margin:0 auto 20px auto;}

.reg .form {background: rgba(0, 0, 0, 0.8); box-shadow: none;}
.reg .form input.form-control {background-color: transparent; padding-left:10px; border: 1px solid #404040; border-radius: 5px;}
.reg .form input.form-control:focus {border-color: #FFF; color:#DCDCDC;}
.reg .form .form-check label.custom-control-label:before {background-color: #343b46; border: 1px solid #515356;}
.reg .form-row {position: relative;}
.reg .form-row span.iconAdd {position: absolute; top: 6px; left: 12px;}
.reg .form-row span.iconAdd svg {color:#DCDCDC; font-size: 15px;}
.form-reg form {padding:20px;}
.form-reg .form-row span.iconAdd {left: 20px; top: 8px;}
.form-reg select.custom-select {background-color: #343B46; border: 1px solid #3F4652; padding-left:40px; color:#DCDCDC; font-style: italic}
.reg .form-row-login span.iconAdd {position: absolute; top: 6px; left: 12px;}

.reg_copyright p {color:#9d9797; line-height:17px; margin-top: 30px; font-size: 13px; font-style: italic;} 

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

.block-basic .form-control, 
.block-basic .custom-select {background-color: #3a3a3a; border: 1px solid transparent; color: #e6e6e6;}
.block-basic .form-row .custom-file label {background-color: #3a3a3a; border: 1px solid transparent;}

.img_add img {margin-top:30px; opacity: 0.4; height: 50px; width: auto; display: block; margin: 20px auto 0 auto;}

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

.mobileControl {display:none;}

.trading-slice {position:relative;}
.aside-hide {position:absolute; top:48px; left: 14%; z-index: 1; color: #FFF; border: none; background: #5d4a4a;}
.aside-hide:hover {cursor:pointer;}
.aside-hide.sliceButton {left:0;}

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

.webtrader.row {background: #424242; padding:0;}

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

.stock-bar {padding:0; background: #424242; 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: #DCDCDC; background: #4a4a4a ; text-align: center; padding:5px 0; font-size: 14px; text-transform: capitalize;}
.stocks h3:hover {cursor:pointer; background: #4d5054;}
.stocks table tbody tr:hover {cursor:pointer; color: #FFF;}
.stocks table.table tr:nth-child(2n) {background:#3b3838;}
.stocks table.table tr th {padding:2px 5px; font-size:12px; border-top:none; border-bottom:1px solid #5e5757; font-weight: bold;}
.stocks table.table tr td {padding:2px 5px; font-size:12px; border:none; font-weight: bold;}
.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: #333232;}
.stocks table.list-hide tr:nth-child(2n) {background:#2d2b2b;}
.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:11px; color: #6c757d; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;}
.deals .nav-tabs a.nav-item:last-child {margin:0;}
.deals .nav-tabs a.nav-item.active {color: #FFF;}
.deals .nav-tabs a.nav-item span {position: absolute; height: 2px; width: 30px; background: #424242;}
.deals nav .balance-info {padding-right: 0; width:100%;}

.deals .tab-pane {max-height: 18vh; overflow-y: auto; overflow-x: hidden; border-bottom: 1px solid #4e4b4b;}
.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: 1px solid #4e4b4b;}
.deals .tab-content {margin: 4px 0 0 0; height: calc(100% - 66px);}
.deals table tbody tr:hover {cursor:pointer;}
.deals table.table tr:nth-child(2n) {background:#3b3838;}
.deals table.table tr th {padding:2px 5px; font-size:12px; border-top:none; border-bottom:1px solid #5e5757; font-weight: bold;}
.deals table.table tr td {padding:2px 5px; font-size:12px; border:none; font-weight: bold; border-right: 1px solid #4e4b4b;}
.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 20px 0 0; background: #313131; border:none; text-align: right; width: 100%; font-size: 13px;}
.deals ul.table-balance li {display: inline-block; vertical-align: top; width:6%;}
.deals ul.table-balance li:nth-child(2n) {border-right:1px solid #4e4b4b; padding-right:20px;}
.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 td:nth-child(2n+1) {border: none;}
.deals ul.table-balance li.li-width-long {width: 11%;}
.deals table.table-history {margin:0;}

.platform {position: relative; padding: 6px 0 0 3px; border-left:1px solid #5e5757; border-right:1px solid #5e5757;}
.order {position:absolute; top: -2px; z-index: 1; width: 239px; right: 0;}
.order .order-block {padding: 10px;}
.order .order-block button {cursor:pointer; color: #FFF; border: none; padding: 3px 14px; border-radius: 2px; background: #2061d8; font-size: 14px;}
.order .order-block button:hover {background: #6f42c1;}
.order .order-block button svg {margin-right:6px;}

.margin-error {position:absolute; top:10px; left:20px;}
.margin-error p {color:#FFF; z-index: 1;}

.modal-deal .modal-header button {position:absolute; top: 5px; right: 10px; color: #FFF;}
.modal-deal .tradingview-widget-container {min-height: 220px;}
.modal-deal .modal-header {border-color:#404243; padding-bottom: 0;}
.modal-deal .modal-header h5, .modal-deal .modal-header p.fullname {color: #FFF;}
.modal-deal .modal-content {background:#262D33; color: #9F9F9F; padding-bottom: 19px;}
.modal-deal .modal-content input {background:#444D56; font-size: 14px; border:none; color: #FFF; 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: #e2dede;}
.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;}
.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 10px 0 0; height: 31px; color: #9aa4af; background-color: #444d56; border:none; font-size: 13px;}
.modal-deal .modal-content .input-group-text:hover {cursor:pointer; color: #FFF;}
.modal-deal .modal-footer {border:none; padding-top:0;}
.modal-deal .modal-footer .col-12 {text-align: center;}
.modal-deal .modal-footer .col-5 {max-width: 49%;}
.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: 3px; 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: #529752; 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;}

@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){

    aside.row {width:19%;}
    aside.row.asideTrading {width:17%;}
    aside.row.sliceAside {width:0; overflow: hidden; height:100vh;}
    .aside-hide {left: 15%;}
    main.row {width: 81%;}
    main.row.mainTrading {width: 83%;}
    main.row.sliceMain {width: 100%;}

    .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;}

    .menu-user ul li a {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){

    .webtrader {position:relative;}

    .mobileControl {display: block; position: absolute; background: #5E5757; bottom:0;}
    .mobileControl ul {margin:0; padding:0;}
    .mobileControl ul li {display: inline-block; vertical-align: top; width: 32%; text-align: center; padding: 10px 0;}
    .mobileControl ul li {border-right:1px solid #6c6c77;}
    .mobileControl ul li:last-child {border: none}
    .mobileControl ul li a {color: #FFF;}
    .mobileControl ul li a:focus {text-decoration: none;}

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

    .mobile {display:block; position:absolute; top:22px; right:30px; color: #fff; border:none; background: none; cursor:pointer; font-size: 30px;}

    .menu-user {display:none;}
    .menu-user ul {background:#0F0F0F; width: 100%;}
    .menu-user ul li a {color:#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: 9vh; background: #f5f5f5;}
    .header-balance.row {margin-bottom: 6px; margin-top: -31px; display: none;}
    .header-user {height: 80px; background: #3A3A3A;}
    .header-user table {width:100%;}
    .header-user p.icons {display: inline-block; vertical-align: top; width: 50%;}
    .header-user p.type-account {display: inline-block; vertical-align: top; width: 40%; margin-top:-3px;}
    .header-user p.name {color:#fff; font-size: 22px;}
    
    .menu-user p.info {margin:0;}

    .balance-block.col-6 {padding:0 0 0 5px; background-position: right 10px top 24px;}
    .balance-block p.deposit-link {margin: 13px 0 19px 0;}

    main.row,
    main.row.mainTrading {width: 100%; min-height: 89vh;}

    .top-panel-title h1 {margin:0; text-align: center; display: none;}
    
    .top-panel-buttons ul {text-align:center;}

    .transactions-table tr th, .transactions-table tr td {font-size:13px;}
    
    .dashboard-graph {min-height: 214px;}

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

    .order {width: auto; right: 0; top: -6px;}

    .deals table {display: none;}
    .deals {height: 40vh;}
    .deals .tab-pane {max-height: 30vh; border-bottom:none}
    .deals .nav-tabs {padding:10px; display: none;}
    .deals .nav-tabs a.nav-item {margin:0 10px 0 0; font-size:12px; 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 #4e4b4b;}
    .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; padding-top: 9px;}
    .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;}
    .deals ul.table-balance li {vertical-align: top; width: 24%; border-bottom: 1px solid #4e4b4b;}
    .deals ul.table-balance li:nth-child(9) {}
    .deals ul.table-balance li:nth-child(9),
    .deals ul.table-balance li:nth-child(10),
    .deals ul.table-balance li:nth-child(11) {border-bottom:none;}
    .deals ul.table-balance li:last-child {padding-right:20px;}

    .deals table.table-history {overflow-x: auto;  margin-top: 8px; z-index: 0;}

    .copy {display:none;}

    .modal-deal .modal-content input {margin-bottom: 5px;}

}

@media(max-height:500px){

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