html, body {
font-family: "Open Sans" !important;
color: #222222;
}
a {
cursor: pointer;
outline: 0;
}
h0 {
font-size: 160px;
}
h0, h1, h2, h3, h4, h5, p {
margin-bottom: 20px;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.grey {
color: #666666;
}
.red {
color: #eb1c24;
}
.yellow {
color: #ff9a07;
}
.blue {
color: #0076fe;
}
.light-blue {
color: #3bc7e8;
}
.light-green {
color: #00d096;
}
.btn {
text-transform: uppercase;
}
.btn span {
margin-right: 5px;
}
.btn.btn-grey-outline {
background-color: #ffffff;
border-color: #d0d4df;
color: #d0d4df;
}
.btn.btn-grey-outline:hover {
background-color: #d0d4df;
border-color: #d0d4df;
color: #ffffff !important;
}
.btn.btn-white-outline {
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
.btn.btn-white-outline:hover {
background-color: #ffffff;
border-color: #ffffff;
color: #222222 !important;
}
.btn.btn-green {
background-color: #31b744;
border-color: #31b744;
color: #ffffff !important;
}
.btn.btn-green:hover {
background-color: #149632;
border-color: #149632;
}
.btn.btn-green-outline {
background-color: transparent;
border-color: #31b744;
color: #31b744;
}
.btn.btn-green-outline:hover {
background-color: #149632;
border-color: #149632;
color: #ffffff;
}
.btn.btn-withdraw-all {
background-color: #31b744;
border-color: #31b744;
color: #ffffff !important;
}
.btn.btn-withdraw-all:hover {
background-color: #149632;
border-color: #149632;
}
.btn.trading-account-color {
background-color: #0076fe !important;
border-color: #0076fe !important;
color: #ffffff !important;
}
.btn.trading-account-color:hover {
background-color: transparent !important;
border-color: #0076fe !important;
color: #0076fe !important;
}
.btn.btn-blue {
background-color: #0076fe;
border-color: #0076fe;
color: #ffffff;
}
.btn.btn-blue:hover {
background-color: transparent;
border-color: #0076fe;
color: #0076fe;
}
.btn.btn-open-demo {
background-color: #0076fe;
border-color: #0076fe;
color: #ffffff;
}
.btn.btn-open-demo:hover {
background-color: transparent;
border-color: #0076fe;
color: #0076fe;
}
.btn.btn-light-blue {
background-color: #5bc0de;
border-color: #5bc0de;
color: #ffffff;
}
.btn.btn-light-blue:hover {
background-color: #23abd2;
border-color: #23abd2;
}
.btn.btn-blue-outline {
background-color: transparent;
border-color: #0076fe;
color: #0076fe;
}
.btn.btn-blue-outline:hover {
background-color: #0076fe;
border-color: #0076fe;
color: #ffffff;
}
.btn.btn-dark-blue-outline {
background-color: transparent;
border-color: #31708f;
color: #31708f;
}
.btn.btn-dark-blue-outline:hover {
background-color: #31708f;
border-color: #31708f;
color: #ffffff;
}
.btn.btn-blue-no-outline {
background-color: transparent;
border-color: transparent;
color: #0076fe;
}
.btn.btn-blue-no-outline:hover {
background-color: #0076fe;
border-color: #0076fe;
color: #ffffff;
}
.btn.btn-blue-outline.collapsed {
background-color: transparent;
border-color: #0076fe;
color: #0076fe;
}
.btn.btn-blue-outline:not(.collapsed) {
background-color: #0076fe;
border-color: #0076fe;
color: #ffffff;
}
.btn.btn-red {
background-color: #eb1c24;
border-color: #eb1c24;
color: #ffffff;
}
.btn.btn-red:hover {
background-color: #eb1c24;
border-color: #eb1c24;
}
.btn.btn-yellow {
background-color: #efa842;
border-color: #efa842;
color: #ffffff;
}
.btn.btn-yellow:hover {
background-color: #df9730;
border-color: #df9730;
}
.btn.btn-yellow-outline {
background-color: transparent;
border-color: #ff9a07;
color: #ff9a07;
top: 0px;
}
.btn.btn-yellow-outline:hover {
background-color: #ff9a07;
border-color: #ff9a07;
color: #ffffff;
}
.btn.btn-yellow-kyc {
background-color: #ff9a07;
border-color: #ff9a07;
color: #ffffff;
font-weight: 600;
top: 0px;
}
.btn.btn-yellow-kyc:hover {
background-color: transparent;
border-color: #ff9a07;
color: #ff9a07;
font-weight: 600;
}
.btn.btn-black-outline {
background-color: #ffffff;
border-color: black;
color: black;
}
.btn.btn-black-outline:hover {
background-color: black;
border-color: black;
color: #ffffff;
}
.btn.btn-black-outline.disabled {
background-color: #ffffff;
border-color: #e3e3e9;
color: #e3e3e9;
}
.modal.modal-info .modal-dialog {
max-width: 700px;
margin: 100px auto;
}
.modal.modal-info .modal-dialog .modal-content .modal-header {
border-bottom: none;
}
.modal.modal-info .modal-dialog .modal-content .modal-body {
padding: 100px 150px;
}
.modal.modal-info .modal-dialog .modal-content .modal-body.center {
text-align: center;
}
.modal.modal-info .modal-dialog .modal-content .modal-body .icon {
display: block;
font-size: 48px;
margin-bottom: 20px;
}
.modal.modal-info .modal-dialog .modal-content .modal-body .btn {
margin-top: 20px;
}
.alert {
padding: 20px;
}
.alert h5 {
display: inline;
vertical-align: middle;
}
.alert a {
position: relative;
color: #007bff;
top: -2px;
margin-right: 20px;
font-weight: bold;
text-decoration: none;
}
.alert a.text-link {
top: 0px;
margin-left: 4px;
}
.alert p {
margin: 20px 40px 0px 40px;
}
.alert ul {
padding-left: 40px;
}
.alert ul li {
list-style: none;
}
.alert ul li:before {
font-family: icomoon;
content: "\e944";
font-size: 12px;
font-weight: bold;
padding-right: 10px;
}
.alert.sticky {
top: -50px;
margin-bottom: 0px;
}
.alert .icon {
display: inline;
font-size: 30px;
vertical-align: middle;
}
.alert .icon-approve, .alert .icon-error {
font-size: 24px;
}
.alert .close {
opacity: 1;
margin-right: 0px;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bcdff1;
}
.alert-info .close {
color: #31708f !important;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d0e9c6;
}
.alert-success .close {
color: #3c763d !important;
}
.alert-warning {
color: #ff9a07;
background-color: #fcf8e3;
border-color: #faf2cc;
}
.alert-warning .close {
color: #ff9a07 !important;
}
.alert-danger {
color: #d51820;
background-color: #ffe9e9;
border-color: #ebcccc;
}
.alert-danger .close {
color: #d51820 !important;
}
.datepicker {
padding: 10px;
}
.progress-bar {
border-color: #0076fe;
}
.progress-bar.red {
background-color: #eb1c24;
}
.main-header {
background-color: #222222;
border-bottom: 1px solid #222222;
height: 85px;
}
.main-header .navbar-nav .nav-item.link {
margin-right: 20px;
}
.main-header .navbar-nav .nav-item.user {
border-left: 1px solid #f9f9f9;
}
.main-header .navbar-nav .nav-item .nav-link {
color: #f9f9f9;
}
.main-header .navbar-nav .nav-item.hamburger .nav-link {
font-size: 22px;
}
.main-header .navbar-nav .nav-item.language .nav-link {
text-transform: uppercase;
top: 2px;
}
.main-header .navbar-nav .nav-item.logout .nav-link {
font-size: 22px;
margin-top: -2px;
}
#sponsor-banner {
background: #000000;
}
#sponsor-banner img {
height: 4rem;
}
.main-sidebar {
background-color: #222222;
width: 275px;
}
.aside-block {
top: 4rem !important;
}
.main-sidebar .brand-link {
display: flex;
margin-left: 20px;
align-items: center;
background-color: #222222;
border-bottom: 1px solid #222222;
height: 85px;
}
.sidebar-collapse .main-sidebar .brand-link {
padding-left: 0;
}
.main-sidebar .brand-link .brand-image {
max-height: 60px;
}
.navbar .brand-link .logo {
max-height: 100%;
margin: 0;
background-image: url("/lte/img/ironfx/logo.svg");
background-repeat: no-repeat;
background-position: left;
background-size: cover;
width: 205px;
height: 60px;
}
.brand-link .logo-xs {
margin: 0;
background-image: url("/lte/img/ironfx/logo-xs.png");
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
left: 0px;
}
.brand-link .logo-xl {
max-height: 100%;
margin: 0;
background-image: url("/lte/img/ironfx/logo.svg");
background-repeat: no-repeat;
background-position: left;
background-size: cover;
width: 205px;
height: 60px;
}
.main-sidebar .sidebar {
padding: 0px;
}
.main-sidebar .sidebar .nav .nav-item.register {
margin-top: 20px;
margin-bottom: 20px;
}
.main-sidebar .sidebar .nav .nav-item.register .nav-link {
color: #0076fe;
text-transform: uppercase;
}
.main-sidebar .sidebar .nav .nav-item.register .nav-link:hover {
background-color: #222222;
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item.register .nav-link .nav-icon {
color: #0076fe;
}
.main-sidebar .sidebar .nav .nav-item.register .nav-link:hover .nav-icon {
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item .nav-link {
background-color: #222222;
color: #f9f9f9;
margin-bottom: 0px;
}
.main-sidebar .sidebar .nav .nav-item .nav-link:hover {
background-color: #2d2d2d;
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item .nav-link:hover .nav-icon {
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item .nav-link.active {
background-color: #2d2d2d;
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item .nav-link.active .nav-icon {
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item.menu-open > .nav-link {
background-color: #2d2d2d;
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item.menu-open > .nav-link .nav-icon {
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item.menu-open > .nav-link.active {
background-color: #2d2d2d;
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item.menu-open > .nav-link.active .nav-icon {
color: #eb212e;
}
.main-sidebar .sidebar .nav .nav-item .nav-icon {
text-align: left;
color: #f9f9f9;
font-size: 16px;
margin-left: 10px;
margin-right: 10px;
}
.main-sidebar .sidebar .nav .nav-item p {
margin-left: 0px;
}
.main-sidebar .sidebar .nav .nav-item p span {
text-align: right !important;
}
.main-sidebar .sidebar .nav .nav-item .nav-treeview {
background-color: #222222;
}
.main-sidebar .sidebar .nav .nav-item .nav-treeview .nav-link {
background-color: #222222;
padding-left: 35px;
}
.main-sidebar .sidebar .nav .nav-item .nav-treeview .nav-link.active {
color: #f9f9f9;
font-weight: bold;
}
.main-sidebar .sidebar .nav .nav-item .nav-treeview .nav-link:hover {
color: #eb212e;
}
.main-content {
background-color: #f2f2f2;
margin-left: 275px !important;
overflow: hidden;
}
.main-content .main-content-container {
padding: 50px 0px;
left: 15%;
right: 15%;
}
.main-content .main-content-container .content-header {
padding-bottom: 50px;
}
.main-content .main-content-container .content-header h1 {
font-size: 28px;
font-weight: bold;
color: #000000;
}
.main-content .main-content-container .content .nav.nav-pills .nav-link {
background-color: #ffffff;
color: #9f9f9f;
border: 1px solid #d0d4df;
}
.main-content .main-content-container .content .nav.nav-pills .nav-link.active {
background-color: #eb1c24;
color: #ffffff;
border: 1px solid #eb1c24;
}
.main-content .main-content-container .content .card {
box-shadow: none;
border: 1px solid #dfdfdf;
margin: 20px 0px;
padding: 20px;
}
.main-content .main-content-container .content .card.transparent {
background-color: transparent;
border: none;
padding: 0px;
}
.main-content .main-content-container .content .card .card-header {
border-bottom: none;
}
.main-content .main-content-container .content .card .card-header h5 {
font-weight: bold;
}
.main-content .main-content-container .content .card .card-header h5 .icon {
margin-right: 20px;
font-size: 22px;
vertical-align: middle;
}
.main-content .main-content-container .content .card.transparent .card-body {
padding: 0px;
}
.main-content .main-content-container .content .card .card-body label {
display: block;
}
.main-content .main-content-container .content .card .card-body .form-row label {
display: block;
}
.main-content .main-content-container .content .card .card-body .form-row .select .custom-select {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .form-row .select button {
background-color: initial;
border: 1px solid #ced4da;
text-transform: capitalize;
}
.main-content .main-content-container .content .card .card-body .form-row .action button {
margin-top: 31px;
}
.main-content .main-content-container .content .card .card-body .form-row .action a {
position: relative;
top: 20px;
}
.main-content .main-content-container .content .card .card-body .notice {
width: 50%;
}
.main-content .main-content-container .content .card .card-body .form-control {
width: 50%;
}
.main-content .main-content-container .content .card .card-body .progress {
width: 50%;
}
.main-content .main-content-container .content .card .card-body .form-inline .form-control {
width: auto;
}
.main-content .main-content-container .content .card .card-body .custom-select {
display: block;
width: 50%;
}
.main-content .main-content-container .content .card .card-body .form-inline .custom-select {
width: auto;
}
.main-content .main-content-container .content .card .card-body .custom-file {
display: block;
width: 50%;
}
.main-content .main-content-container .content .card .card-body .form-group .table {
display: block;
width: 50%;
}
.main-content .main-content-container .content .card .card-body .additional_settings {
width: 50%;
}
.main-content .main-content-container .content .card .card-body #datepicker {
display: inline-block;
width: 25%;
}
.main-content .main-content-container .content .card .card-body #datepicker .datepicker {
border-right: none;
}
.main-content .main-content-container .content .card .card-body #datepicker .input-group-prepend .input-group-text {
background-color: transparent;
border-left: none;
}
.main-content .main-content-container .content .card .card-body .custom-file label:after {
background-color: #0076fe;
color: #ffffff;
}
.main-content .main-content-container .content .card .card-body .table th {
border-top: none;
}
.main-content .main-content-container .content .card .card-footer {
background: none;
}
.main-footer {
background-color: #222222;
color: #f9f9f9;
margin-left: 275px !important;
border-top: 1px solid #222222;
}
.main-footer .main-footer-container {
left: 15%;
right: 15%;
}
.main-footer a {
color: #f9f9f9;
text-decoration: underline;
}
.main-content .main-content-banner {
left:15%;
margin-top: 15px;
margin-bottom: -15px;
right: 15%;
}
.main-content .main-content-banner .banner-top {
margin-left: -5px;
object-fit: contain;
width: 100%;
}
.hide-the-notification:not(.preview) {
display: none;
}
.show-the-notification:not(.preview) {
display: block;
}
@media (max-width: 575px) {
.vip-room .header .d-flex {
flex-direction: column;
}
.lang-fa .tradecopier-title-mob ~ .content .alert .icon.icon-notification-info , .lang-ar .tradecopier-title-mob ~ .content .alert .icon.icon-notification-info {
margin-right: 0px;
margin-left: 10px;
}
.lang-fa .tradecopier-title-mob ~ .content #tradecopierTabsContent form.provider-form select, .lang-ar .tradecopier-title-mob ~ .content #tradecopierTabsContent form.provider-form select {
padding-right: 30px;
}
.lang-fa form#widgetProfileForm select , .lang-ar form#widgetProfileForm select {
padding-right: 30px;
}
.lang-fa .main-sidebar .brand-link, .lang-ar .main-sidebar .brand-link {
display: none;
}
.lang-fa table.MsoNormalTable.table-default tr, .lang-ar table.MsoNormalTable.table-default tr {
border-left: solid 1px #000;
}
.lang-fr #documents-form .card-footer ul.pagination {
font-size: 11px !important;
}
.lang-ja table.table-default {
overflow-y: auto;
width: 100%;
scroll-behavior: auto;
white-space: nowrap;
display: block;
}
.btn.tradecopier-sso-link.sso-link, .btn.tradecopy-sso-link.sso-link {
font-size: 16px !important;
font-weight: 600 !important;
height: 56px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.btn.tradecopy-sso-link.sso-link {
width: 100%;
flex-direction: initial !important;
align-items: center;
margin-top: 1rem;
}
.sso-link.marketinghub-sso-link.black-button {
font-size: 16px !important;
font-weight: 600 !important;
height: 56px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
position: inherit !important;
margin: 10px 0px 10px 0px !important;
width: 100% !important;
border-radius: 4px !important;
text-align: center !important;
}
a.btn {
font-size: 16px !important;
font-weight: 600 !important;
height: 56px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
a.btn.d-block {
display: block !important;
}
.dashboard-mob span.tradecopier-sso {
width: 100% !important;
position: inherit !important;
margin-top: 10px;
}
.webtraider-link {
margin-top: 10px;
font-size: 16px !important;
font-weight: 600 !important;
width: 100% !important;
}
.main-content .main-content-container .content .card .card-header .tradecopier-sso-link:before {
margin-left: -152px !important;
}
.row.w-100.position-relative.mb-3 {
margin-left: 0px;
margin-right: 0px;
}
.dashboard-mob span.tradecopier-sso .btn.tradecopier-sso-link.sso-link {
width: 100% !important;
position: inherit !important;
text-align: center !important;
background-image: linear-gradient(to top, #222, #222) !important;
}
.title-account-type {
width: calc(100% - 25px);
}
.card-tools-mob {
position: absolute;
right: 20px;
}
.alert .btn {
display: block;
float: none !important;
}
.main-sidebar {
margin-left: -1000px;
}
#sidebar-overlay {
z-index: 1033;
}
.main-header {
padding: 0px 25px;
margin-left: 0px !important;
display: flex;
justify-content: space-between;
}
.main-header .left {
padding-left: 0;
}
.tradecopier-sso-link.sso-link {
position: relative;
width: 100%;
right: 0px;
left: 0px;
text-align: center;
}
.dashboard-mob .card-tools {
position: absolute;
right: 20px;
}
.dashboard-mob p b.mb2 {
}
nav:not(.clientPortalHome) .navbar-nav.right {
display: none;
}
.clientPortalHome .navbar-nav.right {
display: block;
}
.main-header .right .nav-item {
display: none;
}
.main-header .right .language {
display: block;
}
.main-header .right .language .nav-link {
display: flex;
}
.main-header .right .language .nav-link .nav-icon{
margin-top: 4px;
}
.main-content .main-content-container .content-header {
padding-bottom: 10px;
}
.content-header {
padding: 15px 0.5rem !important;
}
.card-header h5 {
margin-bottom: 0px;
}
.main-content .main-content-container .content .card .card-header h5 .icon {
margin-right: 10px;
font-size: 27px;
vertical-align: middle;
}
.form-group .form-inline {
display: flex;
justify-content: space-between;
}
.form-group .form-inline input:nth-child(1) {
width: 21% !important;
background-color: #fff;
}
.form-group .form-inline input:nth-child(2) {
width: 77% !important;
}
.custom-select, select.form-control {
background: url(/lte/img/ironfx/select-icon.png) white no-repeat calc(100% - 10px) !important;
appearance: none;
}
.card.trading-central-main {
padding: 0px 0px 20px 0px !important;
}
.card.trading-central-main:first-child {
margin-top: 0px !important;
}
.trading-central-main ~ .widgets .widget.card {
padding: 20px 20px 0px !important;
}
.swap-free-main {
margin-top: 0px !important;
padding-top: 0px !important;
}
.ib-assigment-main {
margin-top: 0px !important;
padding-top: 0px !important;
}
.forgot-form .card-body h3.center , p.center {
text-align: left !important;
}
.forgot-form .card-body p.center {
margin-bottom: 50px;
}
.forgot-form .card-body {
padding-top: 0px;
}
button#btn-forgot-password {
width: 100%;
}
.main-content .main-content-container .content .card {
padding: 20px 0px 0px;
margin: 20px 0px 0px;
}
.main-content .main-content-container .content .card.guid {
padding: 20px 0px !important;
}
.accordion #showInfo a {
justify-content: center;
}
.card-header {
padding: 0px 1.25rem;
}
.sidebar-collapse .main-sidebar {
display: none;
}
.sidebar-open .main-sidebar .brand-link {
display: none;
}
.main-sidebar {
width: 100%;
padding: 0px 10px;
top: 60px !important;
}
.main-sidebar .sidebar .nav .nav-item.language .nav-link .nav-icon {
width: 16px;
height: 11px;
}
.main-sidebar .sidebar .nav .nav-item.language .nav-treeview .nav-link {
padding-left: 15px;
}
.main-sidebar .sidebar .nav .nav-item.language .nav-treeview .nav-link .nav-icon {
width: 16px;
height: 11px;
}
.main-content {
margin-left: 0px !important;
}
.main-content .main-content-banner {
left: 0%;
}
.main-content .main-content-banner .banner-top {
margin-left: 0px;
}
.main-content .main-content-container {
left: 0%;
right: 0%;
padding: 15px 15px;
}
.main-content .main-content-container .content .card .card-header h5.dashboard-mob {
display: flex !important;
flex-direction: column;
}
.ia.filter-blocks {
display: flex;
flex-direction: column;
align-content: center;
}
.ia.filter-blocks .filter-results {
max-width: 100%;
order: 2;
}
.ia.filter-blocks .filter-results a {
flex-direction: row !important;
justify-content: center;
align-items: center;
}
.ia.filter-blocks .open-account {
order: 1;
margin-bottom: 10px;
}
.ia.filter-blocks .open-account a {
background-color: #0076FE;
color: white;
height: 56px;
font-size: 16px !important;
display: flex;
flex-direction: column;
justify-content: center;
}
.card.account-card .info-box-content p {
margin-bottom: 0px;
}
.card.account-card a.btn.btn-default.btn-green.btn-open-account.button-click-action {
margin-top: 30px;
}
.content-header {
padding-top: 35px !important;
padding-bottom: 30px !important;
}
#PORRequiredNotification .d-flex {
flex-direction: column;
}
#PORRequiredNotification .d-flex span{
position: absolute;
left: 20px;
}
#PORRequiredNotification .d-flex b {
width: calc(100% - 66px) !important;
font-size: 14px !important;
padding-left: 25px;
padding-bottom: 0px;
display: flex;
height: 35px;
color: #FF9A07;
flex-direction: row;
align-content: center;
flex-wrap: nowrap;
align-items: center;
}
#PORRequiredNotification .d-flex a {
width: 100%;
margin: 0px;
}
.kyc-poi-approved-home strong .notification-title, .border-red strong .notification-title {
width: 100%;
padding-bottom: 20px;
display: flex;
}
.border-red a.btn-red-kyc, .kyc-poi-approved-home a.btn-green-kyc{
margin-right: 0px !important;
}
.border-red .d-flex span, .kyc-poi-approved-home .d-flex span {
top: 25px;
}
.stepper-item .step-counter {
width: 50px !important;
height: 50px !important;
}
.stepper-item::after {
top: 25px !important;
}
.step-name {
font-size: 16px !important;
}
.stepper-item .step-counter {
font-size: 22px !important;
}
#pmamPromoCodeModal ~ form .card-header h5 {
font-size: 24px;
}
#pmamPromoCodeModal ~ form .card {
margin-top: 0px;
}
.btn.pmam-promo-code {
padding-bottom: 30px;
}
#platform_selector {
width: 100%;
}
#platform_selector label {
width: 50%;
min-height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
#headerLoginForm input {
height: calc(3.25rem + 2px) !important;
}
.btn-login {
width: 100%;
height: calc(3.25rem + 2px) !important;
}
.main-content .main-content-container .content .card .card-header h5.dashboard-mob .tradecopier-sso-link {
right: 20px;
}
.block-register h3 {
margin-bottom: 40px;
}
.a-open-account, .a-open-demo-account {
width: 100%;
height: calc(3.25rem + 2px) !important;
display: flex;
flex-direction: column;
justify-content: center;
}
h3.profile-username {
font-size: 18px;
font-weight: 700;
height: auto;
margin-bottom: 10px;
}
.text-muted {
height: auto;
margin-bottom: 50px;
}
.text-muted ~ a.button-click-action {
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
margin-bottom: 20px;
}
#additional_settings a {
min-height: 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.btn.trading-account-color, .btn.btn-blue {
width: 100%;
height: 56px;
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
}
.card.e-wallet-card .card-body {
padding-bottom: 20px !important;
}
#additional_settings {
margin-top: 20px;
}
.sidebar-open .main-sidebar {
height: 85vh;
min-height: 85vh !important;
padding-bottom: 20px !important;
}
body.sidebar-mini.client-portal.lang-en.cont-ia.sidebar-open {
overflow: hidden;
}
.card .card-footer a.btn-small-card {
height: 56px;
display: flex;
flex-direction: column;
justify-content: center;
width: 90%;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 20px;
}
.navbar .brand-link .logo {
max-height: 100%;
margin: 0;
background-image: url("/lte/img/ironfx/logo.svg");
background-repeat: inherit;
background-position: left;
background-size: cover;
width: 205px;
height: 60px;
}
.main-header {
padding: 0px 5px !important;
}
.main-header {
height: 60px;
}
.card.competition-card-main {
margin-top: 0px !important;
}
.card.ib-registration-main {
margin-top: 0px !important;
padding-top: 0px !important;
}
.video-title-mob {
padding: 0px !important;
}
#tradecopierTabsContent .tab-pane form a.terms-link {
font-size: 16px;
}
#serviceNoticeModal.modal.modal-rel {
min-height: 400px !important;
top: -130px !important;
}
.MsoNormalTable {
overflow-x: scroll;
display: block;
width: 100% !important;
}
.main-content .main-content-container .content .card .card-header h5 .marketinghub-sso-link:before{
margin-left: 15px !important;
}
.activate-card-main {
margin-top: 0px !important;
padding-top: 0px !important;
}
.tradecopier-title-mob ~ .content .alert.alert-info {
display: flex !important;
flex-direction: row !important;;
align-items: flex-start !important;;
}
.dashboard-mob p {
margin: 0px;
line-height: 26px;
}
.tradecopier-title-mob {
margin-bottom: 0px !important;
}
.youtube-filters h3 {
margin-top: 27px !important;
margin-bottom: 14px !important;
}
.card.ib-registration-main .card-footer .form-group {
margin-bottom: 20px;
}
#KYCRequiredNotification a {
padding: 10px;
}
#KYCRequiredNotification {
margin-bottom: 10px;
}
#deposit_form_disclaimer div b {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 18px;
}
#internalTransfersForm #amount {
height: calc(3.25rem + 2px) !important;
}
.alert-warning {
border: 1px solid #ff9a07;
}
#internalTransfersForm .card {
margin-top: 0px !important;
padding-top: 0px !important;
}
#internalTransfersForm .card-footer .form-group {
margin-bottom: 0px;
}
#internalTransfersForm .card-footer {
margin-bottom: 20px;
padding-top: 34px;
padding-bottom: 0px;
}
.card.card-report-form {
margin-top: 0px !important;
padding-top: 0px !important;
}
.trading-platforms-main {
margin-top: 0px !important;
}
.trading-platforms-main .card-body {
padding-top: 0px !important;
}
.card.card-report-form #tradingReportForm .card-footer .form-group {
margin-bottom: 0px;
}
.card.card-report-form #tradingReportForm .card-footer {
padding-bottom: 20px;
padding-top: 34px;
}
.premium-normal-main {
margin-top: 0px !important;
padding-top: 0px !important;
}
.premium-normal-main .card-footer .form-group {
margin-bottom: 0px;
}
.premium-normal-main .card-footer {
padding-bottom: 20px;
padding-top: 34px;
}
.transaction_history {
border: 1px solid #D0D4DF;
background-color: #fff;
padding: 20px;
border-radius: 4px;
padding-bottom: 0px;
}
.transaction_history ul li {
margin: 5px;
}
.form-row>.col, .form-row>[class*=col-] {
padding-right: 0px;
padding-left: 0px;
width: 100%;
margin-right: 0px !important;
}
#filter-accounts .form-row {
width: 100%;
margin: 0px !important;
}
.transaction_history table th {
white-space: nowrap;
}
.transaction_history .card {
border: none !important;
}
.card.document-card-main {
padding: 0px 15px !important;
}
#widgetProfileForm .card-header h5 {
margin-top: 15px;
}
#widgetProfileForm .card-header:first-child h5 {
margin-top: 0px;
}
#upload_poi_status_pending ~ .card {
margin: 0px 0px 10px 0px;
}
#widgetProfileForm .card {
margin-top: 0px;
}
#upload_poi_status_pending ~ #documents-form .card {
margin: 10px 0px 0px;
}
iframe#tradingcentral {
background-color: #fff;
}
.cont-ia #tradecopierTabsContent form {
padding: 20px;
}
.transaction_history .card .card-body {
padding: 0px;
}
#ib-terms-group ~ .card-footer {
margin-top: 50px;
padding: 0px;
}
.trading_report_form {
display: flex;
justify-content: space-between;
}
.trading_report_form .form-inline select {
width: 48% !important;
}
.trading_report_form .form-inline {
display: contents;
}
#current_group {
height: calc(3.25rem + 2px) !important;
}
.main-content .main-content-container .content .card.account-card .card-body .info-box {
min-height: auto !important;
}
.account-card .card-body .info-box .info-box-content {
text-align: left;
}
.promotion-card .card-body .info-box .info-box-content {
text-align: left;
}
a.btn.btn-default.btn-block.btn-blue-no-outline.button-click-action {
font-size: 12px;
}
.main-content .main-content-container .content .card .card-body {
padding-bottom: 0px;
}
.sticky-col-first {
position: -webkit-sticky !important;
position: sticky !important;
background-color: #f2f2f2;
left: -1px;
width: 150px !important;
height: 114px;
z-index: 1;
}
.block-table {
position: relative;
overflow: auto;
}
.main-content .main-content-container .content .card .card-body .collapse.hide {
display: none;
}
.main-content .main-content-container .content .card .card-body .collapse.show {
display: block;
}
.main-content .main-content-container .content .card .card-body .notice {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .input-group .form-control {
width: 50%;
}
.main-content .main-content-container .content .card .card-body .form-control {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .progress {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .custom-select {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .custom-file {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .additional_settings {
width: 100%;
}
.main-footer {
margin-left: 0px !important;
}
.main-footer .main-footer-container {
left: 0%;
right: 0%;
padding: 25px 15px;
font-size: 14px;
}
.youtube-filters div {
width: 100% !important;
}
.card-block-main:first-child .card.card-outline.card-small-card {
margin-top: 0px;
}
.card-block-main .card.card-outline.card-small-card {
margin-top: 10px;
}
.card-block-main:first-child .card.card-outline {
margin-top: 0px !important;
}
.card-block-main .card.card-outline {
margin-top: 10px !important;
}
.btn-open-pdf-manual {
width: auto !important;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.main-header .left {
margin: 0 auto;
}
.main-header .right {
display: block;
}
.main-header .right .nav-item {
display: none;
}
.main-header .right .language {
display: block;
}
.main-header .right .language .nav-link {
display: flex;
}
.main-header .right .language .nav-link .nav-icon{
margin-top: 4px;
}
.alert .btn {
display: block;
float: none !important;
}
#sidebar-overlay {
z-index: 1033;
}
.main-header {
padding: 0px 35px;
margin-left: 0px !important;
}
.main-header .left {
margin: 0 auto;
padding-left: 0;
}
.main-header .right {
display: block;
}
.main-header .right .nav-item {
display: none;
}
.main-header .right .language {
display: block;
}
.main-header .right .language .nav-link {
display: flex;
}
.main-header .right .language .nav-link .nav-icon{
margin-top: 4px;
}
.sidebar-collapse .main-sidebar {
display: none;
}
.sidebar-open .main-sidebar .brand-link {
display: none;
}
.main-sidebar {
width: 100%;
padding: 0px 35px;
top: 80px !important;
}
.main-sidebar .sidebar .nav .nav-item.language .nav-link .nav-icon {
width: 16px;
height: 11px;
}
.main-sidebar .sidebar .nav .nav-item.language .nav-treeview .nav-link {
padding-left: 15px;
}
.main-sidebar .sidebar .nav .nav-item.language .nav-treeview .nav-link .nav-icon {
width: 16px;
height: 11px;
}
.main-content {
margin-left: 0px !important;
}
.main-content .main-content-banner {
left: 0%;
}
.main-content .main-content-banner .banner-top {
margin-left: 0px;
}
.main-content .main-content-container {
left: 0%;
right: 0%;
padding: 50px 50px;
}
.main-content .main-content-container .content .card .card-body .collapse.hide {
display: none;
}
.main-content .main-content-container .content .card .card-body .collapse.show {
display: block;
}
.main-content .main-content-container .content .card .card-body .notice {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .input-group .form-control {
width: 50%;
}
.main-content .main-content-container .content .card .card-body .form-control {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .progress {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .custom-select {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .custom-file {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .additional_settings {
width: 100%;
}
.main-footer {
margin-left: 0px !important;
}
.main-footer .main-footer-container {
left: 0%;
right: 0%;
padding: 50px 50px;
}
.youtube-filters div {
width: 100% !important;
}
.ia.filter-blocks .filter-results {
order: 2;
}
.ia.filter-blocks .open-account {
order: 1;
}
}
@media (min-width: 768px) and (max-width: 990px) {
.ia.filter-blocks .filter-results {
order: 2;
}
.ia.filter-blocks .open-account {
order: 1;
}
#sidebar-overlay {
z-index: 1033;
}
.main-header {
padding: 0px 50px;
margin-left: 0px !important;
}
.main-header .left {
/*margin: 0 auto;*/
}
.main-header .right {
display: none;
}
.sidebar-collapse .main-sidebar {
display: none;
}
.sidebar-open .main-sidebar .brand-link {
display: none;
}
.main-sidebar {
width: 100%;
padding: 0px 50px;
top: 80px !important;
}
.main-sidebar .sidebar .nav .nav-item.language .nav-link .nav-icon {
width: 16px;
height: 11px;
}
.main-sidebar .sidebar .nav .nav-item.language .nav-treeview .nav-link {
padding-left: 15px;
}
.main-sidebar .sidebar .nav .nav-item.language .nav-treeview .nav-link .nav-icon {
width: 16px;
height: 11px;
}
.main-content {
margin-left: 0px !important;
}
.main-content .main-content-banner {
left: 4%;
padding-left: 30px;
}
.main-content .main-content-banner .banner-top {
margin-left: 0px;
}
.main-content .main-content-container {
left: 4%;
right: 4%;
padding: 50px 30px;
}
.main-content .main-content-container .content .card .card-body .collapse.hide {
display: none;
}
.main-content .main-content-container .content .card .card-body .collapse.show {
display: block;
}
.main-content .main-content-container .content .card .card-body .notice {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .input-group .form-control {
width: 50%;
}
.main-content .main-content-container .content .card .card-body .form-control {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .progress {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .custom-select {
width: 100%;
}
.main-content .main-content-container .content .card .card-body .custom-file {
width: 100%;
}
.main-footer {
margin-left: 0px !important;
}
.main-footer .main-footer-container {
left: 4%;
right: 4%;
padding: 50px 30px;
}
}
.main-content .main-content-container .content .card .card-header {
display: center;
}
.main-content .main-content-container .content .card .card-header .card-action {
cursor: pointer;
display: inline-flex;
}
.main-content .main-content-container .content .card .card-header .card-tools {
position: absolute;
right: 0;
top: 0;
}
.main-content .main-content-container .content .card .card-header h5.dashboard-desktop {
width: 100% !important;
display: inline-flex;
position:relative;
}
.marketinghub-sso-link,
.tradecopier-sso-link,
.tradecopy-sso-link {
flex-grow: 0;
font-size: 13px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
white-space: nowrap;
overflow: hidden;
margin-bottom: 10px;
}
.tradecopier-sso-link, .tradecopy-sso-link {
flex: none;
width: 153px;
height: 34px;
border-radius: 4px;
background-image: linear-gradient(to top, #222, #4a4a4a);
color: #fff;
text-decoration: none;
}
.tradecopier-sso-link {
padding: 6px 20.8px 6.5px 50px;
}
.tradecopy-sso-link {
padding: 6px 35px 6.5px 35px;
}
.marketinghub-sso-link,
.webtraider-link {
flex: none;
width: 180px;
height: 38px;
flex-grow: 0;
padding: 10px 25px 6px 62px;
border-radius: 4px;
background-image: linear-gradient(to right, #0038fe, rgba(51, 0, 254, 0.46));
margin-bottom: 10px;
font-size: 13px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #fff;
cursor: pointer;
}
.marketinghub-sso-link {
font-size: 16px !important;
font-weight: 600 !important;
height: 56px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.main-content .main-content-container .content .card .card-header .marketinghub-sso-link:before {
margin-left: -161px !important;
}
.webtraider-link {
padding: 10px 14px;
background-image: none;
color: #0076fe;
border: 1px solid #0076fe;
border-radius: 0.25rem;
text-transform: uppercase;
font-weight: 600 !important;
width: 180px;
height: 34px;
padding: 7px;
}
.margin-left-auto {
margin-left: auto;
}
.marketinghub-sso-link:before{
width: 21px;
height: 21px;
position: absolute;
margin-left: -35px;
content: url("/lte/img/marketinghub.svg");
margin-top: -3px;
}
.tradecopier-sso-link:before {
/*content: "";*/
/*background: url("/ironfx/img/tradecopier-sso.svg") no-repeat;*/
width: 21px;
height: 21px;
position: absolute;
margin-left: -35px;
padding-right: 5px;
content: url("/ironfx/img/tradecopier-sso.svg");
margin-top: 1px;
}
.tradecopy-sso-link .icon-tradecopy {
padding-right: 12px;
font-size: 23px;
}
a.webtraider-link {
padding-left: 40px;
align-items: center !important;
}
.webtraider-link:before {
width: 21px;
height: 21px;
position: absolute;
padding-right: 5px;
content: url("/lte/img/ironfx/Web-Trader-App.svg");
margin-top: -4px;
margin-left: -228px !important;
}
.black-button {
flex: none;
width: 153px;
height: 34px;
padding: 6px 20.8px 6.5px 50px;
border-radius: 4px;
background-image: linear-gradient(to top, #222, #4a4a4a);
color: #fff;
text-decoration: none;
}
@media (max-width: 575px) {
.main-content .main-content-container .content .card .card-header h5 {
flex-direction: column!important;
display: flex!important;
}
.main-content .main-content-container .content .card .card-header h5.header-inline {
flex-direction: row!important;
margin-bottom: 10px;
}
.tradecopier-sso-link {
position: absolute;
bottom: 0;
right: 0;
}
.formatted-block {
width: 100%;
}
.formatted-block .btn.tradecopier-sso-link.sso-link {
width: 100%;
position: inherit !important;
text-align: center !important;
background-image: linear-gradient(to top, #222, #222) !important;
align-items: center !important;
}
.marketinghub-sso-link,
.webtraider-link {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}
.webtraider-link {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
height: 56px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
.header-notification b {
flex-direction: column;
}
.header-notification a {
font-size: 12px !important;
margin-top: 10px;
margin-right: auto !important;
margin-left: auto;
}
.header-notification p {
margin: 20px 20px 20px 40px;
text-align: justify!important;
}
.modal.modal-info .modal-dialog .modal-content .modal-body.center {
padding: 0 20px 20px 20px;
}
.main-content .main-content-container .content .card .card-header .marketinghub-sso-link,
.main-content .main-content-container .content .card .card-header .webtraider-link {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
align-items: center !important;
}
.card-buttons {
margin-right: 0 !important;
}
.formatted-block-main {
flex-direction: column;
}
.info-box-news .news-list {
display: flex;
flex-direction: column;
}
.news-list b::after {
display: none;
}
.news-block .title-news {
margin-left: 0px;
}
.navbar .brand-link .logo{
background-image: url("/lte/img/ironfx/logo-mobile.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 173px;
}
#sponsor-banner {
display: none;
}
.tradecopier-banner-description {
padding: 0px 30px;
}
.tradecopier-banner-description p {
margin-bottom: 40px !important;
}
.tradecopier-followers-card #PORRequiredNotification .d-flex span{
left: 30px;
}
.tradecopier-followers-card #PORRequiredNotification {
padding: 20px;
}
}
@media (min-width: 576px) {
.webtraider-link:before {
margin-left: -193px !important;
}
.card-trading-account .card-header {
padding: 0px;
}
.card-trading-account .card-body {
padding: 0px;
}
.filter-blocks {
margin-top: 40px;
}
#filter-results form .card .card-body .form-row {
flex-wrap: nowrap !important;
display: flex !important;
}
#filter-results form .card .card-body .form-row div.col-auto {
width: calc(100%/4);
}
#filter-results form .card .card-body .form-row .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
#filter-results form .card .card-body .form-row div.col-auto #filter_submit {
width: 100%;
}
.tfa-content-header {
max-width: 70%;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.main-content .main-content-container .content .card .card-header h5.dashboard-desktop {
flex-direction: column!important;
display: flex!important;
}
.main-content .main-content-container .content .card .card-header h5.dashboard-desktop.header-inline {
flex-direction: row!important;
margin-bottom: 10px;
}
.tradecopier-sso-link, .tradecopy-sso-link {
width: 100%;
height: 56px;
display: flex;
align-content: center;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.tradecopier-sso-link {
flex-direction: column;
}
.tradecopy-sso-link {
flex-direction: initial;
}
.marketinghub-sso-link,
.webtraider-link {
margin-left: auto;
margin-right: auto;
}
.modal.modal-info .modal-dialog .modal-content .modal-body {
padding: 50px 75px;
}
.main-content .main-content-container .content .card .card-header .marketinghub-sso-link,
.main-content .main-content-container .content .card .card-header .webtraider-link {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}
.main-content .main-content-container .content .card .card-header .marketinghub-sso-link:before {
margin-left: 23px;
}
.tradecopier-sso-link:before {
margin-left: -150px;
}
.main-content .main-content-container .content .card .card-header .webtraider-link {
width: 100%;
height: 56px;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 14px;
}
.main-content .main-content-container .content .card .card-header .card-action,
.card-buttons {
width: 100%;
}
.card-buttons {
margin-right: 0 !important;
}
}
@media (max-width: 767px) {
.title-promotions {
font-size: 22px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
}
button.accordion {
margin-bottom: 20px !important;
margin-top: 20px !important;
}
.main-footer .main-footer-container {
left: 0%;
right: 0%;
}
}
@media (min-width: 768px) and (max-width: 990px) {
.main-header .right {
display: flex;
}
.main-header .right .nav-item {
display: none;
}
.main-header .right .language {
display: block;
}
.main-header .right .language .nav-link {
display: flex;
}
.main-header .right .language .nav-link .nav-icon{
margin-top: 4px;
}
.main-content .main-content-container .content .card .card-header h5.dashboard-desktop {
padding-bottom: 40px;
flex-direction: column!important;
display: flex!important;
}
.main-content .main-content-container .content .card .card-header h5.dashboard-desktop.header-inline {
flex-direction: row!important;
margin-bottom: 10px;
}
.tradecopier-sso-link, .tradecopy-sso-link {
width: 100%;
height: 56px;
display: flex;
align-content: center;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.tradecopier-sso-link {
flex-direction: column;
}
.tradecopy-sso-link {
flex-direction: initial;
}
.tradecopier-sso-link:before {
margin-left: -150px;
}
.modal.modal-info .modal-dialog .modal-content .modal-body {
padding: 50px 75px;
}
.main-content .main-content-container .content .card .card-header .marketinghub-sso-link,
.main-content .main-content-container .content .card .card-header .webtraider-link {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}
.main-content .main-content-container .content .card .card-header .webtraider-link {
width: 100%;
height: 56px;
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.btn.tradecopier-sso-link.sso-link, .btn.tradecopy-sso-link.sso-link {
width: 100% !important;
display: flex;
align-content: center;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.btn.tradecopier-sso-link.sso-link {
flex-direction: column;
}
.btn.tradecopy-sso-link.sso-link {
flex-direction: initial;
}
.btn-launch-red {
height: 38px
}
.main-content .main-content-container .content .card .card-header .card-action,
.card-buttons {
width: 100%;
}
.card-buttons {
margin-right: 0 !important;
}
}
.main-content .main-content-container .content .card .card-header p {
overflow: hidden;
display: block !important;
}
.main-content .main-content-container .content .card .card-header h5.dashboard-desktop {
display: inline-flex;
margin-right: 20px;
}
.halloween-logo::after {
background-image: url(/lte/img/ironfx/new.svg), none;
background-repeat: no-repeat;
background-size: 24px 13px;
content: "";
width: 24px;
height: 13px;
top: 2px;
left: 4px;
position: relative;
display: inline-block;
}
.icon-center {
padding: .6rem .2rem 0.5rem 0.65rem;
align-self: center!important;
}
.icon-note.kyc-status {
color: #ff9a07;
}
.icon-note.kyc-status.red {
color: #eb1c24;
}
.width-10 {
max-width: 10rem !important;
}
.icon-profile-center {
width: 1rem !important;
text-align: center;
margin-right: 3px;
}
.w-40 {
width: 40%;
}
.font-14 {
font-size: 14px;
}
.icon.green, .stepper-item.completed .step-counter {
color: #31b744;
}
nav > ul > li.nav-item a[href*="academy"] > p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 2px;
padding-right: 2px;
margin-top: -3px !important;
position: absolute;
}
nav > ul > li.nav-item a[href*="the-next-iron-trader"] > p:after,
.icon-tutorial-mouseover + p:after{
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="demo-competition"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="sm-competition"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="regional-competition"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="grand-trading-prix-competition"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="legend-of-the-fx-tournament"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="summer-trading-contest"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="second-global-trading-race"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="legend-of-fx-tournament-2"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="new-year-competition"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="dragon-contest"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="summer-cooler"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="summer-contest"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="autumn-competition"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="brotherhood-cup"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="grand-trading-slam-competition"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="chinese-new-year-of-snake"]>p:after,
nav > ul > li.nav-item a[href*="chinese-new-year-of-snake-march"]>p:after,
nav > ul > li.nav-item a[href*="chinese-new-year-of-snake-april"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="ramadan-contest"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="hari-raya"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="persian-new-year"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="bull-and-bears-rally"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="mexico-city-traders-challenge"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="battle-of-traders"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="mexico-city-traders-challenge"] > span.nav-icon {
margin-left: 0!important;
}
nav > ul > li.nav-item a[href*="hiro-trade-battle"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
padding-right: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="summer-live"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="hydrangea-cup"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
nav > ul > li.nav-item a[href*="titans-challenge"]>p:after,
.icon-tutorial-mouseover+p:after {
content: url('/lte/img/icons/new-badge.png');
padding-left: 8px;
position: absolute;
margin-top: -3px;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
background-position: center right calc(1.375em + .1875rem) !important;
}
.form-email-preferences p {
margin: 5px;
}
.form-email-preferences img {
height: 50px;
width: 70px;
}
.form-email-preferences {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.71;
}
.form-email-preferences .note-text, .form-email-preferences p.type-title {
font-size:16px;
}
.form-email-preferences ul.list-group > li {
margin-bottom:0!important;
padding-left:43px!important;
}
.form-email-preferences .custom-switch label {
/* Double-sized Checkboxes */
-ms-transform: scale(2.5); /* IE */
-moz-transform: scale(2.5); /* FF */
-webkit-transform: scale(2.5); /* Safari and Chrome */
-o-transform: scale(2.5); /* Opera */
transform: scale(2.5);
margin: -15px;
cursor: pointer;
}
.form-email-preferences button,
.form-email-preferences .btn,
.form-unsubscribe-feedback button
{
text-transform: none;
flex-grow: 0;
font-family: 'Open Sans', serif;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.43;
letter-spacing: normal;
text-align: center;
color: #fff;
padding: 8px 20px;
}
.form-email-preferences .type-title {
font-weight: bold;
}
li.list-group-item.last {
padding-top: 30px;
padding-bottom: 63px;
}
.communication-types {
font-weight: bold;
font-size: 16px;
}
.form-unsubscribe-feedback .custom-switch label {
/* Double-sized Checkboxes */
-ms-transform: scale(2); /* IE */
-moz-transform: scale(2); /* FF */
-webkit-transform: scale(2); /* Safari and Chrome */
-o-transform: scale(2); /* Opera */
transform: scale(2);
margin: -6px;
}
.form-unsubscribe-feedback {
font-family: 'Open Sans', serif;
font-weight: bold;
line-height: 1.71;
}
.form-unsubscribe-feedback .row > div {
padding-bottom:17px;
}
.unsubscribe-feedback-notes > p {
margin-bottom: 2px;
}
.custom-switch input#trading_central_analytics:disabled+ .custom-control-label {
cursor: not-allowed;
}
.custom-control-input#trading_central_analytics:disabled~.custom-control-label::before {
background-color: #f1f1f1;
border: #f1f1f1;
box-shadow: none;
}
.custom-control-input#trading_central_analytics:disabled~.custom-control-label::after {
background-color: #ffffff;
}
#spinner {
font-size:16px;
}
.carousel-inner {
border-radius: 5px;
box-shadow: 0 3px 12px 0 #666;
}
.carousel-indicators li {
background-color: #545454;
width: 10px;
height: 10px;
border-radius: 100%;
}
.carousel-indicators {
position: relative;
margin:0;
}
.carousel-arrows {
cursor: pointer;
color: #666666;
margin: 0 10px;
}
.carousel-custom-arrows-wrapper {
display: flex;
justify-content: center;
align-items: center;
margin: 16px 0;
}
.carousel a[href="javascript:void(0)"] {
cursor: default!important;
}
nav > ul > li.nav-item a[href*="trading-world-competition"] > p::after,
span.hot-icon + p::after {
content: url(/lte/img/icons/hot.svg);
padding-left: 24px;
position: absolute;
background-image: url('/lte/img/icons/flame.svg');
background-repeat: no-repeat;
background-size: 12px auto;
background-position: 20% 20%;
margin-top: 0;
}
.icon-sm-competition {
content: url(/lte/img/icons/hiro.svg);
width: 15px !important;
height: 15px;
}
nav > ul > li.nav-item a[href*="global-trading-race"] > p::after,
li > ul > li.nav-item a[href*="market-trends"] > p::after,
li > ul > li.nav-item a[href*="q4-market-report"] > p::after {
content: url(/lte/img/icons/new-badge.png);
padding-left: 10px;
position: absolute;
margin-top: -3px !important;
}
@media (max-width: 991.98px) {
.main-sidebar {
display: none;
padding-left: 0;
box-shadow: none!important;
}
.sidebar-open .main-sidebar {
display: block;
}
#sponsor-banner {
display: none;
}
}
.title-promotions {
font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #222;
margin-bottom: 30px;
}
.show-more {
font-size: 16px;
font-weight: 600;
color: #0076fe;
text-transform: initial;
}
.terms-link {
font-size: 11px;
font-weight: normal;
color: #0076fe !important;
}
button.accordion {
padding-left: 0;
margin-bottom: 25px;
margin-top: 25px;
margin-right: auto;
}
.promotion-block {
display: flex;
align-content: center;
flex-direction: column;
justify-content: space-between;
}
.promotion-image {
max-height: 230px !important;
}
.custom-switch .custom-control-input:checked~.custom-control-label.icon-ok::after {
content: "\e965";
color: #ffffff;
font-size: 12px;
background-color: #007bff;
}
.custom-switch .custom-control-label.icon-ok::after {
background-color: #ffffff;
color: #dee2e6;
content: "\e921";
font-size: 12px;
}
.custom-control-label.icon-ok::before {
border: #dee2e6 solid 1px;
box-shadow: none;
}
.header-notification b {
display: flex;
align-items: center;
width: 100%;
}
.header-notification a {
margin-left: auto;
top: 1px;
}
.header-notification-content-center {
display: flex;
flex-direction: row;
align-items: center;
}
@media (max-width: 575px) {
#PORRequiredNotification a.btn-yellow-kyc {
margin-top: 15px;
}
.filter-blocks {
margin-top: 30px;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
#filter-results .col-auto label:not(.form-check-label):not(.custom-file-label) {
font-weight: 400;
}
#filter-results .col-auto {
margin: 10px 0px;
}
}
@media (min-width: 990px) {
.main-content .main-content-container .content .card .card-body .additional_settings {
width: 100%;
}
.card-buttons.formatted-block .webtraider-link {
display: none;
}
.sso-link.marketinghub-sso-link, .btn.tradecopier-sso-link.sso-link, .btn.tradecopy-sso-link.sso-link {
height: 40px !important;
width: 210px !important;
display: flex;
align-items: center;
}
.sso-link.marketinghub-sso-link, .btn.tradecopier-sso-link.sso-link {
padding-left: 74px;
}
.btn.tradecopy-sso-link.sso-link icon.icon-tradecopy:before {
font-size: 24px;
}
.formatted-block-main .main-content .main-content-container .content .card .card-header .card-action {
padding-right: 15px;
}
.card.account-card.card-trading-account .card-body .info-box {
height: 100%;
}
.card.account-card.card-trading-account .info-box .info-box-content p:nth-child(2) {
margin: 17px 15px 8px 0px !important;
}
.card.account-card.card-trading-account .info-box .info-box-content h3 {
margin-top: 10px;
margin-bottom: 40px;
}
.card.account-card.card-trading-account .info-box .info-box-content a.btn.btn-default.btn-green.btn-deposit-button.btn-open-account.button-click-action {
position: absolute !important;
width: calc(100% - 20px);
left: 10px;
bottom: 33px !important;
}
button.btn.btn-default.btn-blue.btn-dark-blue.trading_report_submit {
width: 100%;
}
.card-trading-account .card-body .info-box-content {
position: relative;
}
.nav.nav-tabs.nav-tradecopier > .nav-link:nth-of-type(1)::after, .nav.nav-tabs.nav-tradecopier > .nav-link:nth-of-type(2)::after {
content: url(/lte/img/ironfx/tradecopier/f7/Union.png);
display: block;
position: absolute;
right: -20px;
top: 25px;
z-index: 9;
}
.steps-form.steps-form-provider > .flex-column:nth-of-type(1)::after, .steps-form.steps-form-provider > .flex-column:nth-of-type(3)::after, .steps-form.steps-form-provider > .flex-column:nth-of-type(5)::after {
content: url(/lte/img/ironfx/tradecopier/f7/Union.png);
display: block;
position: absolute;
right: -20px;
top: 10px;
z-index: 9;
}
}
@media (max-width: 990px) {
.main-content .main-content-container .content .card .card-header .card-tools {
display: none;
}
.account-card .card-body .info-box .info-box-content {
text-align: left;
}
}
@media (min-width: 575px) and (max-width: 990px) {
.ia.filter-blocks .filter-results a {
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.ia.filter-blocks .filter-results , .ia.filter-blocks .open-account {
max-width: 260px;
}
.card-trading-account .card-body #N1 {
max-width: 50%;
}
.info-box-content a.btn.btn-default.btn-green.btn-deposit-button.btn-open-account.button-click-action {
font-size: 16px !important;
font-weight: 600 !important;
height: 50px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
max-width: 300px;
}
.card.account-card.card-trading-account .card-body .collapse-action p.more, .card.account-card.card-trading-account .card-body .collapse-action p.less {
margin-bottom: 0px;
}
}
.dashboard-desktop .account_status.d-flex.text-item.align-items-center, .managed_promo_code {
margin-top: 5px;
}
#PORRequiredNotification .d-flex b {
font-size: 14px !important;
color: #FF9A07;
}
#PORRequiredNotification {
border: solid 1px #FF9A07;
border-radius: 4px;
}
#PORRequiredNotification .close , #PORRequiredNotification #notification {
display: none;
}
#PORRequiredNotification a.btn-yellow-kyc {
padding: 10px 30px !important;
margin-right: 0px;
}
#PORRequiredNotification span.icon.icon-notification-alert, #upload_poi_status_approved span.icon-notification-approve, #upload_poi_status_rejected span.icon-notification-error {
font-size: 40px !important;
}
.ia.filter-blocks ~ hr {
display: none;
}
.ia.filter-blocks a.btn.btn-default.btn-block.btn-outline-filter.wd_button.button-click-action {
color: #3AB54A;
border: solid 2px #3AB54A;
}
.card.account-card .formatted-block-main {
display: flex;
flex-wrap: nowrap;
}
.card-buttons.formatted-block {
flex-wrap: wrap;
justify-content: flex-start;
}
.main-content .main-content-container .content .card .card-header h5 .status {
float: none !important;
}
.formatted-block-main a.card-action {
height: 100%;
}
.fotmetted-dot {
width: 5px;
height: 5px;
background: #000;
border-radius: 50%;
margin: 0px 10px;
}
.fotmetted-dot::before {
content: "";
display: inline-block;
vertical-align: middle;
padding-top: 100%;
}
.sso-link.marketinghub-sso-link {
width: 100%;
height: 56px;
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.formatted-block-main {
margin-left: 0px;
}
.main-content .main-content-container .content .card-trading-account .card-header .card-tools .btn-tool {
font-size: 20px;
}
.main-content .main-content-container .content .card-trading-account .icon.icon-dropdown-open , .main-content .main-content-container .content .card-trading-account .icon.icon-dropdown-close {
color: #000;
}
.collapsed-card .formatted-block-main:has(span.icon.icon-dropdown-close) {
margin-bottom: 0px !important
}
.main-content .main-content-container .content .card-trading-account .card-header .card-action {
display: contents;
}
.filter-blocks .open-account a {
background-color: #0076FE;
color: white;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.ia.filter-blocks .open-account a .icon.icon-open-new-account {
display: none;
}
.ia.filter-blocks .filter-results a {
font-weight: 700 !important;
}
.main-content .main-content-container .content .card.account-card .card-body .info-box {
min-height: auto !important;
}
.trading_report_form_main {
position: relative;
}
.trading_report_form_main a.popover_inline {
position: absolute;
right: 0px;
top: 0px;
}
.info-box-content p:nth-child(1) {
margin-bottom: 5px !important;
}
.card.account-card.card-trading-account .card-body {
font-size: 14px;
}
.card.account-card.card-trading-account .info-box .info-box-content p:nth-child(2) {
float: left;
margin: 8px 15px 8px 0px;
}
.card.account-card.card-trading-account .info-box .info-box-content p:nth-child(4), .card.account-card.card-trading-account .info-box .info-box-content p:nth-child(5) {
margin-bottom: 5px;
}
.card.account-card.card-trading-account .info-box .info-box-content p:nth-child(6) {
margin-bottom: 30px;
}
button.btn.btn-tool:has(.icon-dropdown-close) {
transform: rotate(90deg);
}
.card-trading-account span.icon.icon-dropdown-close {
position: absolute;
transform: rotate(90deg);
margin-left: 10px;
margin-top: 4px;
}
.card-trading-account .formatted-block-main a {
pointer-events: none;
}
.comparison-table td, .comparison-table th, .comparison-table tr {
border: 0.5px solid #666666;
}
.comparison-table td {
padding: 15px;
text-align: center;
position: relative;
}
.comparison-table p {
font-weight: 400;
}
.comparison-table th {
text-align: center;
padding: 15px;
}
.comparison-table td.done-check::after {
content: url(/lte/img/ironfx/vip-room/done.svg);
left: 0px;
right: 0px;
position: absolute;
top: calc(50% - 10px);
}
.comparison-table td.cancellation-check::after {
content: url(/lte/img/ironfx/vip-room/cancellation.svg);
left: 0px;
right: 0px;
position: absolute;
top: calc(50% - 10px);
}
.vip-room {
color: #fff;
background-image: url(/lte/img/ironfx/vip-room/vip-trading-room-anniversary.jpg);
background-color: black;
background-size: contain;
background-repeat: no-repeat;
}
.vip-room .header {
text-align: center;
padding-top: 70px;
}
.vip-room .header h1 {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 50px;
text-align: center;
color: #FFFFFF;
}
.vip-room .header h2 {
color: #AB905A;
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 50px;
text-align: center;
}
.vip-room .inform-deposit {
display:flex;
justify-content: center;
margin: 20px 0px 20px 0px;
}
.vip-room .inform-deposit p {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 22px;
line-height: 28px;
text-align: center;
color: #FFFFFF;
}
.vip-room .filling-scale div {
display:flex;
justify-content: space-around;
width: 100%;
}
.vip-room .block-button {
display: flex;
justify-content: center;
margin-top: 20px;
}
.vip-room .block-button .login {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 20px;
width: 250px;
height: 50px;
background: #AB905A;
color: #fff;
margin: 5px;
border-radius: 4px;
}
.vip-room .block-button .more-details {
width: 250px;
height: 50px;
flex: none;
order: 1;
flex-grow: 0;
border: 2px solid #AB905A;
color: #fff;
border-radius: 4px;
display: flex;
flex-direction: row;
justify-content: center;
margin: 5px;
align-items: center;
}
.vip-room p.info {
font-size:14px;
padding-bottom:70px;
color: #707070;
}
.vip-room .disclaimer {
font-size:14px;
color:#222222;
}
.vip-room .level-group .level-0 , .vip-room .level-group .level-1 , .vip-room .level-group .level-2 , .vip-room .level-group .level-3 , .vip-room .level-group .level-4 , .vip-room .level-group .level-5 {
position: relative;
}
.vip-room .level-group p {
position: absolute;
left: 0px;
top: 25px;
width: 50px;
}
.vip-room .level-group .pointer {
position: absolute;
width: 35px;
height: 35px;
border-radius: 50%;
left: -17px;
top: -17px;
z-index: 3;
border: solid 3px #ffffff;
}
.vip-room .level-group .level-0 div, .vip-room .level-group .level-1 div, .vip-room .level-group .level-2 div, .vip-room .level-group .level-3 div, .vip-room .level-group .level-4 div, .vip-room .level-group .level-5 div {
position: absolute;
}
.vip-room progress {
background: #AB905A;
height: 3px;
}
.vip-room progress::-moz-progress-bar {
background: #666666;
height: 3px;
}
.vip-room progress::-webkit-progress-value {
background: #AB905A;
height: 3px;
}
.vip-room progress::-webkit-progress-bar {
background: #666666;
height: 3px;
}
.vip-room .bloced {
background-color: #666666;
}
.vip-room .unloced {
background-color: #AB905A;
}
#VipRoomModal .modal-dialog {
min-width: 80%;
top: 50%;
transform: translateY(-50%);
margin-top: -1.625em;
}
#VipRoomModal .modal-dialog .modal-content {
padding: 50px;
}
#VipRoomModal .modal-dialog .modal-content .modal-body label {
font-weight: 400;
}
#vip-room .login {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 20px;
width: 250px;
height: 50px;
background: #AB905A;
margin: 5px;
border-radius: 4px;
}
.vip-room .level-group p.title {
width: 50px;
top: -55px;
text-align: center;
left: -50px;
width: 100px;
}
.vip-room .modal-header {
display: none !important;
}
.block-table p.disclaimer {
font-size: 14px;
}
.title-th {
font-size: 18px;
}
#vip-room #input-confirm {
margin-right: 7px;
}
.block-button span.icon-crown, span.icon-info {
padding: 3px;
}
@media (max-width: 575px) {
.vip-room .modal-header {
display: block;
}
.title-th {
font-size: 16px;
}
#VipRoomModal .modal-dialog .modal-content {
padding: 0px;
}
#VipRoomModal .modal-dialog {
height: 100%;
width: 100%;
top: 0px;
transform: inherit;
margin: 0px;
}
#VipRoomModal #vip-room {
height: 100%;
}
#VipRoomModal #vip-room .modal-content {
height: 100%;
}
#VipRoomModal #vip-room .modal-content .modal-body {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.vip-room .block-button {
margin-top: 30px;
flex-direction: column;
}
.vip-room .block-button .login, .vip-room .block-button .more-details {
width: 98%;
}
.vip-room p.info {
font-size: 14px;
padding-bottom: 20px;
margin-top: 10px;
color: white;
}
.vip-room {
color: #fff;
background-image: url(/lte/img/ironfx/vip-room/vip-trading-room-anniversary-mobile.jpeg);
}
.level-0 {
width: 90px !important;
}
.comparison-table {
overflow-x: scroll;
display: block;
}
.tfa-enable-checkbox {
padding: 15px 0px 0px !important;
margin-bottom: 0px !important;
}
.tfa-content-header {
padding: 15px 30px 0px !important;
}
.vip-room .inform-deposit {
margin: 0px 0px 50px 0px;
}
}
.marketinghub-sso-link, .tradecopier-sso-link, .webtraider-link , #filter_submit {
pointer-events: auto !important;
}
.card-news {
box-shadow: none;
border: 1px solid #dfdfdf;
margin: 0px 0px 20px 0px !important;
padding: 20px;
height: calc(100% - 150px) !important;
display: flex;
justify-content: space-between;
min-height: 320px;
border-top-color: #fffcfc00 !important;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.card-news .title h3 {
font-size: 20px;
font-weight: 700;
}
.block-news {
margin: 15px 0px;
}
.icon-news-dashboard {
content: url(/lte/img/icons/news-dashboard.svg);
padding-left: 0px;
float: left !important;
margin-top: 0px;
}
.icon-tp-windows:before {
content: url(/lte/img/icons/icon-windows.svg);
padding-left: 0px;
margin-top: 0px;
}
.icon-tp-apple:before {
content: url(/lte/img/icons/icon-apple.svg);
padding-left: 0px;
margin-top: 0px;
}
.icon-tp-webtrader:before {
content: url(/lte/img/icons/icon-webtrader.svg);
padding-left: 0px;
margin-top: 0px;
}
.icon-tp-android:before {
content: url(/lte/img/icons/icon-google-play.svg);
padding-left: 0px;
margin-top: 0px;
}
.icon-tp-pmam:before {
content: url(/lte/img/icons/icon-pmam.svg);
padding-left: 0px;
margin-top: 0px;
}
.icon-tp-ironx:before {
content: url(/lte/img/icons/icon-ironx.svg);
padding-left: 0px;
margin-top: 0px;
}
.news-list b::after {
color: crimson;
content: "\2022";
font-size: 26px;
font-weight: 700;
line-height: 18px;
position: absolute;
right: -20px;
top: 1px;
}
.news-list b {
position: relative;
}
.news-list a {
margin-left: 35px;
}
.title-news {
font-weight: bold;
}
li.news-list {
margin: 20px 0px;
}
.news-block {
list-style: none;
padding-left: 10px !important;
}
.info-box-news {
box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
border-radius: 0.25rem;
background: #fff;
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
min-height: 80px;
padding: 0.5rem;
position: relative;
}
.news-card .card-header h5 {
width: 90% !important;
}
.news-block .title-news {
line-height: 30px;
}
.bonus-warning {
padding-left: .5rem;
}
select.readonly {
pointer-events: none;
background-color: #e9ecef;
opacity: 1;
}
.portal-form-checkbox.appropriateness {
padding: 20px;
margin: 20px 0;
background: #D3E1F4;
border: 2px solid #D3E1F4;
border-radius: 5px;
}
.icon-nowruz {
content: url(/lte/img/icons/nowruz.svg);
padding-left: 0px;
float: left;
margin-top: 5px;
width: 15px !important;
}
.icon-ramadan {
content: url(/lte/img/icons/ramadan.svg);
padding-left: 0px;
float: left;
margin-top: 5px;
width: 15px !important;
}
.lang-fa span.icon-ramadan, .lang-fa span.icon-nowruz, .lang-ar span.icon-ramadan, .lang-ar span.icon-nowruz {
float: right;
}
.kyc-poi-approved-home a.btn-green-kyc {
padding: 8px 20px;
font-size: 14px;
background-color: #14b450;
border-color: #14b450;
color: #ffffff;
font-weight: 600;
top: 0px;
}
.kyc-poi-approved-home a.btn-green-kyc:hover {
background-color: transparent;
border-color: #14b450;
color: #14b450;
font-weight: 600;
}
.border-red a.btn-red-kyc {
padding: 8px 20px;
font-size: 14px;
background-color: #d51820;
border-color: #d51820;
color: #ffffff;
font-weight: 600;
top: 0px;
}
.border-red a.btn-red-kyc:hover {
background-color: transparent;
border-color: #d51820;
color: #d51820;
font-weight: 600;
}
.kyc-poi-approved-home .close, .kyc-poi-approved-home #notification, .border-red .close, .border-red #notification {
display: none;
}
.kyc-poi-approved-home {
background-color: #e7f1eb;
border: solid 1px #14b450;
color: #14b450;
}
.border-red .notification-title {
font-size: 16px !important;
}
.border-red {
background-color: #fff3f4;
border: solid 1px #d51820;
color: #d51820;
}
.kyc-process .icon-identity-confirmation:before, .icon-map-point:before {
color: #d63731;
}
.icon-lock {
content: url(/lte/img/icons/lock.svg);
float: left;
width: 15px !important;
}
.icon-contact-calendar {
content: url(/lte/img/icons/contact_calendar.svg);
float: left;
width: 22px !important;
}
.tfa-backup-key-notify span.icon {
font-size: 50px;
color: #ff9a07;
}
.tfa-backup-key-notify {
border: solid 1px #E4B065;
border-radius: 0px;
}.flip-clock-container {
direction: ltr;
font-family: Arial;
padding: 0;
margin: 0;
list-style: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
--flip-bg-color: #AB905A;
--flip-text-color: #fff;
--flip-dots-color: #AB905A;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flip-clock-container * {
padding: 0;
margin: 0;
list-style: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flip-clock-container *::before, .flip-clock-container *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.flip-clock-container [class|="flip-item"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
position: relative;
}
.flip-clock-container [class|="flip-item"]::before {
content: ":";
font-family: Consolas;
font-size: 30px;
padding: 36px;
color: #fff;
line-height: 27px;
margin: 0 -32px;
}
.flip-clock-container [class|="flip-item"]:first-child::before {
content: none;
}
.flip-clock-container [class|="flip-item"] .flip-digit {
width: 80px;
height: 100px;
position: relative;
margin: 0;
}
.flip-clock-container [class|="flip-item"] .flip-digit > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
-webkit-perspective: 300px;
perspective: 300px;
}
.flip-clock-container [class|="flip-item"] .flip-digit > span::after, .flip-clock-container [class|="flip-item"] .flip-digit > span::before {
content: attr(data-digit);
position: absolute;
left: 0;
width: 100%;
height: 50%;
font-size: 40px;
font-weight: bolder;
text-align: center;
color: var(--flip-text-color);
background-color: var(--flip-bg-color);
overflow: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-clock-container [class|="flip-item"] .flip-digit > span::before {
top: 15px;
line-height: 76px;
/* border-radius: 10px 10px 0 0; */
/* border-bottom: 1px solid #000; */
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.flip-clock-container [class|="flip-item"] .flip-digit > span::after {
bottom: 0;
line-height: 7px;
/* border-radius: 0 0 10px 10px; */
/* border-top: 1px solid #000; */
-webkit-transform-origin: top;
transform-origin: top;
}
.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-next {
z-index: 0;
-webkit-animation: afterZIndexAnim 0.9s linear forwards;
animation: afterZIndexAnim 0.9s linear forwards;
}
.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-next::before {
-webkit-animation: afterUpShadowAnim 0.9s linear forwards;
animation: afterUpShadowAnim 0.9s linear forwards;
}
.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-next::after {
-webkit-animation: afterFlipAnim 0.9s linear forwards, afterDownShadowAnim 0.9s linear forwards;
animation: afterFlipAnim 0.9s linear forwards, afterDownShadowAnim 0.9s linear forwards;
}
.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-current {
z-index: 1;
-webkit-animation: currentZIndexAnim 0.9s linear forwards;
animation: currentZIndexAnim 0.9s linear forwards;
}
.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-current::before {
-webkit-animation: currentFlipAnim 0.9s linear forwards, currentUpShadowAnim 0.9s linear forwards;
animation: currentFlipAnim 0.9s linear forwards, currentUpShadowAnim 0.9s linear forwards;
}
.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-current::after {
-webkit-animation: currentDownShadowAnim 0.9s linear forwards;
animation: currentDownShadowAnim 0.9s linear forwards;
}
@-webkit-keyframes afterZIndexAnim {
0% {
z-index: 0;
}
100% {
z-index: 1;
}
}
@keyframes afterZIndexAnim {
0% {
z-index: 0;
}
100% {
z-index: 1;
}
}
@-webkit-keyframes currentZIndexAnim {
0% {
z-index: 1;
}
100% {
z-index: 0;
}
}
@keyframes currentZIndexAnim {
0% {
z-index: 1;
}
100% {
z-index: 0;
}
}
@-webkit-keyframes afterFlipAnim {
0% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
}
@keyframes afterFlipAnim {
0% {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
100% {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
}
@-webkit-keyframes afterUpShadowAnim {
0% {
-webkit-box-shadow: inset 0 -100px 20px -10px black;
box-shadow: inset 0 -100px 20px -10px black;
}
100% {
-webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
}
}
@keyframes afterUpShadowAnim {
0% {
-webkit-box-shadow: inset 0 -100px 20px -10px black;
box-shadow: inset 0 -100px 20px -10px black;
}
100% {
-webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes afterDownShadowAnim {
0% {
-webkit-box-shadow: inset 0 100px 20px -10px black;
box-shadow: inset 0 100px 20px -10px black;
}
100% {
-webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
}
}
@keyframes afterDownShadowAnim {
0% {
-webkit-box-shadow: inset 0 100px 20px -10px black;
box-shadow: inset 0 100px 20px -10px black;
}
100% {
-webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0);
}
}
@-webkit-keyframes currentFlipAnim {
0% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
}
@keyframes currentFlipAnim {
0% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
100% {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
}
@-webkit-keyframes currentUpShadowAnim {
0% {
-webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
}
50% {
-webkit-box-shadow: inset 0 -50px 25px -10px black;
box-shadow: inset 0 -50px 25px -10px black;
}
100% {
-webkit-box-shadow: inset 0 -100px 25px -10px black;
box-shadow: inset 0 -100px 25px -10px black;
}
}
@keyframes currentUpShadowAnim {
0% {
-webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
}
50% {
-webkit-box-shadow: inset 0 -50px 25px -10px black;
box-shadow: inset 0 -50px 25px -10px black;
}
100% {
-webkit-box-shadow: inset 0 -100px 25px -10px black;
box-shadow: inset 0 -100px 25px -10px black;
}
}
@-webkit-keyframes currentDownShadowAnim {
0% {
-webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
}
50% {
-webkit-box-shadow: inset 0 50px 25px -10px black;
box-shadow: inset 0 50px 25px -10px black;
}
100% {
-webkit-box-shadow: inset 0 100px 25px -10px black;
box-shadow: inset 0 100px 25px -10px black;
}
}
@keyframes currentDownShadowAnim {
0% {
-webkit-box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, 0);
}
50% {
-webkit-box-shadow: inset 0 50px 25px -10px black;
box-shadow: inset 0 50px 25px -10px black;
}
100% {
-webkit-box-shadow: inset 0 100px 25px -10px black;
box-shadow: inset 0 100px 25px -10px black;
}
}
.flip-clock-container .flip-item-days .flip-digit:nth-child(1) > span::before,
.flip-clock-container .flip-item-hours .flip-digit:nth-child(1) > span::before,
.flip-clock-container .flip-item-minutes .flip-digit:nth-child(1) > span::before,
.flip-clock-container .flip-item-seconds .flip-digit:nth-child(1) > span::before {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom: 1px solid #000;
}
.flip-clock-container .flip-item-days .flip-digit:nth-child(2) > span::before,
.flip-clock-container .flip-item-hours .flip-digit:nth-child(2) > span::before,
.flip-clock-container .flip-item-minutes .flip-digit:nth-child(2) > span::before,
.flip-clock-container .flip-item-seconds .flip-digit:nth-child(2) > span::before {
border-top-left-radius: 10px;
border-bottom: 1px solid #000;
}
.flip-clock-container .flip-item-days .flip-digit:nth-child(1) > span::after,
.flip-clock-container .flip-item-hours .flip-digit:nth-child(1) > span::after,
.flip-clock-container .flip-item-minutes .flip-digit:nth-child(1) > span::after,
.flip-clock-container .flip-item-seconds .flip-digit:nth-child(1) > span::after {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top: 1px solid #000;
}
.flip-clock-container .flip-item-days .flip-digit:nth-child(2) > span::after,
.flip-clock-container .flip-item-hours .flip-digit:nth-child(2) > span::after,
.flip-clock-container .flip-item-minutes .flip-digit:nth-child(2) > span::after,
.flip-clock-container .flip-item-seconds .flip-digit:nth-child(2) > span::after {
border-bottom-left-radius: 10px;
border-top: 1px solid #000;
}
.title-timer {
position: absolute;
left: 42%;
transform: translateX(-50%);
bottom: 0px;
z-index: 1;
}
.flip-item-seconds .title-timer {
left: 50%;
}
.vir-room-sale-price {
text-decoration: line-through;
text-decoration-color: #AB905A;
left: -60px !important;
}
.deposit-sum-sale {
font-weight: 700;
color: #AB905A;
font-size: 25px;
top: 17px !important;
}
.table-price-old {
padding-right: 5px;
text-decoration: line-through;
margin-bottom: 0px;
}
.table-price-new {
color: #AB905A;
margin-bottom: 0px;
}
.vip-table-kyc-rules {
font-weight: 400;
}
.vip-table-kyc-rules a {
text-decoration: underline;
}
.vip-gold-kyc-rules {
color: #AB905A !important;
text-decoration: underline;
}
.vip-progres-kyc-rules {
display: flex !important;
justify-content: center !important;
top: 50px;
left: -75px;
font-weight: 400;
width: 160px !important;
}
.vip-progres-kyc-rules a {
color: #AB905A !important;
text-decoration: underline;
padding-left: 5px;
}
.promotion-text .white-bold {
font-size: 22px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.promotion-text .white-bold-regular {
font-size: 35px;
color: #fff;
font-weight: 700;
}
.promotion-text .white-regular {
font-size: 18px;
color: #fff;
}
.gold-bold {
color: #AB905A;
font-weight: 700;
}
.promotion-text .gold-bold {
font-size: 22px;
}
.promotion-text .gold-slim {
font-size: 18px;
color: #AB905A;
font-weight: 400;
}
.promotion-text .white-slim {
font-size: 18px;
color: #fff;
font-weight: 400;
}
.promotion-text {
text-align: center;
}
.filling-scale {
margin: 100px 0px 100px 0px;
}
.vir-room-one-price {
left: -27px !important;
}
.tfa-content-header h1 {
font-size: 24px !important;
font-weight: 700 !important;
}
.Group-3950, .Group-4907 {
max-width: 100px;
}
.nav-tradecopier.nav-tabs .nav-link.active {
border: none !important;
}
.tradecopier-steps-block ~ nav .nav-tradecopier.nav-tabs .nav-link {
pointer-events: none;
}
.btn-open-pdf-manual, .btn-tradecopier-large {
padding: 15px 60px;
}
.tc-text {
color: #666;
font-size: 14px;
}
.title-competition {
font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #222;
margin-bottom: 4px !important;
}
button.accordion-competition {
margin-top: 3px !important;
margin-bottom: 20px !important;
}
.show-more-competition {
font-size: 18px;
font-weight: 700;
}
.card-footer-competition {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.terms-link-competition {
margin-bottom: 20px;
}
.terms-link-competition a {
font-size: 16px;
font-weight: 600;
}
.button-link-competition {
background: #CBA258;
max-width: 280px;
max-height: 55px;
padding: 17px 47px 17px 47px;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 8px;
}
.button-link-competition a {
font-size: 20px;
font-weight: 700;
color: black;
text-transform: uppercase;
}
.disclaimer-competition {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
}
.disclaimer-competition span {
color: #828282;
}
.lang-ar .vip-room .level-group .pointer, .lang-fa .vip-room .level-group .pointer {
right: -17px;
}
.lang-ar .vip-room .level-group p.title, .lang-fa .vip-room .level-group p.title {
right: -50px;
}
.lang-ar p.text-center.deposit-sum-sale, .lang-fa p.text-center.deposit-sum-sale {
right: -60px;
}
.lang-ar p.text-center.vir-room-sale-price, .lang-fa p.text-center.vir-room-sale-price {
right: 15px !important;
text-align: right !important;
}
.lang-ar .vir-room-one-price, .lang-fa .vir-room-one-price {
right: -27px !important;
}
.lang-ar .vip-progres-kyc-rules, .lang-fa .vip-progres-kyc-rules {
right: -75px;
}
.lang-ar .block-button span.icon-crown, span.icon-info, .lang-fa .block-button span.icon-crown, span.icon-info {
padding-left: 10px;
}
.lang-ar .table-price-old, .lang-fa .table-price-old {
padding-left: 5px;
}
.scroll-table {
overflow-x: auto;
width: 100%;
}
.lang-ar .main-header.clientPortalHome ul.navbar-nav.left, .lang-fa .main-header.clientPortalHome ul.navbar-nav.left {
margin-right: 0;
padding-right: 0;
}
@media screen and (max-width: 375px) {
.flip-clock-container [class|="flip-item"] .flip-digit {
width: 75px;
}
}