﻿
@font-face { font-family: 'Rubik-Regular'; src: url('../Fonts/Rubik-Regular.ttf') format('truetype'); }

@font-face { font-family: 'Rubik-Light'; src: url('../Fonts/Rubik-Light.ttf') format('truetype'); }

@media only screen and (min-width: 1280px) {
    .dnb-title { width: 308px; height: 32px; font-family: Rubik-Light; font-size: 35px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #213f99; padding-bottom: 20px; }

    .dnb-sub-title-blue { width: 472px; height: 74px; font-family: Rubik-Light; font-size: 35px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #213f99; padding-bottom: 22px; }

    .dnb-sub-title-green { width: 504px; height: 69px; font-family: Rubik-Light; font-size: 35px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.14; letter-spacing: normal; text-align: right; color: #00aa8c; padding-bottom: 30px; }

    .dnb-line { width: 500px; height: 1px; border: solid 0.5px #033ba5; background-color: #033ba5; }

    .dnb-contact-title { width: 359px; height: 23px; font-family: Rubik-Light; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: right; color: #00aa8c; padding-top: 31px; padding-bottom: 37px; padding-right: 0px; }

    .dnb-content { width: 279px; height: 23px; font-family: Rubik-Light; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: right; color: #00aa8c; }

    .dnb-contact-details { display: grid; /* grid-template-columns: 30px 200px auto 100px; */ grid-template-columns: auto auto auto; padding-top: 20px; }

    .dnb-phone { display: grid; grid-template-columns: auto 13px; align-items: center; width: 55px; height: 13px; font-family: Rubik-Regular; font-size: 19px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #213f99; }

    .dnb-phone-img { width: 38px; height: 37px; }

    .dnb-contact-details-line { width: 0.5px; height: 43px; border: solid 0.5px #363636; background-color: #363636; margin-right: 17px; }

    .dnb-whatsapp { display: grid; /* grid-template-columns: 30px 200px auto 100px; */ grid-template-columns: 51px 95px 19px; align-items: center; width: 87px; height: 18px; font-family: Rubik-Regular; font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 0.74; letter-spacing: normal; text-align: center; color: #1f3c9b; }

    .dnb-whatsapp-img { width: 38px; height: 38px; }

    .dnb-whatsapp-number { width: 114px; height: 15px; font-family: Rubik-Light; font-size: 19px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 0.74; letter-spacing: normal; text-align: center; color: #1f3c9b; }


    /* HomePage Messeage*/
    #container #box .close { float: right; margin-left: 59px; font-size: 21px; }

    #container #box { /*padding: 7.5px 28.5px 14px 16px;*/ }

    #container { margin: 0 0 30px 0; height: auto; }
}

@media only screen and (min-width: 1280px) {
    .productpage-header-text-sub-header #regulator { width: 1000px; }

    .legal-comments-wrapper #regulator { font-size: 16px; }


    .myaccount-ui-view { min-height: 900px; }

    .scrollToTop { display: none; }

    #MyReports .table-inbox .plus-x-icons { width: 21px; height: 21px; background-size: 21px; }

    #MyReports .table-inbox .th-icon-plus-x { width: 5%; }

    #MyReports .table-inbox .x-icon { width: 16px; height: 16px; background-size: 16px; margin-right: 3px; }

    #personal-det.contact-us.contactus-thanks-popup-title { font-family: Rubik-Regular; color: #213f99; font-size: 35px; font-weight: 500; text-align: center; }

    #personal-det.contact-us.contactus-thanks-pop-sub-title { font-family: Rubik-Regular; color: #404449; font-size: 19px; font-weight: 300; text-align: center; }

    #headerCointainer .header .MsgMail { margin-left: 32px; width: 204px; cursor: pointer; display: block; }

    #headerCointainer .tool-tip-container { padding-bottom: 20px; float: left; }

    #topLogo { background: url('../Images/blluelogo.png') no-repeat; width: 180px; height: 54px; margin-right: 0; }

    #pieTitle, #pieTitle2, #pieTitle3, #pieTitle4, #pieTitle5, #pieTitle6, #pieTitle7 { font-size: 14px !important; }

    .mailDiv { Font-Size: 17px; padding-top: 0px; Line-Height: 20.4px; width: 45px; display: block; width: 220px; }

    .exitButton { font-size: 20px; background-color: transparent; /*line-height:19px;*/ width: 150px; height: 51px; /*margin-left:360px;*/ margin-top: 31px; color: #596fb3; border: 2px solid #596fb3; }



        .exitButton:hover, .exitButton:active, .exitButton.clicked { background-color: #213f99; color: #ffffff; border: 2px solid #213f99; }

    .topLine { padding-bottom: 103px; }

    .psagotLogo { /*padding-top:32px;*/ padding-top: 10px; /*padding-right:360px;*/ }

    .wrapper { /*width:1200px;*/ }

    .bottomLogo { margin-top: 77px; margin-bottom: 64px; }

    .header { width: 1200px; margin-left: auto; margin-right: auto; }

    #bottomLogo { display: block; margin-top: 105px; background: url('../Images/whitelogo.png') no-repeat; width: 204px; height: 60px; margin-left: initial; float: left; }

    .btnPsagotFirst { width: 220px; font-size: 17px; line-height: 19px; float: right; /*margin-right:359px;*/ }

    .btnPsagotSecond { width: 220px; /*height:58px;*/ font-size: 17px; line-height: 19px; float: left; margin-right: 30px; }

        .btnPsagotSecond:hover, .btnPsagotFirst:hover { background-color: #213f89; }

    .centerWrapper { /*padding-right:360px;
         padding-left:360px;*/ width: 1200px; margin-left: auto; margin-right: auto; }

    .topHamburgeropen, .topHamburgerclose { display: none; }

    #headerCointainer .header .box-one { border-radius: 4px; -webkit-transition: all linear 0.5s; transition: all linear 0.5s; }

    .bottomButtons { float: right; /*padding-top:77px;*/ }


    #headerCointainer .header .box-one.ng-hide { opacity: 0; /* transform: scale(0.8); */ }


    #bottomBox { /*padding-top:77px;*/ padding-bottom: 64px; width: 1200px; margin-left: auto; margin-right: auto; text-align: inherit; padding-top: 22px; padding-right: 0; padding-left: 0; }

    #headerCointainer .topLine { background-color: #c7cfe5; border-bottom: none; padding-bottom: 0; height: 50px; }

    #headerCointainer .header .MsgMail, #tabs { display: block; }



    .footerBottom { /*padding-left:361px;*/ /*padding-right:359px;*/ padding-top: 28px; padding-bottom: 20px; font-size: 20px; text-align: justify; line-height: 22px; }

    #headerCointainer .header .MsgMail { margin-left: 70px; width: 150px; cursor: pointer; }

    #headerCointainer #tabs .tabsLi .subMenuTabLi { Font-Family: Rubik-Regular; Font-Size: 20px; Color: #213f99; Font-Style: normal; Text-Align: left; Line-Height: 24px; Letter-Spacing: 0em; list-style: none; text-align: right; direction: rtl; /*margin-top: 22px;*/ }


    #footerBottomContnet { width: 100%; margin-left: auto; /*margin-right: auto;*/ }

    #headerCointainer #tabs .tabsLi .subMenuTabLi:last-child { margin-bottom: 22px; }

    .topHamburgeropen, .topHamburgerclose { display: none !important; }

    #headerCointainer .header .exit { display: block; }

    .psagotLogo #topLogo { float: right; padding-right: 0; background: url('../../../Images/Insurance/1200-16.png') no-repeat !important; width: 179px !important; height: 51px !important; margin-right: 0; float: right; margin-top: 10px; }

    #headerCointainer .header { height: 85px; margin: 0 auto; margin-bottom: 20px; }

        #headerCointainer .header #circleMsgMail { border-radius: 50%; behavior: url(PIE.htc); /* remove if you don't care about IE8 */ width: 25px; height: 25px; background: red; margin-right: -10px; float: right; margin-top: -9px; }

        #headerCointainer .header .exitButton label { cursor: pointer; }

    #headerCointainer .topLine #tabs { width: 1200px; margin: 0 auto; display: table; }

    #headerCointainer .topLine .tabSelectedPersonalArea { }

    #headerCointainer .topLine .tabSelected, #headerCointainer .topLine .tabSelectedPersonalArea { border-bottom: 5px solid #213F99; font-size: 20px !important; font-family: Rubik-Medium !important; height: 30px !important; display: inline-block; }

    #headerCointainer .topLine .privateArea { width: 79px !important; }

    #headerCointainer .topLine .tabsLi { float: right; direction: rtl; /*border: 1px solid red;*/ text-align: right; list-style-type: none; margin-left: 83px; font-family: Rubik-Regular; font-size: 20px; color: #213F99; height: 44px; line-height: 17px; width: 112px; }

        #headerCointainer .topLine .tabsLi:hover { cursor: pointer; font-Family: Rubik-Medium; }

    #headerCointainer .topLine .tabsLiContainter { width: auto; text-align: right; list-style-type: none; float: right; direction: rtl; }


    #headerCointainer .header .exitButton #circleMsgMail span { margin-top: -10px; display: block; font-size: 19px; color: white; }

    #headerCointainer .header .exitButton label { margin-right: -14px; }



    #headerCointainer #tabs .tabsLi .subMenuTab { width: 232px; height: auto; position: absolute; background-color: transparent; margin-top: 35px; /*border-top: 11px solid white;*/ z-index: 99999; }

        #headerCointainer #tabs .tabsLi .subMenuTab .ulCointaner { background-color: #c7cfe5; padding-top: 13px; padding-bottom: 1px; width: 100%; height: auto; margin-top: 11px; }


        #headerCointainer #tabs .tabsLi .subMenuTab ul { padding-right: 9px; }



    #headerCointainer .topLine #tabs .tabsLi .subMenuTab .subMenuTabLi:hover { font-family: Rubik-Medium; }

    #headerCointainer .topLine .active { display: block; }

    #headerCointainer .topLine .noActive { display: none; }

    #tabpanel .dx-tabpanel .dx-tabs { width: initial; }

    #tabpanel { background-image: url('../../Images/inbox/InboxPicDesktop.jpg'); background-position-y: -403px; background-size: inherit; }

        #tabpanel .tabpanel-wrapper { }

        #tabpanel .title-inbox { display: block; }

        #tabpanel .dx-item.dx-tab:nth-child(2n) { float: right; }

        #tabpanel .dx-item.dx-tab:nth-child(3), #tabpanel .dx-item.dx-tab:nth-child(4) { margin-top: 0; }

        #tabpanel .dx-item.dx-tab { margin-left: 161px; width: 225px; height: 50px; Font-Size: 20px; }

            #tabpanel .dx-item.dx-tab:first-child { margin-left: 161px; }

            #tabpanel .dx-item.dx-tab:last-child { margin-right: 0; }

        #tabpanel .tabpanel-wrapper > div:first-child, #tabpanel .inbox-tabs > div:first-child { padding: 30px 100px; }

        #tabpanel .dx-tabpanel-tabs { height: 146px; }

        #tabpanel .title-inbox { height: 142px; font-size: 21px; font-family: Rubik-Regular; width: 1200px; padding: 30px 100px; }

        #tabpanel .tabpanel-wrapper > div:first-child, #tabpanel .inbox-tabs > div:first-child { padding: 30px 100px; width: 1200px; margin: 0 auto; }

        #tabpanel .dx-multiview-wrapper > div { width: 1200px; margin: 0 auto; padding: 35px 100px; }

        #tabpanel .dx-tabpanel-tabs:after { content: ''; position: relative; top: 36px; margin-left: -50px; width: 0; height: 0; border-left: 31px solid transparent; border-right: 31px solid transparent; border-bottom: 31px solid #fff; display: table; }

        #tabpanel .inbox-tabs.firstTab .dx-tabpanel-tabs:after { right: 69px; }

        #tabpanel .inbox-tabs.secTab .dx-tabpanel-tabs:after { right: 466px; }

        #tabpanel .inbox-tabs.thirdTab .dx-tabpanel-tabs:after { right: 838px; }

        #tabpanel .inbox-tabs.forthTab .dx-tabpanel-tabs:after { right: 860px; }

    .table-inbox { margin-top: 30px; width: 1000px; }

    .general-button.show-but { float: initial; }

    .table-inbox tr td, .table-inbox tr th { padding: 0 14px; }

        .table-inbox tr th:last-child { width: 80px; }

    .history-title > div, .history-title > h2 { }

    .history-title { height: 50px; background: none; }

    .table-inbox thead tr { font-size: 21PX; }


    .inbox-view > h3 { display: none !important; }

    .table-mess tr th:first-child { width: 151px; }

    .table-inbox thead th { font-size: 21px; font-family: Rubik-Regular; }

    .table-inbox tbody td { font-size: 14px; }

    /*.table-inbox tbody tr:last-child {
        background: none;
        color: #404449;
        font-family: Rubik-Regular;
        font-size: 13px;
    }*/

    /*.table-inbox tr:last-child td:last-child {
        text-align: left;
    }*/

    .table-inbox tr:last-child td:last-child span { padding: 0 5px; cursor: pointer; }

        .table-inbox tr:last-child td:last-child span.unableArrow { color: lightgray; cursor: default; }

    .table-inbox tbody tr:last-child { display: table-row; }

    .table-inbox td, .table-inbox th { border-left: solid 1px #fff; border-right: solid 1px #fff; }

    #MyReports .table-inbox tr td:nth-child(2), #MyReports .table-inbox tr th:nth-child(2) { display: table-cell; }

    .inbox-view .load-more { /*display: none;*/ font-size: 14px; }

    .inbox-view .panel-select { padding: 0; }

    #tabpanel h2 { Font-Size: 20px; }

    .inbox-view > h2, .inbox-view > select { margin-right: 0; }

    .general-select { padding-right: 14px; }

    .general-select, .general-button { height: 40px; font-size: 17px; font-family: Rubik-Regular; color: #213f99; }

        .general-button.show-but { width: 70px; }

        .general-select.select-year { width: 100px; }

        .general-select.select-mess { width: 270px; }

        .general-select.select-claim, .general-select.select-report { width: 170px; }

        .general-select.select-doc { width: 250px; }

        .general-select.select-prod { width: 200px; }

    #tabpanel { /*background-image: url('../../Images/inbox/Inbox Pic FULL SAIZE.jpg');
        background-position-y: -300px;*/ /*background-size: cover;*/ }

    .inbox-loader { top: 50%; }

    #MyMessages .show-but { float: initial; }

    #tabpanel .general-select { margin-left: 30px; cursor: pointer; }

    #tabpanel .triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; }
    /*personal details*/
    #personal-det .personal-headline { height: 255px; width: 100%; background-size: cover; display: block; }

    #personal-det .zip-code-title { display: block; }

    #personal-det .personal-headline > div { width: 1200px; margin: auto; position: relative; top: 100px; color: #fff; font-size: 21px; }

    #personal-det .personal-container { margin: 0 auto; width: 1080px; padding: 40px 31px; box-sizing: border-box; margin-top: 4px; }

    #personal-det h1 { font-size: 21px; }

    #personal-det .full-details { margin-top: 40px; }

        #personal-det .full-details > div { display: inline-block; margin-left: 50px; font-size: 21px; }

    #personal-det.cancel-policy .full-details > div { margin-left: 0; width: 260px; }

    #personal-det .full-details > div:last-child { margin-left: 0; }

    #personal-det.cancel-policy .dx-texteditor-input:focus ~ .dx-placeholder { top: -20px; font-size: 14px; }

    #personal-det .details-form { margin-top: 75px; margin-bottom: 93px; }

    #personal-det.cancel-policy .email-input { width: 206px; }

    #personal-det.cancel-policy .dx-placeholder, #personal-det.cancel-policy .dx-texteditor-input { font-size: 21px; }

    #personal-det.cancel-policy .bg-grad { background: linear-gradient(179deg, transparent 83%, #fff 84%), linear-gradient(to right, rgba(33, 63, 153, 0.2), rgba(107, 189, 156, 0.2)) no-repeat; background-size: 100% 165px; }

    #personal-det.cancel-policy .link_cancel_policy { font-size: 21px; }

    #personal-det.cancel-policy .full-details .info-div { font-size: 13px; }

    #personal-det.cancel-policy h1 { font-family: Rubik-Regular; font-size: 35px; font-weight: 500; }

    #personal-det.cancel-policy .mail-container { margin-top: 0; }

    #personal-det.cancel-policy .details-form { margin-top: 0; margin-bottom: 75px; }

    #personal-det.cancel-policy section, #personal-det.cancel-policy section li { font-size: 19px; }

    #personal-det h2 { font-size: 17px; }

    #personal-det .details-form h2 { margin: 0; }

    #personal-det .dx-texteditor-container { height: 50px; font-size: 21px; font-family: Rubik-Regular !important; }

    #personal-det.cancel-policy .dx-field-value { width: 150px; }

    #personal-det .dx-fieldset { display: inline-block; margin-top: 40px; margin-left: 60px; margin-right: 0px; margin-bottom: 0; }

    #personal-det.cancel-policy .dx-fieldset { margin-left: 110px; }

        #personal-det.cancel-policy .dx-fieldset.email-input { margin-left: 50px; }

    #personal-det .dx-fieldset.code-input { margin-left: 40px; }

    #personal-det .small-margin { margin-left: 40px; }

    #personal-det .house-num-input { width: 50px; }

    #personal-det.cancel-policy .house-num-input { width: 55px; }

    #personal-det .street-input { /*width: inherit;*/ }

    #personal-det .email-input { /*width: 400px;*/ }

    #personal-det .phone-input { width: 200px; }

    #personal-det .code-input { width: 114px; }

    #personal-det .select-phone { width: 90px; height: 46px; border: 2px solid transparent; border-right: none; position: absolute; top: 3px; left: 3px; padding-right: 23px; }





    #personal-det .general-button { height: 50px; width: 150px; font-family: Rubik-Regular; font-size: 21px; border-width: 2px; background-color: transparent; }

    #personal-det .general-select { font-size: 21px; }

    #personal-det .code-but { background: #7a8cc2; }

    #personal-det .dx-fieldset.phone-input:last-child, #personal-det .code-div { margin-right: 0; margin-bottom: 0; }

    #personal-det .modal .general-button { width: 200px; height: 50px; margin-top: 0; }

    #personal-det .modal-content { font-size: 26px; width: 602px; height: 258px; }

    #personal-det .code-butfield { width: 147px; }

    #personal-det.cancel-policy p { font-size: 19px; line-height: 23px; }

    #personal-det p { Font-Size: 17px; }

    #personal-det.cancel-policy .confirm-div { margin-top: 70px; }

    #personal-det.cancel-policy li { Font-Size: 21px; MARGIN-BOTTOM: 20PX; LIST-STYLE-TYPE: NONE; line-height: 30px; }

    #personal-det.cancel-policy h2 { font-size: 21px; margin-bottom: 28px; }

    #personal-det.cancel-policy .cancelvalidity { padding-right: 1.95em; }

    #personal-det .confirm-div { margin-bottom: 93px; }

        #personal-det .confirm-div .confirm-details { padding-top: 15px; padding-bottom: 15px; float: right; }

            #personal-det .confirm-div .confirm-details > span { padding-right: 20px; padding-left: 20px; font-size: 20px; }

    #personal-det.cancel-policy .confirm-div * { display: inline-block; }

    #personal-det.cancel-policy .confirm-div > div { margin-top: inherit; }

    #personal-det .confirm-div .confirm-details > span:first-of-type { font-size: 21px; }

    #personal-det.cancel-policy .dx-datebox .dx-texteditor-input { padding-left: 34px; }

    #personal-det.cancel-policy .cancel-note { font-size: 15px; }

    #personal-det.cancel-policy .dx-datebox { display: inline-block; position: relative; top: 13px; }

    #personal-det .confirm-div button:last-child { /*float: left;
    margin-left: 100px;*/ }

    #personal-det .confirm-div > div { float: left; /*margin-left: 166px;*/ direction: ltr; width: inherit; }

        #personal-det .confirm-div > div > * { float: left; text-align: center; }

    #personal-det .dx-texteditor-input { font-size: 21px; }

    #personal-det .field-house { margin-right: 0; }

    #personal-det .general-button.code-but { width: 146px; }

    #personal-det .zip-text { font-size: 21px; width: 150px; }

    #personal-det .cell-text { font-size: 21px; }

        #personal-det .zip-text span, #personal-det .cell-text span { line-height: 50px; }

    #personal-det .to-inform { margin-top: 20px; width: 980px; }

    #personal-det .mail-container { margin-top: 73px; }

    #message-popup { display: none; }

    #MyDocouments #myDocouments-uplod-file { width: 100%; height: auto; min-height: 40px; box-sizing: border-box; }

    #MyDocouments #uplod-file { width: 400px; border: #213f99 2px solid; height: 35px; line-height: 30px; margin: 0 auto; text-align: center; font-size: 17px; font-family: Rubik-Regular; color: #213f99; position: relative; z-index: 1; }
    /**/ #MyDocouments #uplod-file-warper { width: 475px; height: 35px; position: relative; z-index: 1; margin: 25px auto; margin-bottom: 0px; right: 0; }

    #MyDocouments #uplod-file:hover { background-color: #213f99; color: white; }

    #MyDocouments #uplod-file:focus { background-color: #213f99; color: white; }

    #MyDocouments #uplod-file:active { background-color: #213f99; color: white; }

    #MyDocouments #uplod-file #file1 { width: 400px; height: 40px; opacity: 0; position: absolute; z-index: 1; right: 0; cursor: pointer; }

    #MyDocouments #uplod-file #uplod-file-text { font-size: 20px; font-family: Rubik-Regular; z-index: 1; width: 115px; height: 25px; }

    #MyDocouments #myDocouments-uplod-file #myDocouments-InvalidfileMessage { background-color: #213f99; height: 30px; color: #ffffff; margin: 15px auto; max-width: 532px; box-sizing: border-box; text-align: center; box-sizing: border-box; text-align: center; font-size: 14px; line-height: 30px; padding: 0; }

    #MyDocouments #uplode-result { width: 100%; height: 50px; margin-top: 10px; text-align: center; }

    #MyDocouments #myDocouments-validfileMessage { background-color: #eff2f8; width: 100%; height: 50px; margin-top: 0; line-height: 50px; font-size: 15px; Font-Family: Rubik-Light; }

    #MyDocouments .uplode-result-success { color: forestgreen; }

    #MyDocouments .uplode-result-Failer { color: #ed1c24; line-height: normal; padding-top: 7px; }

    #MyDocouments #confirm-file { width: 25px; height: 25px; float: right; }

    #MyDocouments #confirm-file-text { width: 35px; height: 23px; float: right; margin-top: 3px; margin-right: 31px; }

    #MyDocouments #Message-confirm #Confirm:hover { color: #6bbd9c; background-image: url('/Images/Inbox/icones/1920vuploadselected.png'); }

    #MyDocouments #Confirm { background-image: url('/Images/Inbox/icones/1920vupload.png'); background-repeat: no-repeat; background-position-x: right; }

    #MyDocouments #uplode-result-text { width: auto; margin: 0 auto; display: inline-block; }

    #MyDocouments #UplodFilename { float: left; width: auto; margin-right: 15px; margin-top: 3px; direction: initial; }

    #MyDocouments #delete-file { float: left; width: 25px; height: 25px; background-image: url('/Images/Inbox/icones/1920xdeleteupload.png'); background-repeat: no-repeat; margin-right: 10px; display: inline-block; }

        #MyDocouments #delete-file:hover { background-image: url('/Images/Inbox/icones/1920xdeleteuploadselected.png'); }

    #MyDocouments #delete-file-text { width: 30px; height: 20px; float: left; margin-right: 15px; margin-top: 3px; }

    #MyDocouments #Messages { width: 625px; height: 30px; }

    #MyDocouments #Message-confirm { width: auto; height: 25px; display: inline-block; line-height: normal; margin-top: 13px; color: #414444; }

        #MyDocouments #Message-confirm #Confirm, #Message-confirm #delete { width: 75px; height: 30px; float: left; margin-right: 15px; }

        #MyDocouments #Message-confirm #delete { width: 80px; }

    #MyDocouments #uplod-fileInfo { width: 25px; height: 25px; background-image: url('/Images/Inbox/icones/1920qtooltip.png'); background-repeat: no-repeat; position: absolute; margin-top: -30px; z-index: 4; }

        #MyDocouments #uplod-fileInfo:hover { background-image: url('/Images/Inbox/icones/1920qtooltipselected.png'); }




    #myModal .modal-content { background-color: transparent; margin: 15% auto; border: 3px solid #fff; width: 602px; height: 258px; color: #fff; font-size: 25px; text-align: center; box-sizing: border-box; border-radius: 1px; }

    #myModal .myModalText { margin: 0; direction: rtl; font-size: 25px; }

    #myModal #myModalText1 { margin-top: 50px; font-size: 26px; }

    #myModal #myModalText2 { margin-top: 7px; width: 100%; font-size: 26px; }

    #myModal #inboxMessageConfirmbuttons { width: 380px; height: 50px; box-sizing: border-box; margin: 50px auto; }

    #myModal .buttonlink { height: 50px; line-height: 50px; font-size: 21px; width: 170px; }

    #headerCointainer .header .topHamburgeropen { display: none !important; }

    #popup .wrapper { /*width:1000px;*/ width: 1200px; margin-left: auto; margin-right: auto; }

    #popup .inner-wrapper { padding-left: 100px; padding-right: 71px; }

    #popup .whiteWrapperError { height: 460px; width: 900px; top: 310px; margin: auto; }

    #popup #pleaseWait { width: 400px; }

    #headerCointainer .header .topHamburgeropen { display: none !important; }

    #personal-det .modal-content { width: 650px; height: 380px; padding: 48px 81px; }

    #personal-det .popup1 .modal-content { width: 608px; height: 312px; padding: 77px 20px; }

        /*#personal-det .modal-content div {
        margin-bottom: 40px;
        line-height: 35px;
    }*/

        #personal-det .popup1 .modal-content div { margin-bottom: 45px; line-height: 35px; }

    #personal-det .full-details > div { margin-top: 0px; }

    #personal-det .not-code { font-size: 17px; }

    #personal-det .hours-open { font-size: 15px; }

    .navMenu { display: block; float: right; }

        .navMenu ul { Font-Family: Rubik-Bold,Rubik-Regular; Font-Size: 17px; Color: #ffffff; Font-Style: normal; Text-Align: left; Line-Height: 20.4px; Letter-Spacing: 0em; list-style: none; float: right; text-align: end; width: 160px; }

            .navMenu ul li { Font-Family: Rubik-Regular; Font-Size: 17px; Color: #ffffff; Font-Style: normal; Text-Align: left; Line-Height: 20.4px; Letter-Spacing: 0em; text-align: end; margin-top: 20px; }

        .navMenu .enabledLink { cursor: pointer; }

            .navMenu .enabledLink:hover { Font-Family: Rubik-Medium; }

    #bottomBox { height: 337px; }

    .mobileModeLogo { display: none; }

    .mailDiv { display: block; Font-Size: 16px; padding-top: 0px; Line-Height: 19.2px; width: 45px; display: block; width: 220px; Color: #ffffff; margin-top: 23px; float: left; }

    .imgTel { display: block; margin-right: 0px; background-image: url('../Images/Insurance/1200-phone.png'); width: 40px; height: 40px; background-repeat: no-repeat; float: right; margin-left: 12px; margin-right: 38px; }

    .imgMail { display: block; background-image: url('../Images/Insurance/1200-mail.png'); width: 40px; height: 40px; background-repeat: no-repeat; float: right; margin-left: 12px; }

    .phoneDiv { display: block; Font-Size: 16px; Line-Height: 19.2px; height: 25px; width: 220px; Color: #ffffff; margin-top: 25px; float: right; }

    [type="checkbox"]:checked + .label-cb:after { font-size: 18px; }

    [type="checkbox"]:not(:checked) + .label-cb:before,
    [type="checkbox"]:checked + .label-cb:before { width: 18px; height: 18px; }
    /*HOME PAGE NEW*/
    .homepage-wrapper { background: url('../Images/Homepage/svg/NEW_BG1920.png') no-repeat bottom; background-attachment: fixed; background-size: 100% 900px; min-height: 900px; }

    .homepage-desktop-wrapper .homepage-cont { width: 975px; /*margin: auto;*/ display: inline-block; margin-left: 25px; }

    .homepage-desktop-wrapper > div { }

    .homepage-cont .homepage-comp ul { padding: 0; margin: 0; }

    .homepage-cont .homepage-comp { padding: 15px 14px 15px 0; margin-left: inherit; margin-right: inherit; }

    .gifter comp { padding: 25px 14px 25px 0; margin-left: inherit; margin-right: inherit; }

    .homepage-cont .homepage-comp > div { display: table-cell; }

    .homepage-cont .homepage-comp .comp-headline { vertical-align: middle; width: 200px; margin: auto 0; }

        .homepage-cont .homepage-comp .comp-headline + div { border-right: 1px solid #fff; padding-right: 24px; padding-left: 10px; /*max-width: 690px;*/ }

    .homepage-cont .homepage-comp h2 { width: 100px; margin: 0; font-weight: 300; line-height: 1; }

    .homepage-cont .homepage-comp.covers-comp li { display: inline-block; /*width: 50%;*/ }

        .homepage-cont .homepage-comp.covers-comp li.heart:before { width: 39px; }

        .homepage-cont .homepage-comp.covers-comp li.home:before { width: 35px; }

        .homepage-cont .homepage-comp.covers-comp li.afterClickPolicy:before { background: none; width: 0; }

        .homepage-cont .homepage-comp.covers-comp li > div { margin-left: 60px; }

        .homepage-cont .homepage-comp.covers-comp li .policies-div { margin-right: 60px; }

            .homepage-cont .homepage-comp.covers-comp li .policies-div > span > span:nth-child(2) { width: 120px; padding-right: 10px; }

            .homepage-cont .homepage-comp.covers-comp li .policies-div > span > span:first-child { height: 40px; }

    .homepage-cont .homepage-comp .comp-headline .comp-icon { /*height:65px;*/ }

    /*Bottom Drawer*/
    .drawer.animate-slide { display: none !important; }

    .homepage-cont .homepage-comp .comp-headline .comp-icon-wrapp { width: 70px; }

    .homepage-cont .homepage-comp.personal-comp .comp-headline .comp-icon { width: 54px; }

    .homepage-comp.personal-comp p > span:not(:first-child) { border-right: 1px solid #fff; padding-right: 10px; }

    .homepage-comp.personal-comp p > span:first-child { display: inline-block; }

    .homepage-comp.personal-comp p > span:not(:first-child) { padding-right: 10px; }

    .homepage-comp.personal-comp p > span:nth-child(2) { border-left: none; }

    .homepage-cont .homepage-comp.balance-comp .comp-headline .comp-icon { width: 43px; }

    .homepage-cont .homepage-comp.covers-comp .comp-headline .comp-icon { width: 46px; }

    .homepage-cont .homepage-comp.status-comp .comp-headline .comp-icon { width: 46px; height: 70px; }

    .homepage-cont .homepage-comp p { font-size: 21px; font-size: 21px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: normal; }

    .homepage-cont .homepage-comp .total-balance { font-size: 50px; line-height: 60px; }

    .homepage-cont .homepage-comp .personal-link { line-height: 30px; font-size: 17px; }

    .homepage-cont .homepage-comp .pnia-div p:first-child { display: block; }

    .homepage-cont .homepage-comp .pnia-div .pnia-subject > span { display: inline-block; }

    .homepage-cont .homepage-comp .pnia-div li > p:last-of-type { line-height: 10px; margin-top: 15px; }

    .homepage-cont .homepage-comp .pnia-div li { /*margin-top:30px;*/ }

    .div-inline { display: inline-block; vertical-align: top; }

    .homepage-cont .homepage-comp.covers-comp li { font-size: 21px; }

    .homepage-cont .homepage-comp .balance-det-div { font-size: 20px; min-width: 140px; vertical-align: super; }

    .chart-cont { width: 200px; }

    .rect-icon { height: 45px; width: 4px; border-radius: 3px; }

    .homepage-comp .highcharts-container { left: -27px; bottom: 8px; }

    .gifter-comp.homepage-comp .highcharts-container { left: 0px; }

    .homepage-cont .homepage-comp.gifter-comp .comp-icon { background: url('../Images/Homepage/gift-icon@3x.png') no-repeat; background-size: cover; }

    .homepage-comp.pension-comp .highcharts-container { }

    .homepage-comp.pension-comp .chart-cont { height: 140px; }

    .homepage-cont .homepage-comp .regular { font-size: 10px; width: 90%; margin-right: 200px; border-right: 1px solid #fff; padding-right: 24px; padding-left: 10px; /* max-width: 690px; */ margin-top: -30px; }


    .homepage-cont .homepage-comp .data-date { font-size: 15px; width: 278px; }


    .homepage-cont .homepage-comp .itra { font-size: 21px; /*max-width: 260px;*/ }

    .homepage-cont .homepage-comp.pension-comp .total-balance { width: 290px; }

    .homepage-cont .homepage-comp.pension-comp h4, .homepage-cont .homepage-comp.pension-comp h3 { font-size: 21px; }

    .homepage-cont .homepage-comp.pension-comp .itra { margin-bottom: 16px; }

    .homepage-cont .homepage-comp .pension-expected-div { margin-bottom: 15px; }

        .homepage-cont .homepage-comp .pension-expected-div ul li { width: 300px; }

            .homepage-cont .homepage-comp .pension-expected-div ul li:not(:first-child) { padding-right: 42px; }

    .homepage-cont .homepage-comp.pension-comp .pension-date, .homepage-cont .homepage-comp.loan-comp .loan-date { font-size: 15px; }

    .homepage-cont .homepage-comp.pension-comp .pension-expected-title { clear: both; margin-bottom: 21px; }

    .homepage-cont .gifter-comp .homepage-comp.balance-comp .itra, .homepage-cont .homepage-comp.saving-child-comp .itra { max-width: 376px; }




    .homepage-cont .homepage-comp.loan-comp .balance-titles div:first-child { min-height: 180px; }

    .homepage-cont .homepage-comp.loan-comp .loan-date { font-size: 15px; }

    .homepage-cont .homepage-comp .comp-headline .comp-icon { width: 50px; height: 52px; }

    .homepage-cont .homepage-comp .comp-headline .comp-icon-nihulTikum { width: 50px; height: 52px; }

    .homepage-cont .homepage-comp.gifter-comp .comp-headline .comp-icon { width: 60px; }

    .homepage-desktop-wrapper { width: 1280px; margin: auto; position: relative; padding-top: 70px; }

    .homepage-cont .homepage-comp:last-child { margin-bottom: 30px; }

    .iwant-cont .iwant-desktop { display: block; }

    #iwantwrapperdiv { display: none; }

    .iwant-cont { display: inline-block; /*position:absolute;
       top:0;*/ vertical-align: top; width: 202px; text-align: center; direction: rtl; }

        .iwant-cont h4 { font-size: 26px; font-family: rubik-bold; color: #213f99; margin: 0; line-height: 48px; }

        .iwant-cont ul li { list-style: none; margin-bottom: 30px; }

            .iwant-cont ul li a { text-decoration: underline; font-size: 19px; color: #213f99; float: right; }

            .iwant-cont ul li button { height: 47px; background: #596fb3; border: 1px solid #596fb3; font-size: 19px; line-height: 47px; width: 100%; cursor: pointer; color: #fff; }

                .iwant-cont ul li button:hover, .iwant-cont ul li button:focus { background: #213f99; border: 1px solid #213f99; }

        .iwant-cont ul { padding: 0; }

    .homepage-cont .modal-content { width: 900px; padding: 45px 130PX; margin-top: 40px; }

        .homepage-cont .modal-content h1 { font-size: 35px; }

        .homepage-cont .modal-content label { font-size: 19px; margin-bottom: 30px; }

        .homepage-cont .modal-content .radio-div { margin-bottom: 20px; }

        .homepage-cont .modal-content .maslul label, .contact-us .modal-content.seker-div label { width: 30%; }

        .homepage-cont .modal-content .mutav label:nth-child(2n+1) { width: 350PX; }

    .contact-us .modal-content input[type='checkbox']:after { }

    .contact-us .modal-content input[type='checkbox']:checked:after { top: -6px; }

    .homepage-cont .modal-content .mutav label:nth-child(2n) { width: 230PX; }

    .popup-reg .dx-texteditor.dx-tagbox, .product-psagot { font-size: 19px; }

    .popup-reg .dx-dropdowneditor-input-wrapper.dx-selectbox-container { height: 51px; }

    .homepage-cont .modal-content .popup-close { }

        .homepage-cont .modal-content .popup-close:after { }

    .homepage-cont .modal-content .general-button { width: 107px; margin-top: 44px; }

    .homepage-cont .homepage-comp.status-comp .pnia-div { width: 672px; }

    .homepage-cont .homepage-comp .total-balance { font-size: 50px; line-height: 65px; }

    .border-right { border-right: 1px solid white; padding-right: 67px; margin-right: 20px; }

    .floating-right { float: right; }

    .floating-left { float: left; }

    .homepage-cont .homepage-comp .floating-left { margin-right: 46px; }

    .homepage-cont .homepage-comp .pnia-div .pnia-subject > span:first-child { border-left: 1px solid white; padding-left: 8px; }

    .homepage-cont .homepage-comp.status-comp .upload-but { width: 190px; height: 45px; font-size: 21px; }
    /*contact us*/
    .homepage-cont .modal-content input[type='radio']:after, .contact-us .radio-div2 input[type='radio']:after, .homepage-cont .modal-content input[type='radio']:checked:after, .contact-us .radio-div2 input[type='radio']:checked:after { top: -2px; }

    #personal-det.contact-us .personal-container { width: 1080PX; BOX-SIZING: BORDER-BOX; padding: 25px 55px; }

    #personal-det.contact-us .title-iwant { color: #213f99; font-size: 25px; }

    .popup-reg .title-iwant { font-size: 25px; line-height: 35px; }

    .contact-us .radio-div2 label { font-size: 19px; width: 170px; }

    #personal-det.contact-us .bg-grad { float: left; background: linear-gradient(179deg, transparent 79%, #fff 80%), linear-gradient(to right, rgba(33, 63, 153, 0.2), rgba(107, 189, 156, 0.2)) no-repeat; }

    #personal-det.contact-us .bg-grad { background-size: 100% 185px; background-repeat: no-repeat; }

    #personal-det.contact-us h1, h1.my-title { font-size: 35px; line-height: 42px; font-family: Rubik-Regular; font-weight: 500; }

    #personal-det.contact-us h2, h2.my-title { font-size: 19px; line-height: 25px; width: 500px; }

    #personal-det.contact-us .hour-div legend, #personal-det.contact-us h3 { font-size: 19px; }

    #personal-det.contact-us h1 > span { display: inline-block; }

    #personal-det.contact-us .radio-div1 label { width: 50%; float: right; }

    #personal-det.contact-us .radio-div label { width: 25%; float: right; }

    #personal-det.contact-us .radio-div1 :not(:last-child), #personal-det.contact-us .radio-div :not(:last-child) { border-bottom: none; border-left: 1px solid #8a8c8f; }

    #personal-det.contact-us .radio-div1 > label { box-sizing: border-box; }

    #personal-det.contact-us .radio-div1 :last-child { padding-right: 55px; }

    #personal-det.contact-us .contact-us-but { font-size: 35px; line-height: 42px; font-family: Rubik-Regular; }

    #personal-det.contact-us .radio-div1 .contact-us-but.suggest-but { text-align: left; padding-left: 55px; box-sizing: border-box; width: 420px; float: left; }

    #personal-det.contact-us .contact-us-but.info-but { text-align: right; }

    #personal-det.contact-us .dx-textarea .dx-texteditor-container { height: 125px; font-size: 19px; }

    #personal-det.contact-us .dx-texteditor-container { font-size: 19px; }

    #personal-det.contact-us .confirm-div > div { margin-left: 0; }

    #personal-det.contact-us .radio-div label > .hour-span { background-position: center top; }

    #personal-det.contact-us .radio-div label > span { text-align: center; padding-right: 0; }

    #personal-det.contact-us .radio-div label > input + span { height: 85px; line-height: 140px; }

    #personal-det.contact-us .radio-div label { height: 85px; }

    #personal-det.contact-us .dx-fieldset { width: 795px; }

    #personal-det.contact-us .label-cb { padding-right: 36px; font-size: 16px; line-height: 18px; color: #666666; }

    #personal-det.contact-us .details-form { margin-top: 0; }

    #personal-det.contact-us .info-div { padding: 25px 0 5px; }

    #personal-det.contact-us .info-title { font-size: 19px; }

    #personal-det.contact-us .div-visible { visibility: hidden; display: block; }

    #personal-det.contact-us .agree { margin-top: 60px; }

    #personal-det.contact-us .hour-div { margin-top: 50px; }

    .dx-scrollview-content { font-size: 19px; }

    #personal-det.contact-us .general-button { width: 130px; }

    #personal-det.contact-us .general-button-contactus { height: 50px; width: 131px; font-size: 19px; }

        #personal-det.contact-us .general-button-contactus #slickloader { margin-top: -7px; }

    #personal-det.contact-us [type="checkbox"]:checked + .label-cb:after { right: 4px; }

    #personal-det.contact-us .step-progress-bar { width: 100%; }

    #personal-det .modal-content.seker-div { height: 489px; }

    #personal-det.contact-us .seker-div p { font-size: 10px; line-height: 15px; }

    #personal-det.contact-us .seker-div .progressbar li { left: 90px; width: 80px; }

    #personal-det.contact-us .seker-div .radio-div2 { margin-top: 46px; min-height: 132px; }

        #personal-det.contact-us .seker-div .radio-div2 label { font-size: 19px; color: #404449; }

            #personal-det.contact-us .seker-div .radio-div2 label > input { margin-left: 10px; }

    #personal-det.contact-us .modal-content.thanks-div p:first-of-type { padding-bottom: 45px; font-size: 19px; }

    #personal-det.contact-us .modal-content .general-button { width: 130px; height: 50px; font-size: 19px; }

        #personal-det.contact-us .modal-content .general-button.thanks-popup-button { width: 194px; height: 50px; }

    #personal-det.contact-us.contactus-thanks-popup-undeline { width: 404px; height: 1px; margin-top: 176px; margin-bottom: 163px; margin-right: 115px; margin-right: 115px; margin-left: 115px; }

    #personal-det .modal-content.seker-div.contactus-thanks-popup { height: 339px; width: 634px; margin-top: 282px; }

    #personal-det.contact-us .modal-content h1 { font-size: 35px; }

    #personal-det.contact-us .modal-content.seker-div .kids-age label { width: 25%; }

    #personal-det.contact-us .modal-content .family-status label { width: 33%; }

    #personal-det.contact-us .modal-content.thanks-div p:nth-of-type(2) { padding-right: 55px; padding-left: 55px; font-weight: 400; margin-bottom: 34px; margin-top: 45px; }

    #personal-det.contact-us .progressbar li { right: 42px; left: unset; }

        #personal-det.contact-us .progressbar li:after { top: 11px; }

        #personal-det.contact-us .progressbar li:before { width: 22px; height: 22px; line-height: 22px; }

    #New-footer { width: 100%; min-height: 220px; font-family: Rubik-Medium; font-size: 15px; color: #ffffff; background-color: #213f89; box-sizing: border-box; padding-right: 0; }

    #New-footer-content { width: 1280px; overflow: auto; margin: 0 auto; }

    #New-footer #footer-nav { direction: rtl; overflow: auto; }

    #New-footer #nav { list-style-type: none; margin: 0; padding: 0; padding-top: 60px; line-height: 15px; overflow: auto; }

    #New-footer #footer-nav #nav li a { font-size: 15px; font-family: Rubik-Regular; }

    #New-footer #footer-nav #nav li { float: right; margin-left: 25px; }

        #New-footer #footer-nav #nav li.stroke { width: 1px; height: 25px; border-right: solid 1px #ffffff; position: relative; margin-top: -5px; }

    #New-footer #New-footer-divider { width: 100%; height: 38px; }

        #New-footer #New-footer-divider #divider { width: calc(100% - 120px); border-bottom: 1px solid #ffffff; float: right; margin-top: 50px; overflow: auto; }

    #New-footer #divider-logo { float: right; /*width:35%;*/ background-color: transparent; margin-right: 12px; margin-top: 33px; height: 30px; }

    #New-footer #New-footer-lock { width: 100%; direction: rtl; box-sizing: border-box; margin-top: 20px; overflow: auto; }

        #New-footer #New-footer-lock img { width: 10px; height: 13px; float: right; }

        #New-footer #New-footer-lock p { width: 100px; display: inline-block; margin: 0; padding: 0; margin-right: 6px; float: right; }

    /*I Want*/
    .iwantwrapper { right: 217px; }

    .iwantwrapper-open { width: 1040px; }

    .iwantwrapper-closed { width: 170px; height: 65px; }

    .iwantwrapper .iwantheader-text-shared { font-size: 21px; line-height: 21px; }

    .iwantheader-text { right: 20px; bottom: 22px; }

    .iwantwrapper .iwantheader-plus { height: 20px; width: 20px; left: 20px; bottom: 22px; cursor: pointer; }

    .iwantwrapper .iwantheader-x { height: 16px; width: 16px; left: 16px; bottom: 23px; cursor: pointer; }

    .iwantwrapper .iwantitemlist { right: 100px; bottom: 14px; width: 880px; top: auto; margin: 0; }

    .iwantwrapper .iwantitems { display: inline-block; height: 35px; width: 210px; float: right; margin: 0 10px 10px 0; }

        .iwantwrapper .iwantitems > a:hover { color: #ffffff; background-color: #213f99; }

    .iwantwrapper-fixed-stop { position: relative; bottom: 0; right: 217px; float: right; }

    .clearfix-desktop::after { content: ""; display: table; clear: both; height: auto; }
    /*nav bar*/
    #mainWrapper { display: flex; flex-direction: row-reverse; display: -webkit-flex; -webkit-flex-direction: row-reverse; flex-flow: row wrap; }

    #homeHeader #N_rightMenu { display: none; }

    #rightNav { width: 0; flex: 0 0 auto; width: 200px; background-color: #596fb3; text-align: right; color: #fff; order: 2; position: inherit; z-index: inherit; display: none; }

    #center-container { flex: 1; order: 1; }

        #center-container.center-div { flex: 1 100%; }

    #footerDiv { flex: 1 110%; order: 3; }

    #personal-det.contact-us.reports #MyMessages .select-year { width: 100px; }

    #personal-det.contact-us.reports select.general-select.select-claim { width: 170px; }

    #personal-det.contact-us.reports .table-inbox { margin-top: 30px; width: 1016px; }

    #personal-det.contact-us.reports .panel-select * { margin-top: 0; margin-left: 30px; font-size: 17px; }

    #personal-det.contact-us.reports .inbox-view .general-select.select-prod, #personal-det.contact-us.reports select.general-select.select-claim { width: 200px; }

    #personal-det.contact-us.reports .panel-select .general-button-inbox { font-size: 17px; font-weight: 400; line-height: 19px; width: 70px; height: 40px; }

    #personal-det.contact-us.reports .form { min-height: 630px; }

    #personal-det.contact-us.reports .radio-div1 label > span { width: 245px; }

        #personal-det.contact-us.reports .radio-div1 label > span:last-child { width: 400px; }

    #personal-det.contact-us.reports .contact-us-but.info-but { width: 145px; }

    #personal-det.contact-us.reports .radio-div1 .contact-us-but.suggest-but { text-align: right; padding-top: 5px; }

    #personal-det.contact-us.reports .contact-us-but.info-but.contact-us-report { /* margin-top: -15px; */ padding-top: 5px; padding-right: 88px; margin-right: 25px; }

    #personal-det.contact-us.reports .details-form { margin-bottom: 0; }

    #personal-det.contact-us.reports .agree label { width: 100%; }

    #personal-det.contact-us.reports .agree { font-size: 17px; }

        #personal-det.contact-us.reports .agree .btn-address { font-size: 17px; width: 300px; }

        #personal-det.contact-us.reports .agree label { font-size: 17px; }

        #personal-det.contact-us.reports .agree .inbox-agreements-forward-to-personal-details { font-size: 17px; }

        #personal-det.contact-us.reports .agree .span-remove-mailer.span-remove-mailer-holder { margin-bottom: 38px; padding-bottom: 58px; }

    #personal-det.contact-us.reports .btn-link { width: 240px; }

    #personal-det.contact-us.reports .agree { margin-bottom: 100px; }

    #personal-det.contact-us.reports .Mobile-view { display: table-cell; text-align: center; }

    #personal-det.contact-us.reports .productnbopagewrapper { box-sizing: border-box; padding-right: 200px; display: block; }

    #personal-det.contact-us.reports .personal-container { width: 1126px; }

    #personal-det.contact-us.reports .contact-us-but.suggest-but { padding-right: 70px; }

    #personal-det.contact-us.reports ul.Reports-Tabs { margin: 5px; padding: 0; height: 32px; direction: rtl; width: 100%; display: block; border: none; }

        #personal-det.contact-us.reports ul.Reports-Tabs span.report-icon { background-image: url('/Images/Inbox/svg/report_active.svg'); background-repeat: no-repeat; height: 80px; display: block; width: 40px; float: right; }

        #personal-det.contact-us.reports ul.Reports-Tabs li { float: right; margin: 0; cursor: pointer; height: 31px; line-height: 31px; color: #ccc; overflow: hidden; width: 382px; height: 80px; padding-right: 100px; padding-top: 10px; }

            #personal-det.contact-us.reports ul.Reports-Tabs li hr { width: 1px; height: 100px; position: relative; background: #8a8c8f; color: black; margin-top: -45px; float: left; top: 5px; }

    #personal-det.contact-us.reports .bg-grad { float: none; background-size: 100% 185px; }

    #personal-det.contact-us.reports ul.Reports-Tabs li.active { display: block; }

    #personal-det.contact-us.reports .tab_container { clear: both; float: right; width: 100%; background: #fff; }

    #personal-det.contact-us.reports .tab_content { display: none; padding-bottom: 20px; }

    #personal-det.contact-us.reports .tab_drawer_heading { display: none; }

    #personal-det.contact-us.reports .Reports-Tabs li.active label span button { color: #3e806b !important; }

    #personal-det.contact-us.reports .Reports-Tabs li.active label span.suggest-but { background: url('/Images/Inbox/svg/report_active.svg') no-repeat right; }

    .report-tab { display: block; float: right; width: 50px; height: 60px; }

    .report-tab-report-icon { background: url('/Images/Inbox/svg/report.svg') no-repeat; }

    .Reports-Tabs li.active button { color: #3e806b !important; }

    .Reports-Tabs li.active span.report-tab-report-icon { background: url('/Images/Inbox/svg/report_active.svg') no-repeat; }

    .Reports-Tabs li button { color: #8a8c8f !important; }

    .report-tab-messege-icon { background: url('/Images/Inbox/svg/messges.svg') no-repeat; width: 70px; height: 50px; }

    .Reports-Tabs li.active span.report-tab-messege-icon { background: url('/Images/Inbox/svg/messges_active.svg') no-repeat; }

    .Reports-Tabs li button { color: #8a8c8f !important; }

    #hr-reports { display: none; }

    #personal-det.contact-us.reports ul.Reports-Tabs li.tab_last { margin-right: 50px; padding-right: 0; }


    #personal-det.contact-us.reports .contact-us-but.suggest-but { background-size: auto; }

    #personal-det.contact-us.reports .Reports-Tabs li.active label span.contact-us-report { background: url('/Images/Inbox/svg/messges_active.svg') no-repeat right; }

    #personal-det.contact-us.reports label.tab_drawer_heading.d_active span button { color: #3e806b !important; }

    #personal-det.contact-us.reports label.tab_drawer_heading.d_active span.suggest-but { background: url('/Images/Inbox/svg/report_active.svg') no-repeat right; }

    #personal-det.contact-us.reports label.tab_drawer_heading.d_active span.contact-us-report { background: url('/Images/Inbox/svg/messges_active.svg') no-repeat right; }

    #personal-det.contact-us.reports ul.Reports-Tabs li.contact-us-report { padding-right: 25px; }

    #personal-det.contact-us.reports .tab_drawer_heading { display: none; }

    #personal-det.contact-us.reports #btnMesseges { width: 340px; margin-right: 0; }

    #personal-det.contact-us.reports #btnreport { width: 370px; margin-right: 0; }

    #docouments-wrapper .bg-grad { background-size: 100% 131px; }

    #docouments-wrapper .personal-container { padding: 16px 220px 0; }

    #docouments-wrapper.docouments-wrapper-div h1 { font-size: 35px; font-weight: 300; }

    #docouments-wrapper.docouments-wrapper-div h2 { font-size: 19px; }

    #docouments-wrapper.docouments-wrapper-div #MyDocouments { width: 1017px; margin: 0 auto; margin-top: 100px; padding-right: 0; }

        #docouments-wrapper.docouments-wrapper-div #MyDocouments .panel-select { margin-top: 75px; }

            #docouments-wrapper.docouments-wrapper-div #MyDocouments .panel-select * { margin-top: 0; margin-left: 30px; font-size: 17px; }

            #docouments-wrapper.docouments-wrapper-div #MyDocouments .panel-select .general-button { font-size: 17px; font-weight: 400; line-height: 19px; width: 100px; }
    /*///////Accordion//////////////*/
    #docouments-wrapper .Accordion .N-ArrowDown { margin-top: 5px; }

    #docouments-wrapper.docouments-wrapper-div #MyDocouments .Mobile-view { display: table-cell; text-align: center; }

    #docouments-wrapper .Accordion { width: 100%; max-height: 77px; min-height: 77px; background: #ffffff; margin: 50px auto; margin-bottom: 70px; }

        #docouments-wrapper .Accordion .Accordion-titel { margin-top: 24px; }

    #docouments-wrapper # loans .Accordion .Accordion-Content { margin: 0; padding: 0; width: 100%; float: right; direction: rtl; font-family: Rubik-Light; }

    #docouments-wrapper .Accordion.accordion-item-open { max-height: 900px; }
    /*///////Accordion//////////////*/
    #docouments-wrapper.docouments-wrapper-div #MyDocouments .table-inbox { margin-top: 30px; width: 1016px; }

    #docouments-wrapper.docouments-wrapper-div #MyDocouments .Mobile-view { display: table-cell; text-align: center; }

    #docouments-wrapper .productnbopagewrapper { box-sizing: border-box; padding-right: 200px; display: block; }

    .modal-content.popup-transfer-to-easysend-wait-div .title-iwant-pop-up, .modal-content.popup-transfer-to-easysend-wait-error-div .title-iwant-pop-up, .modal-content .popup-transfer-to-easysend-no-funds-div { line-height: 55px; font-size: 35px; }

    .homepage-comp { display: flex !important; }

    .comp-headline { flex-grow: 0; }

    .homepage-cont .homepage-comp > div.balance-content { display: flex; flex-direction: row; flex-grow: 2; }

    .chart-cont { width: 173px; flex-grow: 1; }

    .balance-titles { flex-grow: 1; }

    .balance-det-cont { flex-grow: 0; margin-left: 10px; display: flex; flex-direction: row; margin-top: -11px; }

    .gift-det-cont { flex-grow: 0; margin-left: 10px; display: flex; flex-direction: row; margin-top: 21px; }

    .pension-comp .balance-det-cont { display: inherit; }

    .balance-content { display: flex; }

    .flex-grow-0 { flex-grow: 0; }

    .flex-grow-1 { flex-grow: 1; }

    menu-pie { flex-grow: 0; margin: auto; }

    .homepage-cont .pie-menu { flex-wrap: wrap; margin-left: 0; flex-direction: row-reverse; }

    .homepage-cont .homepage-comp .balance-det { margin-left: 0; }


    /* START EndOfEmploymenUpdateStatus*/

    #endOfEmploymentPopUpContent { width: 766px; height: 439px; position: absolute; top: 19%; left: 50%; transform: translate(-50%, -50%); }

        #endOfEmploymentPopUpContent #closePopUp { font-size: 26px; right: 14px; top: 14px; width: auto; height: auto; }

        #endOfEmploymentPopUpContent .title { margin-top: 45px; font-size: 35px; margin-bottom: 30px; }

        #endOfEmploymentPopUpContent .text { width: 505px; font-size: 25px; line-height: 40px; margin-bottom: 51px; }

        #endOfEmploymentPopUpContent .button { width: 170px; height: 50px; font-size: 19px }

        #endOfEmploymentPopUpContent .buttonWraper { width: 474px; }

    #successPopUpContainer #successPopUpBox { width: 601px; height: 300px; }

    #successPopUpContainer #textpopUpSuccess { font-size: 30px; width: 306px; line-height: 44px; height: 71px; display: flex; align-items: center; }

    #successPopUpContainer .returnHomePargeBtn { margin-top: 0; width: 185px; height: 55px; line-height: 55px; font-size: 21px; }

    #UpdEndEmployementWraper #nameOfEployerBox .nameOfEployerText { font-size: 21px; }

    #UpdEndEmployementWraper { min-height: 900px; position: relative; max-height: 1085px; height: 1079px; }

        #UpdEndEmployementWraper #BgGrad { background: linear-gradient(179deg, transparent 79%, #fff 80%), linear-gradient(to right, rgba(33, 63, 153, 0.2), rgba(107, 189, 156, 0.2)) no-repeat; height: 165px; }

        #UpdEndEmployementWraper #line { width: 996px; margin-bottom: 40px }

        #UpdEndEmployementWraper #title { font-size: 35px; line-height: 165px; }

        #UpdEndEmployementWraper #bodyWraper { display: block; padding: 0 31px; }

        #UpdEndEmployementWraper #text { width: 100%; font-size: 21px }

            #UpdEndEmployementWraper #text label { width: 100% }


    #successPopUpContainer .returnHomePargeBtn { margin-bottom: 0 }

        #successPopUpContainer .returnHomePargeBtn:first-child { margin-left: 88px; margin-bottom: 0 }

    #UpdEndEmployementWraper .titels, #UpdEndEmployementWraper .buttons .btnStyle { font-size: 21px; width: 152px; }

    #UpdEndEmployementWraper .titels { float: right; width: 100%; }

    .employeryListBox .general-select { width: 428px; height: 55px; font-size: 21px; }

    #UpdEndEmployementWraper .dateBoxButtons .general-select, .general-button { width: 100px; }

    #UpdEndEmployementWraper .dateBox .dateBoxButtons { width: auto }

    #UpdEndEmployementWraper #btn_update_box { position: absolute; width: auto; bottom: 0; right: 30px; }

        #UpdEndEmployementWraper #btn_update_box #btn_update { width: 150px; height: 50px; font-size: 21px; }

    #successPopUpContainer #successPopUpBox #btns { width: auto }
    /* END EndOfEmploymenUpdateStatus*/
}

@media only screen and (min-width: 1025px)and (max-device-width: 1280px) {
    .header, #headerCointainer .topLine #tabs, #bottomBox { width: 100%; }
}

.up-arrow { display: inline-block; position: absolute; border: 2px solid #213f99; text-decoration: none; border-radius: 2px; padding: 35px 0px 30px 0px; width: 332px; text-align: right; background-color: #fff; direction: rtl; z-index: 999; }

    .up-arrow:before { content: ''; display: block; position: absolute; left: 259px; bottom: 100%; width: 0; height: 0; border: 19px solid transparent; border-bottom-color: #213f99; }

    .up-arrow:after { content: ''; display: block; position: absolute; left: 262px; bottom: 100%; width: 0; height: 0; border: 16px solid transparent; border-bottom-color: white; }

    .up-arrow label { Font-Family: Rubik-Medium; Font-Size: 20px; Color: #213f99; padding: 0 30px 0 30px; }

    .up-arrow .bottom-tooltip button { Font-Size: 20px; border: 2px solid #213f99; height: 50px; width: 175px; cursor: pointer; }

    .up-arrow button:active { Color: #fff; border: 2px solid #213f99; background: #213f99; }

.messages-labels { background-color: #e9ecf5; Font-Family: Rubik-Regular; Font-Size: 17px; Color: #404449; margin-top: 20px; margin-bottom: 50px; }

    .messages-labels > div { height: 42px; border-bottom: 2px solid #fff; padding: 0 30px 0 30px; line-height: 42px; overflow: hidden; cursor: pointer; }

.bottom-tooltip { text-align: center; }
