*:focus {
    outline: none !important;
}

body, html {
    margin: 0;
    padding: 0;
    box-sizing: padding-box;
}

input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

input[type="text"], input[type="image"], input[type="number"], input[type="tel"], input[type="password"], input[type="button"] {
    border-radius: 0;
    -webkit-border-radius: 0;
}

    input[type="image"]:focus {
        box-shadow: 0px 0px 3px 2px #EFC316;
    }

.tblCalendar input, html {
    color: #3b3b3b;
}

legend {
    white-space: nowrap;
}

h2 {
    font-size: 19px;
    color: #000;
}

li {
    list-style-position: inside;
    list-style-type: none;
    direction: inherit;
}

ol li {
    list-style-type: decimal;
}

input {
    font-size: 12px;
}

    input[type="text"], select {
        min-height: 27px;
    }

textarea:focus {
    background-color: rgb(255, 255, 227) !important;
}


input[type="text"]:disabled, input[type="password"]:disabled {
    background-color: #EEE;
    border-color: #CCC !important;
}

input:focus {
    outline: 0 !important;
}

input[type="text"], input[type="file"], textarea, input[type="password"], input[type="Number"], input[type="tel"] {
    border: 1px solid #d4d4d4;
    min-height: 27px;
}

    input[type="text"]:not([readonly="readonly"]):focus, input[type="Password"]:focus, input[type="number"]:focus {
        background-color: rgb(255, 255, 227) !important;
    }

    input[type="file"]:focus {
        box-shadow: 0 0 0 1px #1e664b;
    }

#pnlLogin .username input {
    background-color: inherit !important;
}

img {
    border: 0;
}

a:visited, a:hover, a:active, a:link {
    text-decoration: none;
    color: inherit;
}

    a:link.greenLink:focus {
        box-shadow: 0px 0px 0px 2px #237758;
        font-weight: 500;
    }

select {
    border: 1px solid #d4d4d4;
    height: 27px;
}

.selectStyle {
    font-size: 12px;
    width: 204px;
}

    .selectStyle:focus {
        background-color: rgb(255, 255, 227) !important;
    }

input[type$="checkbox"], input[type$="radio"] {
    border: 0 !important;
    vertical-align: middle;
}

input.NoteBookDepositPosition {
    width: 190px !important;
}

#inpShomareShebaMaghsad input[type="text"] {
    width: 190px !important;
}

.checkBox input[type$="checkbox"]:checked + label::after, .checkBoxlist input[type$="checkbox"]:checked + label::after {
    background: #00965f;
    border: 1px solid #00965f;
}

.DescriptionInpute {
    width: 130px;
}

.inputDescription {
    width: 204px;
}

.normalInput {
    width: 204px;
}

.normalselect {
    width: 146px;
}

textarea.bigText {
    width: 500px;
}

.SmallnormalInput {
    width: 156px;
}

    .SmallnormalInput.YearDateInput, .SmallnormalInput.MonthDateInput {
        width: 40px;
    }

.LargInput {
    width: 350px;
}

.radio-container {
    display: block;
    position: relative;
    margin-bottom: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radio-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        z-index: 100;
        width: 20px;
        height: 20px;
    }

        .radio-container input:checked ~ .radioCheckmark {
            background-color: #F7C600;
            box-shadow: 0px 1px 1px 1px #CAA200;
        }

    .radio-container:hover input:not(:checked) ~ .radioCheckmark {
        background-color: #ccc;
    }

    .radio-container input:checked ~ .radioCheckmark:after {
        display: block;
    }

    .radio-container .radioCheckmark:after {
        top: 7px;
        left: 6px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: white;
    }

.radioCheckmark {
    position: absolute;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
    box-shadow: 0px 1px 1px 1px #888;
}

    .radioCheckmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.radioButtonTitle {
    display: inline-block;
    min-width: 300px;
    position: absolute;
    right: 30px;
}

.radio-list table, .radio-list.Horizontal td, .radio-list tr, .radio-list tbody {
    display: inline-block;
}

.radio-list.Vertical td {
    display: block;
}

.radio-list input[type="radio"] {
    opacity: 0;
    margin: 0 0 0 -17px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

    .radio-list input[type="radio"] ~ label {
        cursor: pointer;
        color: inherit !important;
        padding: 0 0 0 15px;
    }

        .radio-list input[type="radio"] ~ label:before {
            content: "";
            border-radius: 50%;
            box-shadow: 0 1px 1px 1px #888;
            display: inline-block;
            background-color: #eee;
            height: 18px;
            width: 18px;
            box-sizing: border-box;
            margin: 0 0 -5px 3px;
        }

    .radio-list input[type="radio"]:checked ~ label:before {
        border: 6px solid #f7c600;
        background-color: #fff;
    }

    .radio-list input[type="radio"][disabled="disabled"] {
        cursor: default;
    }

        .radio-list input[type="radio"][disabled="disabled"] ~ label {
            color: #666 !important;
            cursor: default;
        }

            .radio-list input[type="radio"][disabled="disabled"] ~ label:before {
                border: 1px solid #ddd;
                box-shadow: none;
            }

        .radio-list input[type="radio"][disabled="disabled"]:checked ~ label:before {
            border: 6px solid #bdbdbd;
            box-shadow: 0px 0px 0px 1px #9e9e9e;
        }

.custom-radio {
    display: inline-block;
    /*min-height: 25px;*/
}

    .custom-radio input[type="radio"] {
        opacity: 0;
        width: 0;
    }

    .custom-radio label {
        cursor: pointer;
        min-height: 25px;
        line-height: 23px;
        position: relative;
        display: inline-block;
        padding-right: 27px;
    }

        .custom-radio label::before {
            border: 6px #eee solid;
            background-color: #eee;
            box-shadow: 0px 1px 1px 1px #888;
            border-radius: 50%;
            width: 19px;
            height: 19px;
            position: absolute;
            top: 1px;
            content: " ";
        }

    .custom-radio input[type="radio"]:checked ~ label::before {
        border-color: #009146;
        background-color: #fff;
        box-shadow: 0px 1px 1px 1px #016f36;
    }

    .custom-radio input[type="radio"][disabled="disabled"] ~ label::before {
        border-color: #aba8a8;
        background-color: #d2d2d2;
        box-shadow: none;
    }

.vAlignMiddle {
    vertical-align: middle;
}

.Style_LeftIcon .icon:before {
    vertical-align: middle;
}

.Style_LeftIcon .icon.ib-send-email {
    vertical-align: sub;
}

.position-top {
    margin-top: 18px;
}

.checkBox {
    margin: 5px 0px 5px 5px;
    position: relative;
    display: inline-block;
}

    .checkBox label {
        cursor: pointer;
    }

    .checkBox input[type$="checkbox"] {
        margin: 0 0 0 2px;
        opacity: 0;
    }

    .checkBox input[disabled="disabled"][type$="checkbox"] + label:after {
        background: #eee;
        border: #ddd 1px solid;
        cursor: default;
        color: #fff;
    }

    .checkBox input[disabled="disabled"][type$="checkbox"]:checked + label:after {
        background: #bdbdbd;
        border: #9e9e9e 1px solid;
    }

    .checkBox input[disabled="disabled"][type$="checkbox"] + label {
        cursor: default;
        color: #999;
    }

    .checkBox.checkBoxlist input[type$="checkbox"] {
        margin: 0 0 0 6px;
    }

    .checkBox label:after {
        width: 15px;
        height: 15px;
        content: ' ';
        position: absolute;
        background: #fff;
        border: 1px solid #737373;
        top: 4px;
        border-radius: 3px;
    }

    .checkBox.checkBoxlist label:after {
        top: 8px;
    }

span.checkBox label:after {
    top: 2px;
}

.checkBox input[type$="checkbox"]:focus + label::after {
    box-shadow: 0 0 3px 0 #333;
}

.checkBox input[type$="checkbox"]:focus {
    box-shadow: 0 0 0 0 #555;
}

.checkBoxlist td {
    position: relative;
    padding: 8px 0 0;
}

.checkBoxlist.checkBox {
    margin: 0;
    border-spacing: 0px;
}

.useMobileBank .checkBox span {
    color: #fff;
    display: inline-block;
    font-weight: 400;
}

.realـFonts {
    font-family: tahoma;
}

.filterrecordCount {
    width: 70px;
}

.lstGridViewPageSize, .recordCount {
    width: 50px;
}

.InputPin2 {
    width: 120px;
}

.YearDateInput, .MonthDateInput {
    width: 30px;
}

.txtAmount {
    width: 145px;
}

.textBoxStyleLTR {
    width: 204px;
}

.txtBillNumber input {
    width: 115px !important;
}

.txtOfficeCode input {
    width: 72px !important;
}

.BillNumber {
    width: 117px !important;
}

.officeCode {
    width: 74px !important;
}

.standardWidth input {
    width: 204px !important;
}

.textBoxControl.txtCVV2 input {
    width: 60px !important;
}

.textBoxControl.txtMonthExpireDate input {
    width: 50px !important;
}

.textBoxControl.txtYearExpireDate input {
    width: 50px !important;
}

.Ex2Exel, .exlButton {
    height: 20px;
    width: 20px;
}

.txtMonthExpireDate input, .txtYearExpireDate input, .txtOfficeCode input {
    padding: 2px 5px !important;
}

.txtMonthExpireDate input, .txtYearExpireDate input, .txtOfficeCode input {
    min-height: 27px;
    padding: 2px 5px !important;
}

.txtMonthExpireDate input, .txtYearExpireDate input, .txtOfficeCode input {
    font-size: 13px;
}

.textBoxControl.txtcardPass input {
    width: 125px !important;
}

.noteCenter {
    font-size: 12px;
    color: navy;
    font-weight: 700;
    text-align: center;
}

.ClickableImage {
    cursor: pointer;
}

.infoTextBoldRight:focus img {
    box-shadow: 0px 0px 3px 1px rgb(101, 180, 221);
}

.content {
    font-size: 12px;
    background-color: #AF5;
    color: #0a2003;
    text-align: justify;
}

.top {
    background-color: #ffbbd0;
}

.exportFile {
    vertical-align: middle;
}

.inlineStyle {
    display: inline;
}

.btnInline {
    margin: 0 !important;
    padding: 2px 0 !important;
    vertical-align: middle;
}

.exportPosition {
    width: 20px;
    height: 20px;
    margin-bottom: 0px;
}

.cancelRow {
    padding: 5px 1px 2px;
}

.listView {
    text-align: center;
}

.DepositNum {
    min-width: 160px;
}

.text {
    font-size: 12px;
}

.buttonStyle {
    box-shadow: 0 2px silver;
    padding: 4px 30px;
    border-radius: 3px;
    font-weight: lighter;
    font-size: 15px;
    line-height: 98%;
    margin: 2px 0 !important;
}

    .buttonStyle:hover {
        background-color: #0576b6;
        border-color: #046da8 !important;
    }

    .buttonStyle:focus {
        border: 1px solid #074162;
    }

    .buttonStyle:active {
        position: relative;
        top: 1px;
        box-shadow: 0 0 #999494;
    }

    .buttonStyle:disabled {
        background-color: #d9e2e7;
        border: 2px solid #c2d4e0 !important;
        color: #6e798f !important;
    }

    .buttonStyle[value="'در حال پردازش...'"] {
        padding: 4px 1px !important;
        font-weight: 400 !important;
        box-shadow: 0 0 silver;
    }

.linkList {
    font-size: 16px;
    color: #039;
    cursor: pointer;
    line-height: 32px;
    list-style: inside;
}

.footer {
    font-size: 11px;
    color: #3c9ac9;
}

.text1 {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.text2 {
    color: #000;
    text-decoration: none;
}

.infoText {
    font-size: 12px;
    font-style: normal;
    color: navy;
}

.MainContent_Rudimentar .infoLink {
    color: blue;
}

    .MainContent_Rudimentar .infoLink[target="_blank"] {
        text-decoration: underline;
    }

.divUpdateCardDepositBook .infoText {
    color: Gray !important;
}

.infoTextLarge {
    font-size: 13px;
    font-style: normal;
    color: navy;
}

.footerText {
    color: #303e45;
    background-color: #f3fff9;
    height: 30px;
}

.SubtitleBigStyle .infoText {
    color: #000 !important;
    font-size: 16px !important;
}

.infoTDLTR {
    border: 1px dashed #ffaeae;
}

.infoTDRTL {
    border: 1px dashed #ffaeae;
}

.subTitle, .confirmationtransferForm .tblCard .UserCardDepositBookManagerContainer .divForAddCardDepositBookRecord .subTitle {
    color: white !important;
}

.ClickableText {
    font-weight: inherit;
    color: Navy;
    cursor: pointer;
    text-decoration: underline;
}

.Header {
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

.tdGrid {
    width: 150px;
    max-width: 150px;
    word-break: break-all;
}

.GridViewEmptyDataRow {
    color: #616f77;
    border-collapse: separate;
    height: 40px;
}

.GridViewEmptyDataRowGreen {
    border: 0;
    font-size: 16px;
    color: Green;
    text-align: Center;
    vertical-align: Middle;
    font-weight: bold;
}

.FontStyle1 {
    font-size: 12px;
    color: Navy;
    font-weight: bold;
}

.listViewHeader a {
    color: #FFF;
    height: 30px;
}

    .listViewHeader a:focus {
        box-shadow: 0px 0px 5px 1px #EFC316;
    }

.broker {
    color: #1c2397;
    text-align: center;
}

.tblDeposit {
    margin-bottom: 5px;
}

.captionTD_Top {
    vertical-align: top;
}

.Style_RTL_Center {
    text-align: center;
}

.Style_Bold {
    font-weight: bold;
}

.ChequeOperation {
    background: #FFC;
}

.ChequeRule {
    color: Red;
}

.Style_Top {
    vertical-align: top;
}

.PaymentContent {
    background: #cff4ca;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
}

.keyBoard {
    margin-top: 25px;
}

.Style_Justify {
    text-align: justify;
}

.Style_Left_Top {
    vertical-align: top;
}

.Style_Center {
    text-align: center;
}

.divLightGreen .Style_Center {
    background-color: #d9ffea;
    color: #03773a;
    font-size: 14px;
    padding: 4px 28px;
    border: solid #94e4c6;
    border-width: 0 0 1px;
}

.btnAccept:focus {
    border-color: #016540;
    font-weight: normal;
}

.btnCancel:focus {
    border-color: #9d3a2f;
    font-weight: normal;
}

.btnModify:focus, .btnReturn:focus, .btnShow:focus {
    border-color: #1c2529 !important;
    font-weight: normal;
}

btnCommon:focus {
    box-shadow: 0 0 0 2px #474747 !important;
}

.divLightGreen {
    padding: 0;
    line-height: 200%;
    border: 1px solid #94e4c6;
}

    .divLightGreen .LightGreenContext {
        padding: 5px 15px;
        margin: 0;
        font-size: 12px;
    }

.LightGreenTitle {
    color: #13a558;
    font-size: 15px;
    padding: 5px 15px;
}

.divLightGreen ul {
    text-align: justify;
    padding: 15px;
}

    .divLightGreen ul li:not(:last-child) {
        margin-bottom: 10px;
    }

.noteBlack {
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.tblCard {
    background: #FFC;
    text-align: center;
}

.tblContent2 {
    border: solid 1px gray;
    padding: 5px;
}

.infoTDLTR_Top {
    border: 1px dashed #ffaeae;
    vertical-align: top;
}

.FontStyle {
    font-size: 12px;
}

.infoTDLTR_12 {
    border: 1px dashed #ffaeae;
    font-size: 12px;
}

.infoTDRTL_12 {
    border: 1px dashed #ffaeae;
    font-size: 12px;
}

.NavyBold {
    font-weight: bold;
    color: Navy;
}

.NavyRegular {
    font-size: 12px;
    color: Navy;
}

.NavyBold12 {
    font-size: 12px;
    color: Navy;
    font-weight: bold;
}

.Padding10 {
    padding: 10px;
}

.linkListRP {
    font-size: 16px;
    color: #039;
    cursor: pointer;
    line-height: 32px;
}

.MenuPage {
    background-color: #1e7fc4;
    color: #FFF;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-bottom: 3px solid #d6d6d6;
    border-top: 3px solid #d6d6d6;
}

.MenuBasePage {
    vertical-align: top;
    color: #000;
    padding: 20px;
    background: #80b5ea;
    background: -moz-linear-gradient(top,#80b5ea 0,#FFF 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,#80b5ea),color-stop(100%,#FFF));
    background: -webkit-linear-gradient(top,#80b5ea 0,#FFF 100%);
    background: -o-linear-gradient(top,#80b5ea 0,#FFF 100%);
    background: -ms-linear-gradient(top,#80b5ea 0,#FFF 100%);
    background: linear-gradient(to bottom,#80b5ea 0,#FFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea',endColorstr='#ffffff',GradientType=0);
    background-color: #bddbfa;
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
    text-shadow: 0 1px 0 #528ecc;
}

.OfflineRequestsWarning {
    padding: 0 45px;
    text-align: justify;
    font-size: 18px;
}

.Warning {
    color: #0d4a8c;
    font-size: 20px;
}

.textBoxStyleLTR {
    font-size: 12px;
}

.NavidRate {
    font-size: 12px;
    font-weight: bold;
    background-color: #dfdfdf;
}

.PanelStyle {
    border: 1px solid #666;
    background-color: Silver;
}

.validation {
    font-size: 11px;
    font-weight: bold;
    color: #ee1008;
    background-image: none;
}

.validation_Inline, .validation_Inline li {
    font-size: 11px;
}

.TarifBody {
    background-color: #f9f9f9;
    background-image: none;
}

.Style_TopCenter {
    text-align: center;
    vertical-align: top;
}

.Page1 {
    background-color: #FF9;
}

.Time {
    font-weight: bold;
}

.Span11 {
    font-size: 11px;
    color: #C30;
}

.AddressPanel {
    background-color: #EEE;
}

.PrintDiv {
    background: #cff4ca;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    text-align: center;
}

.footerCB {
    font-size: 11px;
    color: #333;
    text-align: center;
    vertical-align: bottom;
}

.Navy12 {
    color: Navy;
    font-weight: bold;
    font-size: 12px;
}

.Style_TopLeft {
    vertical-align: top;
}

.InternetBranchTitle {
    width: 400px;
    text-align: justify;
    margin-top: 50px;
}

.Satchel {
    border: 1px solid #777;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #e4eaed;
    border-radius: 3px;
    margin: 10px auto;
}

.Style_Bold {
    font-weight: bold;
}

.Style_Center {
    text-align: center;
}

.buttonStyle3 {
    font-size: 12px;
}

.infoTextCenter {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: navy;
    text-align: center;
}

.infoTextRight, .infoTextRightRegular {
    font-size: 12px;
    font-style: normal;
    color: navy;
}

    .infoTextRightRegular .downloadLink {
        font-weight: bold;
        padding: 0 3px;
    }

    .infoTextRight ul ul {
        list-style: square;
    }

.Interactive-info {
    color: #397695;
    background: #fafeff no-repeat;
}

.Interactive-warning {
    color: #8c7000;
    background: #fffbea;
    position: relative;
}

.Interactive-success {
    color: #176f4f;
    background: #f1fff1;
}

.Interactive-info, .Interactive-warning, .Interactive-success {
    background-size: 20px;
    font-size: 12px;
    font-style: normal;
    padding: 7px 50px 15px;
    margin: 0px 0px 15px;
}

.BatchTMEnable, .BatchTMDisabled {
    padding: 15px 0;
    margin: -10px auto 15px;
    border-radius: 0;
}

.BatchTMEnable {
    border: 1px solid #e6e6be;
    background-color: #fafaf3;
}

    .BatchTMEnable input:not([type="submit"]) {
        background-color: #FFF;
    }

.BatchTMDisabled {
    border: 1px solid #e4e4e4;
    background-color: #f2f2f2;
    color: #969696 !important;
}

.BatchTM input:disabled {
    border-color: #d8d4d4 !important;
    background-color: #eaeaea;
}

.BatchTM .radio-container {
    margin-bottom: 29px;
}

.InvoiceSearchEnable, .InvoiceSearchDisabled {
    padding: 25px 0 15px;
    margin: -10px auto 15px;
}

.amountSearchEnable {
    margin: 10px auto 15px;
}

.InvoiceSearchEnable {
    border: 1px solid #c0e3e6;
    background-color: #eafaf5;
}

    .InvoiceSearchEnable input:not([type="submit"]):not([disabled]) {
        background-color: #FFF;
    }

.InvoiceSearchDisabled {
    border: 1px solid #CCC;
    background-color: #ececec;
    color: #969696 !important;
}

    .InvoiceSearchDisabled input, .InvoiceSearchDisabled [type="text"]:not([readonly="readonly"]):focus, .InvoiceSearch input:disabled, .InvoiceSearchDisabled .tblCalendar {
        border-color: #d8d4d4 !important;
        background-color: #eaeaea !important;
    }

.divInvoiceSetting {
    padding: 0;
    border: 1px solid #accccf;
}

    .divInvoiceSetting > div:nth-child(2) {
        padding-top: 10px;
    }

    .divInvoiceSetting div:last-child {
        padding-bottom: 10px;
    }

    .divInvoiceSetting .InvoiceSettingheader {
        border: 2px solid #cce6e6;
        color: #034444;
        font-size: 14px;
        margin: 0;
    }

        .divInvoiceSetting .InvoiceSettingheader ~ div {
            padding-top: 20px;
            clear: both;
        }

        .divInvoiceSetting .InvoiceSettingheader .infoText {
            color: #034444;
        }

        .divInvoiceSetting .InvoiceSettingheader .icon, .divInvoiceSetting .InvoiceSettingheader .icon:before, .divInvoiceSetting .InvoiceSettingheader .infoText {
            vertical-align: middle;
        }

.headingRedioGrop {
    background-color: #FFF;
    display: inline;
}

    .headingRedioGrop .textAfterCheckbox {
        width: 40px;
    }

.headingBachTM, .headingBachTMTableName {
    width: 100%;
    color: #2b2b2b;
    font-size: 13px;
}

.headingBachTM {
    width: 100%;
    background-color: #dadad0;
    box-sizing: border-box;
    border-width: 0;
    margin: 10px 0;
}

.BatchTM .basicValidationContainer span li {
    line-height: 150%;
}

.BatchTable {
    max-width: 750px;
    margin: 15px auto 0 !important;
}

.BigBatchTable {
    max-width: 1000px;
    margin: 15px auto 0 !important;
}

.BatchTablePayaSatna, .BatchTablePayaSatnaCreditors {
    max-width: 1200px;
}

.divDestinationDepositsTitle {
    color: #00008b;
    font-size: 13px;
}

.PersianCalendarTxt {
    font-size: 12px;
    border: none !important;
}

.Tooltip {
    font-size: 12px;
    height: auto !important;
    padding: 0;
}

    .Tooltip .InformationSecurity, .InformationTooltip {
        padding: 10px;
        background-color: white;
        border: 0;
        border-radius: 0;
        max-width: 350px;
    }

        .Tooltip .InformationSecurity > div:first-child {
            color: #65b296;
            font-weight: 500;
            font-size: 13px;
        }

            .Tooltip .InformationSecurity > div:first-child:focus {
                box-shadow: 0 0 5px 1px #EFC316;
            }

.InformationTooltip {
    padding: 10px;
}

.inlineTooltip {
    display: inline-block;
    border: 1px solid #DDD;
    box-shadow: 0 2px 10px #555;
}

.blockTooltip {
    display: block;
}

.Propose {
    font-size: 10pt;
    color: #622;
    padding: 5px;
    text-align: justify;
    margin: 0;
}

.Text {
    font-size: 19px;
}

.orange {
    color: orange;
}

.email {
    font-size: 16px;
}

.emailLable {
    padding: 6px 0 0 !important;
}

.subTitleRight {
    font-size: 16px;
    color: #000;
}

.ChangePass {
    background-color: #FFF;
    font-size: 12px;
    text-align: center;
}

.InlineTable {
    vertical-align: middle;
    display: inline-table;
    width: 600px;
}

.trDate table {
    background-color: expression(document.getElementById(ctl00_activePage_rdbTransactionDate)=checked = '#ADDAFF''#FFF');
}

.trDate label {
    color: expression(document.getElementById(ctl00_activePage_rdbTransactionDate)=checked = 'navy''Gray');
}

.trCount table {
    background-color: expression(document.getElementById(ctl00_activePage_rdbTransactionCount)=checked = '#ADDAFF''#FFF');
}

.trCount label {
    color: expression(document.getElementById(ctl00_activePage_rdbTransactionCount)=checked = 'navy''Gray');
}

.commentDiv {
    border-width: 3px;
    border-style: double;
    border-color: #000;
    background: #ebebe4;
    position: absolute;
}

.tblComment {
    border-width: 0;
    border-style: solid;
    border-color: #000;
}

.infoTextComment {
    font-size: 12px;
    font-style: normal;
    color: navy;
    background: #ffffe0;
    text-align: center;
    border-bottom-width: 3px;
    border-bottom-style: double;
    border-bottom-color: #000;
}

.Border1 {
    border-width: 1px;
    border-style: solid;
    border-color: #000;
}

.LoginGuide {
    font-size: 21px;
    text-align: center;
    vertical-align: middle;
}

.Paya {
    border: solid 1px gray;
    padding: 5px;
}

.InfoGuide {
    border: 1px solid rgb(0, 168, 255);
    background-color: rgb(0, 168, 255);
    padding: 2px 13px;
    margin: 2px;
    color: #FFF !important;
}

    .InfoGuide:focus {
        box-shadow: 0px 0px 5px 1px #EFC316;
    }

.infoTextCenter {
    font-size: 12px;
    font-style: normal;
    color: navy;
    text-align: center;
}

.DarkBlue {
    color: #00008b;
}

.CHPass1 {
    font-size: 19px;
    text-align: center;
}

.MaroonCenter {
    text-align: center;
    color: Maroon;
}

.ExcelGridRow0 {
    background-color: #8491a9;
    color: #fafafa;
    font-size: 12px;
}

.tdinfoTextLarge {
    border-bottom-style: double;
    border-width: 2px;
    border-color: #000;
    font-size: 13px;
    font-style: normal;
    color: navy;
}

.InvoiceRowTD {
    border-width: 1px;
    border-color: LightGray;
    border-style: solid;
    text-align: center;
}

.InvoiceRowSpan {
    font-size: 10px;
    color: #000;
}

.infoTDLTR_12_T {
    font-size: 12px;
}

.infoTDRTL_12_T {
    font-size: 12px;
}

.cdbmcontent {
    background: #FFF;
    border-top: 0;
}

.tblPaySuggestionRow {
    background-color: #5d5d5d;
    color: #fafafa;
    font-size: 12px;
    text-align: center;
    height: 30px;
    border-color: #798992;
}

.tblPaySuggestionDataRow {
    background-color: #fcfcfc;
    color: #303e45;
    font-size: 12px;
    text-align: center;
    height: 30px;
}

#pnlPayInstallment {
    text-align: center;
}

.OPage2 {
    text-align: center;
    width: 100%;
}

.OPage4 {
    text-align: center;
    padding: 10px;
}

input[type="radio"]:checked + label {
    color: navy;
}

    input[type="radio"]:checked + label div {
        background-color: #addaff;
    }

input[type="radio"]:focus {
    box-shadow: 0px 0px 3px 1px #EFC316;
}

.CalenderlineSyle {
    display: inline-block;
    vertical-align: middle;
}

    .CalenderlineSyle input, .CalenderContainer input {
        border: none !important;
    }

.basicValidationContainer {
    color: red;
    font-size: 12px;
    line-height: 150%;
}

    .basicValidationContainer li {
        list-style: inside disc;
    }

    .basicValidationContainer span[style*="hidden"] {
        display: none;
    }

.moreInfo {
    font-size: 12px;
    line-height: 150%;
}

.inlineValidation {
    display: inline-block;
    color: red;
    font-size: 12px;
}

.attentionAlertStyle2 {
    max-width: 800px;
}

.attentionAlertStyle {
    text-align: justify;
    border: 1px solid #DDD;
    padding: 10px 30px;
    background: #fbfae5;
    max-width: 800px;
    margin: 10px auto;
    color: #ad8a00;
}

.AlertAuto {
    width: auto !important;
}

.textAfterCheckbox, .textAfterCheckbox a {
    vertical-align: text-top;
}

    .textAfterCheckbox a:focus, tbody > tr > td.CommentResponsive a:focus {
        color: #ffd700 !important;
    }

tbody > tr > td input[type="submit"]:focus {
    box-shadow: 0px 0px 3px 1px #EFC316;
}

.textInsideCheckInput label {
    vertical-align: middle;
}

.textInsideCheckInput input {
    padding: 0;
    margin: 0;
}

input[type="checkbox"]:focus {
    box-shadow: 0px 0px 3px 1px #EFC316;
}

.transferFormReceipt hr {
    outline: #bcd5cd 1px solid;
    color: #80ae9f;
    width: 99%;
    margin: 0 auto;
    display: none;
}

.transferFormReceipt .NavyRegular {
    font-weight: bold;
}

.infoTextBoldRight {
    font-weight: bold;
    font-style: normal;
    color: #444;
    line-height: 24px;
}

    .infoTextBoldRight a:focus img {
        box-shadow: 0 0 5px 1px #ffd700;
    }

.warningTextBoldRight {
    border: 1px solid #d1a600;
    color: #ad8a00;
}

.infoTextRight, .infoTextRightRegular {
    border: 1px solid #3c9ac9;
    color: #397695;
}


.warningTextBoldRight, .infoTextRight, .infoTextRightRegular {
    line-height: 24px !important;
    text-align: justify;
    margin: 10px auto;
    position: relative;
}

    .infoTextRight li, .warningTextBoldRight li {
        list-style: disc inside;
        line-height: 150%;
    }

.infoTextBoldRight li {
    list-style: none;
}

.infoTextRight img, .warningTextBoldRight img {
    vertical-align: bottom;
}

.infoTextRight::before {
    text-align: center;
}

fieldset .warningTextBoldRight {
    width: 90%;
}

.infoTextBold li {
    list-style: inside disc;
}

.Style_Center .infoTextRight, .Style_Center .warningTextBoldRight {
    display: inline-block;
}

.headingTable .Style_Center {
    padding: 2px 0 10px;
}

legend {
    white-space: nowrap;
    font-size: 13px;
    border-color: #d0d0d0 #d0d0d0 -moz-use-text-color;
    font-size: 13px;
    color: #3b3b3b;
}

fieldset {
    border: 1px solid #eaeaea;
    margin: 10px 0;
    background-color: #f5f5f5;
    padding: 5px 0;
}

.CustomerAddressControldiv .btnContainer {
    padding: 2px 0 !important;
}

    .CustomerAddressControldiv .btnContainer > .leftColumn {
        max-width: 390px;
    }

.BillPaymentStyle1 fieldset, .tabStyle fieldset {
    padding: 0;
    background: none !important;
}

.tabStyle fieldset {
    border: 0 solid #6d8293;
    margin: 10px 0;
}

.tabStyle legend {
    display: none;
}

.BillPaymentStyle1 fieldset {
    border: 0 solid #224b6e;
    margin: 0;
    border-width: 0;
    padding: 10px 0;
}

.BillPaymentStyle1 legend {
    margin: 0;
    border-width: 0;
    color: #2b2b2b;
    font-size: 13px !important;
    background-color: #dadad0;
    width: 100%;
    box-sizing: border-box;
}

.resultsPage {
    line-height: 190%;
}

.RequestTextBox {
    bottom: -24px;
    margin-right: 7px;
}

.infoimg .imgInfo, .infoimg a {
    border-width: 0;
}

    .infoimg a:focus img {
        box-shadow: 0px 0px 5px 1px #EFC316;
    }

table .listInTable > li {
    list-style: inside;
    color: red;
    border-bottom-width: 0 !important;
}

.CompactCenterForm {
    max-width: 400px;
    margin: 0 auto;
}

.subsidiaryDepositBtn {
    padding: 1px 10px !important;
    width: 131px;
    height: 27px !important;
    margin: 0px !important;
    background-color: #fff;
    color: #007147;
    border: 1px solid #32ab7e;
    font-size: 12px !important;
    cursor: pointer;
    position: absolute;
    right: 330px;
}

.newNoteBookSecureKeyboard {
    top: 2px !important;
}

.newNoteBookEraser {
    display: inline !important;
}

.ViewDetails {
    background: #5bc0de;
    padding: 3px 4px 1px;
    color: #fff !important;
    font-size: 11px;
    border-radius: 2px;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #4aacca;
    text-align: center;
}

.greenLink {
    color: #007147;
    border: 1px solid #32ab7e;
    padding: 3px 30px;
    font-size: 14px;
    margin: 5px 10px;
    cursor: pointer;
    text-decoration: none !important;
    font-weight: 400;
    background: #fff;
}

    .greenLink:hover, .greenLink:focus, .acceptbtn:hover, .acceptbtn:focus {
        background-color: #32ab7e;
        cursor: pointer;
        color: #FFF;
        outline: none;
    }

.ibanbtnBox:hover {
    border-color: #32ab7e;
}

.greenLink img {
    display: none;
}

.moreDetailGrid {
    display: inline-block;
    width: 100px;
    height: 20px;
    background: #5cb85c;
    text-align: center;
    color: white;
    cursor: pointer;
}

.TarifHTML, .TarifBody {
    background: #FFF !important;
}

.TarifeMoshtariMasterTable {
    margin: 0 auto;
    font-size: 13px;
}

.TarifBody .footerCB {
    background: url(images/TarifeMoshtari/bg_02.gif) repeat-x;
    height: 28px;
}

.TarifBody td.captionTD + td {
    width: 188px;
}

div, div:after, div:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.CollapseIcon {
    cursor: pointer;
}

.CommentOld {
    display: none;
}

.footer, header {
    position: relative;
    margin: .2em;
    padding: .2em;
}

.FillForm {
    position: relative;
}

input[type="checkbox"]#toggle {
    display: none;
}

#toggle {
    display: none;
}

.KeyboardNumberTable {
    display: none;
}

#KeyboardshowByDefault .KeyboardNumberTable {
    display: block;
}

.tdDuplicateWarning, table.dataTable > tbody > tr > td.tdDuplicateWarning, table.responsiveGrid > tbody > tr > td.tdDuplicateWarning {
    position: relative;
}

    .tdDuplicateWarning, table.dataTable > tbody > tr > td.tdDuplicateWarning:before, table.responsiveGrid > tbody > tr > td.tdDuplicateWarning:before {
        position: absolute;
        top: 0px;
    }

.GridDetail, .showHeader, table.dataTable.dtr-inline.collapsed > tbody > tr > td > img.imgInfo {
    display: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child {
    cursor: pointer;
}

.listViewRow0, .listViewRow1, .selectedRow {
    max-height: 35px !important;
}

    .listViewRow0 td, .listViewRow1 td, .selectedRow td, .dataTables_wrapper tbody .GridAction {
        white-space: nowrap;
    }

    .listViewRow0 .WrapWord, .listViewRow1 .WrapWord {
        white-space: normal;
        min-width: 200px;
        word-break: break-all;
    }

    .listViewRow0 .normalWrapWord, .listViewRow1 .normalWrapWord {
        white-space: normal;
        min-width: 200px;
    }

.BalanceCheckBox .columnsContainer > div {
    padding: 5px 0;
}

.imgShowTargetBalance {
    border: 0;
}

.textBoxMsg {
    font-size: 12px;
    width: 95%;
    resize: none;
    min-height: 150px !important;
    border-radius: 3px;
    outline: #e9e9e9 solid 3px;
    border: 1px solid #9b9191 !important;
    max-width: 450px;
    margin-top: 5px;
}

.OpenControl {
    min-width: 25px;
    width: 25px;
    height: 20px;
}

.GridAction {
    min-width: 20px;
    max-width: 20px;
}

.grdScreenShow:focus img {
    box-shadow: 0px 0px 3px 2px #EFC316;
}

.GridAction input[type="submit"]:focus {
    box-shadow: 0px 0px 5px 1px #EFC316;
}

.multiAction {
    min-width: 20px;
    max-width: 90px;
}

.largeAction {
    max-width: 180px !important;
}

.TwoAction {
    min-width: 40px;
    max-width: 55px;
}

.GridAction.continualAction {
    width: 60px;
}

.GridAction.continualActionBig {
    width: 70px;
}

th.inGridTextArea {
    width: 150px;
}

.inGridTextArea {
    width: 85%;
    font-size: 12px;
    height: 80px;
    word-wrap: break-word;
}

.dtr-data .inGridTextArea {
    width: 130px;
}

.gridAmountCurrency {
    display: inline;
}

.girdAmount {
    display: inline;
    padding-bottom: 2px;
}

.gridAmountContainer {
    width: 100%;
    display: inline-block;
    clear: both;
}

.gridAmountHR {
    border: 0;
    height: 2px;
    clear: both;
}

.editableText {
    width: 200px;
}

.CVV2Input {
    width: 50px;
}

.bgError {
    background-color: #ffeded !important;
}

.bgSuccess {
    background-color: #f1fff1 !important;
}

.bgWarning {
    background-color: #fbf2cf !important;
}

.bgInfo {
    background-color: #e0f3ff !important;
}

.bgHover:hover {
    background-color: #f7f7f7 !important;
}

.errorMessage:empty, .successMessage:empty {
    display: none;
}

.errorMessage {
    min-width: 200px;
    display: inline-block;
    color: #d01f1f;
    border: #920300 1px solid;
    line-height: 31px;
    margin: 10px auto;
    font-weight: 700;
    font-family: IRANSans_FaNum,Tahoma;
}

.successMessage {
    min-width: 200px;
    display: inline-block;
    color: #2e9670;
    border: #2e9670 1px solid;
    line-height: 31px;
    margin: 10px auto;
    font-weight: 700;
    font-family: IRANSans_FaNum,Tahoma;
}

.errorMessage, .successMessage {
    vertical-align: top;
}

.successfixdMsg:empty, .errorfixdMsg:empty {
    display: none;
}

.warningfixdMsg, .infofixdMsg, .successfixdMsg, .errorfixdMsg {
    min-width: 350px;
    display: inline-block;
    line-height: 24px;
    margin: 10px auto;
    position: relative;
    box-shadow: 0 0 7px 0 #777;
}

.errorfixdMsg {
    color: #CC0000;
    border: #CC0000 1px solid;
    background: #FFFAFA;
}

.successfixdMsg {
    color: #009861;
    border: #00bd4f 1px solid;
    background: #f5fffb;
}

.warningfixdMsg {
    color: #af8b00;
    border: #fdc902 1px solid;
    background: #fbf6e3;
}

.infofixdMsg {
    color: #0099CC;
    border: #0099CC 1px solid;
    background: #F0FAFD;
}

    .warningfixdMsg::before, .successfixdMsg::before, .errorfixdMsg::before, .infofixdMsg::before {
        height: 100%;
        width: 50px;
        position: absolute;
        top: 0;
        bottom: 0;
        color: #fff;
        font-weight: normal;
    }

.errorfixdMsg::before {
    background: #CC0000;
}

.successfixdMsg::before {
    background: #30ce95;
}

.warningfixdMsg::before {
    background: #fdc902;
    padding: 10px 8px 0 0;
}

.infofixdMsg::before {
    background: #0099CC;
}

.ClosefixdMsg {
    padding: 12px 10px 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    position: absolute;
}

.fixdMsg {
    position: fixed;
    top: 63px;
    text-align: center;
    z-index: 1003;
}

    .fixdMsg li {
        list-style: none;
    }

.closeMessageBox {
    display: none;
}

.MainContent_Rudimentar .fixdMsg {
    right: 35px;
    left: 35px;
}


.popupMsg {
    position: relative;
    right: 0;
    left: 0;
    display: none;
    z-index: 1000;
    text-align: center;
}

.fixdMsg, .fixdMsg div:not(.warningfixdMsg):not(.ClosefixdMsg):not(.successfixdMsg):not(.errorfixdMsg):not(.infofixdMsg) {
    height: 0;
}

.popupMsgCenter {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    height: 10px;
    top: -13px;
}

.popupMsg .successfixdMsg {
    margin: 0 auto;
}


.successNote {
    font-size: 12px;
    color: #2e9670;
}

.attention {
    font-size: 12px;
    font-weight: bold;
    color: #ee1008;
}

.note {
    font-size: 12px;
    color: #000080;
    font-weight: bold;
}

.darknote {
    color: #3c464a !important;
    font-size: 13px !important;
}

.infoTextRight .loading {
    vertical-align: middle;
}

.confirmationtransferForm .UserCardDepositBookManagerContainer .NoteBookGroupDeposit {
    border: none !important;
}

html, body {
    background-repeat: repeat;
    background-image: url(images/bg-pattern.jpg);
}

#CentralContent {
    vertical-align: top;
    background-color: #FFF;
    display: inline-block;
    width: 725px;
}

#MainContainer {
    text-align: center;
    margin: 0 auto;
    background-repeat: repeat;
    background-image: url(images/bg-pattern.jpg);
}

#MenuContainer {
    width: 185px;
}

.FooterBank {
    display: inline-block;
    vertical-align: middle;
}

    .FooterBank .inlineImage:before, .FooterDotin .dotinLogo:before {
        color: #cdcdcd !important;
    }

.FooterDotin {
    display: inline-block;
}

.dotinLogo {
    direction: ltr !important;
    display: inline-block;
    /*background-repeat: no-repeat;
    background-size: 100% 100%;*/
    width: 32px;
    height: 25px;
    vertical-align: sub;
}

#ButtomContent {
    text-align: center;
    vertical-align: top;
    clear: both;
    background-color: #303e45;
    padding: 5px 10px 0;
}

.MainFooter {
    font-size: 11px;
    color: #FFF;
    background-color: #303e45;
    padding: 5px 0;
    overflow: hidden;
}

    .MainFooter > div {
        margin: 0 auto;
    }

.innerFooterCenter {
    display: inline-block;
}

.footerView {
    vertical-align: 45%;
    padding-right: 5px;
}

.innerFooterLeft {
    text-align: center;
    display: inline-block;
    padding: 0 10px 5px;
    vertical-align: top;
    width: 100%;
}

.innerFooterRight {
    display: inline-block;
    padding: 0 10px 5px;
    vertical-align: top;
    width: 100%;
}

#ButtomContent img {
    vertical-align: -9%;
    width: 32px;
}

.ChangeDesktopView input {
    vertical-align: middle;
}

.FooterMenu select {
    color: #333;
}

.FooterMenu li {
    list-style: none;
    font-size: 11px;
    line-height: 200%;
    display: inline;
}

    .FooterMenu li a {
        padding: 0 5px;
    }

        .FooterMenu li:hover a, .FooterMenu li a:focus {
            color: #efc319;
        }

#CentralContentTop {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    width: 98%;
}

