h1{margin-bottom: 60px !important;}
h1 strong{border-bottom: 1px solid #eee; padding-bottom: 15px;}
/*Banner sup Cabinet*/
.bannerCabinet{background: url(/assets/img/backgrounds/bg-cabinet.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bannerCabinet .blackBG{background: rgba(0, 0, 0, 0.70); box-shadow: 0 0 40px -10px rgba(0,0,0,1);}
.bannerCabinet blockquote {border: 0; margin: 0; min-height: 190px; overflow: hidden; position: relative; }
.bannerCabinet blockquote .contentQuote{left: 0; padding: 30px; position: absolute; top: 45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
.bannerCabinet blockquote .contentQuote p{font-size: 35px; font-weight: 300; line-height: 28px; padding-top: 20px; position: relative; text-align: center; z-index: 2; }
.bannerCabinet blockquote .contentQuote h5{color: #ccc; font-size: 20px; font-style: italic; }
.content-cabinet{padding:70px 0px;}
.content-cabinet .back form label{padding-left: 0px;}

.cabinetSection{margin-top:50px; margin-bottom: 50px;}

/*login Cabinet*/
.introCabinet{padding: 55px 0px 20px 50px; border-right: 1px solid #cccccc;}
.forgot{cursor: pointer;}
.forgot:hover{color: #333;}

/*navbar menu*/
.navbar-out{
	display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav{
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.navbar-nav-active a{
    border-bottom: 5px solid #FF0000;
    color: #FF0000 !important;
}

/*Summary table*/
table.SummaryTable thead{background:#333; color:#fff; font-weight: 600;}

/*History table*/
.historyTable table tr th{background: #333; color: #fff; font-weight: 600; text-align: center;}
ul.pagination{margin-top: 0; padding:0; margin-bottom: 20px;}
ul.pagination .active a,
ul.pagination .active span{background-color: #bd0505 !important; border: 1px solid #bd0505 !important;}
ul.pagination li a,
ul.pagination li span{color: #bd0505; font-size: 20px; font-size: 14px; background: #fff; border: 1px solid #ccc; border-radius: 2px;}
.profitTable table tr td:nth-child(odd){font-weight: 600;}
.profitTable{width: 50%; margin: 0 auto; display: block; }
a.downloadBtn{color: #969696; border: 1px solid #969696;}
a.downloadBtn:hover{background-color: #e8e8e8;}
.historyTable table thead tr td[data-title]::before{content:'';display: none;}
#RedempHistory table tbody tr:first-child{font-weight: 600;}
.historyTable table tbody tr td{padding-top: 10px; padding-bottom: 10px; }

/*Deposit*/
.ventanaMyBit form .form-control{border: 1px solid #ccc !important; border-bottom: none; padding: 10px !important;}
@media(max-width: 975px){.cabinetSection{margin:20px 0px;}}

@media(max-width: 991px){.loginForm{width: 100%;}}
@media(max-width: 768px){.bannerCabinet{margin-top: 62px!important;}.content-cabinet{padding:0px 0px;}.introCabinet {padding: 20px 0px 0px 0px;}}

@media(max-width: 1225px){
.historyTable .table-responsive{border:0;}
.historyTable table{border:none; width: 80%;}
.historyTable table thead th{display: none;}
.historyTable table tbody tr{display: block; margin-bottom:30px;}
.historyTable table tbody tr td:first-child{border-left: 1px solid #ccc !important;}
.historyTable table tbody tr td:last-child{border-right: 1px solid #ccc !important;}
.historyTable table tbody tr td{display: block; text-align: right; position: relative; }
.historyTable table tbody tr td[data-title]::before{display: inline-block; left: 15px; position: absolute; font-weight: 600;}
.historyTable table tbody tr td[data-title="Order"]::before{content: 'Order';}
.historyTable table tbody tr td[data-title="Time"]::before{content: 'Time';}
.historyTable table tbody tr td[data-title="Type"]::before{content: 'Type';}
.historyTable table tbody tr td[data-title="Profit"]{height: 30px;}
.historyTable table tbody tr td[data-title="Profit"]::before{content: 'Profit';}
.historyTable table tbody tr td[data-title="Lots"]::before{content: 'Lots';}
.historyTable table tbody tr td[data-title="Symbol"]::before{content: 'Symbol';}
.historyTable table tbody tr td[data-title="Price"]::before{content: 'Price';}
.historyTable table tbody tr td[data-title="S/L"]::before{content: 'S/L';}
.historyTable table tbody tr td[data-title="T/P"]::before{content: 'T/P';}
.historyTable table tbody tr td[data-title="Comission"]::before{content: 'Comission';}
.historyTable table tbody tr td[data-title="Swap"]::before{content: 'Swap';}
.historyTable table tbody tr td[data-title="Ticket"]::before{content: 'Ticket';}
.historyTable table tbody tr td[data-title="Entry"]::before{content: 'Entry';}
.historyTable table tbody tr td[data-title="Volume"]::before{content: 'Volume';}
.historyTable table tbody tr td[data-title="Commission"]::before{content: 'Commission';}
.historyTable table tbody tr td[data-title="Size"]::before{content: 'Size';}

 /*Profit Table*/
.profitTable {width: 80%; margin: 0 auto; display: block; border:none;}
.profitTable table{width: 100%;}
.profitTable table th{display: none;}
.profitTable table tbody tr{display: block; margin-bottom:30px;}
.profitTable table tbody tr td{display: block; text-align: right; position: relative;}
.profitTable table tbody tr td[data-title]::before{display: inline-block; left: 15px; position: absolute; font-weight: 600;}
.profitTable table tbody tr td[data-title="Profit/Loss"]::before{content: 'Profit/Loss';}
.profitTable table tbody tr td[data-title="Credit"]::before{content: 'Credit';}
.profitTable table tbody tr td[data-title="Deposit"]::before{content: 'Deposit';}
.profitTable table tbody tr td[data-title="Withdrawal"]::before{content: 'Withdrawal';}

/*Summary Table*/
.tableSummary .table-responsive{border:none; width: 80%;}
.tableSummary table.SummaryTable{border:none; width: 100%;}
.tableSummary table.SummaryTable thead{display: none;}
.tableSummary table.SummaryTable tbody tr{display: block; margin-bottom:30px;}
.tableSummary table.SummaryTable tbody tr td:first-child{border-left: 1px solid #ccc !important;}
.tableSummary table.SummaryTable tbody tr td:last-child{border-right: 1px solid #ccc !important;}
.tableSummary table.SummaryTable tbody tr td{display: block; text-align: right; position: relative;}
.tableSummary table.SummaryTable tbody tr td[data-title]::before{display: inline-block; left: 15px; position: absolute; font-weight: 600;}
.tableSummary table.SummaryTable tbody tr td[data-title="accountNumber"]::before{content: 'Account Number';}
.tableSummary table.SummaryTable tbody tr td[data-title="Balance"]::before{content: 'Balance';}
.tableSummary table.SummaryTable tbody tr td[data-title="Equity"]::before{content: 'Equity';}
.tableSummary table.SummaryTable tbody tr td[data-title="Margin"]::before{content: 'Margin';}
.tableSummary table.SummaryTable tbody tr td[data-title="FreeMargin"]::before{content: 'Free Margin';}
.tableSummary table.SummaryTable tbody tr td[data-title="MarginLevel"]::before{content: 'Margin Level';}
.tableSummary table.SummaryTable tbody tr td[data-title="Status"]::before{content: 'Status';}


/*Redemptions History table*/
#RedempHistory{width: 80%; margin-left: auto; margin-right: auto;}
#RedempHistory table{border:none; width: 100%;}
#RedempHistory table tbody tr:first-child{display: none;}
#RedempHistory table tbody tr{display: block; margin-bottom:30px;}
#RedempHistory table tbody tr td{display: block; text-align: right; position: relative;}
#RedempHistory table tbody tr td[data-title]::before{display: inline-block; left: 15px; position: absolute; font-weight: 600;}
#RedempHistory table tbody tr td[data-title="Account"]::before{content: 'Account';}
#RedempHistory table tbody tr td[data-title="TypeMethod"]::before{content: 'Type Method';}
#RedempHistory table tbody tr td[data-title="Amount"]::before{content: 'Amount';}
#RedempHistory table tbody tr td[data-title="DateHour"]::before{content: 'Date and Hour';}
#RedempHistory table tbody tr td[data-title="Edit"]::before{content: 'Edit';}
#RedempHistory table tbody tr td[data-title="Send"]::before{content: 'Send';}
}

/*Transfer Fund*/
.hiddenField::before{content: none !important;}
.hbspt-form form .field{padding: 0 !important; margin-top: 10px;}
#desktop-menu-tvf .ul-center {position: relative; left: 19.95%; }


/**--- Deposit --*/
.depositRow {}
.depositFunds .depositPanel {border-radius: 2px; display: block; padding: 5px; position: relative; transition: all .25s;}
.depositFunds .depositPanel:hover{border-color: #efefef; cursor: pointer;}
.depositFunds .depositPanel span{background: #f00; border-radius: 2px; bottom: 20px; color: #fff; left: 50%; opacity: 0; padding: 5px 10px 5px 30px; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all .25s; white-space: nowrap; z-index: 10; }
.depositFunds .depositPanel:hover span{bottom: 45px; opacity: 1; transform: translateX(-50%);}
.depositFunds .depositPanel .img-responsive{    filter: saturate(85%); opacity: 0.8; transition: 0.3s;}
.depositFunds .depositPanel:hover .img-responsive{    filter: blur(20px) grayscale(100%); opacity: 1; transition: 0.3s;}
.depositFunds .depositPanel span::before{ content: ''; background-image: url(/assets/img/icons/bank_white.svg); background-size: 20px 20px; display: inline-block; width: 20px; height: 20px; position: absolute; left: 5px;}
.modalSantander .ventanaSantander .content-modal .content .width-48 i{color: #f00;}
.modalSantander .ventanaSantander .content-modal .content .width-48 i.fa-chevron-circle-right{color: #333; font-size: 30px; text-shadow: 1px 1px 1px #585858; margin-right: 5px;}

.modalSantander .ventanaSantander .content-modal .content .width-48 .cursor-pointer h4{border-radius: 5px; border: 1px solid #ccc; box-shadow: 2px 2px 2px #ccc; padding: 5px 15px; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; cursor: pointer;}
.modalSantander .ventanaSantander .content-modal .content .width-48 .cursor-pointer h4:hover{background: #dedede;}

.modalS{bottom: 0; display: none; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999; }
.overflowS{background: rgba(0, 0, 0, 0.65); height: 100%; left: 0; top: 0; width: 100%; }

.ventanaS{left: 50%; max-width: 800px; min-height: 600px; padding-bottom: 30px; position: absolute; top: 15%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90%; z-index: 999999; }

.ventanaS span.cerrarS{background-color: #bbb; border-radius: 50%; border: 2px solid #fff; color: #fff; cursor: pointer; font-family: Arial; font-weight: bold; padding: 4px 10px; position: absolute; right: 5px; top: 5px; z-index: 9;}
.ventanaS .content-modalS{background: #fff; border-radius: 2px; box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.7); padding: 20px; width: 100%; }
.ventanaS .country-list{font-size: 12px;}

@media (max-width: 767px){
	.ventanaS{min-height: 60%; overflow-y: scroll; height: 80%; top: 10%;}
	.modalS{overflow-y: scroll; }
}
@media (max-height: 600px){.ventanaS{overflow-y: scroll; height: 80%; min-height: 50%;}}

.modalCab{bottom: 0; display: none; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999;}
.overflow{background: rgba(0, 0, 0, 0.65); height: 100%; left: 0; top: 0; width: 100%; }
.ventana{left: 50%; max-width: 65%; max-height: 600px; position: absolute; top: 15%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90%; z-index: 999999; overflow-y:scroll; background: #fff; border-radius: 2px; box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.7); bottom: 10%;}
.ventana span.cerrar{background-color: #bbb; border-radius: 50%; border: 2px solid #fff; color: #fff; cursor: pointer; font-family: Arial; font-weight: bold; padding: 4px 10px; position: absolute; right: 5px; top: 5px; }
.ventana .content-modal{width: 100%; padding: 50px;}
.ventanaOkPay, .ventanaEcoPayz{padding-bottom: 50px;}
@media (max-width: 991px){.ventana{max-width: 90%;}}
@media (min-width: 768px){.img-banner{width: 50% !important;} .bg-white{width: 100% !important;} .bd-toc{ position: -webkit-sticky; position: sticky; top: 4rem; height: 80vh; overflow-y: auto;} }
@media (min-width: 500px) and (max-width: 767px){.panelsDeposit{width: 50% !important; float: left;}}

.form-group::before{content: none !important;}