body {margin: 0; padding: 0; font-family: "Hanken Grotesk", sans-serif; background: #f8f8f8 url(https://wise-capital.net/assets/templates/images/section-bg-shape-2.svg) no-repeat;}

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;}
.mobile i {font-size:30px;}

body.reg {align-items: center; display: flex; background: #f8f8f8 url(https://wise-capital.net/assets/templates/images/section-bg-shape-2.svg) no-repeat; min-height: 100vh;}

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

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

aside.row {background: #192324; padding:0 0 40px 0; min-height: 100vh; width:15%; display:flex;}
aside.row.sliceAside {width:0; overflow: hidden; height:100vh;}

.header-user {padding: 0 20px 0 30px; margin-bottom:0;}
.header-user table tr td:first-child {padding-right: 30px;}
.header-user table tr td:first-child i {font-size: 35px; color: #797979;}
.header-user p.name {color:#FFF; font-size: 15px; 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-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:7px 10px; text-align: center; border-radius:5px; height: 34px; background: #2a3a3c; font-size:13px; font-style:italic; margin:0 10px 20px 10px;}
.menu-user p.info i {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;}
.menu-user ul li {padding:15px 20px 15px 30px;}
.menu-user ul li a {color: #fff; text-decoration: none; display:block; font-size: 16px; line-height: 14px; display: flex;}
.menu-user ul li a i {margin-right:15px; color: #fff; font-size: 26px;}
.menu-user ul li a span {font-size:12px; color: #7c877f;}
.menu-user ul li a:hover {color: #FFF;}
.menu-user ul li a img {height:30px; margin-right:10px;}

.aside-footer {margin-top: auto;}
.aside-footer p {color:#dcdcdc; font-size:12px; text-align:center; margin-bottom:0;}

main.row {width:84.8%;}
main.reg {margin-top:5%;}
main.row.sliceMain {width: 100%;}

.top-panel {margin-bottom:0;}
.top-panel-title h1 {margin:13px 0 0 0; color: #C8C8C8; font-size: 26px;}
.top-panel-buttons ul {margin:15px 0 0 0; padding: 0; align-items: center; display: flex; justify-content: right;}
.top-panel-buttons ul li {display: inline-block; vertical-align: top; padding:0 10px;}
.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; width:22px;}
.top-panel-buttons ul li a.demo {border:1px dashed #c79b9b; color:#878282; border-radius: 3px; padding:3px 10px 5px 10px; margin-left:10px;}
.top-panel-buttons ul li a.demo:hover {border-color: #333; color:#333;}
.top-panel-buttons ul li a.exit {background: #F4511E; color: #FFF; padding:3px 10px 5px 10px; border-radius: 3px; font-size: 14px;}

.user_lang a img {border-radius:50%; width:auto;}
.user_pic_wrapper button {background:none; border:none; padding:0;}
.user_pic_wrapper button:focus {outline:none; box-shadow:none;}
.user_pic_wrapper .dropdown-menu {left:-100px; border:none; top: 8px !important; box-shadow: 0 0 15px #dcdcdc;}
.user_pic img {height:30px;}
.dropdown-toggle::after {display:none;}


.block-basic {background: rgba(255,255,255,0.3); padding:15px; box-shadow: 0 0 15px #f5eded; border-radius: 15px; margin:0 0 20px 0; backdrop-filter: blur(5px);}
.block-basic p.title {font-size: 20px; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #DCDCDC;}
.block-basic .form-row label {font-weight: bold; border-bottom: 1px solid #dcdcdc; width: 100%; font-size: 14px;}
.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;}

#dashboard_chart {height:400px; width:100%;}
.quote_second {height:430px; width:100%;}

.dash-block img {height:60px; margin-right:20px;}
.dash-block h5 {font-weight:600; font-size:17px;}
.dash-block p {margin-bottom:0;}

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

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

.quotes {background:none; border:none; box-shadow:none;}
.quotes .tradingview-widget-container {height:62px !important;}

footer.row {padding:20px 0; border-top: 1px solid #DCDCDC; margin:40px 0 0 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: right;}
footer.row .links ul li {margin:0 0 0 20px; display: inline-block; vertical-align: top;}
footer.row .links ul li a {color: #BDBDBD;}

/*============== 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: #9CCC65;}
.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 {padding-top:0; border-top:0;}
.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: #9daba1;}
.transactions-table tr td.type-transaction span.withdrawal {background: #9CCC65;}
.transactions-table tr td.type-transaction span.refund {background: #65c0cc;}
.transactions-table tr td.type-transaction span.penalty {background: #da7171;}
.transactions-table tr td.type-transaction span.dev {background: #629435;}
.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:20px 0 0 0; font-style: italic; color: #999999;}
.transactions-table tr td.price span {text-transform: uppercase;}
.transactions-table tr.penalty-tr td {background:#ede5e5;}

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

.login_page {display: flex; align-items: center; justify-content: center;}
.login_page .quote {height:62px; margin-top:40px;}
.login_page .quote iframe {height:72px !important;}
.top_login img {height:50px; margin-bottom:50px;}
.top_login h3 {color:#192324; font-size: 46px; font-weight: 700; margin-bottom:30px;}
.top_login h3 span {color:#7C877F;}
.top_login p {color:#283132}

.form-logo img {height:40px; display: block;}
.form-logo-lang {padding-top: 9px;}
.form-logo-lang img {height:20px; display:auto; float: left; margin-right:15px;}
.form-logo-lang a {color:#FFF;}
.form {border-radius: 5px; padding: 11px 16px 10px 16px;}
.form_header p {color:#aa9d9d;}
.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: #7c877f; border:none; border-radius:2px; cursor: pointer; padding:7px 10px; color: #FFF; margin: 20px auto; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;}
.form-reg-button button img {height:12px; margin: -2px 0 0 0px;}
.form-reg-button button.success {background: #9CCC65;}
.form .form-forgot p {text-align: center; line-height: 19px; padding-top:10px; color: #898686;}
.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;}

.form_separate h5 {color:#dcdcdc; font-size:13px; padding: 0 0 2px 0; border-bottom: 1px solid #6d6767; margin-bottom: 15px;}

.password_forgot p {color: #605e5e; font-size: 12px;}
.password_forgot p a {color:#fff;}

.reg .form {background: #192324;}
.reg .form input.form-control {background-color: #f8f8f8; border: none; padding-left:10px; border-radius: 4px;}
.reg .form input.form-control::placeholder {color:#333;}
.reg .form input.form-control:focus {border-color: #FFF; color:#000;}
.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: 5px;}
.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;}

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

.mobileControl {display:none;}

.trading-slice {position:relative;}
.aside-hide {position:absolute; top:48px; left: 13.5%; 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;}
.dashboard-graph .tradingview-widget-container {height: 200px !important;}
.quote_second .tradingview-widget-container {height:430px !important;}

.login_page .tradingview-widget-container {height:auto !important;}

.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){
    
    .top_login img {margin-bottom: 20px; margin-top: 15px;}
    .top_login h3 {text-align: center; font-size: 25px;}
    .login_page .quote {margin-top: 0px; margin-bottom: 20px;}
    
    aside.row {width:100%; min-height: auto !important; padding: 0;}
    .aside-footer {display:none;}
    
    .top-panel-title {display:none;}
    
    .aside-footer {padding:20px 0;}

    .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:12px; right:30px; color: #fff; border:none; background: none; cursor:pointer;}

    .menu-user {display:none;}
    .menu-user ul {}
    .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;}
    .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;}
    .header-user table tr td:first-child {padding-right:0; width: 49px;}
    
    .menu-user p.info {margin:0;}

    .balance-block.col-12 {padding:0;}
    .balance-block p.deposit-link {margin: 13px 0 19px 0;}

    main.row,
    main.row.mainTrading {width: 100%;}

    .top-panel-title h1 {margin:0; text-align: center;}

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

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

    .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: 119px;}
    .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) {}
    .deals ul.table-balance li:last-child {padding-right:20px;}
    .deals ul.table-balance li.li-width-long {width: 23%;}

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

    footer .logo {text-align: center;}
    footer .links {display:none;}

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

}

@media(max-height:500px){

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