#CentralContentTopHeader {
    padding-bottom: 2px;
    position: relative;
}

#CentralContentTopHeaderRight {
    vertical-align: middle;
    width: 485px;
    font-size: 19px;
    font-weight: bold;
    padding-top: 14px;
    text-decoration: none;
    display: inline-block;
    width: 62%;
}

.ToolbarIconStyle {
    cursor: pointer;
    margin: 0;
}

#authenticationMethodSpan {
    visibility: visible;
}

.UserNameLabelClass {
    visibility: visible;
}

.AuthenticationMethodLabelClass {
    visibility: visible;
}

.DateLabelClass {
    visibility: visible;
}

.CheckDesktop {
    display: none;
}

.BtnDesktopView, .BtnMobileView {
    cursor: pointer;
    border: 0;
    width: 120px;
    height: 32px;
}

    .BtnDesktopView:before, .BtnMobileView:before {
        color: #FEFEFE !important;
    }

.MainPartContainer {
    margin: 0 1%;
    min-height: 100%;
}

.HeaderLogo {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.HeaderLNotlink {
    cursor: default;
}

.Tooltip {
    z-index: 101;
}

.infoTable {
    border-collapse: collapse;
}

.tdinfoTextLarge {
    border: 0 !important;
    background-color: #3b9ac8;
    color: #fff !important;
    position: relative;
    padding: 0px 30px;
    line-height: 40px;
    text-align: center;
}

.infoTable {
    width: 100% !important;
}

.TooltipDetail {
    border: 1px solid #3c464a;
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 5px 2px #878587;
    -moz-box-shadow: 0 1px 5px 2px #878587;
    box-shadow: 0 1px 5px 2px #878587;
    color: #3c464a;
    line-height: 200%;
}

.PageContainer {
    padding: 10px;
    width: 100% !important;
}

#layout {
    min-height: 100%;
    width: 100%;
    min-width: 750px;
    margin: 0 auto !important;
    border-width: 0;
}

.MainContent {
    min-height: 1000px;
}

.MainContent, .MainContent_Rudimentar {
    background-color: #FFF;
    border: 2px solid #888;
}

.MainContent_Rudimentar {
    min-height: 700px;
    margin: 5px;
}

    .MainContent_Rudimentar * {
        line-height: 1.4;
    }

    .MainContent_Rudimentar .PageContainer {
        max-width: 1200px;
        margin: 0 auto;
        overflow: visible;
    }

    .MainContent_Rudimentar ul, .MainContent_Rudimentar ol {
        list-style-position: inside;
    }

.ErrorPageMainContent .IconLink {
    border: 2px solid #888;
    width: 120px;
    height: 100px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    padding: 10px;
    color: #555;
}

.innerFirst {
    background-image: url(images/HeaderBG.jpg);
    background-position: center;
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
}

.firstHeader {
    width: 100%;
    height: 60px;
    z-index: 10000;
}

#CentralContentTopHeaderRight {
    font-size: 18px;
    margin: 0 auto 20px;
    border-bottom: 3px solid #f2c40f;
    float: none;
    width: 95%;
    padding-bottom: 5px;
}

label.menu {
    z-index: 20000;
    -webkit-transition: .6s;
    position: fixed;
    top: 13px;
    cursor: pointer;
    display: block;
    display: none;
}

    label.menu:hover {
        cursor: pointer;
    }

.pure-menu-link {
    display: none;
    z-index: 30000;
    padding-top: 3px;
    cursor: pointer;
    color: #fff !important;
}

    .pure-menu-link:active {
        color: #ddd !Important;
    }

    .pure-menu-link span {
        position: absolute;
    }

        .pure-menu-link span, .pure-menu-link span:after, .pure-menu-link span:before {
            background-color: #FFF;
            width: 20px;
            height: .2em;
        }

            .pure-menu-link span:after, .pure-menu-link span:before {
                position: absolute;
                margin-top: -0.6em;
                content: ' ';
                width: 20px;
            }

            .pure-menu-link span:after {
                margin-top: .6em;
            }

.HeaderMenu {
    border-width: 0;
    position: relative;
    top: 0;
    color: #efefef;
}

.HeaderMenuItem {
    list-style: none;
    margin: 16px 8px 0;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
}

.HeaderMenuTextItem {
    width: 25px;
    height: 25px;
    display: block;
}

    .HeaderMenuTextItem:hover, .HeaderMenuTextItem:focus {
        color: #efc319;
    }

.btnPopupHeaderClose {
    padding: 0px 10px 5px;
    cursor: pointer;
    color: #fff;
}


.scrollContent {
    background-color: #FFF;
    display: inline-block;
    width: 100%;
    bottom: 0;
    top: 190px;
}

.txtNewCardDepositBookRecordName {
    width: 258px;
}

.divForHelp {
    height: auto !important;
}

