﻿
body { margin: 25px 0; padding: 0; font-family: arial; font-size: 11px; color: #333; background: #fff; direction: rtl; }

.direction {float: right}
.align {text-align:right}

#not-logged-in{display:none}


img { border: 0px; }
#my-account {  width: 1400px; margin: 0 auto; position: relative; }
.wrapper-top { height: 60px; overflow: hidden; }
.report-header { color: #336699; font-weight: bold; font-size: 11px; font-family: arial; height: 20px; margin-top: 26px; }
.report-sub-header { color: #666; font-weight: bold; font-size: 11px; font-family: arial; height: 24px; line-height: 24px; padding-right: 12px; }
.user-details-cell { color: #666; height: 40px; line-height: 40px; float: right; }
.user-details-cell-context { color: #333; font-weight: bold; margin-left: 12px; margin-right: 12px; float: right; height: 40px; line-height: 40px; }
.account-balance-box { width: 193px; float: right; height: 54px; text-align: center; background: url(../images/month-report-sep.gif) no-repeat left; }
.account-balance-box div { padding-top: 10px; line-height: 18px; }
.monthly-report-account-balance-box { width: 155px; float: right; height: 54px; text-align: center; background: url(../images/month-report-sep.gif) no-repeat left; }
.monthly-report-account-balance-box div { padding-top: 10px; line-height: 18px; }
.month-begin-account-balance-box { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(../images/month-report-sep.gif) no-repeat scroll right center; float: left; height: 54px; text-align: center; width: 193px; }
.month-begin-account-balance-box div { line-height: 18px; padding-top: 10px; }
.last-box { background: none; }
.green-line-bg { background: url(../images/top_line_bg_green.gif) repeat-x; height: 40px; line-height: 40px; }

#rigth-box { width: 400px; height: 60px; position: absolute; top: 0; xright: 564px; right: 537px; direction: rtl; }
#rigth-box .login { height: 36px; width: 400px; float: left; xbackground: blue; }
#rigth-box .login .account div { float: left; height: 18px; }
#rigth-box .login .account #user { padding-left: 6px; padding-right: 5px; color: #336699; font-weight: bold; }
#rigth-box .login .account span { font-weight: bold; color: #336699; padding-left: 8px; padding-right: 8px; display: inline-block; display: -moz-inline-box; }
#rigth-box .login .account a { font-weight: bold; text-decoration: none; color: #336699; padding-right: 8px; xpadding-left: 8px; _padding-left: 8px; _padding-right: 0px; display: inline-block; display: -moz-inline-box; background: url(../images/green_sep.png) no-repeat right; }
#rigth-box .login .options { clear: both; height: 18px; }
#rigth-box .login .options ul { margin: 0; padding: 0; }
#rigth-box .login .options ul li { display: block; float: left; background: url(../images/green_sep.png) no-repeat left 4px; padding-left: 6px; padding-right: 6px; }
#rigth-box .login .options ul li.last { background: none; padding-left: 0px !important; }
#rigth-box .login .options ul li a { color: #336699; text-decoration: none; }
#rigth-box .login .options ul li.first { padding-right: 0px !important; }

.deal-details-row { height: 22px; line-height: 22px; }
.deal-details-row span { color: #333; }
#my-statement .top-child-line-header { height: 40px; line-height: 40px; }
#my-statement .top-child-line-header .cell { float: right; }
#my-statement .top-child-line-header h4 { padding-right: 12px; }
.button-show-position { margin-top: 12px; }
.refresh-box { float: left; }
.refresh { background: url(../images/green_sep.png) no-repeat right 4px; padding-right: 8px; float: left; }
.refresh a { color: #336699; text-decoration: none; }
.refresh-title { float: left; margin-left: 8px; }

.wrapper-main { }
.wrapper-main .side-menu { width: 165px; float: right; padding-top: 30px; padding-bottom: 22px; }
.wrapper-main .side-menu .trade-zone-btn { padding-bottom: 35px; }
.wrapper-main .side-menu .side-menu-item { background: url(../images/green_sep.png) no-repeat right 9px; padding-right: 8px; padding-top: 5px; xmargin-bottom: 5px; }
.wrapper-main .side-menu h5 { font-family: arial; font-size: 11px; color: #336699; margin: 0px; padding: 0px; font-weight: normal; margin-top: 22px; margin-bottom: 2px; }
.wrapper-main .side-menu a { color: #333; text-decoration: none; }
.wrapper-main .main-frame { width: 1200px; float: right; }

.wrapper-main .main-frame .main-frame-header { height: 38px; overflow: hidden; margin-top: 10px; }
.wrapper-main .main-frame h6 { font-family: arial; font-size: 18px; color: #336699; margin: 0px; padding: 0px; font-weight: normal; float: right; }
.wrapper-main .main-frame .title-description { float: right; color: #336699; font-size: 12px; font-weight: bold; margin-top: 4px; margin-right: 8px; background: url(../images/greenline.gif) no-repeat right; padding-right: 8px; }
.wrapper-main .main-frame .title-description a { font-size: 12px; color: #336699; text-decoration: none; }
.wrapper-main .main-frame .main-frame-context { clear: both; }

.wrapper-footer { clear: both; }
.wrapper-footer h6 { margin: 0; padding: 0; font: 400 11px arial; margin-right: 160px; }
.wrapper-footer h6 a { color: #369; text-decoration: none; }

#setting { }
.first-box { float: right; }
.second-box { float: left; }
.second-box a.first { background: none !important; }
.second-box a { display: -moz-box; display: inline-block; color: #336699; text-decoration: none; font-weight: bold; cursor: pointer; background: url(../images/green_sep.png) no-repeat right; padding-left: 6px; padding-right: 8px; }
.second-box a.last { padding-left: 0px !important; }
#setting .top-parent-line-header { height: 26px; line-height: 26px; }
#setting .top-child-line-header { height: 40px; background: url(../images/top_line_bg.gif) repeat-x; line-height: 40px; }
#setting .top-child-line-header h4 { padding-right: 12px; }

#my-close-position .top-parent-line-header { height: 26px; line-height: 26px; }
#my-close-position .top-parent-line-header .second-box { float: right; margin-right: 60px; width: 400px; }
#my-close-position .top-parent-line-header .third-box {text-align:left; float: left; width: 165px; _width: 185px; }
#my-close-position .top-child-line-header { height: 40px; background: url(../images/top_line_bg.gif) repeat-x; line-height: 40px; }
#my-close-position .top-child-line-header .cell { float: right; }
#my-close-position .top-child-line-header h4 { padding-right: 12px; }
.cell-first { margin-left: 10px; margin-right: 14px; }

h4 { color: #336699; font-size: 11px; font-family: arial; font-weight: bold; padding: 0px; margin: 0px; }
h5 { color: #336699; font-size: 14px; font-family: arial; font-weight: normal; padding: 0px; margin: 0px; }
h3 { color: #666 !important; font-size: 18px; font-family: arial; font-weight: normal; padding: 0px; margin: 0px; }
.print { color: #336699; cursor: pointer; background: url(../images/icon_print_17x16.gif) no-repeat left; xwidth: 48px; float: left; text-align: left; padding-right: 20px; }
.print a { display: inline-block; padding-left: 24px; }
.excel { color: #336699; cursor: pointer; background: url(../images/icon_exel_17x16.gif) no-repeat left; xwidth: 48px; float: left; text-align: left; }
.excel a { display: inline-block; padding-left: 24px; }

.switch { color:#336699 !important;font-weight:bold;}
.block { display: block; overflow: hidden; clear: both; }
.row { clear: both; height: 20px; margin-bottom: 10px; line-height: 18px; }
.row .cell-1, .cell-2, .cell-3, .cell-4, .cell-5, .cell-6, .cell-7, .cell-8, .cell-9, .cell-10 { float: right; min-height: 20px; }
.row-other { clear: both; xheight: 20px; margin-bottom: 10px; xline-height: 18px; padding-right: 16px; }
.label { background: url(../images/bullet_green_box.gif) no-repeat right; xpadding-right: 16px; color: #666; xfloat: right; xpadding-left: 12px; }
.label-context { margin-right: 8px; color: #333; float: right; }
.label-description { color: #666; }
.label-simple { color: #666; margin-left: 10px; }
.separator { overflow: hidden; height: 1px; background: url(../images/prd_green_dot.png) repeat-x; }
.input-container { width: 170px; height: 18px; border: 1px solid #336699; Xbackground: #f4fbe8; }
.input-email { width: 160px; border: none; font-family: arial; font-size: 11px; color: #333; padding-right: 2px; background: none; }

.input-container-small { width: 120px; height: 18px; border: 1px solid #336699; Xbackground: #f4fbe8; }
.input-sms-code { width: 70px; border: none; font-family: arial; font-size: 11px; color: #333; padding-right: 2px; background: none; }

#my-summary { }
.first-box { float: right; }
.second-box { float: left; }
#my-summary .top-parent-line-header { height: 26px; line-height: 26px; }
.green-line { background: url(../images/blue-line.gif) repeat-x; _overflow: hidden; height: 2px; }
.blue-line { background: url(../images/blue-line.gif) repeat-x; overflow: hidden; height: 2px; }
.block-bottom-line { background: url(../images/block-bottom-line.gif) repeat-x; height: 6px; }
.blue-row { background: #f2f7fb; height: 26px; line-height: 26px; }
.white-row { background: #fff; height: 26px; line-height: 26px; }
.green-row { background: #f4fbe8; height: 26px; line-height: 26px; }

.description-row { color: #666; padding-right: 8px; }
.grey-doted-line { background: url(../images/grey_doted_line.gif) repeat-x; _overflow: hidden; height: 1px; }
.black-doted-line { background: url(../images/black_doted_line.gif) repeat-x; overflow: hidden; height: 1px; }
.label-grid { padding-right: 12px; color: #333; float: right; width: 298px; }
.label-total { background: url(../images/blue-sep.gif) no-repeat right; float: right; text-align: center; width: 126px; direction: ltr; }

.column-1 { float: right; height: 26px; line-height: 26px; color: #666; width: 156px; padding-right: 12px; }
.column-2 { float: right; height: 26px; line-height: 26px; color: #666; width: 177px; background: url(../images/blue-sep.gif) no-repeat right; padding-right: 12px; }
.column-3 { float: right; height: 26px; line-height: 26px; color: #666; width: 68px; background: url(../images/blue-sep.gif) no-repeat right; padding-right: 12px; }

.grid-column-1 { float: right; height: 26px; line-height: 26px; color: #333; width: 156px; padding-right: 12px; direction: ltr; text-align: right; }
.grid-column-2 { float: right; height: 26px; line-height: 26px; color: #333; width: 177px; background: url(../images/blue-sep.gif) no-repeat right; padding-right: 12px; }
.grid-column-3 { float: right; height: 26px; line-height: 26px; color: #333; width: 68px; background: url(../images/blue-sep.gif) no-repeat right; padding-right: 12px; }

.context-header { padding-left: 14px; font-weight: bold; color: #336699; padding-right: 14px; padding-top: 8px; }
.context-body { padding-left: 14px; font-weight: normal; color: #666; padding-right: 14px; padding-top: 2px; padding-bottom: 2px; }
.context-description { padding-left: 14px; font-weight: bold; color: #336699; padding-right: 14px; height: 18px; }

 
.oposite-direction { float: left; }
.anchor { color: #336699; text-decoration: none; }
.anchor-container { background: url(../images/green_sep.png) right no-repeat 14px; padding-right: 8px; }

.render-middle-button-start { background: url(../images/butt_18px_hight_.gif); cursor: pointer; display: -moz-inline-block; display: inline-block; margin:0 1px;}
.render-middle-button-end { Xcolor: #587F2D; line-height: 18px; padding: 0px 12px 0px 12px; cursor: pointer; background: url(../images/butt_18px_hight_.gif) repeat scroll right -54px; display: inline; display: -moz-inline-box; }

.render-middle-button-start:active { position:relative;top:1px;left:1px;}

.render-middle-gray-button-start { background: url(../images/butt_18px_hight_gray.gif); cursor: pointer; display: -moz-inline-block; display: inline-block; }
.render-middle-gray-button-end { color: #999; line-height: 18px; padding: 2px 12px 2px 12px; cursor: pointer; background: url(../images/butt_18px_hight_gray.gif) repeat scroll right -54px; display: inline; display: -moz-inline-box; }


.sep-link { color: #336699; text-decoration: none; background: url(../images/green_sep.png) right no-repeat 6px; padding-right: 10px; display: -moz-inline-box; display: inline-block; }

.box-1 { width: 210px; float: right; height: 196px; }
.box-2 { width: 210px; float: right; margin-right: 116px; height: 196px; }
.box-3 { width: 210px; float: right; height: 196px; }
.box-4 { width: 210px; float: right; margin-right: 116px; height: 196px; }

.logo-1 { height: 26px; background: url(../images/icon_mini_65x25.gif) no-repeat; width: 210px; margin-bottom: 10px; }
.logo-2 { height: 26px; background: url(../images/icon_platinum_104x25.gif) no-repeat; width: 210px; margin-bottom: 10px; }
.logo-3 { height: 26px; background: url(../images/icon_gold_66x25.gif) no-repeat; width: 210px; margin-bottom: 10px; }
.logo-4 { height: 26px; background: url(../images/icon_vip_55x25.gif) no-repeat; width: 210px; margin-bottom: 10px; }

.box-header { color: #336699; font-size: 12px; font-family: arial; font-weight: bold; padding: 0px; margin: 0px; border-top: 1px #336699 solid; padding-top: 12px; padding-bottom: 12px; }
.blue-header { color: #336699; font-size: 12px; font-family: arial; font-weight: bold; padding: 0px; margin: 0px; }
.top-panel-settings { background: #f4fbe8; height: 32px; border-top: 1px #336699 solid; border-bottom: 2px #666 solid; }

.panel-cell-1 { float: right; width: 580px; padding-right: 12px; line-height: 32px; }
.panel-cell-1 span { color: #336699; font-size: 11px; font-family: arial; font-weight: bold; padding: 0px; margin: 0px; }
.panel-cell-2 { float: left; margin-left: 12px; margin-top: 7px; }
.green-arrow { background: url(../images/arrow_green_6x9.gif) no-repeat 5px; width: 26px; height: 20px; margin-left: 8px; }
.deferent { margin-top: 3px !important; }
.re-coordination { direction: rtl; }
.right-to-left {direction:ltr; }
.data-table-top-sep { height: 8px; _overflow: hidden; background: url(../images/data_table_top_sep.gif) repeat-x; }
.data-table-container { clear: both; }
.totalturnover-box div { float: right; font-size: 11px; font-weight: bold; font-family: arial; color: #333; text-align: left; direction: ltr; }
.totalturnover-box .totalturnover-label { direction: rtl; }
.tbGreen { border: #336699 1px solid; font-size: 11px; color: #666666; font-family: Arial; background-color: #f4fbe8; padding: 2px; _padding: 2px; height: 14px; _height: 14px; }
.tbGreenBorder { border: #336699 1px solid; font-size: 11px; color: #333; font-family: Arial; float: left; xmargin-left: 12px; _xmargin-left: 12px; padding: 2px; _padding: 2px; height: 14px; _height: 14px; width: 134px; _width: 134px; }
div.buttonLeave { width: 112px; height: 23px; _width: 112px; _height: 23px; background-image: url(../images/butt_leaveunchanged_110x18.gif); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
div.buttonSubbmit { width: 112px; height: 23px; _width: 112px; _height: 23px; background-image: url(../images/butt_submitchanges_110x18.gif); background-repeat: no-repeat; background-position: center center; cursor: pointer; }
.button-04-start { background: url(../images/button_04.gif) no-repeat left top; padding: 3px 0px 5px; }
.button-04-end { background: url(../images/button_04.gif) no-repeat right -21px; color: #336699; cursor: pointer; display: inline; font-weight: bold; padding: 3px 21px 5px; text-align: center; text-decoration: none; }
 .button-04-start:active {position: relative;top: 1px;left: 1px;} 

.branch-seperator
{
    background-image: url("../images/grey-sep-header.gif");background-position:left;
}



/*buttons*/



/**

button-03

*/

.button-03-start { background: url(../images/button_03.gif) no-repeat top left; padding: 8px 0px 8px 0; }

.button-03-end { color: #336699; font-size: 18px; text-align: center; background: url(../images/button_03.gif) no-repeat right -27px; cursor: pointer; display: inline; text-decoration: none; padding: 2px 27px 4px 27px; }


/**

button-18 - 18px height

*/



.button-18-start { background: url(../images/butt_18px_hight.gif) no-repeat top left; xpadding: 3px 0px 5px 0px; display: -moz-inline-box; padding: 1px 0px 0px 0px; }



/**
*@fix
*/
.button-23-start { background: url(../images/butt_18px_hight.gray.gif) no-repeat top left; display: -moz-inline-box; padding: 1px 0px 3px; }
.button-23-end-bold { color: #336699; text-align: center; background: url(../images/butt_18px_hight.gray.gif) no-repeat right -19px; display: inline; text-decoration: none; padding: 2px 9px 0px; display: -moz-inline-box; }
/*
.button-23-end-bold {color: #336699; text-align: center; background: url(../images/butt_18px_hight.gray.gif) no-repeat right -19px; display: inline; text-decoration: none; padding: 2px 12px 7px; display: -moz-inline-box;}
*/


.button-18-end-bold { color: #336699; text-align: center; background: url(../images/butt_18px_hight.gif) no-repeat right -19px; cursor: pointer; display: inline; text-decoration: none; xpadding: 2px 21px 5px 21px; display: -moz-inline-box; padding: 2px 12px 7px; }
.button-18-end { color: #336699; text-align: center; background: url(../images/butt_18px_hight.gif) no-repeat right -19px; cursor: pointer; display: inline; text-decoration: none; padding: 2px 21px 5px 21px; }
#credit-card-popup { width: 296px; height: 200px; background: url(../images/creditcard.gif) no-repeat; position: absolute; margin-right: 486px; margin-top: 13px; }
.credit-card-popup-close-button { background: url(../images/close_button.gif); width: 15px; height: 15px; overflow: hidden; cursor: pointer; margin-right: 267px; margin-top: 16px; }
.credit-card-popup-content { padding-right: 34px; }
#trade-zone-btn { text-decoration: none; }

.epay-deposit-section { color: #666; font-family: arial; font-size: 11px; }
.epay-deposit-section .row { height: 30px; clear: both; margin: 0px; }
.epay-deposit-section .row .cell { float: right; height: 22px; line-height: 18px; }
.epay-deposit-section .field { border: 1px solid #336699 !important; background: #fff; font-size: 11px; font-family: Arial; }
.epay-deposit-section .row .cell select { font-family: arial !important; font-size: 11px; color: #333; background: #fff; border: 1px #336699 solid !important; }
.epay-deposit-section .ORB_BUTTON { cursor: pointer; width: 84px; height: 18px; xpadding-bottom: 2px; color: #587F2D !important; font-size: 11px; font-family: Arial; font-weight: normal !important; background: url(../images//public_green_button.gif) no-repeat 0 0 !important; border: 0px !important; }
.epay-deposit-section .seperator { height: 10px; border-top: 1px dotted #336699; }
.public-gray-button { color: #999; cursor: pointer; width: 84px; height: 18px; font-weight: normal !important; border: 0px !important; background: url(../images/public_gray_button.gif) no-repeat 0 0 !important; font-size: 11px; font-family: Arial; }
.star { font-size: 12px; color: #cc0000; padding-left: 4px !important; display: inline-block; }
.password-explain{ font-size: 11px; color: Green;display: inline-block;  }
/* Pricing */

.pricingDetails table td h4 {
    
    text-align: right;
}

.none {display:none;}
#btnHE {
    background-image: url("images/flagIL.png");
    width: 22px;
    height: 16px;
}

#btnEN {
    background-image: url("images/flagUS.png");
    width: 22px;
    height: 16px;
}

.swal2-html-container {
    direction: rtl !important;
}

.swal2-container {
    direction: rtl !important;
}

.swal-modal, .swal2-popup {
    direction: rtl !important;
    border-radius: 25px !important;
    border: 2px solid #4A64FF !important;
    color: #4A64FF;
}

.swal-title, .swal2-title, .swal2-content {
    color: #4A64FF !important;
}

.swal-text {
    text-align: start !important;
    white-space: pre-wrap;
    font-size: 18px;
}

.swal-documents-draft .swal-text {
    font-weight: 700;
    color: #4A64FF;
}

.swal2-actions .swal2-confirm, .swal2-actions .swal2-cancel, .swal2-actions .swal2-deny {
    border-radius: 25px !important;
}

.swal-button, .swal-button:focus, .swal-button:hover {
    border-radius: 25px;
    border: none !important;
}

    .swal-button.swal-button--proceed, .swal2-confirm, .swal-button.swal-button--confirm {
        background-color: #87EECD !important;
        color: #4A64FF !important;
    }

.swal-button--decline {
    background-color: #c1c1c1;
}

.swal-button--do_not_show {
    background-color: #ff4249;
    margin-right: 20px;
    margin-left: 20px;
}

.swal2-confirm {
    background-color: #87EECD !important;
    color: #4A64FF !important;
}

.swal2-cancel {
    background-color: #c1c1c1 !important;
}

.swal2-deny {
    background-color: #ff4249 !important;
}

.swal-content {
    font-size: 20px !important;
}

.swal-icon--success {
    background-image: url(Images/icon-swal-success.svg) !important;
    background-repeat: no-repeat;
    border: none !important;
}

.swal2-icon.swal2-success {
    background-image: url(.Images/icon-swal-success.svg) !important;
    background-repeat: no-repeat;
    border: none !important;
}

    .swal2-icon.swal2-success .swal2-success-circular-line-left,
    .swal2-icon.swal2-success .swal2-success-line-tip,
    .swal2-icon.swal2-success .swal2-success-line-long,
    .swal2-icon.swal2-success .swal2-success-ring,
    .swal2-icon.swal2-success .swal2-success-fix,
    .swal2-icon.swal2-success .swal2-success-circular-line-right {
        display: none;
    }

.swal-icon--info {
    background-image: url(Images/icon-swal-info.svg) !important;
    background-repeat: no-repeat;
    border: none !important;
}

.swal-icon--warning {
    background-image: url(Images/icon-swal-warning.svg) !important;
    background-repeat: no-repeat;
    border: none !important;
}

.swal2-icon.swal2-warning::before {
    content: none !important;
}

.swal-icon--error {
    background-image: url(Images/icon-swal-error.svg) !important;
    background-repeat: no-repeat;
    border: none !important;
}

.swal2-icon.swal2-error {
    background-image: url(Images/icon-swal-error.svg) !important;
    background-repeat: no-repeat;
    border: none !important;
}

    .swal2-icon.swal2-error .swal2-x-mark {
        display: none;
    }

.swal-icon--warning__body, .swal-icon--info:after, .swal-icon--info:before, .swal-icon--error__x-mark, .swal-icon--success__line.swal-icon--success__line--long,
.swal-icon--success__line.swal-icon--success__line--tip, .swal-icon--success__ring, .swal-icon--success__hide-corners,
.swal-icon--success:before, .swal-icon--success:after {
    display: none !important;
}