.DoubleBorder, .ViewTransferLimit {
    border: 1px solid #96a3a9;
    color: #465a60;
    cursor: pointer;
    margin: 5px auto;
    width: 100%;
}

    .ViewTransferLimit > center.columnsContainer {
        vertical-align: top !important;
    }

    .ViewTransferLimit .btnShowTransferLimit, .ViewTransferLimit .CollopseHeader {
        display: block;
        box-sizing: border-box;
        min-height: 25px;
        vertical-align: middle;
        color: #465a60;
        font-weight: bold;
        background: #b2dfdb;
        position: relative;
        padding: 8px 27px 6px;
    }

        .ViewTransferLimit .btnShowTransferLimit:before, .ViewTransferLimit .CollopseHeader .icon:before {
            position: absolute;
            top: 8px;
            font-weight: bold;
        }

        .ViewTransferLimit .btnShowTransferLimit:focus {
            box-shadow: 0px 0px 0px 2px #828889;
        }

    .ViewTransferLimit .CollopseHeader {
        display: block;
        box-sizing: border-box;
        min-height: 37px;
        vertical-align: middle;
        background: #b2dfdb;
        color: #465a60;
        font-weight: bold;
        cursor: pointer;
    }

        .ViewTransferLimit .btnShowTransferLimit:focus, .ViewTransferLimit .CollopseHeader:focus {
            box-shadow: 0px 0px 0px 2px #697276;
        }

.ViewTransferLimit {
    padding: 0;
    display: inline-block;
}

    .ViewTransferLimit a, .ViewTransferLimit strong {
        color: #465a60;
        white-space: nowrap;
    }

    .ViewTransferLimit div {
        list-style: none;
        padding: 5px 10px;
    }

    .ViewTransferLimit .columnsContainer {
        vertical-align: top;
    }

        .ViewTransferLimit .columnsContainer div {
            padding: 4px 27px;
            display: inline-block;
            width: 100%;
        }

    .ViewTransferLimit div div a.Right-Style {
        display: inline-block;
    }

    .ViewTransferLimit div div a.Left-Style {
        display: inline-block;
    }

.Error_Style {
    line-height: 300%;
    color: #870808;
}

.ViewTransferContainer {
    vertical-align: top;
    margin: 0 auto;
    width: 35%;
    min-width: 330px;
    display: inline-block;
    max-width: 500px;
}

.ViewTransferLimit .columnsContainer div:not(.caption):last-child {
    margin-bottom: 12px;
}

.ViewTransferContainer .caption {
    font-size: 14px;
    color: #465a60;
    padding: 3px 27px 5px !important;
}

.DoubleBorder {
    padding: 0;
    border-collapse: collapse;
    font-size: 14px;
    max-width: 400px;
}

    .DoubleBorder td {
        margin: 0;
        padding: 2px 4px;
    }

    .DoubleBorder tr {
        margin: 0;
        padding: 0;
    }

        .DoubleBorder tr:first-child, .ViewTransferContainer .caption {
            background: #b2dfdb;
        }

    .DoubleBorder .FiftyPercentChild {
        width: 50% !important;
    }

.Cycle {
    font-size: 14px;
    color: #465a60;
    text-align: center;
    padding: 3px 0 5px !important;
}

.NavidRateBorder {
    border: 0 solid #000;
}

.leftColumn, .rightColumn {
    display: inline-block;
    background-color: transparent;
}

.leftColumn {
    width: 66%;
    border: 0;
}

.rightColumn {
    width: 33%;
    border: 0;
    padding-top: .5em !important;
}

.TwoRowTableIntelligence .rightColumn {
    padding: .2em .4em .5em .4em !important;
}

.leftColumn50 {
    border: 0;
    background-color: transparent;
    display: inline-block;
    width: 46%;
}

.leftColumn50, .rightColumn50 {
    min-width: 350px;
}

.columnsContainer {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    border: 0;
}

.leftColumn, .leftColumn50, .rightColumn {
    padding: .2em;
}

.rightColumn50 {
    width: 46%;
    border: 0;
    background-color: transparent;
    display: inline-block;
}

.rightMenuColumn {
    margin-bottom: .2em;
}

.LongFormStyle {
    margin-bottom: 300px;
}

.compactFormStyle .leftColumn {
    width: 66%;
}

.compactFormStyle .rightColumn {
    width: 33%;
}

.compactFormStyle .columnsContainer, .wideFormStyle .columnsContainer {
    padding: 0;
}

.compactFormStyle .btnContainer, .wideFormStyle .btnContainer {
    padding: 30px 0 10px;
}

.wideFormStyle .leftColumn {
    width: 66%;
}

.wideFormStyle .rightColumn {
    width: 33%;
}

.wideFormStyle .Satchel .btnContainer .Style_Center {
    width: 81%;
}

.compactFormStyle .btnContainer .Style_Center {
    width: 66%;
}

.compactFormStyle .ConfirmationFunction .btnContainer .Style_Center, .compactFormStyle .resultsPage .btnContainer .Style_Center {
    width: 100%;
    float: none;
    text-align: center;
}

.SearchPageStyle .btnContainer .Style_Center {
    width: 100%;
}

.SearchPageStyleOneColumn .btnContainer .Style_Center {
    width: auto;
    float: none;
}

.SearchPageStyle .leftColumn50, .SearchPageStyle .rightColumn50 {
    width: 49%;
    min-width: 415px;
    padding: 0;
    display: inline-block;
}

.SearchPageStyle .rightColumn {
    width: 150px;
}

.SearchPageStyle .leftColumn50 .leftColumn, .SearchPageStyle .rightColumn50 .leftColumn {
    width: 63%;
}

.SearchPageStyle .btnContainer {
    padding: 10px 0 0;
}

.SearchPageStyleOneColumn .leftColumn50 .leftColumn, .SearchPageStyleOneColumn .rightColumn50 .leftColumn {
    width: auto;
}

.SearchPageStyleOneColumn .rightColumn50 {
    width: auto;
    min-width: 380px;
}

.SearchPageStyleOneColumn .leftColumn50 {
    width: auto;
    min-width: 0;
}

.SearchPageStyleOneColumn .rightColumn {
    width: 150px;
}

.SearchPageStyleOneColumn .btnContainer {
    padding: 0;
}

.SearchPageStyle, .SearchPageStyleOneColumn {
    background-color: #e7e7e5;
    border: 1px solid #e1e1df;
    padding: 10px 0;
    border-radius: 0;
    margin: 0 auto 10px;
}

    .SearchPageStyleOneColumn .SearchPageStyleOneColumn, SearchPageStyle .SearchPageStyleOneColumn, .SearchPageStyle .SearchPageStyle {
        border-width: 0;
        margin: 0;
    }

.infoTextBold {
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
}

.btnContainer {
    padding: 10px 0;
}

.textDescription {
    display: inline-block;
    min-height: 0;
    font-size: 11px;
    min-width: 320px;
}

.Satchel {
    max-width: 900px;
    margin: 10px auto 0;
}

    .Satchel .SatchelDescription {
        height: 20px;
        width: 200%;
        max-width: 200%;
    }

    .Satchel .Style_Center {
        padding: 10px;
    }

.confirmationtransferForm .headingTable .Style_Center {
    padding: 5px 5px 7px;
}

.printContainer {
    padding-bottom: 5px;
}

.confirmationtransferForm .tblCard, .printContainer, .transferFormReceipt {
    max-width: 800px;
    margin: 0 auto 5px;
    line-height: 180%;
}

.confirmationtransferForm .rightColumn {
    padding: .2em .2em !important;
}

.confirmationtransferForm .tblCard .columnsContainer {
    border-bottom: 1px solid #DDD;
    word-break: normal;
}

.confirmationtransferForm .tblCard .UserCardDepositBookManagerContainer .divForAddCardDepositBookRecord .columnsContainer {
    border-bottom: 0;
    padding: 0 !important;
}

.confirmationtransferForm fieldset {
    padding: 0 10px 10px;
    border: 1px solid #636260;
}

fieldset .confirmationtransferForm {
    width: 90%;
    margin: 0 auto;
}

.confirmationtransferForm .tblCard {
    background: #fbfae6;
    border: 1px solid #DDD;
    border-bottom: 0;
    color: #444;
}

.confirmationtransferForm .headingTable {
    background-color: #fff39c;
    font-weight: bold !important;
    display: block;
}

.confirmationtransferForm .tblCard .headingTable span, .confirmationtransferForm .tblCard .headingTable label {
    font-size: 14px;
    font-weight: 500 !important;
}

.confirmationtransferForm .tblCard span, .infobillsection.bgColorReceip .leftColumn {
    word-wrap: break-word;
}

.confirmationtransferForm .tblCard .infoText, .confirmationtransferForm .tblCard .not {
    color: #333 !important;
}

.confirmationtransferForm .columnsContainer, .transferFormReceipt .columnsContainer {
    padding: 5px 0;
}

.confirmationtransferForm .btnContainer, .transferFormReceipt .btnContainer {
    padding: 30px 0 10px;
}

.transferFormReceipt {
    background: #d9ffeb;
    border: 1px solid #AAA;
    padding: 3px 0 0 !important;
    border-bottom-width: 0 !important;
}

.logoContainer .icon.ib-iconBank {
    color: #777;
    font-size: 50px;
    line-height: 100%;
    padding: 5px;
}

.transferFormReceipt .logoContainer {
    position: relative;
}

    .transferFormReceipt .logoContainer .icon.ib-iconBank {
        color: #496958;
        font-size: 50px;
        line-height: 100%;
        position: absolute;
        top: -4px;
    }

.transferFormReceipt .HeaderTransfer {
    border-bottom-width: 0 !important;
    padding-top: 10px;
}

    .transferFormReceipt .HeaderTransfer .Style_Center #Img1, .transferFormReceipt .HeaderTransfer .Style_Center #imgLogo {
        display: none;
    }

    .transferFormReceipt .HeaderTransfer span, .transferFormReceipt .headingTable span {
        font-size: 14px;
        font-weight: 500;
    }

.transferFormReceipt span, .transferFormReceipt .rightColumn {
    color: #444;
}

.transferFormReceipt .HeaderTransfer span {
    color: #01763c;
}

.transferFormReceipt .headingTable {
    padding: 15px 0 0;
}

.transferFormReceipt .columnsContainer {
    border-bottom: 1px solid #AAA;
}

.transferFormReceipt .leftColumn, .OuterBoxReceipt .leftColumn {
    width: 65%;
}

.transferFormReceipt .rightColumn, .OuterBoxReceipt .rightColumn {
    width: 30%;
}

.CalenderContainer, .unitControl {
    display: inline-block;
    vertical-align: top;
}

.reminderSetting .fieldSet .CalenderContainer {
    margin-left: 50px;
}

.btnAddCustomerAddress {
    display: inline-block;
    vertical-align: bottom;
    padding: 4px 0 0;
}

.leftMenuColumn {
    width: 50%;
    min-height: 25px;
}

.rightMenuColumn {
    width: 49%;
    margin-bottom: .5em;
}

.leftMenuColumn, .rightMenuColumn {
    border: 0;
    background-color: transparent;
    display: inline-block;
}

.MenuBasePage .leftMenuColumn img, .MenuBasePage .rightMenuColumn img, .Tab_Style a, .greenLink img {
    vertical-align: middle;
}

.MenuBasePage .leftMenuColumn li, .MenuBasePage .leftMenuColumn span, .MenuBasePage .rightMenuColumn li, .MenuBasePage .rightMenuColumn span {
    list-style: inside;
}

.MenuBasePage .leftMenuColumn, .MenuBasePage .rightMenuColumn {
    min-width: 280px;
}

.arbitrarySettingBox {
    border: 1px solid #d7ded8;
    margin: .2em 0 !important;
    background-color: #effff2;
}

    .arbitrarySettingBox .arbitrarytextdiv {
        line-height: 200%;
        padding: 5px 10px 2px !important;
    }

    .arbitrarySettingBox .leftColumn {
        padding-bottom: 10px;
    }

.TwoRowTableIntelligence, .TableIntelligence {
    border: 1px solid #bdd5d8;
    background-color: #e8f2ed;
    margin: 0;
    padding: 0;
    border-bottom-width: 0;
}

    .TwoRowTableIntelligence .infoText li:before, .TableIntelligence .infoText li:before {
        content: '• ';
        font-size: 25px;
        vertical-align: middle;
        line-height: 50%;
    }

    .TwoRowTableIntelligence .infoText li, .TableIntelligence .infoText li {
        display: block;
    }

    .TwoRowTableIntelligence .headingTable, .TableIntelligence .headingTable {
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        background-color: #d4e4e7;
        line-height: 200%;
        padding: 7px 5px;
        color: #4a4949;
        box-sizing: border-box;
    }

    .TwoRowTableIntelligence .rightColumn, .TwoRowTableIntelligence .rightColumn > .note, .TableIntelligence .rightColumn, .TableIntelligence .rightColumn > .note {
        color: #272616 !important;
    }

    .TwoRowTableIntelligence .infoText, .TwoRowTableIntelligence .note, .TableIntelligence .infoText, .TableIntelligence .note {
        color: #272616;
        font-weight: inherit;
    }

    .TwoRowTableIntelligence .columnsContainer, .TableIntelligence .columnsContainer {
        border-bottom: 1px #bdd5d8 solid;
    }

        .TwoRowTableIntelligence .columnsContainer:last-child, .TableIntelligence .columnsContainer:last-child {
            border-bottom: 1px #bdd5d8 solid;
        }

        .TwoRowTableIntelligence .columnsContainer .Style_OnColomn, .TableIntelligence .columnsContainer .Style_OnColomn {
            width: auto !important;
            min-height: 20px;
        }

    .TwoRowTableIntelligence span:not(:last-child) .columnsContainer:last-child, .TableIntelligence span:not(:last-child) .columnsContainer:last-child {
        border-bottom: 1px solid #bdd5d8 !important;
    }

    .TwoRowTableIntelligence .columnsContainer:empty, .TableIntelligence .columnsContainer:empty {
        display: none;
    }

    .TwoRowTableIntelligence .leftColumn50, .TwoRowTableIntelligence .rightColumn50 {
        width: 48%;
        min-width: 297px;
        padding: 0 !important;
    }

    .TwoRowTableIntelligence li, .TableIntelligence li {
        list-style: inside;
        display: block;
    }

    .TwoRowTableIntelligence .OneRowTowColumnsContainer, .TableIntelligence .OneRowTowColumnsContainer {
        min-height: 20px;
    }

    .TwoRowTableIntelligence .rightColumn {
        width: 130px;
    }

    .TwoRowTableIntelligence .leftColumn {
        width: auto;
        word-wrap: break-word;
    }

    .TwoRowTableIntelligence li, .TableIntelligence li {
        text-indent: -12px;
    }

    .TwoRowTableIntelligence .OneRowTowColumnsContainer .rightColumn, .TableIntelligence .OneRowTowColumnsContainer .rightColumn {
        width: auto !important;
        max-width: none !important;
    }

    .TwoRowTableIntelligence .OneRowTowColumnsContainer .leftColumn, .TableIntelligence .OneRowTowColumnsContainer .leftColumn {
        width: auto !important;
        max-width: none;
    }

.grdSuccessfullTransfer {
    margin: 0 auto;
    border: 1px solid #333;
}

.SubtitleBigStyle {
    font-weight: bold;
    font-size: 15px;
    word-wrap: break-word;
}

.ConfirmationFunction {
    background-color: #e7e7e5;
    border: 1px solid #e1e1df;
    padding: 10px 0;
    border-radius: 0;
    margin: 20px auto 10px;
}

    .ConfirmationFunction .note {
        font-size: 13px !important;
        color: #3c464a !important;
    }

    .ConfirmationFunction .CenterBox .leftColumn {
        display: inline-block;
    }

.CenterBox {
    width: 515px;
    margin: 0 auto;
}

    .CenterBox .rightColumn {
        display: inline-block;
        width: 150px;
    }

.ConfirmationFunction .SpecificBox .rightColumn {
    width: 134px;
}

.CenterBox .leftColumn {
    width: 355px;
}

.ConfirmationFunction .SpecificBox .leftColumn {
    width: 375px;
}

.DetailedDescription, .RecordOperationConfirmation {
    border-radius: 0;
    border: 1px solid #ddd;
    background: #eee;
    background-color: white;
    box-shadow: 0 2px 10px #555;
    padding-top: 8px;
}

.PopupCenterContainerFix {
    position: fixed !important;
}

.DetailedDescription, .PopupCenterContainer {
    position: absolute;
    z-index: 100;
}

    .DetailedDescription hr {
        border: 1px solid #d4d4d4 !important;
        display: inline-block;
        width: 100%;
        margin-bottom: -2px;
        margin-top: 0px;
    }

    .DetailedDescription .header {
        padding: 2px 0 8px;
        line-height: normal !important;
        color: #059ce5 !important;
        font-size: 13px !important;
        vertical-align: top;
    }

    .DetailedDescription .note {
        color: #3c464a;
        padding: 23px 10px;
        display: inline-block;
        line-height: normal !important;
        text-align: center !important;
        font-size: 13px !important;
        border: 0 !important;
        background-image: none !important;
        background-color: transparent !important;
        margin: 0 auto !important;
    }

    .DetailedDescription .closeImage {
        margin-top: 3px;
    }

.DetailedDescription {
    max-width: 400px;
    min-width: 350px;
    margin-top: 10px;
}
/*popup*/

.Popup {
    margin: 0 20px 0;
    background: #fff;
    padding: 0px;
    box-shadow: 0 0 20px 2px rgba(50, 50, 50, 0.5);
}

.PopupHeader {
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.fieldsetPopup {
    background: 0;
    border: 0;
    padding-top: 15px;
    padding-bottom: 20px;
}

.PopupCenterContainer {
    display: block;
    height: 0px;
    text-align: center;
    z-index: 1001;
}

.wrapperNoStylePage + .PopupCenterContainer {
    z-index: 1001;
}

.EmailSendPopUp {
    max-width: 550px !important;
    color: #333 !important;
}

.otpSendPopUp {
    margin: 150px auto !important;
}

.PopUpForm {
    width: 100% !important;
    padding: 0px !important;
    position: fixed;
    z-index: 2;
    position: relative;
    cursor: default;
}

    .PopUpForm .titlePopUp {
        padding: 10px;
        font-weight: bold;
    }

    .PopUpForm .imgHelpInPage {
        vertical-align: middle;
        line-height: 27px;
    }

    .PopUpForm .btnCommon {
        height: 25px;
        margin: 2px 2px 0 !important;
    }

    .PopUpForm hr.headerline {
        margin-top: 0px;
    }

    .PopUpForm .titleContainer .clickIcon.icon {
        margin: 5px;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        line-height: 24px;
        text-align: center;
    }

        .PopUpForm .titleContainer .clickIcon.icon:hover {
            background: #e6e6e6;
        }

    .PopUpForm .basicValidationContainer {
        min-height: 40px;
        font-size: 11px;
    }

        .PopUpForm .basicValidationContainer li {
            list-style: none;
        }

.email-wrapper {
    opacity: .5;
}

.titlePopUp {
    display: inline-block;
}

.PopupCenterContainer .RecordOperationConfirmation {
    width: 350px;
    padding: 5px 0;
}

    .PopupCenterContainer .RecordOperationConfirmation .headerPopUp {
        padding: 0;
    }

        .PopupCenterContainer .RecordOperationConfirmation .headerPopUp input {
            margin: 0;
            float: none;
            padding: 8px 12px;
            cursor: pointer;
            padding-bottom: 0;
        }

    .PopupCenterContainer .RecordOperationConfirmation .contentPopUp {
        text-align: center;
    }

        .PopupCenterContainer .RecordOperationConfirmation .contentPopUp .note {
            width: auto !important;
            padding: 10px;
        }

.PopupCenterContainer .btnContainer {
    text-align: center;
}

    .PopupCenterContainer .btnContainer input {
        margin: 0px 10px !important;
        float: none;
        padding: 0px 5px !important;
        box-sizing: border-box;
    }

.RecordOperationConfirmation {
    max-width: 350px;
    margin: 0 auto;
}

    .RecordOperationConfirmation .closeImage {
        margin-top: 8px;
    }

    .RecordOperationConfirmation .note {
        line-height: normal !important;
        color: #3c464a !important;
        font-size: 13px !important;
        border: 0 !important;
        background-image: none !important;
        background-color: transparent !important;
        margin: 0 auto !important;
        width: 100% !important;
        display: inline-block !important;
    }

.Tab_Style {
    margin: 10px 0 0;
}

    .Tab_Style li {
        display: inline;
        list-style-type: none;
        padding: 0;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
    }

    .Tab_Style a {
        display: inline-block;
        font-size: 14px;
        padding: 12px 15px;
        color: #666;
    }

        .Tab_Style a.active {
            border-width: 1px 1px 0;
            border-color: #CCC;
            border-style: solid;
            border-top: #efc319 2px solid;
            color: #d7af16;
            position: relative;
            top: 1px;
            background-color: #FFF;
        }

        .Tab_Style a:hover {
            color: #d7af16;
        }

        .Tab_Style a:focus {
            box-shadow: 0px 0px 5px 1px #efc319;
        }

.TabFormContainer {
    border: #CCC solid 1px;
    padding: 20px 2% 2%;
}

.tblPaySuggestion {
    width: 100%;
    background-color: #FFF;
    max-width: 500px;
    margin: 5px auto 40px;
}

.divForPersonalInfo {
    text-align: center;
}

.NotificationImage {
    padding: 2px 0 5px 5px;
    display: inline-block;
    vertical-align: middle;
    color: #ff8000;
}

.NotificationPopup li {
    margin: 6px 5px;
    padding: 8px 20px;
    list-style: none;
}

    .NotificationPopup li.NotificationTitle {
        padding: 5px 12px;
        margin: 0;
        background: #1a2429;
        min-height: 35px;
    }

.DismissAllNotification {
    font-size: 11px;
    cursor: pointer;
    color: #e54635;
    text-decoration: underline;
    background: 0;
    border: 0;
    display: none;
}

.NotificationTitle > * {
    vertical-align: middle;
    margin: 0 3px;
}

.PopupNotification {
    padding: 8px 20px 25px !important;
    line-height: 200%;
    color: #333;
    background-color: #fff;
    position: relative;
    word-wrap: break-word;
}

.NotificationContainer {
    position: relative;
    z-index: 1003;
}

.NotificationPopup {
    position: absolute;
    width: 98%;
    top: 0;
    bottom: 5px;
    background-color: #303e45;
    overflow-y: auto;
    display: block;
    box-shadow: 0 0 9px 1px #2c2c2c;
}

.NotificationPopupContainer {
    height: 900px;
    position: absolute;
    top: 0;
    width: 295px;
    overflow: hidden;
    display: none;
}

.HeaderMenuNotification {
    position: relative;
    display: none;
}

.NotificationNumber {
    min-width: 22px;
    height: 21px;
    background-color: #e54635;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 50px;
    position: absolute;
    top: -5px;
    left: 13px;
    display: none;
    padding: 2px;
}

.HeaderMenuNotification_disconnect .icon, .HeaderMenuNotification_disconnect .icon:hover, .HeaderMenuNotification_disconnect .icon:focus {
    color: #a2a2a2;
}

.HeaderMenuNotification_Off {
    display: none !important;
}

.NotificationIsEmpty {
    text-align: center;
    color: #ebf8ff;
}

.NotificationPopup button {
    cursor: pointer;
}

    .NotificationPopup button:disabled {
        cursor: default;
    }

.NotificationRefresh_shape, .NotificationRefresh {
    background: url(images/refresh01.gif) no-repeat center center;
    border-radius: 50%;
}

.NotificationRefresh_shape {
    background-color: #1a2429;
    padding: 1px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    background-size: 16px 16px;
}

.NotificationRefresh {
    border: 0;
    background-size: 19px 19px;
}

    .NotificationRefresh:active {
        background-color: #486675;
        box-shadow: 0 0 6px 1px #fff;
        border-radius: 50%;
    }

.NotificationRefresh {
    border: 0;
    width: 25px;
    height: 25px;
}

.NotificationTitle .icon {
    color: #fff;
    border: 0;
    width: 25px;
    height: 25px;
    background-color: transparent;
}

    .NotificationTitle .icon:before {
        line-height: 25px;
    }

.NotificationRefreshLoading {
    background-image: url(images/refresh01_loading.gif) !important;
}

.btnPopupNotificationClose {
    padding: 0;
    position: absolute;
    border: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 5px;
}

    .btnPopupNotificationClose:before {
        position: absolute;
        top: -3px;
        right: 5px;
    }

    .btnPopupNotificationClose:active {
        background-color: #fff1f1;
    }

.btnNotifDismiss_disabled {
    background: #DDD;
    opacity: .5;
}

#ErrorMsgNotification {
    background: #ff7261;
    font-size: 11px;
    background: #ff7261;
    display: none;
    min-height: 20px;
    position: relative;
    margin-bottom: 8px !important;
    box-shadow: 0 2px 2px 0 #040404;
}

    #ErrorMsgNotification:before, .InlineErrorNotification:before {
        content: "\f12f";
        font-size: 18pt;
        font-family: "FontIcon";
        position: absolute;
        top: 0;
        color: #fff;
        opacity: 0.6;
    }

    #ErrorMsgNotification.ErrorAreaDismissAll::after, #ErrorMsgNotification.ErrorAreaRefresh::after {
        content: '';
        position: absolute;
        top: -18px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent #ff7261;
        color: #FFF;
    }

.InlineErrorNotification {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 15px 37px 5px 10px;
    background: #ff7261;
    color: #fff;
    display: none;
}

.btnPopupNotificationDetail {
    cursor: pointer;
    color: #ff7f00 !important;
    text-decoration: underline !important;
    font-size: 11px;
    display: none;
}

.PopupMenu {
    background: #FFF;
    padding: 0 0 10px;
    border: 0 solid #e5ae58;
    top: 50px;
    position: absolute;
    display: none;
    box-shadow: 0px 0px 4px #2c2c2c;
    z-index: 10000;
}

.SettingPopup {
    width: 210px;
}

.profilePopup {
    width: 250px;
}

.PopupMenueRow:not(:last-child) {
    border-bottom: 1px solid #DDD;
}

.PopupMenuTitle, .PopupMenueRow, .HeaderMenuShortcut {
    padding: 7px 20px;
    line-height: 200%;
    font-size: 13px;
    color: #333;
    list-style: none;
}

    .PopupMenueRow.borderStting {
        border-bottom-width: 0;
    }


.PopupMenuTitle {
    padding: 5px 0 !important;
    margin: 0;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    background-color: #4f6772;
    background-repeat: no-repeat;
}

.SettingPopup .PopupMenueRow {
    cursor: pointer;
}

    .SettingPopup .PopupMenueRow:hover, .SettingPopup .PopupMenueRow a:focus {
        color: #d1a600;
    }

.HeaderMenuShortcut {
    display: none;
}

.ShortcutHomeItem, .ShortcutLogoutItem {
    list-style: none;
    cursor: pointer;
}

    .ShortcutHomeItem .icon::before, .ShortcutLogoutItem .icon::before {
        vertical-align: -6%;
    }

.HeaderMenuShortcutTextItem {
    display: inline-block;
    padding: 2px 5px;
}

.DynamicPosition {
    visibility: visible;
    z-index: 99;
    display: inline-block;
    position: absolute;
}

.DynamicPosition {
    top: -20px;
}

.divUpdateCardDepositBook .pupupContainer .DynamicPosition {
    top: -50px;
}

.pupupContainer {
    position: relative;
}

.ResponsiveSearch {
    display: none;
    cursor: pointer;
}

    .ResponsiveSearch > *, .ResponsiveSearch:before {
        vertical-align: middle;
    }

.AdvancedSearch {
    display: inline;
}

.batchConfirmation .columnsContainer {
    padding: 1px 0 !important;
}

.batchConfirmation {
    max-width: 600px;
    margin: 0 auto;
}

.Hemisphere_L, .Hemisphere_R {
    margin: 0;
    padding: 0;
}

.Hemisphere_L {
    width: 45%;
}

.Hemisphere_R {
    width: 54%;
}

.Hemisphere_L .rightColumn {
    width: 38%;
}

.Hemisphere_L .leftColumn {
    width: 59%;
}

.Hemisphere_R .rightColumn {
    width: 35%;
}

.Hemisphere_R .leftColumn {
    width: 63%;
}

.MenuBasePage .leftMenuColumn, .MenuBasePage .rightMenuColumn {
    width: 100%;
    float: none;
}

.ibanContainer .btnContainer, .BatchTM .btnContainer {
    padding: 5px 0 0 !important;
    display: inline !important;
}

.RecordOperationConfirmation .btnAccept, .RecordOperationConfirmation .btnCancel, .RecordOperationConfirmation .btnModify, .RecordOperationConfirmation .btnReturn, .RecordOperationConfirmation .btnCommon, .RecordOperationConfirmation .btnShow {
    font-size: 13px;
    width: 110px;
    min-width: 0;
}

.btnCommon, .BalanceCheckBox {
    font-size: 12px;
    margin: 0;
    font-weight: 500;
}

.BalanceCheckBox {
    border: 1px solid #00965f;
    color: #00965f;
}

.btnCommon {
    border: 1px solid #666;
    color: #444;
    padding: 0 10px;
    min-width: 80px;
    height: 27px;
    background: 0;
    margin: 1px 5px;
}

.BalanceCheckBox {
    max-height: 25px;
    padding: 0 5px;
}

.btnAccept, .btnCancel, .btnModify, .btnReturn, .btnCommon, .btnShow, .BalanceCheckBox {
    cursor: pointer;
}

.btnAccept, .btnCancel, .btnModify, .btnReturn, .btnShow {
    padding: 3px 34px;
    border-width: 0;
    color: #fff !important;
    background-repeat: no-repeat;
    font-size: 14px;
    height: 32px;
    margin: 0 10px;
    font-weight: 200;
}

.btnVariableSize {
    width: 250px !important;
}

.btnCommon:focus {
    box-shadow: 0 0 0 1px #474747;
}

.btnAccept {
    background-color: #00965f;
    background-image: url(images/btnAccept.png);
    border: 2px solid #00965f;
}

.btnCancel {
    background-color: #e15344;
    background-image: url(images/btnCancel.png);
    border: 2px solid #e15344;
}

.btnModify {
    background-image: url(images/btnModify.png);
}

.btnReturn {
    background-image: url(images/btnReturn.png);
}

.btnShow {
    background-image: url(images/btnShow.png);
}

.btnShow, .btnReturn, .btnReturn, .btnModify {
    background-color: #303e45;
    border: 2px solid #303e45;
}

.btnAccept:hover {
    background-color: #32ab7e;
}

.btnCancel:hover {
    background-color: #e17367;
}

.btnModify:hover {
    background-color: #475c66;
}

.btnReturn:hover {
    background-color: #475c66;
}

.btnShow:hover {
    background-color: #475c66;
}

.btnCommon:hover {
    border-color: #333;
    color: #111;
}

.btnAccept:disabled {
    background-color: #699686;
    border-color: #699686;
}

.btnCancel:disabled {
    background-color: #e19e97;
    border-color: #e19e97;
}

.btnModify:disabled, .btnReturn:disabled, .btnShow:disabled {
    background-color: #9badb5;
    border-color: #9badb5;
}

.btnModify[disabled=disabled], .btnReturn[disabled=disabled], .btnShow[disabled=disabled], .btnCancel[disabled=disabled], .btnAccept[disabled=disabled],
.btnModify:disabled, .btnReturn:disabled, .btnShow:disabled, .btnCancel:disabled, .btnAccept:disabled {
    font-size: 12px;
    background-image: none;
}

.btnCommon:disabled {
    background-color: #EEE;
    border-color: #CCC;
    color: #999;
}

.addbtnIcon:disabled {
    font-size: 10px !important;
    background-color: #efefef;
    color: #848484;
    border-color: #9e9e9e;
}

.confirmationtransferForm .btnAccept, .confirmationtransferForm .btnCancel, .confirmationtransferForm .btnModify, .confirmationtransferForm .btnReturn, .confirmationtransferForm .btnShow {
    margin: 0 10px;
}

.resultsPage .btnAccept, .resultsPage .btnCancel, .resultsPage .btnModify, .resultsPage .btnReturn, .resultsPage .btnShow {
    margin: 0 20px;
}

.RecordOperationConfirmation .btnContainer .Style_Center {
    width: 100% !important;
    margin: 0;
}

.welcomeInfo {
    display: inline-block;
    border: 1px solid #DDD;
    min-width: 310px;
    vertical-align: top;
    margin: 0 10px 10px;
}

.welcomeInfoText {
    padding: 10px;
}

    .welcomeInfoText .title {
        font-weight: 500;
        margin-bottom: 8px;
    }

.welcomeInfoImage {
    vertical-align: top;
    height: 50px;
    width: 45px;
    padding: 7px 7px;
}

.imgLastSuccessfulLogin:before {
    color: #00be93 !important;
}

.imgUserName:before {
    color: #ff95a7 !important;
}

.imgAuthenticationMethod:before {
    color: #00b600 !important;
}

.TitleDashboardIcon:before {
    color: #C61421;
}

.welcomeShortcut {
    display: inline-block;
    font-weight: 500;
    min-width: 155px;
    margin: 0 0 20px;
}
.new-widget::after {
    content: "";
    position: absolute;
    background-image: url('Images/star.svg');
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    object-fit: contain;
    right: 0px;
    top: 11px;
}

    .DashboardMessageBoard {
        border: 1px solid #DDD;
        max-width: 750px !important;
    }

    .DashboardMessageBoard li {
        list-style: inside;
    }

    .DashboardMessageBoard * {
        font-size: inherit;
    }

.DashboardcolumnsContainer {
    margin: 0 auto 20px;
    text-align: center;
    max-width: 1000px;
}

.DashboardServicesContainer > div {
    vertical-align: top;
}

.DashboardPart, .BookMarkPart {
    display: inline-block;
    border: 1px solid #DDD;
}

.DashboardServicesContainer .DashboardPart {
    min-height: 400px;
}

.DashboardServicesContainer .ContentsDashboardPart {
    padding: 10px 10px 20px;
    word-wrap: break-word;
}

.DashboardServicesContainer .CommonServices {
    width: 60%;
}

.DashboardServicesContainer .DashboardNewfeature {
    width: 36%;
}

.TitleDashboardPart, .TitleBookMarkPart {
    border-bottom: 1px solid #DDD;
}

.TitleBookMarkPart {
    border: 1px solid #DDD;
}

    .TitleDashboardPart .TitleDashboardText, .TitleBookMarkPart .TitleBookMarkText {
        padding: 12px;
        font-weight: 500;
        display: inline-block;
        min-width: 60%;
    }

    .TitleDashboardPart .TitleDashboardIcon, .TitleBookMarkPart .TitleBookMarkIcon {
        width: 44px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        padding: 1px 9px;
    }

.CommonServices .TitleDashboardPart .TitleDashboardIcon:before {
    color: #efc319 !important;
}

.DashboardNewfeature .TitleDashboardPart .TitleDashboardIcon:before {
    color: #000098 !important;
}

.wrongLogin .TitleDashboardPart {
    border-bottom-width: 0;
}

.wrongLogin .ContentsDashboardPart {
    border-top: 1px solid #DDD;
}

.welcomeShortcut a {
    width: 100px;
    height: 100px;
    border-radius: 50% 50% 50% 50%;
    background-color: #e9e9e9;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    padding: 13px 13px;
    display: inline-block;
}

    .welcomeShortcut a:focus, .welcomeShortcut:hover a {
        border-color: #efc319 !important;
        outline: none;
    }

.shortcutLink {
    position:relative;
    border: 0;
    cursor: pointer;
    margin: 0 35px;
}

    .shortcutLink a:before {
        color: #6C6C6C !important;
    }

    .shortcutLink:focus, .shortcutLink:hover {
        border-color: #efc319 !important;
        box-shadow: none !important;
    }

.addbtnIcon:focus {
    box-shadow: 0 0 0 2px #5f5f5f;
    font-weight: 500;
}

.ShortcutLoanPayments {
    display: none;
}

.compactFormStyle .invoiceRightColumn {
    width: 68px;
}

.ctrlTwoFactorVerifier .infoTextSmallRight {
    min-height: 30px;
    margin-bottom: 20px;
    padding: 0 5px;
    line-height: 200%;
}

.MessageContainerctrlTwoFactor .errorMessage {
    max-width: 85%;
}

.ctrlTwoFactorVerifier .infoTextSmallRight span {
    text-align: justify;
}

.ctrlTwoFactorVerifier .columnsContainerctrlTwoFactor {
    min-height: 32px;
}

.ctrlTwoFactorVerifier .rightColumnctrlTwoFactor {
    display: inline-block;
    vertical-align: top;
}

.ctrlTwoFactorVerifier .leftColumnctrlTwoFactor {
    display: inline-block;
}

.ctrlTwoFactorVerifier .textBoxStyle {
    width: 100px;
    border: 1px solid #666;
}

.wrongLogin {
    border: 1px solid #DDD;
    margin: 0 auto;
    max-width: 750px;
    padding-bottom: 10px;
    width: 100%;
}

    .wrongLogin .header {
        display: inline-block;
        height: 31px;
    }

        .wrongLogin .header span {
            font-size: 13px;
            font-weight: 700;
        }

        .wrongLogin .header img {
            vertical-align: bottom;
        }

.searchCardManager {
    margin: 0px 0px 7px;
    display: inline-block;
    vertical-align: top;
}

.GridWidth {
    width: 60%;
    margin: 0 auto;
}

.solidHyperlink, .solidHyperlinkGrid {
    color: #07986f !important;
    font-weight: 500;
    text-decoration: underline !important;
}

    .solidHyperlink:hover, .solidHyperlinkGrid:hover, .solidHyperlink:focus, .solidHyperlinkGrid:focus {
        color: #ffd700 !important;
    }

    .solidHyperlinkGrid[disabled="disabled"] {
        color: #aaa !important;
    }

.solidHyperlinkPaging {
    color: #07986f !important;
}

    .solidHyperlinkPaging[disabled="disabled"] {
        color: #94e4c6 !important;
    }

.gridViewPager span {
    color: #94e4c6 !important;
    font-weight: 500;
}

.gridViewPager a {
    color: #07986f !important;
    font-weight: 500;
}

    .gridViewPager a:focus {
        box-shadow: 0px 0px 1px 2px #EFC316;
    }

.refreshButton {
    width: 16px;
    height: 16px;
    margin-top: 3px;
}

.alertStatement {
    color: red;
}

.ConfirmationTextStyle .Style_Center {
    font-weight: bold;
    line-height: 300%;
}

.ibanHeaderContainer {
    text-align: center;
    vertical-align: middle;
    color: #111415;
    font-size: 10px;
    text-align: center;
}

    .ibanHeaderContainer > input {
        background: 0;
        border: 0;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        width: 100%;
        padding: 3px 10px;
    }

.ibanAccountStatusResult span {
    padding: 3px 5px;
    font-weight: 500;
}

.ibanResultContainer {
    vertical-align: top;
    overflow-y: auto;
    color: #397695;
    font-size: 12px;
}

    .ibanResultContainer span {
        display: inline-block;
        padding: 3px 5px;
        max-height: 100px;
        overflow-y: auto;
        line-height: 200%;
        vertical-align: middle;
    }

        .ibanResultContainer span.attention {
            font-weight: normal;
        }

.ibanResultTitle {
    background: #b2dfdb;
    padding: 2px 2px 0;
    min-height: 25px;
    vertical-align: middle;
    color: #111415;
    font-size: 12px;
}

.ibanContainer {
    display: inline-block;
    position: relative;
    z-index: 100;
}

.ibanbtnContainer {
    display: inline-block;
    position: relative;
}

.ibanBox {
    position: absolute;
    width: 300px;
    background-color: #FFF;
    border: 1px solid #96a3a9;
    top: 6px;
}

.ibanbtnBox .greenLink {
    height: 23px;
    font-size: 12px;
}

.ibanbtnBox {
    width: 110px;
    background-color: #FFF;
    border: 1px solid #007147;
    top: 0;
    margin-top: 1px;
}

.loadingGif {
    width: 16px;
    height: 16px;
    background: url(images/loading.gif) no-repeat center;
    top: 3px;
    position: absolute;
}

.ibanResultContainer hr {
    border: 1px dashed #c7e0e0;
}

.loadingGifProvince {
    width: 16px;
    height: 16px;
    background: url(images/loading.gif) no-repeat center;
    top: 5px;
    position: absolute;
}

#upHomeProvince, #upWorkProvince {
    position: relative;
}

.address .captionTD {
    width: 100px;
}

.address .newLineStyle td {
    padding: 20px 0 10px;
}

.moshtariDropDown {
    width: 157px !important;
}

select.smallFontSelectStyle option {
    font-size: 10px;
}

.TopHeaderReportPage {
    display: inline-block;
    padding: 0 4px;
}

.reportbtnIcon {
    cursor: pointer;
    vertical-align: middle;
    width: 105px;
    height: 26px;
    border: 1px solid #888;
    font-size: 12px;
    color: #333;
    text-align: center;
    font-weight: 500;
    display: inline-block;
    margin: 0 2px;
    line-height: 230%;
}

    .reportbtnIcon:focus {
        border: 2px solid #5f5f5f;
    }

.reportHeaderPage {
    vertical-align: middle;
}

.BookmarkPage {
    width: 23px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    line-height: 25px;
}

    .BookmarkPage:focus {
        background: #fffdf7;
        box-shadow: 0 0 2px 2px #8DE4F9;
    }

.bookMarkTitleHeader {
    display: inline-block;
    font-size: 13px;
    line-height: 25px;
    font-weight: 500;
    vertical-align: middle;
    height: 25px;
}

.BookmarkPageSet .icon, .BookmarkPageSet.icon {
    color: #efc316;
}

.BookmarkPageUnset .icon, .BookmarkPageUnset.icon {
    color: #999;
}

.ShowPopupAboveTheHeader {
    top: 5px;
    position: fixed;
    min-width: 0;
    z-index: 100000;
}

.ShowPopupSubHeader {
    position: absolute;
    top: 3px;
}

.SpecificBox {
    background-color: #eafaf5;
    border: 1px solid #c0e3e6;
}

fieldset.SpecificBox {
    margin: 0;
}

.OuterBoxReceipt {
    max-width: 800px;
    margin: 10px auto 0 !important;
    padding: 0 0 13px;
}

.hideStyle {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
}

    .hideStyle legend {
        display: none !important;
    }

.OuterBoxReceipt legend {
    color: #686666;
}

.ConfirmationFunction fieldset.SpecificBox {
    background-color: #f4fcfa;
    border: 1px solid #d2e1dc;
    max-width: 850px;
    width: 90%;
    margin: 0 auto 10px;
}

.ConfirmationFunction .SpecificBox .mobileNumberContainer .columnsContainer, .ConfirmationFunction .SpecificBox .emailContainer .columnsContainer {
    width: 515px;
    margin: 0 auto;
}

.ConfirmationFunction .SpecificBox .mobileNumberContainer, .ConfirmationFunction .SpecificBox .emailContainer {
    text-align: center;
}

.SpecificBox .mobileNumberContainer .btnCommon, .SpecificBox .emailContainer .btnCommon {
    width: 100px;
    vertical-align: top;
}

.SpecificBox .btnCommon[value="'در حال پردازش...'"] {
    font-size: 10px;
}

.lstJoin_lst {
    background-color: #FFF;
    border: 1px solid #DDD;
    border-width: 1px 1px 0;
    max-width: 550px;
}

    .lstJoin_lst .columnsContainer {
        border-bottom: 1px solid #DDD;
    }

    .lstJoin_lst .attention, .lstJoin_lst .errorMessage {
        font-weight: normal;
    }

.CheckIbanContainer hr, .OuterBoxReceipt hr {
    display: none;
}

.OuterBoxReceipt .lstJoin_lst {
    margin: 0 auto;
}

.ContinualbenefitDisplay {
    display: block;
}

.journeyworkDisplay {
    display: none !important;
}

.alertInformation {
    color: red;
}

.msg_JS_disabled, .msg_cookie_disabled {
    background-color: #FFF;
    color: #000;
    padding: 0 0 15px;
    text-align: center;
    z-index: 10;
    position: fixed;
    top: 30%;
    box-shadow: 0 3px 7px #252525;
    font-size: 14px;
}

    .msg_JS_disabled p, .msg_cookie_disabled p {
        line-height: 250%;
        padding: 0 10px;
    }

    .msg_JS_disabled a, .msg_cookie_disabled a {
        text-decoration: underline;
    }

.popup-mask-Dark {
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: rgba(78, 78, 80, 0.83);
    z-index: 1;
    cursor: default;
}

.msg_disabledHeader {
    background-color: #efc319;
    position: relative;
    font-size: 16px;
    padding: 5px 10px 13px;
    margin: 0 0 15px;
}

    .msg_disabledHeader::after {
        content: ' ';
        border-top: 10px solid #efc319;
        position: absolute;
        bottom: -10px;
    }

    .msg_disabledHeader .icon {
        color: rgba(0, 0, 0, 0.6);
        text-decoration: none;
    }

.browserFirefox, .browserIE, .browserChrome {
    padding: 10px 40px !important;
}

.infoFormSection {
    background-color: #FFF;
    box-shadow: 0 0 3px #777;
    padding: 10px;
    margin: 5px 10px;
    list-style: inside;
}

.infoFormsHeader {
    background: url(images/HeaderBG.jpg) center repeat-x;
    width: 100%;
    height: 60px;
}

.DebtorAmount, .CreditAmount {
    display: block;
    position: relative;
}

    .DebtorAmount:empty, .CreditAmount:empty {
        display: none;
    }

    .DebtorAmount.icon:before, .CreditAmount.icon:before {
        position: absolute;
        font-weight: 700;
    }

.TotalCreditor {
    color: #07986f;
}

.TotalDebt {
    color: #e74c3c;
}

.memodataLessdiv {
    display: inline-block;
}

.memodataMorediv, .MemoDataMoreBtn {
    display: none;
}

.memoDescription, .lessMemoDescription {
    text-align: justify;
    display: inline-block;
}

.memoDescription {
    word-wrap: break-word;
    max-width: 200px;
}

.dtr-data .MemoDataMoreBtn, .dtr-data .MemoDataLessBtn {
    display: none;
}

.memodataMorediv, .memodataLessdiv {
    width: 95%;
}

.confirmAgencyDiv {
    padding: 5px 10px;
    text-align: justify;
}

.actionTab {
    margin: 0;
    padding: 6px 5px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #364045;
    background: #FFF;
    text-align: center;
    color: #364045;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 22px;
}

.Tab_1_2 {
    width: 49%;
}

.actionTab[disabled="disabled"] {
    background: #f4f4f4;
    color: #666;
    border-color: #AAA;
}

.actionTab:hover:not([disabled="disabled"]) {
    background: #d9dcdd;
}

.actionTab.SelectedIthem {
    position: relative;
    border: 4px solid #2b373e;
    padding: 3px 5px;
    background: #303e45 !important;
    color: #FFF;
}

    .actionTab.SelectedIthem::after {
        content: '';
        position: absolute;
        top: 100%;
        border-width: 10px;
        border-style: solid;
        border-color: #2b373e transparent transparent;
        color: #FFF;
    }

.TabRow {
    margin: 0 0 33px !important;
}

    .TabRow a:focus {
        box-shadow: 0 0 0 2px #252c30;
    }

table.tbContainer tbody th, table.responsiveGrid tbody td {
    padding: 3px 2px !important;
}

.ReceiptTb {
    border: 1px solid #adccbc !important;
    background: 0;
    text-align: center;
}

    .ReceiptTb .listViewHeader th {
        border-color: #414c46 !important;
    }

    .ReceiptTb th a {
        color: #FFF !important;
        font-weight: normal;
    }

    .ReceiptTb .listViewHeader {
        background-color: #56665e;
    }

    .ReceiptTb .listViewRow1 {
        background-color: #e8fff3;
    }

    .ReceiptTb tfoot {
        background: 0;
        line-height: 29px;
    }

.ResultContainer {
    max-width: 1300px;
    margin: 0 auto;
}

.ReceiptRow {
    padding: 8px 5px;
    border: 1px solid #adccbc;
    border-width: 1px 1px 0;
}

    .ReceiptRow:last-child {
        border-width: 1px 1px;
    }

.ReceiptTBContainer + .ReceiptRow {
    border-top-width: 0;
}

.ReceiptGrid {
    background: #d9ffeb;
    margin-top: 20px;
}

    .ReceiptGrid .logoContainer {
        position: relative;
    }

        .ReceiptGrid .logoContainer .icon.ib-iconBank {
            color: #496958;
            font-size: 50px;
            line-height: 100%;
            position: absolute;
            top: -24px;
        }

.ReceiptHeader {
    border-top-width: 0;
    font-weight: 500;
    font-size: 14px;
}

.ReceiptTitle {
    font-weight: 500;
    font-size: 14px;
    color: #01763c;
    padding: 30px 5px 10px;
}

.ConfirmationContainer {
    max-width: 1300px;
    display: inline-block;
}

.confrmRow {
    padding: 8px 5px;
    border-top: 1px solid #efead7;
    margin-right: 0;
    margin-left: 0;
}

.ConfirmationGrid {
    background: #fffcf0;
    border: 1px solid #efead7;
    margin-top: 20px;
}

.ConfirmationGrid {
}

.confrmHeader {
    border-top-width: 0;
    font-weight: 500;
    color: #67540a;
    background: #fdf8e3;
}

.ConfirmTb tbody tr:nth-child(2n+0) {
    background-color: #FFF;
}

.ConfirmTb {
    border: 1px solid #CCC !important;
    background: #fbf8eb;
    text-align: center;
}

    .ConfirmTb .listViewHeader th {
        border-color: #b7afa3 !important;
    }

    .ConfirmTb th a {
        color: #444 !important;
    }

    .ConfirmTb .listViewHeader {
        background-color: #d2cbc1;
        color: #444;
    }

    .ConfirmTb tbody tr:last-child {
        border-bottom: 1px solid #b3ada4;
    }

table.ConfirmTb > tbody > tr:last-child > td {
    border-bottom-width: 0 !important;
}

.ConfirmTb .listViewRow1 {
    background-color: #FFF;
}

.ConfirmTb .footerText {
    background: #f5f3f0 !important;
    line-height: 29px;
}

.ConfirmTb table.dataTable > tbody > tr:last-child > td, .ConfirmTb table.responsiveGrid > tbody > tr:last-child > td {
    border-bottom: 1px solid #dbe0e2;
}

.ConfirmTb tfoot a, .ConfirmTb tfoot span {
    padding: 2px 10px;
}

.ConfirmTb tfoot span {
    border-radius: 5px;
    background: #ffeea8;
    font-weight: bold;
}

.ConfirmTb tfoot a:hover {
    color: #00965f;
}

.ConfirmTb tfoot *, .ConfirmTb tfoot tbody tr:last-child, .ConfirmTb tfoot tr > td:last-child, .ConfirmTb tfoot tbody > tr > td:last-child {
    border-width: 0px !important;
}

.ConfirmTb tfoot .control {
    text-align: center;
}

.ConfirmTb tfoot table {
    margin: 0 auto;
}

.ConfirmTb tfoot a, .ConfirmTb tfoot span {
    padding: 2px 10px;
}

.ConfirmTb tfoot span {
    border-radius: 5px;
    background: #ffeea8;
    font-weight: bold;
}

.ConfirmTb tfoot a:hover {
    color: #00965f;
}

.ConfirmTb tfoot *, .ConfirmTb tfoot tbody tr:last-child, .ConfirmTb tfoot tr > td:last-child, .ConfirmTb tfoot tbody > tr > td:last-child {
    border-width: 0px !important;
}

.ConfirmTb tfoot .control {
    text-align: center;
}

.ConfirmTb tfoot table {
    margin: 0 auto;
}

.errorTd {
    font-weight: 400;
    color: red;
}

    .errorTd span {
        display: inline-block;
    }

.hiddenItem {
    display: none;
}

.errorTr {
    background-color: #ecd1d1;
    max-height: 35px !important;
}

.signEnableTr {
    background-color: #a5c8e6;
    max-height: 35px !important;
}

.ConfirmTb .errorTr {
    background-color: #ffeded !important;
}

.ConfirmTb tbody .newRow {
    background-color: #ffe996 !important;
}

.Level {
    position: relative;
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

    .Level hr {
        border: 0;
        border-top: 1px solid #eee;
        margin: 10px auto;
        width: 90%;
    }

    .Level.backdropStyle .wrapperPage {
        top: -21px;
    }

.AccordionCaption {
    visibility: hidden;
    padding: 0 10px;
    position: absolute;
    top: -14px;
    background: #fff;
    margin: 0 20px;
    color: #888;
    font-weight: 500;
    cursor: pointer;
}

    .AccordionCaption .icon {
        position: relative;
    }

        .AccordionCaption .icon:focus {
            box-shadow: 0px 0px 3px 1px #EFC316;
        }


        .AccordionCaption .icon:before {
            position: relative;
            top: 2px;
        }


.form_groupVertical .textBoxControl input {
    padding-right: 0px;
}

/*ChequeReminder*/
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.searchFilter .toggelHeaderFilter {
    background-color: #303e45;
    color: #fff;
    padding: 5px 15px;
    margin: 0;
}

.searchFilter .SearchPageStyle {
    padding: 10px;
}

    .searchFilter .SearchPageStyle .rowBoxFilter .titleBoxFilter {
        width: 150px;
        float: right;
        margin-left: 10px;
        text-align: left;
        margin-top: 8px;
    }

    .searchFilter .SearchPageStyle .rowBoxFilter:first-child .titleBoxFilter {
        margin-top: 0px;
    }

    .searchFilter .SearchPageStyle .rowBoxFilter .contentBoxFilter {
        width: calc(100% - 160px);
        float: left;
    }


    .searchFilter .SearchPageStyle .calenderSection {
        display: inline-block;
        padding: 0 8px;
    }

        .searchFilter .SearchPageStyle .calenderSection label {
            margin-left: 3px;
        }

        .searchFilter .SearchPageStyle .calenderSection .CalenderContainer input {
            margin-left: 0;
        }

    .searchFilter .SearchPageStyle .contentBoxFilter .mainSelector, .searchFilter .SearchPageStyle .contentBoxFilter .selectStyle {
        margin-right: 22px;
        margin-top: 10px;
        margin-left: 8px;
        box-sizing: border-box;
        width: 202px;
    }

    .searchFilter .SearchPageStyle .contentBoxFilter .iconFilter {
        vertical-align: middle;
        width: 12px;
        cursor: pointer;
    }

    .searchFilter .SearchPageStyle .contentBoxFilter .addIcon {
        width: 14px;
    }

.searchFilter .viewFilter {
    display: none;
}

.searchFilter .SearchPageStyle hr {
    display: none;
}

.searchFilter .SearchPageStyle .btnContainer .Style_Center {
    padding-right: 182px;
}

    .searchFilter .SearchPageStyle .btnContainer .Style_Center input {
        margin: 0;
    }

.textFontInsideFontIcon {
    font-family: IRANSans_FaNum,Tahoma;
    vertical-align: top;
}

.shortcutLink .welcomeDepositList:focus {
    outline: none;
}

.contactUsContent {
    width: 100% !important;
    text-align: center !important;
    display: block !important;
}

.contactUsContainer {
    width: 180px !important;
    margin: 60px 20px 20px;
    vertical-align: top;
}

    .contactUsContainer .header {
        display: block;
        width: 100%;
        text-align: center;
        color: #888;
        margin-bottom: 15px;
    }

        .contactUsContainer .header .icon {
            border: 2px solid #aaa;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin: 0 auto 10px;
            padding-top: 9px;
        }

.contactUsContent .solidHyperlink {
    font-size: 12px;
    color: #787878 !important;
}

.contactUsForm {
    max-width: 100% !important;
    text-align: center;
}

.contactUsContent.email {
    direction: ltr;
}

.subject_Part, .caption_Description, .AccordionCaption .icon {
    color: #888;
    font-weight: 500;
    vertical-align: 3px;
    line-height: 23px;
}

.AccordionCaption .subject_Part {
    display: none;
}

.Text_Description {
    line-height: 250%;
}

.Interactive-Title .icon {
    position: relative;
    vertical-align: top;
    line-height: 20px;
    display: inline-block;
}

.inlineElement {
    display: inline;
}

.inlineBlockElement {
    display: inline-block;
}

.inlineIcon {
    display: inline-block;
    vertical-align: middle;
}

.SimpleCaption {
    padding: 0 10px;
    margin-bottom: 10px;
    position: absolute;
    top: -14px;
    background: #fff;
    margin-right: 43px;
}

    .SimpleCaption input, .SimpleCaption .icon {
        display: none;
    }

.addbtnIcon {
    cursor: pointer;
    vertical-align: middle;
    width: 115px;
    height: 26px;
    border: 1px solid #888;
    margin: 4px 5px;
    color: #555;
    background-size: 18px;
}

.TooltipCtrContainer .wrapperNoStylePage + .TooltipCtr {
    z-index: 1001;
    position: relative;
}

.TooltipCtr li {
    list-style: inside;
}

.TooltipCtr section {
    padding: 5px 15px;
}

.CImgInText {
    text-align: center;
}

    .CImgInText img {
        max-width: 100%;
    }

.form_groupVertical .btnAccept {
    margin: 0;
}

.NInput2_Column {
    display: inline-block;
    vertical-align: top;
    width: 208px;
}

.form_groupVertical .NoteBookGroupDepositA {
    height: 23px;
    width: 23px;
}

/*.CardDepositContainer {
    display: block;
    height: 35px;
}*/

.formDepositContainer {
    display: block;
}

    .formDepositContainer .Satchel {
        background-color: #f5f5f5;
        border: 1px solid #d4d4d4;
        border-radius: 0;
    }

.normalInput3 {
    width: 65%;
}

.PaymentContainer .L_4_5 {
    max-width: 350px;
    vertical-align: top;
}

.PaymentContainer .TabRow, .PaymentContainer .TabRowPay {
    max-width: 480px;
}



.Form_VerticalSatchelControl .L_4_5 {
    max-width: 100%;
}

.form_groupVertical .L_4_5 ul li {
    list-style: inside;
}

.Form_VerticalSatchelControl .btnContainer {
    padding: 0;
    max-width: 350px;
}

.Form_VerticalSatchelControl .Satchel .btnContainer {
    max-width: 100%;
}

.Form_VerticalSatchelControl .btnContainer .rightColumn {
    width: 0;
    padding: 0;
}

.Form_VerticalSatchelControl .btnContainer .leftColumn {
    width: 100%;
    padding: 0;
}

.btnBill, .Form_VerticalSatchelControl .btnRight input {
    width: 100%;
}

.Form_VerticalSatchelControl .Satchel {
    margin: 10px 0 0;
    background-color: #f8f8f8;
    border: 1px solid #DDD;
}

.keyBoardTooltipContainer {
    position: relative;
}

.form_groupVertical.keyBoardTooltipContainer {
    height: 0;
}

.keyBoardTooltipContainer .L_4_5 {
    position: relative;
}

.keyBoardTooltipContainer .DynamicPosition {
    position: absolute;
    top: -135px;
    padding: 2px;
}

.PopupValidateContainer, .popup_info_Container {
    position: relative;
    display: inline-block;
}

.Popup_Validate {
    position: absolute;
    font-size: 11px;
    min-width: 180px;
    top: 34px;
}

.popup_info {
    position: absolute;
    font-size: 11px;
    display: none;
    right: 0px;
    background: #fff;
    box-shadow: 0 0 10px #333;
    z-index: 1;
}

.popup_info_mediom {
    width: 250px;
}

.popup_info_text {
    padding: 10px;
}

.form_Horizontal {
    padding-bottom: 2px;
}

.CVV2Input2 {
    width: 100px;
}

.normalInput2 input {
    padding: 4px 5px !important;
}

.normalInput4 {
    width: 98%;
    height: 32px;
}

.normalInput3 {
    width: 220px;
}

select.normalInput3 {
    height: 30px;
}

.normalInput2 {
    width: 100%;
}

.form_groupVertical .normalselect {
    width: 194px;
    height: 32px;
}

.form_groupVertical .BalanceCheckBox {
    max-height: 29px;
    padding: 4px 5px;
}

.Titel_Form {
    vertical-align: top;
    padding-top: 8px !important;
}

.normalInput2.YearDateInput, .normalInput2.MonthDateInput {
    width: 104px !important;
}

    .normalInput2.YearDateInput input, .normalInput2.MonthDateInput input {
        width: 100% !important;
    }

.normalFileUpload {
    border: 1px solid #CCC;
    min-height: 25px;
    padding: 4px 5px 3px !important;
    width: 100%;
}

.normalInput3 input, .normalInput2 input {
    border: 1px solid #CCC;
    min-height: 32px;
    width: 100%;
}

#DataEntryPage, .DataEntryPage {
    position: relative;
    min-height: 600px;
}


.wrapperPage {
    position: absolute;
    top: -16px;
    bottom: 0;
    background: #999;
    opacity: .3;
    z-index: 1000;
}

.wrapperNoStylePage {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
}

.Visible {
    display: block !important;
    visibility: visible !important;
}

.tbContainer {
    max-width: 1300px;
    margin: 0 0 10px !important;
}

.TooltipContainer {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .TooltipContainer #TooltipMobile, .TooltipSmall {
        top: -100%;
        width: 250px;
    }

    .TooltipContainer div.imgHelpInPage:focus {
        box-shadow: 0px 0px 3px 1px #EFC316;
    }


#TooltipExpireDateInfo, #TooltipThirdPassInfo, #TooltipCancelThirdPassInfo, #TooltipATMInfo, #TooltipInfo, .Tooltip.TooltipcharacterInfo {
    width: 250px !important;
}


.TooltipCtrContainer {
    top: 0;
    position: absolute;
    text-align: center;
    display: none;
    z-index: 1001;
}

.TooltipCtr {
    display: inline-block;
    border: 1px solid #DDD;
    box-shadow: 0 2px 10px #555;
    max-width: 100%;
    background: #FFF;
    padding: 10px;
}

.R_1_3, .R_1_4, .L_2_3, .L_3_4, .C_1_2, .C_1_3, .C_2_3, .R_1_2, .L_1_2, .C_1_1, .R_1_5, .L_4_5, .GridR_1_3, .GridL_2_3, .GridR_1_4, .GridL_3_4 {
    display: inline-block;
    padding: 3px 0 0;
    margin: 0;
}

.R_1_3, .GridR_1_3 {
    width: 30%;
    vertical-align: top;
}

.L_2_3, .GridL_2_3 {
    width: 68%;
}

.R_1_4, .GridR_1_4 {
    width: 24%;
}

.L_3_4, .GridL_3_4 {
    width: 74%;
}

.R_1_5 {
    width: 19%;
}

.L_4_5 {
    width: 80%;
}

.C_1_2 {
    width: 48%;
}

.C_1_3 {
    width: 30%;
}

.C_2_3 {
    width: 68%;
}

.R_1_2 {
    width: 48%;
}

.L_1_2 {
    width: 48%;
}

.ResultContainer .printContainer {
    max-width: 100%;
}

.EnglishNum {
    font-family: tahoma;
}

.OutputContainer {
    padding: 16px 0;
}

.FormContainer {
    position: relative;
    margin-bottom: 250px;
}

.waitting, .coverInsidePage {
    z-index: 1001;
    right: -9px;
    left: -9px;
    position: absolute;
    top: -20px;
    bottom: 0;
}

.waitting, .coverInsidePage, .waittingFullpage {
    background: rgba(152, 152, 152, 0.59);
}

.waittingFullpage {
    display: none;
    z-index: 10010;
    top: 0;
    bottom: 0;
    right: 0px;
    left: 0px;
    position: fixed;
}

.waitting, .waittingFullpage {
    background: rgba(152, 152, 152, 0.59) url(images/watting.gif) no-repeat center;
}

.selectStyle:disabled, .itemsHolder:disabled {
    background: #eee !important;
    color: #999 !important;
    -webkit-text-fill-color: #999;
    -webkit-opacity: 1;
}

.requiredLable {
    color: red;
    font-family: tahoma;
}

.joined_Table {
    background-color: #EEE;
    border: 1px solid #d8d8d8;
    border-width: 0 1px 1px;
    padding: 5px;
}

    .joined_Table.AddToNoteBook {
        padding: 0px;
    }

        .joined_Table.AddToNoteBook legend {
            display: none;
        }

        .joined_Table.AddToNoteBook fieldset {
            border: 0px solid #eaeaea;
            margin: 0;
            background-color: inherit;
        }

.containerRowAdddToTable {
    position: relative;
    background: #f3fff9;
}

    .containerRowAdddToTable .icon.ib-plus-circle {
        position: absolute;
        top: -1px;
        z-index: 0;
    }

    .containerRowAdddToTable .rowAdddToTable {
        background: 0;
        position: relative;
        z-index: 1;
    }

.rowAdddToTable {
    background: #f3fff9;
    border: 1px solid #d8d8d8;
    border-width: 0 1px 1px;
    color: #16965f;
    padding: 6px 45px !important;
}

a.rowAdddToTable {
    display: block;
}

.AdddToTable-top.rowAdddToTable {
    border-width: 1px;
}

.lightStyleTable tr:last-child td {
    border-bottom: 1px solid #d8d8d8 !important;
}

.containerToggle .headerToggle {
    cursor: pointer;
}

.headerToggle a:focus {
    box-shadow: 0 0 3px 1px #006942;
}

.containerToggle .contentToggle {
    display: none;
}



.limitContainer {
    max-width: 1000px;
    margin: 0 auto;
}

.updateProgressContainer {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 9999999;
    background-color: #000;
    opacity: .7;
}

.updateProgress {
    padding: 10px;
    position: fixed;
    top: 45%;
}

.CardDepositBookInfoList {
    padding-top: 10px;
}

.CardDepositBookSavedDialog {
    display: inline-block;
    padding: 0 10%;
}

.mainUlBookmark li {
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    list-style: none;
    width: 100%;
}

.bookmarkItemHidden {
    display: none !important;
}

.BookmarkItem .leftPlus {
    display: none;
}

.containerBookMark .TitleBookMarkIcon {
    text-align: center;
}

.containerBookMark .BookMarkPart {
    width: 100%;
    min-height: inherit;
    margin-bottom: 20px;
    border: 0;
}

.containerBookMark .leftColumn50 {
    padding: 0;
}

.containerBookMark {
    text-align: center;
    max-width: 1000px;
    display: block;
    margin: auto;
    margin-top: 20px;
    position: relative;
}

    .containerBookMark .SearchPageStyle {
        margin-bottom: 0;
        padding: 5px;
    }

.searchSection .columnsContainer {
    position: relative;
}

.searchSection {
    min-height: 480px;
}

    .searchSection .ViewTransferLimit {
        cursor: default;
    }

.searchBookMark img {
    position: relative !important;
    top: 0 !important;
    vertical-align: middle;
    width: auto !important;
    height: auto !important;
}

.containerBookMark .add-list-suggest {
    margin: 0;
    list-style: none;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

    .containerBookMark .add-list-suggest li {
        border-bottom: 1px solid #DDD;
        background-repeat: no-repeat;
        position: relative;
    }

.containerBookMark .justList {
    margin: 0;
    background: #f3f3f3;
    padding-top: 35px;
    position: relative;
    list-style: none;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

    .containerBookMark .justList .title-list {
        position: absolute;
        top: 8px;
        font-size: 11px;
        background-color: #e1e1e1;
        padding: 2px 5px;
        color: #888;
        font-weight: normal;
    }

    .containerBookMark .justList li {
        border-bottom: 1px solid #DDD;
        background-repeat: no-repeat;
        position: relative;
    }

        .containerBookMark .justList li:last-child {
            border-bottom: 0;
        }

.containerBookMark .cancleList {
    width: 25px;
    position: absolute;
    top: 0;
    line-height: 30px;
}

.searchStyleBookMark {
    margin-bottom: 0;
}

.searchBookMarkimg {
    position: relative !important;
    top: 0 !important;
    vertical-align: middle;
    width: auto !important;
    height: auto !important;
}

.divBookmarkKeywordsContainer {
    position: absolute;
    background: #FFF;
    width: 100%;
    z-index: 1;
}

    .divBookmarkKeywordsContainer #menuBookmark {
        max-width: 100% !important;
        width: 100% !important;
        border: 1px solid #DDD;
        border-top: 0 !important;
        padding: 0 !important;
        max-height: 396px !important;
        overflow: auto;
        border-width: 1px 1px 0;
    }

    .divBookmarkKeywordsContainer .BookmarkPage {
        margin: 0 10px !important;
        vertical-align: middle !important;
    }

    .divBookmarkKeywordsContainer #menuBookmark ul {
        margin-bottom: 0px;
    }

        .divBookmarkKeywordsContainer #menuBookmark ul li {
            border-bottom: 1px solid #DDD;
            padding: 0;
        }

            .divBookmarkKeywordsContainer #menuBookmark ul li:last-child {
                border-bottom: 0;
            }

.selectSuggestBank {
    display: none;
    padding: 0 15px 15px !important;
}

    .selectSuggestBank ul {
        padding: 15px 0;
        list-style: none;
        border-bottom: 1px solid #DDD;
        margin-bottom: 15px;
    }

        .selectSuggestBank ul li {
            padding: 5px 10px;
        }

    .selectSuggestBank input {
        margin-top: 15px;
    }

#selectSuggestBank .btnCancel {
    background-image: none;
    position: relative;
}

    #selectSuggestBank .btnCancel .icon {
        background-image: none;
        position: absolute;
        top: 5px;
        right: 10px;
    }

.containerBookMark .ViewTransferLimit {
    margin-top: 15px;
}

.PasswordInfoContainer {
    position: relative;
}

.NewPassInfo {
    position: absolute;
    top: -25px;
    display: none;
    z-index: 1;
}

    .NewPassInfo:before {
        content: "";
        border-top: 6px solid transparent !important;
        border-bottom: 6px solid transparent !important;
        top: 10px !important;
        width: 0;
        height: 0;
        position: absolute;
    }

    .NewPassInfo .icon.ib-delete-thin {
        padding: 2px 4px;
        font-weight: bold;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 50%;
        margin: 3px 0 0 3px;
    }

.basicValidationContainer .strength5 {
    background: 0;
    display: none;
}

.helpCloseButton:focus {
    box-shadow: 0 0 3px 1px #EFC316;
}

.basicValidationContainer span.wrongicon:before {
    display: none;
}

.NewPassInfoUl {
    list-style: none;
    background: #EEE;
    max-width: 250px;
}

.wrongicon:before {
    content: 'x';
    position: absolute;
}

.correctIcon:before {
    content: '✓';
    position: absolute;
}

.correctIcon, .wrongicon {
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: relative;
    top: 5px;
    display: block;
    position: relative;
}

.strength5, .correctIcon {
    color: #00965f !important;
}

.strength1 {
    color: #F00;
}

.progress {
    position: relative;
    display: inline-block;
    width: 200px;
}

#passwordStrengthResult {
    position: absolute;
    bottom: 7px;
    background: #fff;
    padding: 1px 3px;
}

#progressbarPasswordStrength {
    bottom: 5px;
    position: absolute;
    height: 2px;
    width: 0;
    -webkit-transition: width 2s;
    transition: width 2s;
}

.progress #progressbarPasswordStrength.PasswordProgressstrength10 {
    width: 100px;
    background: #d9534f;
}

.strength10 {
    color: #d9534f;
}

.progress #progressbarPasswordStrength.PasswordProgressstrength20 {
    width: 100px;
    background: #ffb955;
}

.strength20 {
    color: #ffb955;
}

.progress #progressbarPasswordStrength.PasswordProgressstrength30 {
    width: 150px;
    background: #3db688;
}

.strength30 {
    color: #3db688;
}

.progress #progressbarPasswordStrength.PasswordProgressstrength40 {
    width: 180px;
    background: #00965d;
}

.strength40 {
    color: #00965d;
}

.progress #progressbarPasswordStrength.PasswordProgressstrength50 {
    width: 200px;
    background: #005d3a;
}

.strength50 {
    color: #005d3a;
}

.FilterMenuBookmark {
    display: inline-block;
}

    .FilterMenuBookmark .searchBookMarkimg {
        position: relative !important;
        vertical-align: middle;
        width: auto !important;
    }

.btnSolid {
    background-color: transparent;
    padding: 1px 5px;
    color: #333;
    cursor: pointer;
    vertical-align: middle;
    height: 26px;
    border: 1px solid #888;
    background-size: 16px;
}

.IntroductionCardThirdPassword, .showSetCardThirdPassword {
    background-size: auto 97px !important;
}

.confirmFormContainer {
    position: fixed;
    top: 35%;
    text-align: center;
    z-index: 1007;
}

.confirmPopup {
    border-radius: 0;
    border: 1px solid #DDD;
    background: #EEE;
    background-color: white;
    box-shadow: 0 2px 10px #333;
    width: 400px;
    padding: 15px;
    margin: 0 auto;
}

.setThirdPassword {
    min-height: 400px;
}

.RecordOperationConfirmation .btnSmalContainer input, .RecordOperationConfirmation .btnSmalContainer button,
.confirmPopup .btnContainer input, .confirmPopup .btnContainer button {
    width: 110px !important;
    padding: 4px 0px;
    min-width: 100px;
}

.RecordOperationConfirmation .btnSmalContainer input, .RecordOperationConfirmation .btnSmalContainer button {
    float: none !important;
}

.confirmPopup .columnsContainer .leftColumn {
    padding-top: .5em;
}

.notFound {
    text-align: center;
    font-size: 13px;
    background: #fff;
    padding: 6px;
}

.SarmayegozariAtieInfo {
    border: 1px solid #65a844;
    color: #246903;
    line-height: 24px;
    margin: 10px auto;
    background: #f3ffee url(Images/Sarmaye.svg) no-repeat;
    background-size: 32px 32px;
}

.alignNumber {
    direction: ltr;
}

.breakWord {
    word-wrap: break-word;
}

.backdropStyle {
    position: relative;
    margin: 20px 0 0;
    padding-top: 20px;
}

    .backdropStyle .wrapperPage {
        top: -20px;
    }

.TMConfirmation {
    margin-top: 30px;
}

.marginWarning {
    margin-bottom: 30px;
}

.clear {
    clear: both;
}

.infobillsection {
    width: 550px;
    margin: 20px auto;
    border: 1px solid;
    border-color: #b7afa3;
    background-color: #eae1d4;
    position: relative;
}

    .infobillsection .titleinfobill {
        width: 140px;
        padding: 5px 15px;
        font-weight: bold;
        box-sizing: border-box;
    }

        .infobillsection .titleinfobill span {
            position: absolute;
            top: 50%;
            margin-top: -13px;
        }

    .infobillsection .tbinfobill {
        width: calc(100% - 140px);
        border-color: #b7afa3;
        background: #fbfae6;
        box-sizing: border-box;
    }

        .infobillsection .tbinfobill .billrow {
            border-bottom: 1px solid;
            border-color: #b7afa3;
            background-color: #fbf8eb;
        }

            .infobillsection .tbinfobill .billrow .columnsContainer {
                border: none;
            }

                .infobillsection .tbinfobill .billrow .columnsContainer .rightColumn, .infobillsection .tbinfobill .billrow .columnsContainer .leftColumn {
                    padding: 0;
                }

            .infobillsection .tbinfobill .billrow:last-child {
                border-bottom: 0;
            }


.bgColorReceip {
    background-color: #5a8c73;
    color: #fff;
    border-color: #5a8c73;
}

    .bgColorReceip .titleinfobill span {
        color: #fff;
    }

.infobillsection .receipBorder {
    border: 0;
}

.infobillsection .tbinfobill .receipRowBorder {
    background-color: #b9f1d4;
    border-color: #56665e;
    color: #000;
}

.checklist {
    max-width: 700px;
    border: 2px solid #efefef;
    color: #074788;
    margin: 60px auto 0px;
    position: relative;
}

.checklistIcon {
    background: #f7f7f7 url(Images/checklist.png) no-repeat center center;
    width: 100px;
    height: 100px;
    background-size: 60px;
    border-radius: 50px;
    margin: 0 auto;
    box-shadow: 0 0 0 3px #fff;
    border: 2px solid #efefef;
}

.checklistIconContainer {
    position: absolute;
    text-align: center;
    right: 0px;
    left: 0px;
    top: -57px;
}

.grayFixedPart {
    background: #f7f7f7;
    padding: 45px 10px 20px;
}

.changeablePart {
    border-top: 2px solid #efefef;
    padding: 20px 10px;
}

.descriptionList {
    padding: 0 0px 20px;
    font-weight: 500;
}

.checklist .leftColumn {
    padding-bottom: 10px;
}

.checklist li {
    list-style: none;
}

.grdInvoiceDesDesktop {
    display: inline-block;
}

.grdInvoiceDesScreen {
    display: none;
}

.MBLogo {
    background: url(images/MobileBank.png) center 5px no-repeat;
    background-size: auto 210px;
    padding: 210px 10px 10px;
    max-width: 700px;
    margin: 0px auto 10px;
}

.FillForm .MBLogo {
    padding: 0px;
    max-width: 100%;
    margin: 0px;
    background-size: auto 90%;
}

.noteBookSourceBalance {
    border: 0;
}

.imgBanktb, .imgOwn, .imgtdRight, .imgtdLeft {
    position: absolute;
    border-width: 0px;
}

.imgtdLeft {
    width: 16px;
    top: 50%;
    margin-top: -10px;
}

.child .dtr-data .imgtdLeft {
    left: -10px;
    top: 50%;
    margin-top: -10px;
}

.imgtdRight.icon {
    top: -2px;
}

.imgBanktb, .imgOwn, .tblImg {
    height: 20px;
    width: 20px;
}

.imgClock {
    width: 23px;
    height: 23px;
}

.imgBanktb[src=""] {
    display: none;
}

.EditInsideRow fieldset legend, .confirmFormContainer fieldset legend {
    display: none;
}

.EditInsideRow fieldset, .confirmFormContainer fieldset {
    background: 0;
    border: 0;
    margin: 0px;
}

.confirmFormContainer fieldset {
    height: 0;
}

table.responsiveGrid > tbody > tr > td.EditInsideRow {
    padding: 0px !important;
}

.EditInsideRow > div {
    background: #f3fff9;
    border-top: 2px solid #00965f;
    position: relative;
}

    .EditInsideRow > div::after {
        content: '';
        position: absolute;
        top: 0%;
        border-width: 7px;
        border-style: solid;
        border-color: #00965f transparent transparent;
        color: #FFF;
        right: 50%;
    }

.EditInsideRow .fieldset {
    position: relative;
    padding: 30px 20px;
    border-top: 1px solid #ccc;
    margin-top: 35px;
    text-align: center;
}

    .EditInsideRow .fieldset .fieldset-title {
        position: absolute;
        top: -12px;
        background-color: #f3fff9;
        padding: 0 10px;
        color: #888;
        font-weight: 500;
        vertical-align: 3px;
        line-height: 23px;
    }

    .EditInsideRow .fieldset p {
        display: block;
    }

    .EditInsideRow .fieldset .btnAccept {
        display: inline-block;
        margin: 0;
        margin-top: 18px;
    }

.EditInsideRow .close-window-row button {
    width: 23px !important;
    padding: 0;
    height: 23px;
    border-radius: 50%;
    background-position: center;
    margin: 10px !important;
    position: absolute;
    top: -3px;
}

table.responsiveGrid tbody td.GridDes .HaveIconContainer {
    padding: 0px 24px 6px 24px !important;
}

.tdHaveIcon, table.responsiveGrid tbody td .HaveIconContainer {
    padding: 5px 24px !important;
    position: relative;
    min-height: 20px;
}

.tblActionCompacted {
    position: relative;
}

.ActionCompacted {
    min-width: 70px !important;
    max-width: 70px !important;
}

.tblActionPopup {
    position: absolute;
    top: -6px;
    padding: 0px;
    box-shadow: 0 0 5px 2px #666;
    background: #fff;
    z-index: 1;
    display: none;
}

    .tblActionPopup > a, .tblActionPopup > input {
        vertical-align: top;
        display: inline-block;
        width: 52px;
        border-left: 1px solid #ddd !important;
        margin: 0 -1px;
        padding: 30px 3px 4px;
        background-position: center 7px;
        font-size: 11px;
        line-height: 11px;
        color: #6f6f6f;
        white-space: normal;
    }

    .tblActionPopup .icon {
        padding: 8px 3px 2px;
    }

        .tblActionPopup .icon:before {
            display: block;
            padding-bottom: 8px;
        }

    .tblActionPopup a[disabled="disabled"], .tblActionPopup input[disabled="disabled"] {
        opacity: 0.4;
    }

    .tblActionPopup > a:last-child, .tblActionPopup input:last-child {
        border-left-width: 0px !important;
    }

    .tblActionPopup > .md-tdActionPopu {
        width: 80px;
    }

.tblActionshowbtn {
    cursor: pointer;
    width: 22px;
    height: 22px;
    background-size: 16px 16px;
    font-size: 10px;
}

.Inactive {
    opacity: 0.5;
}

.SpecialConfirmation_nav table {
    display: block;
    background: #eae7c8;
}

.SpecialConfirmation_nav tr, .SpecialConfirmation_nav td {
    display: inline-block;
}

.SpecialConfirmation_nav > a {
    display: none;
}

.SpecialConfirmation_nav td a {
    display: inline-block;
    color: #e4d87e !important;
    background: #97860e;
    padding: 0 10px;
}

.SpecialConfirmation_nav a.ActiveLink {
    color: #fffac9 !important;
    background: #bda80c;
}

.SpecialConfirmation_nav td.ActiveIthem ~ td a {
    color: #a09d7a !important;
    background: 0;
}

.SpecialConfirmation_nav td:empty {
    width: 0 !important;
}

.SpecialConfirmationContainer .part_caption b {
    margin: 10px 0 -13px 0;
    display: inline-block;
    background: #fffded;
}

.SpecialConfirmationContainer .part_caption hr {
    margin-top: 0;
}

.SpecialConfirmation-BankImgContainer .icon:before {
    color: #5d5200 !important;
    margin: 10px;
    padding: 10px;
    display: inline-block;
}

.SpecialConfirmationContainer .part_caption b .checkBox {
    margin-bottom: 0;
}

.SpecialConfirmationContainer .checkBox label:after, .bank-form .checkBox label:after {
    top: 4px;
}

.SpecialConfirmation input {
    line-height: 100%;
}

.SpecialConfirmation .CalenderlineSyle * {
    line-height: 180%;
}

.SpecialConfirmation .tblIthemSeleced, .SpecialConfirmation .tblIthemSeleced tbody {
    display: inline-block;
}

    .SpecialConfirmation .tblIthemSeleced tr {
        display: inline-block;
        min-height: 23px;
        line-height: 23px;
        border: 1px solid #d4d09f;
        background: rgba(234,231,200,0.5) !important;
        border-radius: 10px;
        padding: 2px 7px 0;
        margin: 2px 5px;
    }

    .SpecialConfirmation .tblIthemSeleced td {
        display: inline-block;
    }

    .SpecialConfirmation .tblIthemSeleced .tblIthemSelecedContents {
        padding: 0 10px;
    }

.SpecialConfirmation .StaticValue {
    background: rgba(234,231,200,0.5) !important;
    border-radius: 10px;
    line-height: 190%;
    padding: 0 15px;
    min-width: 80px;
    margin: 0 5px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    color: #56532f;
}

.xl-MultiLine {
    max-width: 550px;
    min-width: 550px !important;
    max-height: 25px;
}

.SpecialConfirmation input.StaticValue {
    min-height: 23px;
    line-height: 23px;
    border-color: #d4d09f !important;
}

.SpecialConfirmation .list_table td {
    vertical-align: top;
}

    .SpecialConfirmation .list_table td .checkBox label:after {
        top: 1px;
    }

.ChequeDetailsContainer, .SpecialConfirmationContainer {
    margin: 10px auto 20px;
    box-shadow: 0 0 10px 0 #999;
    background: url(images/2.png) repeat;
    border: 1px solid #d4d1bd;
}

.ChequeDetailsContainer {
    max-width: 600px;
}

.ChequeDetails, .SpecialConfirmation {
    background: rgba(255, 253, 233, 0.8);
    padding: 15px 15px 20px;
}

    .ChequeDetails * {
        word-wrap: break-word;
    }

.SpecialConfirmation {
    line-height: 230%;
    color: #403903;
}

    .SpecialConfirmation ul {
        list-style: none;
    }

    .SpecialConfirmation .paging {
        background: #f1ebbe;
        display: inline-block;
        padding: 3px 21px 2px;
        border-radius: 20px;
        margin-top: 12px;
    }

    .SpecialConfirmation hr {
        border-top: 1px solid #cac6a7;
    }

.ReceiptDetaile {
    padding: 18px;
    background: #eefff6;
    border: 1px solid #dcf1e5;
    color: #335041;
    margin-bottom: 15px;
}

.drpHourReminder {
    width: 60px;
    vertical-align: bottom;
    margin-bottom: 6px;
}

    .drpHourReminder option {
        padding: 3px 5px;
    }

.ChequeLable, .Confirmation_Lable {
    font-size: 11px;
    color: #7b732f;
}

.ChequeBank, .SpecialConfirmation_Bank {
    text-align: center;
}

.ChequeBankImg, .SpecialConfirmation_BankImg {
    width: 40px;
}

.ChequeBankName, .SpecialConfirmation_BankName {
    display: block;
    font-size: 15px;
    color: #6b6009;
}

.ChequeBankImgContainer, .SpecialConfirmation_BankImgContainer {
    margin: 0 auto;
}

.AmountToNumber {
    background: #fff;
    background-size: 3px;
    border-radius: 20px;
    padding: 5px 20px;
    border: 1px solid #d8d4b2;
    text-align: left;
    min-width: 170px;
}

.ChequeValue {
    min-width: 120px;
    display: inline;
    padding: 0px 10px;
    min-height: 20px;
    line-height: 18px;
}

    .ChequeValue:empty {
        background: url(images/MoreIndicator.png) repeat-x center center;
        background-size: 3px;
        display: inline-block;
        vertical-align: middle;
    }


.bank-form .succulent {
    background: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    width: 70px;
    height: 100px;
    display: inline-block;
    padding: 24px 10px;
    text-align: center;
}

.bank-form .header-1 {
    border-radius: 5px;
    border: 1px solid #999;
    background: #959595;
    color: #fff;
    font-size: 16px;
    padding: 5px 5px 3px;
    margin: 5px auto;
}

.bank-form .tbl-form td {
    border: 1px solid #ddd;
    padding: 5px;
    line-height: 200%;
}

.bank-form .header-2 {
    background: #fdedb0;
    text-align: center;
    color: #524100;
    font-weight: bold;
    font-size: 12px;
}

.bank-form .header-3 {
    background: #eee;
    text-align: center;
    font-weight: bold;
}

.bank-form .header-4 {
    background: #ccc;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.bank-form .Signature {
    background: #fafafa;
    margin: 10px -5px -5px;
    text-align: right;
    padding: 7px 15px;
    border-top: 1px solid #f0f0f0;
    color: #555;
}

.bank-form ol {
    padding: 10px 20px 10px 0;
}

    .bank-form ol li {
        list-style-position: outside;
        list-style-type: decimal;
    }

.bank-form .StaticValue {
    background: #FaFaFa;
    border-radius: 10px;
    line-height: 190%;
    padding: 0 15px;
    min-width: 150px;
    margin: 0 5px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    min-height: 24px;
    vertical-align: middle;
    border: 1px solid #eaeaea;
    word-break: break-word;
}

.bank-form .checkBox input[disabled="disabled"][type$="checkbox"] + label {
    color: inherit;
}

.disabledIteme {
    border: 1px solid #d2d2d2;
    background-color: #e4e4e4;
    color: #969696 !important;
}

.USSDcolumnsContainer {
    padding: 0;
    display: inline-block;
    vertical-align: top;
    direction: ltr;
}

.backdroupPanel {
    position: relative;
}

.backdroupStyle {
    display: none;
}

.backdroupPanel .backdroupStyle {
    display: block;
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: 0;
    top: 0;
    background-color: rgba(153, 153, 153, .3);
    z-index: 100;
}

.dateWidth {
    width: 190px;
}

.btnIcon {
    padding: 5px 7px 3px;
    margin: 1px;
    display: inline-block;
}

.greenIcon {
    background: #00965f;
    color: #fff !important;
}

.blueIcon {
    background: #0060f8;
    color: #fff !important;
}

.operator1, .operator2, .operator3, .operator4 {
    box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.8);
    border: 1px solid #333;
    background-size: 100% auto !important;
    width: 200px;
    height: 142px;
    position: absolute;
    top: 0px;
}

.operator1 {
    background: #49c4cc url(images/Operator/1.png) no-repeat center center;
    border-color: #268b92;
}

.operator2 {
    background: #ffcb09 url(images/Operator/2.png) no-repeat center center;
    border-color: #bf990a;
}

.operator3 {
    background: #992b6b url(images/Operator/3.png) no-repeat center center;
    border-color: #8c2561;
}

.operator4 {
    background: #ff0026 url(images/Operator/4.png) no-repeat center center;
    border-color: #a50019;
}

.NonSignificant {
    display: block !important;
}

    .NonSignificant.inlineBlockElement {
        display: inline-block !important;
    }

.NonSignificant_SP {
    display: inline-block !important;
}

.Significant_SP {
    display: none !important;
}
/*permissions page style*/
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.containerListCollapse {
    max-width: 1000px;
    display: block;
    margin: auto;
    margin-top: 20px;
}

.listCollapse h3 {
    background-color: #303e45;
    color: #fff;
    padding: 11px 15px;
    margin: 0;
}

.listCollapse ul {
    list-style: none;
}

    .listCollapse ul .mainList {
        border: 1px solid #ddd;
        border-top: 0;
        padding: 0 15px;
        direction: rtl;
        background-color: #f7f7f7;
        position: relative;
        cursor: pointer;
    }


        .listCollapse ul .mainList .infoFirstView .detailsInfo span {
            padding-left: 5px;
            color: #838383;
            font-size: 14px;
        }



        .listCollapse ul .mainList .openList {
            width: 23px;
            float: left;
            padding: 22px 5px;
            cursor: pointer;
        }


        .listCollapse ul .mainList .sublist {
            display: none;
        }

            .listCollapse ul .mainList .sublist .sectionBtn {
                margin: 10px 0;
                text-align: left;
            }

                .listCollapse ul .mainList .sublist .sectionBtn button {
                    margin: 0;
                    width: auto;
                }

.firstInfo .infoFirstView {
    width: calc(100% - 80px);
    float: right;
    padding: 10px;
}

    .firstInfo .infoFirstView label {
        font-size: 14px;
        padding-bottom: 3px;
        display: inline-block;
        font-weight: 500;
    }

.firstInfo .logoList {
    height: 58px;
    float: right;
    display: block;
    padding: 8px 0;
}

.rowList {
    background-color: #fff;
}

    .rowList .titleSubList {
        width: 200px;
        float: right;
        padding: 15px 8px;
        text-align: left;
        color: #676767;
        font-size: 14px;
    }

        .rowList .titleSubList img {
            width: 80px !important;
            height: auto;
        }

        .rowList .titleSubList .infoFirstView {
            text-align: right;
            padding-top: 30px;
        }

            .rowList .titleSubList .infoFirstView label {
                font-size: 16px;
            }

    .rowList .detailSubList {
        width: calc(100% - 200px);
        float: left;
        padding: 15px 8px;
        font-weight: bold;
        font-size: 13px;
    }

        .rowList .detailSubList h5 {
            font-size: 14px;
            margin-top: 0;
        }

        .rowList .detailSubList span {
            padding: 3px;
            font-size: 14px;
            direction: rtl;
            font-weight: 300;
            display: inline-block;
            color: #838383;
        }

        .rowList .detailSubList h5 img {
            width: 20px;
            vertical-align: middle;
            padding-left: 5px;
        }

        .rowList .detailSubList .listToList {
            border-bottom: 1px dashed #ddd;
            margin-bottom: 5px;
        }

            .rowList .detailSubList .listToList:last-child {
                border-bottom: none;
                margin-bottom: 0px;
            }

            .rowList .detailSubList .listToList ul {
                list-style: none;
            }

            .rowList .detailSubList .listToList li {
                padding: 3px;
                font-size: 12px;
                direction: rtl;
                font-weight: normal;
            }


.modalDel {
    border-radius: 0;
    border: 1px solid #ddd;
    background: #eee;
    background-color: white;
    box-shadow: 0 5px 15px rgba(0,0,0,.3);
    width: 350px;
    margin: 0 auto;
    position: absolute;
    z-index: 100000;
    right: 50%;
    margin-right: -175px;
    top: 22%;
    height: 116px;
    display: none;
}

    .modalDel .modalHead {
        text-align: left;
    }

        .modalDel .modalHead button {
            border: 0;
            background-color: transparent;
            color: #7b7b7b;
            padding: 5px 10px;
            font-size: 16px;
            cursor: pointer;
            outline-color: transparent !important;
        }

    .modalDel .modalBody {
        text-align: center;
    }

        .modalDel .modalBody p {
            color: #3c464a;
            font-size: 13px;
            font-weight: bold;
            padding-bottom: 8px;
        }

    .modalDel .modalFooter {
        text-align: center;
    }

        .modalDel .modalFooter a {
            width: 110px;
            cursor: pointer;
        }

.rotateCss {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

.acceptBox .bodyAcceptBox {
    border: 1px solid #ddd;
}


.bodyAcceptBox .rowList .titleSubList {
    width: 300px;
}

.bodyAcceptBox .rowList .detailSubList {
    width: calc(100% - 300px);
}

.bodyAcceptBox .rowList .titleSubList .infoFirstView span {
    font-size: 12px;
    font-weight: bold;
}

.bodyAcceptBox p {
    font-size: 14px;
    padding: 15px;
}


.bodyAcceptBox .Style_Center {
    padding: 10px;
}

.connectionPic {
    width: 15px;
    float: left;
}

/********************************************/
.Vertical_Tab {
    width: 100%;
}

.RadioButton_Tab input[type="radio"], .RadioButton_Tab input[type="radio"]:checked {
    visibility: hidden;
    height: 0;
    width: 0;
    position: absolute;
}

.Vertical_Tab.RadioButton_Tab input[type="radio"] + label {
    width: 100%;
    margin: 0 0 3px;
    padding: 6px 5px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #364045;
    background: #FFF;
    text-align: center;
    color: #364045;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 22px;
}

.Vertical_Tab.RadioButton_Tab input[type="radio"]:checked + label {
    position: relative;
    border: 4px solid #2b373e;
    padding: 3px 5px;
    background: #303e45 !important;
    color: #FFF;
}

.Vertical_Tab_content {
    padding: 30px 10px;
    background: #fafafa;
    margin: -2px 1px 5px;
    border: 1px solid #f0f0f0;
    vertical-align: middle;
}

    .Vertical_Tab_content .form-group {
        min-width: 200px;
    }

.Vertical_Tab.RadioButton_Tab input[type="radio"]:checked + label::after {
    content: '';
    position: absolute;
    top: 100%;
    border-width: 10px;
    border-style: solid;
    color: #FFF;
}

.DetailResultBox {
    margin: 20px 0px;
    background-color: #FFF;
    border: 1px solid #96a3a9;
}

    .DetailResultBox .ibanResultTitle {
        min-height: 30px;
        padding: 0 15px;
        font-size: inherit;
        line-height: 30px;
    }

    .DetailResultBox .ibanResultContainer {
        font-size: inherit;
        line-height: 30px;
        padding: 5px 15px;
    }

.VersionItem {
    border: solid 1px #f8f8f8;
    background: #f2f2f2;
    position: relative;
    margin: 55px 50px 0px;
    min-height: 70px;
}

.VersionHeader {
    display: inline-block;
    width: 90px;
    height: 90px;
    min-height: 40px;
    margin: auto;
    padding: 2px;
    font-size: 15px;
    border-radius: 50%;
    box-shadow: 0 0 3px 0px #999;
    position: absolute;
    top: -50px;
    line-height: 90px;
    background: #fafafa;
    z-index: 1;
    text-align: center;
}

.VersionBody ul {
    margin: 5px 30px;
}

    .VersionBody ul li {
        list-style: none;
        padding: 5px 0;
    }

.details-btn {
    background-color: #5bc0de;
    padding: 5px 10px;
    border: none;
    color: #fff !important;
    border-radius: 3px;
    font-size: 10px;
    display: inline-block;
}

.addNewItem {
    text-align: center;
    background: #f3fff9;
    border-top: 2px solid #00965f;
    position: relative;
}

    .addNewItem td {
        position: relative;
    }

        .addNewItem td:after {
            content: '';
            position: absolute;
            top: 0%;
            border-width: 7px;
            border-style: solid;
            border-color: #00965f transparent transparent;
            color: #FFF;
        }

    .addNewItem span {
        padding: 10px;
    }


/************************start style read more************************/
.read-more {
    text-align: center;
    margin: 45px -10px;
    margin-top: 0;
    background-color: #f5f5f5;
    padding: 8px;
    border: 1px solid #eee;
}

    .read-more label {
        display: block;
        padding: 10px 0;
        margin-bottom: 8px;
        color: #888;
        font-size: 12px;
        font-weight: 500;
        position: relative;
        padding-bottom: 15px;
    }

        .read-more label:after {
            content: '';
            width: 100%;
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(187, 187, 187, 0.75), rgba(0, 0, 0, 0));
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }


    .read-more .btn {
        border: 1px solid #eee;
        padding: 5px 15px;
        background-color: #fff;
        position: absolute;
        bottom: -23px;
        left: 50%;
        margin-left: -62px;
        border-radius: 3px;
        color: #888;
        display: none;
    }

        .read-more .btn b:before {
            font-weight: bold !important;
        }

    .read-more .content-more {
        position: relative;
    }

        .read-more .content-more a {
            display: inline-block;
            padding: 11px;
        }

            .read-more .content-more a img {
                width: 32px;
            }

    /*zamane load shodan vaghti bishtar az 7 logo bashad----readmore*/
    .read-more.active-read-more .content-more {
        margin-bottom: 15px;
    }

    .read-more.active-read-more .btn {
        display: inline-block;
    }
/************************end style read more************************/

.smallSize {
    width: 15pt;
    height: 15pt;
}

.emailTooltip {
    width: 325px;
}

.HaveIconContainer .ib-pin-regular {
    margin-top: -15px;
}

.tbl-chil-list {
    margin: 20px 5px 0px;
    border: 1px solid #ddd;
    background: #fff;
}

    .tbl-chil-list li {
        padding: 10px 15px;
        display: block;
    }

        .tbl-chil-list li:first-child {
            padding-top: 15px;
        }

        .tbl-chil-list li.caption {
            background: #f1f1f1;
            font-weight: 500;
            padding: 7px 15px;
        }

            .tbl-chil-list li.caption i {
                font-weight: normal;
            }

        .tbl-chil-list li:not(.caption):not(:last-child) {
            border-bottom: 1px dashed #ccc;
        }

        .tbl-chil-list li.caption_status {
            padding: 0;
            font-size: 10px;
        }


            .tbl-chil-list li.caption_status div {
                display: inline-block;
                padding: 2px 10px;
                color: #fff;
                border-radius: 0 0 11px 0;
                background: #777;
            }

            .tbl-chil-list li.caption_status.main div {
                background: #5bc0de;
            }

.CardQRIcon {
    background: url(images/qr-code.svg) no-repeat center 5px !important;
    background-size: 18px !important;
}

.otpPass {
    vertical-align: top;
}

    .otpPass .btnCommon {
        margin: 0;
        width: 102px;
        padding: 0 0px;
    }

        .otpPass .btnCommon:not(:disabled):hover {
            background: #fff8df;
        }

        .otpPass .btnCommon:disabled {
            font-size: 10px;
            padding: 2px 0 0;
        }

.ViewAssets {
    background: #fff4c7;
    margin: 3px 0;
    color: #8e7100 !important;
    border: 1px solid #d4bd64;
}

.m-btn {
    min-width: 100px;
}

.info_btn_Containe {
    min-width: 120px !important;
}

.highlightInfo {
    background: rgba(189, 171, 95, 0.4);
}

.Guide-Containe .hide-List {
    display: none;
    margin: 10px;
    padding: 10px 20px;
}

.Guide-Containe .img-Containe {
    margin: 20px 0 30px;
}

/********************drodown searchable********************/
.select2-container {
    width: 204px;
}

    .select2-container .select2-choice {
        border: 1px solid #d4d4d4;
        border-radius: 0;
        padding: 0 5px;
        box-shadow: none;
        background-image: none;
        background-color: #fff;
    }

        .select2-container .select2-choice .select2-arrow {
            right: inherit;
            left: 0;
            background: transparent;
            border: 0;
        }

            .select2-container .select2-choice .select2-arrow b {
                background-size: 8px 8px;
                background-position: center;
            }

        .select2-container .select2-choice > .select2-chosen {
            margin-right: 0;
            margin-left: 26px;
            color: #333;
        }



.select2-search input {
    direction: rtl;
    padding: 4px 5px 4px 5px;
    font-family: IRANSans_FaNum,Tahoma;
    font-size: 13px;
}

.select2-dropdown-open .select2-choice {
    border-radius: 0;
    padding: 0 5px;
}

.select2-drop-active {
    border: 1px solid #d4d4d4;
}

.select2-results {
    direction: rtl;
    font-size: 13px;
}

    .select2-results .select2-no-results, .select2-results .select2-searching {
        padding: 5px;
    }

.disabledContainer {
    color: #888;
}

.control-watch {
    display: inline-block;
    background: #fff;
    border: 1px solid #d4d4d4;
    vertical-align: middle;
}

.InvoiceSearchDisabled .control-watch {
    border-color: #d8d4d4 !important;
    background-color: #eaeaea;
}

.control-watch input {
    border: none;
    width: 40px;
    text-align: center;
    min-height: 25px;
    direction: ltr;
}

.control-watch * {
    line-height: 24px;
}
/************************end style drodown searchable************************/

/********************Self Declaration Page********************/
.self-declaration-page .lable-form {
    width: 300px;
    padding-top: 5px;
    display: inline-block;
}

.self-declaration-page .lable-phonenumber {
    width: 204px;
    padding-top: 5px;
    text-align: center;
    display: inline-block;
    background-color: #eee;
    padding: 5px;
    font-weight: bold;
    letter-spacing: 1px;
}

.self-declaration-page .ibanbtnContainer {
    display: inline-block;
    width: 120px;
}

    .self-declaration-page .ibanbtnContainer .ibanbtnBox {
        width: 100%;
    }

.self-declaration-page .send-otp {
    width: 204px;
    display: inline-block;
    text-align: center;
    position: relative;
    height: 50px;
}

    .self-declaration-page .send-otp .basicValidationContainer {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
    }

.self-declaration-page .btnSendCardOtp {
    margin-top: 0px;
    width: 120px;
    background-color: #009146;
    color: #fff;
    margin: 0;
    height: 27px;
    font-size: 12px;
    border: 0;
}

    .self-declaration-page .btnSendCardOtp:disabled {
        background-color: #70b296;
        border-color: #70b296;
    }

.self-declaration-page .ibanbtnBox {
    border: none;
}

    .self-declaration-page .ibanbtnBox .greenLink {
        border: 1px solid #007147;
        height: 27px;
    }

        .self-declaration-page .ibanbtnBox .greenLink:disabled {
            background-color: #EEE;
            color: #999;
            border-color: #CCC;
        }

.self-declaration-page .acceptOtp .accept-checked {
    display: inline-block !important;
}

.self-declaration-page .rejectOtp .reject-checked {
    display: inline-block !important;
}

.self-declaration-page svg {
    width: 23px;
    vertical-align: middle;
    height: 25px;
    padding: 2px;
}


.self-declaration-page .acceptOtp span {
    font-weight: bold;
    color: #009146;
}

.self-declaration-page .rejectOtp span {
    font-weight: bold;
    color: #e15344;
}

.select-pincode span {
    display: inline-block;
    margin: 8px 0 0 0;
}

.select-pincode table {
    margin: auto;
    margin-bottom: 8px;
}

    .select-pincode table input[type="radio"] {
        vertical-align: middle;
    }

        .select-pincode table input[type="radio"]:focus {
            box-shadow: none;
        }


.bgRowColorLoanRequest {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    border-radius: 50%;
}

@media only screen and (max-width:400px) {
    .self-declaration-page .lable-phonenumber {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .self-declaration-page .ibanbtnContainer {
        width: 100%;
        margin: 0;
    }

    .self-declaration-page .send-otp {
        width: 100%;
        margin-bottom: 10px !important;
    }

        .self-declaration-page .send-otp input {
            width: 100%;
        }

    .self-declaration-page .btnSendCardOtp {
        width: 100%;
    }

    .self-declaration-page .acceptOtp {
        text-align: center;
    }

    .self-declaration-page .rejectOtp {
        text-align: center;
    }
}
/********************End Style********************/


/************************OTP Sed PopUp ************************/
.btnSendOTP {
    position: relative;
    top: 2px;
    width: auto;
    border: 1px solid #fff;
    padding: 10px 15px;
}

    .btnSendOTP:hover, .btnSendOTP:focus {
        border: 1px solid #efc319;
    }

    .btnSendOTP:before {
        font-size: 13px !important;
        width: auto;
        font-family: IRANSans_FaNum,Tahoma;
        vertical-align: middle;
        position: relative;
        top: -8px;
    }

#otpPopUpDiv.PopupCenterContainerFix {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow-y: auto;
    height: auto;
    z-index: 300000;
    background-color: rgba(78, 78, 80, 0.43);
    cursor: default;
}

    #otpPopUpDiv.PopupCenterContainerFix::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    #otpPopUpDiv.PopupCenterContainerFix::-webkit-scrollbar-track {
        background: #444;
    }

    #otpPopUpDiv.PopupCenterContainerFix::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 20px;
        border: #999 1px solid;
    }

.otpSendPopUp.PopUpForm #otpDiv::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.otpSendPopUp.PopUpForm #otpDiv .NoteBookUCPopup.NoteBookUCTowColumn {
    margin-bottom: 20px;
}

.otpSendPopUp.PopUpForm {
    max-width: 405px;
    color: #333;
}

#otpPopUpDiv .btnSmalContainer .btnAccept, #otpPopUpDiv .btnSmalContainer .btnCancel {
    display: inline-block;
    margin: 8px 8px !important;
    float: none !important;
    vertical-align: middle;
    padding: 5px;
    color: #fff;
    width: 110px !important;
}
/************************end style OTP************************/
.amountContainer .control-label {
    max-width: 150px;
}

    .amountContainer .control-label ~ div {
        max-width: 200px;
        max-height: 27px;
    }

.amountContainer .form-group {
    max-width: 400px;
}

.shebaMaskContainer .notebookDepositSelect .NoteBookTextBoxParent.shebaSelector input {
    width: 232px !important;
}

.inputMask {
    position: absolute;
    border: 0 !important;
    width: 230px !important;
    min-height: 25px !important;
    top: 1px;
    direction: ltr;
    text-align: left;
    padding-top: 3px;
    height: 24px;
    z-index: 2;
    height: 25px !important;
}

#hidSheba {
    width: 99px !important;
    height: 5px !important;
    border: 0 !important;
    color: #fff;
    font-size: 0px;
    min-height: 12px !important;
    position: absolute;
    top: 0;
    z-index: -1;
}

.copyText {
    width: 90px;
    height: 23px;
    line-height: 15px;
    color: #007147;
    border: 1px solid #007147;
    background: #fff;
    border-radius: 2px;
    margin: 0 3px;
}

    .copyText:hover, .copyText:focus {
        color: #fff;
        border-color: #007147;
        background: #32ab7e;
    }

.txtShebatMask {
    display: inline-block;
    position: relative;
    z-index: 2;
    display: inline-block !important;
    vertical-align: middle;
}

.shebaResultContainer {
    display: inline-block !important;
}

.btnEraser {
    background: url(images/NoteBook/Eraser.png) center center no-repeat;
    background-size: 20px auto;
    width: 30px;
    height: 26px;
    border: 1px solid #d4d4d4;
    margin: 0 1px;
    vertical-align: middle;
}

.btnCommonContainer {
    margin-top: 5px;
}

@media(max-width:2000px) {
    .ConfirmationContainer, .tbContainer, .ResultContainer {
        margin: 0 auto 10px !important;
        display: block;
        width: 100%;
    }

    .gridAlignCenter {
        text-align: center;
    }

    .completeColumn {
        clear: both;
    }
}

@media(min-width:1320px) and (max-width:1680px) {
    .hamyariFormRequest .insuranceInput {
        width: 600px;
    }
}

@media(max-width:1251px) {
    .NewPassInfo:before {
        display: none;
    }

    .hideDescription {
        display: none;
    }

    .showDescription {
        display: inline-block;
    }

    .MemoDataMoreBtn {
        display: inline;
    }

    .grdInvoiceDesDesktop {
        display: none;
    }

    .grdInvoiceDesScreen {
        display: inline-block;
    }

    .ibanBox {
        width: 200px;
    }

    .R_1_3, .R_1_4, .L_2_3, .L_3_4, .C_1_2, .C_1_3, .C_2_3, .R_1_2, .L_1_2, .C_1_1, .R_1_5, .L_4_5 {
        width: 100%;
    }


    .keyBoardTooltipContainer .DynamicPosition {
        top: -188px !important;
    }

    .NewPassInfo {
        top: 4px;
    }

    #NewPassInfoUl {
        box-shadow: 0 0 10px #444;
    }

    .IntroductionCardThirdPassword, .showSetCardThirdPassword {
        background-size: auto 70px !important;
    }

    .MBLogo .Text_Description {
        background: rgba(255, 255, 255, 0.7);
    }

    .ConfirmationGrid .Text_Description {
        padding-right: 10px;
    }

    .MessageContainerctrlTwoFactor {
        margin: 0 auto;
        text-align: center;
    }

    .popup_info_Container {
        text-align: center;
        display: block;
    }

    .popup_info {
        right: auto;
    }

    .operator1, .operator2, .operator3, .operator4 {
        width: 130px;
        height: 92px;
    }
}

@media screen and (max-width:1024px) {
    .ibanResultContainer {
        font-size: 11px;
    }

    .ibanAccountStatusResult span {
        font-size: 11px !important;
    }

    .MainPartContainer {
        margin: 0;
    }

    .ibanBox {
        width: 175px;
    }

    .ibanHeaderContainer {
        font-size: 9px;
    }

    .ibanResultTitle {
        font-size: 11px;
    }

    .containerBookMark .leftColumn50, .containerBookMark .rightColumn50 {
        min-width: 48%;
    }

    .containerBookMark .SearchPageStyle .leftColumn {
        width: 100%;
    }

    .newNoteBookSecureKeyboard {
        top: 5px !important;
    }
}

@media only screen and (max-width:900px) {
    .IbanInfo {
        position: relative !important;
    }

    #layout {
        min-width: 80%;
        width: 100%;
    }

    .MainContent {
        width: 100%;
    }

    .MainContent, .MainContent_Rudimentar {
        min-height: 600px;
        margin: 65px 0 5px;
        padding: 0;
    }

    .innerFooterRight {
        min-width: 280px;
        padding: 5px 0 0;
    }

    .innerFooterLeft {
        padding: 0;
        min-width: 280px;
    }

    .headerPosition {
        position: absolute !important;
    }

    .firstHeader {
        position: fixed !important;
        top: -1px;
    }

    .HeaderMenuItem {
        padding: 0px 2px 0px;
        margin: 1px 4px 0px;
    }

    .HeaderMenuTextItem {
        padding: 15px 0 0;
    }

    .NotificationNumber {
        top: 7px;
        left: 15px;
    }

    .PopupMenu {
        position: fixed;
        z-index: 100000;
    }

    .pure-menu-link {
        position: absolute;
        top: 0;
        display: block;
    }

    .SearchPageStyle .leftColumn50, .SearchPageStyle .rightColumn50 {
        width: 98%;
    }

    .SearchPageStyle .rightColumn {
        width: 150px;
    }

    .SearchPageStyle .leftColumn50 .leftColumn, .SearchPageStyle .rightColumn50 .leftColumn {
        width: auto;
    }

    .SearchPageStyleOneColumn .leftColumn50 .leftColumn, .SearchPageStyleOneColumn .rightColumn50 .leftColumn {
        width: auto;
    }

    .SearchPageStyleOneColumn .rightColumn50 {
        width: 100%;
        min-width: 0;
    }

    .SearchPageStyleOneColumn .btnContainer {
        width: 100%;
    }

    fieldset {
        padding: 5px 10px;
    }

    .Tab_Style {
        text-align: center;
        border-bottom: 1px solid #CCC;
    }

        .Tab_Style li {
            width: 100%;
            display: inline-block;
        }

        .Tab_Style a {
            width: 100%;
            position: static;
            box-sizing: border-box;
            border-width: 1px 1px 0;
            border-color: #CCC;
            border-style: solid;
            padding: 7px 15px;
        }

            .Tab_Style a.active {
                border-width: 2px 1px 1px !important;
                padding: 6px 15px 7px;
            }

    .TabFormContainer {
        border-width: 0 1px 1px;
    }

    .TwoRowTableIntelligence .leftColumn50, .TwoRowTableIntelligence .rightColumn50 {
        width: 100% !important;
        border-bottom: 1px solid #bdd5d8;
    }

    .TwoRowTableIntelligence, .TableIntelligence, .TwoRowTableIntelligence .leftColumn50 {
        border-bottom-width: 0;
    }

        .TwoRowTableIntelligence .Style_OnColomn, .TableIntelligence .Style_OnColomn {
            min-height: 40px;
        }

    .DetailedDescription, .PopupCenterContainer {
        margin: 10px auto 0;
    }

    .pupupContainer .DynamicPosition {
        top: -20px;
    }

    .divUpdateCardDepositBook .pupupContainer .DynamicPosition {
        top: -35px;
    }

    .welcomeShortcut a {
        width: 80px;
        height: 80px;
    }

    .welcomeShortcut {
        margin: 0 5px 5px;
        min-width: 120px;
    }
    .new-widget::after {
        right: -3px;
        top: 10px;
    }

    .ViewTransferLimit .columnsContainer div {
        padding: 8px 10px;
    }

    .GridWidth {
        width: 90%;
        margin: 0 auto;
    }

    .compactFormStyle .btnContainer .Style_Center {
        width: 100%;
        text-align: center;
    }

    .Satchel .SatchelDescription {
        height: 40px;
    }

    .ConfirmationTextStyle .Style_Center {
        font-weight: bold;
        line-height: 300%;
        text-align: center;
        margin: 0 auto;
    }

    #divUserLoginType {
        display: none;
    }

    .welcomeInfo {
        margin: 0 10px 20px;
    }

    .wrongLogin {
        width: 100%;
        margin: 0 !important;
    }

    #divUserName {
        min-width: 300px;
    }

    .welcomeInfo {
        min-width: 300px;
    }

    .welcomeShortcut {
        font-size: 10px;
        min-width: 100px;
        font-weight: 300;
    }

        .welcomeShortcut input {
            width: 80px;
            height: 80px;
        }

    .welcomeShortcut {
        margin: 10px 2px 0 !important;
    }

    .wrongLogin .TitleDashboardIcon, .wrongLogin.TitleDashboardText {
        float: none;
        vertical-align: top;
    }

    .wrongLogin .TitleDashboardPart {
        position: relative;
    }

    .wrongLogin .TitleDashboardText {
        position: absolute;
    }

    .DashboardServicesContainer .DashboardPart {
        width: 100%;
        float: none;
        min-height: 100px;
        margin: 0 0 20px !important;
    }

    .ibanBox {
        width: 250px;
    }

    .msg_JS_disabled, .msg_cookie_disabled {
        top: 20%;
    }

    .browserFirefox, .browserIE, .browserChrome {
        padding: 25px 10px 10px !important;
    }

    .Titel_Form {
        padding-bottom: 10px;
    }

    .form_groupVertical .R_1_5, .Titel_Form {
        color: #666;
    }

    .SimpleCaption .subject_Part {
        display: block !important;
    }

    .TooltipContainer #TooltipMobile, .TooltipSmall {
        width: 220px;
    }

    .Tab_1_2 {
        width: 47%;
        text-align: center;
    }


    .Text_Description {
        padding: 5px 0px !important;
    }

    .notFound {
        background: transparent;
        color: #fff;
    }

    .CardToCardFirstContainer {
        margin-bottom: 50px;
    }

    .fixdMsg, .MainContent_Rudimentar .fixdMsg {
        left: 7px;
        right: 7px;
    }

    .ShowOnlyInPc {
        display: none;
    }

    .FixedIcon-PcText .imgBanktb {
        position: static;
    }

    .tdHaveIcon, table.responsiveGrid tbody td .HaveIconContainer.FixedIcon-PcText {
        padding: 0px 8px !important;
    }

    textarea.bigText {
        width: 100%;
        max-width: 400px;
    }

    .shortcutLink a {
        width: 80px;
        height: 80px;
        padding: 12px 12px;
    }

    .waitting {
        z-index: 10001;
        right: 0px;
        left: 0px;
    }

    .btnSendOTP {
        position: relative;
        top: -2px;
        width: 30px !important;
        height: 30px !important;
        display: block;
        border-radius: 2px;
        padding: 0 !important;
        text-align: center;
        line-height: 11px;
    }

        .btnSendOTP:before {
            font-size: 10px !important;
            top: 2px;
        }


    .amountContainer .control-label,
    .amountContainer .control-label ~ div,
    .amountContainer .form-group {
        max-width: unset;
    }
}

@media(max-width:800px) {
    .ibanBox {
        width: 160px;
    }

    .ibanResultTitle {
        font-size: 10px;
    }

    .containerBookMark .SearchPageStyle .leftColumn {
        width: 100%;
    }

    .subsidiaryDepositBtn {
        display: block;
        position: relative;
        margin: 32px 0px 0px 0px !important;
        width: 228px;
    }

    .xl-MultiLine {
        max-width: 100% !important;
        min-width: 100% !important;
        height: 50px !important;
        max-height: 50px !important;
    }
}

@media(max-width:700px) {
    .self-declaration-page .lable-form {
        width: 100%;
        margin-bottom: 10px;
    }

    .self-declaration-page .lable-phonenumber {
        margin: 0;
    }

    .self-declaration-page .send-otp {
        margin: 0;
    }
}

@media only screen and (max-width:600px) {
    .PasswordInfoContainer {
        display: none;
    }

    html {
        background-color: #FFF;
    }

    .Tab_Style {
        padding-top: 0;
    }

    .CalenderlineSyle input {
        color: #787676;
    }

    #layout, #layout.active1 {
        background-color: #FFF !important;
    }

    #layout {
        min-width: 80%;
        margin-top: 0 !important;
        width: 100%;
    }

    .MainFooter > div {
        text-align: center;
        min-width: 0;
    }

    .FooterMenu ul {
        padding: 0 5px;
    }

    .innerFooterRight {
        width: auto;
    }

    .innerFooterRight, .innerFooterLeft {
        width: 100%;
        text-align: center;
    }

    .FooterMenu {
        text-align: center;
    }

    .GridWidth {
        width: 100%;
    }

    .firstHeader {
        height: 50px;
    }

    .scrollContent {
        top: 50px;
    }

    .header1 {
        margin: 0;
    }

    .MainContent, .MainContent_Rudimentar {
        border-width: 0;
        margin: 53px 0 5px;
    }

    label.menu {
        display: block;
    }

    .SearchPageStyle, .SearchPageStyleOneColumn, .ConfirmationFunction {
        padding: 10px;
    }

        .SearchPageStyleOneColumn .btnContainer {
            padding: 10px 0 3px !important;
            text-align: center;
        }

    .HeaderMenu > ul {
        margin: 5px -22px;
    }

    .HeaderMenuItem .ib-home:before, .HeaderMenuItem .ib-error-exit:before {
        display: none;
    }

    .HeaderMenuItem.HeaderMenuPerson, .HeaderMenuItem.HeaderMenuStting {
        display: inline-block;
    }

    .HeaderMenuItem.HeaderMenuPerson, .HeaderMenuItem.HeaderMenuStting, .HeaderMenuItem.HeaderMenuNotification {
        height: 25px;
        width: 25px;
        background-position: center;
        padding: 0;
        margin: 0 5px;
        background-repeat: no-repeat;
    }

    .HeaderMenuTextItem {
        padding: 7px 0 0;
        width: 0;
    }

    .DynamicPosition {
        position: relative;
        margin: 0;
        top: 0 !important;
    }

    .newNoteBookContainer {
        position: absolute !important;
    }

    .DynamicPosition {
        margin: 0;
        top: 0 !important;
    }

    .PopupInMobile .DynamicPosition {
        position: absolute;
        right: inherit;
        left: 5%;
    }

    .PopupInMobile {
        position: relative !important;
    }

    .pupupContainer {
        position: inherit;
    }

    .AdvancedSearch, .SearchPageStyle .AdvancedSearch {
        display: none;
    }

    .noColor {
        background-color: transparent;
    }

    .Tooltip {
        width: auto !important;
        height: auto !important;
    }

    .divForHelp {
        margin: 5px 0 0 !important;
    }

    .div2 {
        font-size: 12px !important;
    }

    .txtNewCardDepositBookRecordName {
        width: 85%;
    }

    .textDescription {
        word-wrap: break-word;
        min-width: 0;
    }

    .btnRight {
        text-align: center;
        width: 100%;
    }

    .CalenderContainer, .unitControl {
        padding: 1px 0;
    }

    .leftColumn, .rightColumn {
        display: block !important;
        width: 99% !important;
    }

    .rightColumn {
        float: none;
    }

    .wideFormStyle .btnContainer .Style_Center, .compactFormStyle .btnContainer .Style_Center, .btnContainer .Style_Center, .compactFormStyle .btnContainer .Style_Center {
        width: 100%;
        float: none;
    }

    .SearchPageStyle .btnContainer .Style_Center {
        width: 100%;
    }

    .leftMenuColumn, .rightMenuColumn, .leftColumn50, .rightColumn50 {
        min-width: 0 !important;
        display: block;
        width: 99%;
        margin: 0;
        padding: 0;
    }

    .rightColumn50 {
        display: block;
        float: none;
    }

    .transferFormReceipt .logoContainer .icon.ib-iconBank, .ReceiptGrid .logoContainer .icon.ib-iconBank {
        position: static;
        padding: 5px;
    }

    .confirmationtransferForm .leftColumn, .transferFormReceipt .leftColumn {
        text-align: center;
        padding: 0 7px 3px !important;
    }

    .confirmationtransferForm .rightColumn, .transferFormReceipt .rightColumn {
        padding: 1px 10px 0 !important;
    }

    .transferFormReceipt .leftColumn {
        width: 100% !important;
    }

    .transferFormReceipt .rightColumn {
        width: 100% !important;
        padding: .2em !important;
    }

    .transferFormReceipt .columnsContainer {
        padding: 0 !important;
    }

    .confirmationtransferForm .rightColumn {
        background: 0;
    }

    .transferFormReceipt .HeaderTransfer .Style_Center #Img1, .transferFormReceipt .HeaderTransfer .Style_Center #imgLogo {
        display: inline-block;
    }

    .confirmationtransferForm .headingTable, .transferFormReceipt .headingTable {
        padding: 0 5px !important;
    }

    .confirmationtransferForm .columnsContainer, .transferFormReceipt .columnsContainer {
        padding: 0;
    }

    .confirmationtransferForm .headingTable .Style_Center {
        padding: 10px 2px 12px;
        line-height: 200%;
    }

    .Satchel .SatchelDescription {
        width: 97%;
    }

    .Hemisphere_L, .Hemisphere_R {
        width: 100%;
    }

    .wideFormStyle .Satchel .btnContainer .Style_Center {
        width: 100%;
        float: none;
    }

    .CenterBox {
        width: 100%;
        margin: 0 auto;
    }

        .CenterBox .rightColumn {
            display: inline;
        }

    .ViewTransferLimit li a {
        font-size: 11px;
    }

    .ViewTransferLimit li:nth-last-child(odd) {
        background-color: #bfffeb;
    }

    .ViewTransferContainer {
        width: 100%;
        min-width: 0;
    }

    .arbitrarySettingBox .rightColumn {
        background-color: #edf8f1;
    }

    .arbitrarySettingBox {
        margin: .5em 0 !important;
    }

    .btnAddCustomerAddress {
        padding: 2px 0 0;
        width: 100%;
        text-align: center;
    }

    .infoTextBold {
        padding: 5px;
        font-size: 11px;
    }

    .SearchPageStyle hr {
        color: gray;
        outline: #e1e1df solid 1px;
    }

    .TwoRowTableIntelligence, .TableIntelligence {
        padding-bottom: 0;
        border-bottom-width: 0;
    }

        .TwoRowTableIntelligence .leftColumn {
            text-align: center;
            width: 100%;
            float: none;
        }

        .TwoRowTableIntelligence .rightColumn {
            width: 100%;
        }

        .TwoRowTableIntelligence .rightColumn50 {
            border-bottom: 1px solid #bdd5d8;
        }

        .TwoRowTableIntelligence .columnsContainer .Style_OnColomn, .TableIntelligence .columnsContainer .Style_OnColomn {
            min-height: 40px !important;
        }

    .grdSuccessfullTransfer td, .grdSuccessfullTransfer th {
        font-size: 10px;
    }

    .SubtitleBigStyle {
        font-size: 13px;
    }

    .tblPaySuggestion {
        margin: 5px auto 20px;
    }

    #CentralContentTopHeader {
        background-image: none;
    }

    .HeaderMenuShortcut {
        display: block;
    }

    .profilePopup .PopupMenueRow.borderStting {
        border-bottom-width: 1px;
    }

    .PopupMenu span {
        line-height: 200%;
    }

    .PopupMenu > div:not(:last-child) {
        border-bottom-width: 1px;
    }

    .PopupMenu > div:last-child {
        border-bottom-width: 0;
    }

    #CentralContentTopHeader {
        height: auto;
        background: url(images/bg-pattern.jpg);
        margin: 1px 0 5px;
        border: 1px solid #d5d5d3;
        overflow: hidden;
        padding-bottom: 0;
    }

    .firstHeader, .innerFirst {
        background-repeat: no-repeat;
    }

    #CentralContentTopHeaderRight {
        padding: 0 5px;
        font-size: 16px;
        color: #555;
        line-height: 250%;
        width: 98%;
        border: 0;
        margin-bottom: 5px;
    }

    .PageContainer {
        padding-top: 0;
    }

    .firstHeader {
        height: 55px;
        background-image: url(images/HeaderBG.jpg);
        background-position: top center;
        box-shadow: 0 1px 5px #444;
        background-repeat: repeat-x;
    }

    .mainUl > li {
        background-image: none;
    }

    .mainUl ul > li {
        background-image: none;
    }

    .mainUl > li > a {
        background-image: none;
    }

    .mainUl ul > li > a {
        background-image: none;
    }

    #innerFooter {
        font-size: 9px;
    }

    legend {
        font-size: 12px !important;
    }

    .ResponsiveSearch {
        display: block;
        vertical-align: top;
        margin-top: 10px;
    }

    .InvoiceSearchDisabled .leftColumn {
        float: none;
    }

    .btnAccept, .btnAccept, .btnCancel, .btnModify, .btnReturn, .btnShow {
        width: 100% !important;
        text-align: center;
        margin: 10px 0 !important;
    }

    .RecordOperationConfirmation .btnContainer input:first-child,
    .RecordOperationConfirmation .btnContainer input:last-child {
        width: 100px !important;
    }

    .welcomeInfo {
        width: 100%;
        margin: 0;
        max-width: 300px;
        min-width: 0;
    }
    .new-widget::after {
        right: -3px;
        top: 2px;
    }
    .welcomeInfoText {
        border-right-width: 0;
        max-width: 245px;
    }

    .ViewTransferLimit .columnsContainer div {
        padding: 8px;
    }

    fieldset .confirmationtransferForm {
        width: 99%;
        margin: 0 auto;
    }

    .wrongLoginListHeader {
        color: #787676 !important;
        padding-top: 10px !important;
    }

    .ctrlTwoFactorVerifier .rightColumnctrlTwoFactor, .ctrlTwoFactorVerifier .leftColumnctrlTwoFactor {
        width: auto;
    }

    #divUserLoginType {
        display: none;
    }

    #divUserName {
        border-bottom-width: 0;
        margin-bottom: 0;
        max-width: 300px;
        min-width: 0;
    }

    .DashboardcolumnsContainer {
        margin-bottom: 20px;
    }

    .welcomeShortcut input {
        width: 60px;
        height: 60px;
    }

    .shortcutLink > a {
        width: 60px;
        height: 60px;
        padding: 7px;
    }

    .welcomeShortcut {
        font-size: 10px;
        min-width: 75px;
    }

    .wrongLogin .ContentsDashboardPart, .wrongLogin .TitleDashboardPart .TitleDashboardText {
        border-top-width: 0 !important;
        height: auto;
        top: 3px;
    }

    .TitleDashboardPart {
        border-bottom-width: 0;
    }

    .ibanResultContainer {
        position: static;
        display: block;
        width: 100%;
    }

    .ibanBox {
        position: static;
        width: 100%;
    }

    .ibanContainer {
        display: block;
        position: static;
        margin-top: 3px;
        width: 100%;
        max-width: 350px;
    }

    .ibanHeaderContainer {
        font-size: 11px;
        position: relative;
    }

    .ibanResultTitle {
        font-size: 10px;
    }

    .ConfirmationFunction .SpecificBox .columnsContainer {
        width: 100%;
    }

    .ConfirmationFunction fieldset.SpecificBox {
        width: auto;
    }

    .ConfirmationFunction .SpecificBox .mobileNumberContainer .columnsContainer, .ConfirmationFunction .SpecificBox .emailContainer .columnsContainer {
        width: 99%;
        margin: 0;
    }

    .SpecificBox .successMessage, .SpecificBox .errorMessage {
        margin: 10px 5px;
    }

    .msg_JS_disabled, .msg_cookie_disabled {
        top: 10%;
    }

    .NInput2_Column {
        width: 55%;
    }

    .addbtnIcon {
        width: 95px;
        font-size: 11px !important;
        background-size: 15px;
        margin: 4px 1px;
    }

    .normalInput2.YearDateInput, .normalInput2.MonthDateInput {
        width: 80px;
    }

    .normalInput2 {
        min-height: 30px;
    }

    .imgHelpInPage {
        margin: 0;
    }

    .PartBill, .form_groupVertical {
        padding: 4px 0;
    }

    .form_group {
        width: 100%;
    }

    .TooltipContainer #TooltipMobile, .TooltipSmall {
        top: 38px;
        width: 250px !important;
    }

    .ReceiptTitle {
        padding: 10px 5px;
    }

    .GridR_1_3 {
        width: 100%;
    }

    .GridL_2_3 {
        width: 100%;
        text-align: center;
    }

    fieldset .warningTextBoldRight {
        width: 100%;
    }

    .uDMSourceDepositContainer, .uDMSourceDepositContainer .inlineBlockElement {
        display: block;
    }

        .uDMSourceDepositContainer div[dvfd="divForCardDepositBookRecordsuDMSourceDeposit"] {
            width: 85%;
        }

        .uDMSourceDepositContainer input.NoteBookDepositPosition {
            width: 95% !important;
        }

    .form_groupVertical .BalanceCheckBox {
        font-size: 10px;
    }

    .normalInput3 {
        width: 150px;
    }

    .fullInput.normalInput3 {
        width: 220px !important;
    }

    .CrowdedFormTextBox {
        width: 150px;
    }

        .CrowdedFormTextBox input {
            width: 145px !important;
        }

    .normalInput2.YearDateInput, .normalInput2.MonthDateInput {
        width: 70px !important;
    }

    .selectSuggestBank ul li:nth-last-child(odd) {
        background-color: transparent;
    }

    .FilterMenuBookmark {
        display: block;
    }

    .IntroductionCardThirdPassword, .showSetCardThirdPassword {
        background-size: auto 50px !important;
    }

    .confirmPopup {
        width: 340px;
    }

    #TooltipExpireDateInfo {
        right: -50px;
    }

    #TooltipThirdPassInfo {
        right: -120px;
    }

    #TooltipCancelThirdPassInfo, .dropdownSideTooltip {
        right: -115px;
    }

    .MobileNumControl .normalInput {
        width: 167px;
    }

    .infobillsection {
        width: 100%;
        margin: 0;
    }

        .infobillsection .titleinfobill {
            width: 100%;
            text-align: center;
        }

        .infobillsection .tbinfobill {
            width: 100%;
            border: 0;
        }

            .infobillsection .tbinfobill .billrow {
                padding: 5px 10px;
            }

                .infobillsection .tbinfobill .billrow span {
                    display: block;
                }

                    .infobillsection .tbinfobill .billrow span:nth-child(2) {
                        text-align: center;
                    }

        .infobillsection .titleinfobill span {
            position: relative;
        }

    .searchCardManager {
        display: block;
        margin-bottom: 17px;
    }

    #DataEntryPage, .DataEntryPage {
        margin-top: 20px;
    }

    .SimpleCaption, .AccordionCaption {
        margin: 0px;
    }

        .SimpleCaption .subject_Part {
            padding-right: 0;
        }

    .FillForm {
        top: 20px;
    }

        .FillForm .MBLogo {
            background-image: none;
        }

    .MBLogo {
        padding: 210px 0px 10px;
    }

    .subsidiaryDepositBtn {
        display: block;
        position: relative;
        margin: 32px 0px 0px 0px !important;
        width: 228px;
    }

    .newNoteBookSecureKeyboard {
        top: 1px !important;
    }

    .newNoteBookPosition {
        margin-top: 5px;
    }

    .PcFormOnMobile .rightColumn {
        width: 30% !important;
        display: inline-block !important;
    }

    .PcFormOnMobile .leftColumn {
        width: 69% !important;
        display: inline-block !important;
    }

    .warningfixdMsg, .infofixdMsg, .successfixdMsg, .errorfixdMsg {
        min-width: 100%;
    }

    .searchFilter .SearchPageStyle .rowBoxFilter .titleBoxFilter {
        width: 100%;
        text-align: right;
    }

    .searchFilter .SearchPageStyle .rowBoxFilter .contentBoxFilter {
        width: 100%;
        float: right;
    }

    .searchFilter .SearchPageStyle .contentBoxFilter .mainSelector {
        margin-top: 0;
    }

    .searchFilter .SearchPageStyle .contentBoxFilter .selectStyle {
        margin-top: 1px;
    }

    .searchFilter .SearchPageStyle hr {
        display: block;
        margin: 8px 0;
    }

    .searchFilter .SearchPageStyle .btnContainer .Style_Center {
        padding-right: 0 !important;
    }

    .NotificationPopupContainer {
        top: 7px;
    }

    .NotificationNumber {
        top: 4px;
        left: 14px;
    }

    .NotificationPopup li.NotificationTitle {
        height: 30px;
    }

    .DismissAllNotification {
        height: 30px;
    }

    .AmountToNumber {
        margin-top: 3px;
    }

    .container-fluid-mobile {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .LargInput {
        width: 90%;
    }

    .rowList .titleSubList {
        width: 100%;
        text-align: right;
        font-weight: 600;
    }

    .rowList .detailSubList {
        width: 100%;
    }

    .bodyAcceptBox .rowList .titleSubList {
        width: 100% !important;
        background-color: #f7f7f7;
    }

    .bodyAcceptBox .rowList .detailSubList {
        width: 100% !important;
    }

    .printContainer {
        padding-top: 5px;
    }

    .moreDetailGrid {
        display: block;
    }

    .DepositList .dtr-data table {
        width: 100%;
    }

    .VersionItem {
        margin: 40px 0px 0px;
        padding: 30px 11px 15px;
        background: #f9f9f9;
    }

    .VersionHeader {
        top: -36px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 12px;
        font-weight: bold;
        background: #f2f2f2;
    }

    .VersionBody ul {
        margin: 0px;
    }

    .PopupCenterContainer .fieldsetPopup .btnContainer input {
        margin: 0 0px 10px !important;
    }

    .leftColumn50.searchSection {
        width: 99%;
    }


    .bookMarkTitleHeader, .reportHeaderPage {
        display: none;
    }

    .TopHeaderReportPage {
        padding: 0;
        margin-top: 8px;
    }

    .reportbtnIcon {
        width: 26px;
    }

    .bank-form ol {
        padding: 10px 13px 10px 0;
    }

    bank-form .StaticValue {
        min-width: 50px;
    }

    .PopUpForm {
        width: 94% !important;
        margin: 3%;
    }

    .operator1, .operator2, .operator3, .operator4 {
        width: 90px;
        height: 71px;
        top: 10px;
    }

    .scheduledPage .TooltipContainer {
        position: inherit;
    }

    .info-ul li {
        line-height: 25px !important;
        font-size: 12px;
    }
}

@media only screen and (max-width:360px) {
    .form_groupVertical .normalselect {
        width: 150px;
    }

    .confirmPopup {
        width: 95%;
    }

    .PopupInMobile .DynamicPosition {
        left: 0;
    }

    .MobileNumControl .normalInput {
        width: 144px;
    }

    .RecordOperationConfirmation {
        margin: 0px 10px;
    }

    .subsidiaryDepositBtn {
        display: block;
        width: 100%;
        position: relative;
        margin: 32px 0px 0px 0px !important;
        width: 228px;
    }

    .newNoteBookSecureKeyboard {
        display: inline-block;
        position: relative;
    }

    .ChequeBankImg {
        width: 25px;
    }

    .ChequeBankImgContainer {
        padding-top: 0px;
        width: 30px;
        height: 30px;
        display: inline-block;
    }

    .ChequeBankName {
        display: inline-block;
    }

    .ChequeBank {
        padding-top: 15px;
    }

    .NotificationPopupContainer {
        width: 90%;
        max-width: 295px;
    }

    .PopupCenterContainer .RecordOperationConfirmation {
        width: auto;
        max-width: 350px;
    }

    .tdHaveIcon, table.responsiveGrid tbody td .HaveIconContainer {
        padding: 0px !important;
    }

        .tdHaveIcon, table.responsiveGrid tbody td .HaveIconContainer.showIconInPc {
            padding: 5px 24px !important;
        }

    .modalDel {
        width: 250px;
        margin-right: -125px;
    }

    .operator1, .operator2, .operator3, .operator4 {
        width: 60px;
        height: 43px;
        top: -4px;
        left: 0;
    }

    .shebaMaskContainer .notebookDepositSelect .NoteBookTextBoxParent.shebaSelector {
        position: relative !important;
    }
}
/****************** Bootstrap Grid Media**************************/
@media (min-width: 768px) {
    .otpSendPopUp.PopUpForm {
        max-width: 550px;
    }
}

@media (min-width: 992px) {
    .Vertical_Tab.RadioButton_Tab input[type="radio"]:checked + label::after {
        top: 17%;
    }

    .Vertical_Tab_content {
        padding: 20px;
    }
}

@media (min-width: 1200px) {
}

#keyboard {
    font-family: Tahoma;
}

.invoiceDetailTooltipLeftColumn {
    max-width: 200px;
    display: inline;
    word-wrap: break-word;
}

.invoiceDetailTooltipRightColumn {
    max-width: 100px;
    display: inline;
}

.invoiceDetailTooltip {
    display: block;
    margin-bottom: 5px;
}

.imgBorder {
    padding: 10px 0;
}

.TarifBody .tblCalendar {
    height: 31px;
}

.SatchelMngDone {
    background-color: #eefff6;
}

.SatchelMngExpired {
    background-color: #fffad6;
}

.selectedSaveCardInfo {
    color: green;
}

.imgKeyboard {
    vertical-align: middle;
    cursor: pointer;
    color: #666;
}

.imgHelpInPage, .imgHelpInPage:hover {
    vertical-align: middle;
    cursor: pointer;
    color: #00965f;
}

    .imgHelpInPage.icon:before {
        vertical-align: middle;
    }

.imgSearch {
    vertical-align: middle;
}

.pencilGrid {
    visibility: hidden;
    display: inline;
    vertical-align: middle;
}

.DepositNumber {
    width: 80%;
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-all;
}

.DepositNum {
    width: 350px;
}

.helpCloseButton {
    padding-bottom: 10px;
}

.resultTarifMoshtari {
    height: 700px;
    overflow: hidden;
}

.ExportExcelTable {
    vertical-align: top;
    border-color: #3c464a;
}

.KeyboardNumberTable {
    font-family: IRANSans_FaNum;
    font-weight: 300;
    cursor: pointer;
    background: #fff;
}

.keyBoardtd, table.responsiveGrid tbody td.keyBoardtd {
    padding: 2px !important;
    border: 1px solid #d4d4d4;
    cursor: pointer;
}

.backspaceSign {
    background: url(images/keyboard/backspace-arrow.svg) no-repeat center;
    background-size: 65% 98%;
}

    .backspaceSign:focus, .backspaceSign:hover {
        background: url(images/keyboard/backspace-arrow-hover.svg) no-repeat center;
        background-size: 65% 98%;
    }

.ShebaGridWidth {
    width: 200px !important;
    min-width: 200px;
    max-width: 280px;
    word-wrap: break-word;
    text-align: center;
}

.DepositGridWidth {
    width: 170px !important;
    min-width: 170px;
    max-width: 240px;
    word-wrap: break-word;
    text-align: center;
}

table.responsiveGrid tbody th, table.responsiveGrid tbody td {
    padding: 2px 5px;
}

.batchMessageError {
    color: red !important;
}

.listViewRow0 .BreakLineTd, .listViewRow1 .BreakLineTd {
    white-space: normal;
}

.ThNameField {
    min-width: 150px;
}

.inlineSuccessMessage {
    min-width: 200px;
    display: inline-block;
    color: #2e9670;
    line-height: 24px;
    font-weight: 700;
}

.GridBreakLargeText td {
    word-wrap: break-word;
    white-space: normal !important;
}

.PaymentIdGridWidth {
    min-width: 150px;
    max-width: 150px;
}

.DescriptionGridWidth {
    min-width: 150px;
    max-width: 150px;
}

.BankNameGridWidth {
    min-width: 80px;
    max-width: 80px;
}

.NameInfoGridWidth {
    min-width: 150px;
    max-width: 150px;
}

.FirstNameGridWidth {
    min-width: 80px;
    max-width: 80px;
}

.LastNameGridWidth {
    min-width: 80px;
    max-width: 80px;
}

.AmountGridWidth {
    min-width: 150px;
    max-width: 150px;
}

.errorTd span {
    display: inline-block;
}

.paddingShebainfo {
    padding: .2em;
}

.periodicContainer {
    width: 168px;
}

.TabFormContainer .imgHelpInPage {
    vertical-align: middle !important;
}

.clockPositon {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

    .clockPositon .icon:before {
        line-height: 100%;
    }

.inlineImage {
    vertical-align: middle;
}

.topAlign {
    vertical-align: top;
}

.simpleDetaile {
    padding: 1px;
}

.columnsContainer .floatLeft input[type="image"] {
    vertical-align: middle;
}

.reminderSetting {
    border: 0px solid #eaeaea !important;
    margin: 10px 0 0 0 !important;
}

.fieldSet {
    border: 0px solid #eaeaea !important;
    margin: 10px 0 0 0 !important;
}

.checkReminderRowBorder {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}

.ListRowBorder {
    border-bottom: 1px solid #eee;
    padding: 10px 0 8px;
}

    .ListRowBorder .col {
        padding: 5px 0;
    }

.limitContainer .reminderCheckBox > div:first-child {
    margin: 17px 0 13px;
}

.info-ul {
    background-color: #fefbea;
}

    .info-ul li {
        list-style-type: square;
        margin: 0px;
        line-height: 30px;
    }

.info-inner-ul {
    padding: 0px 20px;
}