img#toggle_menu {
    position: absolute;
    left: -50px;
    top: 10%;
    border: 1px solid;
    display: block;
    height: 35px;
    width: 35px;
    border-radius: 20px;
    padding: 3px;
    background: white;
    z-index: 9999999999999999;
    cursor: pointer;
}

div#other_reports {
    position: absolute;
    bottom: 85px;
    width: 100%;
    padding: 0 25px;
}

#gkContentWrapper.noIntro {
	padding:0 !important;
}

#gkTop, #topBanner {
	display:none !important;
}

#mainContent h4 span#totalSum{
	margin-top: 10px;
	margin-bottom: 10px;
}

div#heroBanner {
    height: 148px;
    background-color: var(--black);
    color: white;
    font-size: 32px;
    font-weight: 800;
    padding-right: 159px;
    line-height: 148px;
	background-size:cover;
	background-position:right top;
}

#menuBar {
    width: 243px;
    height: 100vh;
    box-shadow: 0 2px 20px 0 rgba(182, 178, 178, 0.5);
    background-color: var(--white);
	position:fixed;
	text-align:center;
	z-index:9999;
	right: -243px;
	transition: .4s;
}

#menuBar.active {
	right:0;
}

#mainPage table tbody tr td {
	position:relative;
	direction: rtl;
}

img#sidemenuLogo {
    margin: 0 auto;
	width:123px;
	max-width:95%;
	margin-top:17px;
}

ul#sidebarMenu {
    margin-top: 110px;
    text-align: right;
}

li.sidebarMenuItem {
	padding: 0;
}

li.sidebarMenuItem a {
	font-size: 14px;
	font-weight: bold;
	line-height:1.64;
	color: #8a96a0 !important;
	background-position:right center;
	background-repeat:no-repeat;
	background-size:20px;
	padding:4px 5px 16px 0;
	display:inline-block;
	max-width:75%;
}

ul.child {
    padding-right: 30px;
}

ul.child li.sidebarMenuItem a {
	padding:04px 5px 16px 0;
}

.sidemenuIcon {
    width: 20px;
    vertical-align: text-top;
    height: inherit;
    display: inline-block;
    margin-top: 4px;
}

li.sidebarMenuItem:hover > .sidemenuIcon path,
li.sidebarMenuItem.active > .sidemenuIcon path,
li.sidebarMenuItem:hover > .sidemenuIcon g,
li.sidebarMenuItem.active > .sidemenuIcon g {
	fill: var(--turquoise) !important;
}

li.sidebarMenuItem:before {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	height: 23px;
	width:20px;
	content: "";
	text-align:center;
}

li.sidebarMenuItem.active > a,
li.sidebarMenuItem.active,
li.sidebarMenuItem:hover > a,
li.sidebarMenuItem:hover {
	color: var(--turquoise) !important;
	
}

li.sidebarMenuItem.active:before,
li.sidebarMenuItem:hover:before {
	content: "•";
}

a#sidemenuBackToClients {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    bottom: 28px;
    width: 100%;
    right: 0;
    text-align: right;
    padding-right: 25px;
	margin-right:25px;
	background-position:right center;
	background-repeat:no-repeat;
	background-size:20px;
	background-image: url('/images/assets/arrow-2.png');
}

#menuBar + #mainPage {
    display: inline-block;
    width: calc(100%);
	vertical-align:top;
	float:left;
	transition: .4s;
}

#menuBar.active + #mainPage {
	width: calc(100% - 243px);
}

div#mainContent {
    padding-right: 50px;
    padding-top: 39px;
	padding-left:50px;
    width: 100%;
    max-width: 1100px;
    box-sizing: border-box;
    background-color: #fafafa;
	padding-bottom: 50px;
}

div#printCon {
    float: left;
	position:relative;
}

#printPage {
	cursor:pointer;
}

div#printMenu {
    position: absolute;
    box-shadow: 0 8px 20px 0 rgba(127, 127, 127, 0.5);
    background-color: var(--white);
    width: 148px;
    left: 0;
	text-align:center;
	display:none;
    z-index: 99999;
}

#printThisReport {
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.92;
	letter-spacing: normal;
	color: var(--black);
	border-bottom: solid 1px #ced9e6;
	cursor:pointer;
}

#printFullReport, #printReportCover {
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.92;
	letter-spacing: normal;
	color: #8a96a0;
	cursor:pointer;
	border-bottom: solid 1px #ced9e6;
}

#printFullNewReport {
	padding: 7px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.92;
	letter-spacing: normal;
	color: #0cc2b5;
	cursor:pointer;
}

span#totalSum {
	margin-right:20px;
}

#accordionControllers {
	margin:20px 0;
}

#assetsByClientSpouse {
	margin-top:10px;
}

#accordionOpenAll, #accordionCloseAll {
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.92;
	letter-spacing: normal;
	text-align: right;
	color: #8a96a0;
	display:inline-block;
	margin-left:20px;
	cursor:pointer;
}

#accordionOpenAll:before {
	content : "";
	height: 12px;
	width: 12px;
	display:inline-block;
	background-image:url('/images/private_touch/report/group-3.svg');
	background-repeat:no-repeat;
	background-size:12px;
	background-position:center center;
	margin-left: 10px;
	vertical-align:middle;
}

#accordionCloseAll:before {
	content : "";
	height: 12px;
	width: 12px;
	display:inline-block;
	background-image:url('/images/private_touch/report/rectangle.svg');
	background-repeat:no-repeat;
	background-size:12px;
	background-position:center center;
	margin-left: 10px;
	vertical-align:middle;
}

.accordion {
	display:block;
	margin:20px 0;
}

.accordionHead {
	background-color: #ebebeb;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.61;
	letter-spacing: normal;
	text-align: right;
	color: var(--black);
	padding:12px;
	cursor:pointer;
}

.accordion .accordionHead:before {
	content: "+";
	background-color: var(--turquoise);
	display:inline-block;
	height:27px;
	width:27px;
	border-radius:27px;
	text-align:center;
	line-height:27px;
	font-size:25px;
	color:white;
	font-weight:400;
	float:right;
	vertical-align:sub;
	margin-left:15px;
	margin-top:-4px;
}

.accordion.active .accordionHead:before {
    content: "-";
    line-height: 20px;
    font-size: 40px;
    font-weight: 100;
}

.accordionBody {
	font-size:0;
	background-color:white;
	box-shadow: 0 2px 20px 0 rgba(182, 178, 178, 0.5);
}

.accordion .accordionBody {
	display:none;
}

.accordionBody > * {
	font-size:initial;
}

.halfWidth {
    width: 50%;
    display: inline-block;;
    vertical-align: middle;
}

.halfWidth table {
	float:left;
}

#doughnutCon {
	background: white;
	text-align:center;
	padding:20px;
}

.doughnutCon {
	//height:242px;
	width:242px;
	margin:0 auto;
}

table {
	margin:0 !important;
}

thead {
	background-color: #f7f7f7;
}

thead th {
	background: #f7f7f7;
	border:1px solid #ededed;
	padding: 12px;
	text-align:right;
	font-weight:bold;
	color:black;
}

table tbody tr.boldRow td {
	font-weight:bold;
}

td {
	background-color:white;
	border:1px solid #ededed;
	padding: 12px;
	line-height:16px;
}

td.green {
	color: #35d08c;
}

td.red {
	color: red;
}

tbody {
	background:white;
}

tfoot {
	background-color: #f7f7f7;
}

tfoot tr td {
	background-color: #f7f7f7;
	font-weight:bold !important;
	color:black;
	padding: 12px;
	text-align:right;
	font-weight:normal;
}

.marker {
	/*font-weight:bold;
	background-color:#9cf4ac;
	padding:0 10px;*/
	
    padding: 3px 5px;
    background: #9cf4ac;
    border-radius: 10px 4px 2px 7px;
    box-shadow: 4px 4px 0 #9cf4ac;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    position: relative;
    display: inline-block;
    line-height: 1;
}

.marker b {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform: rotate(-2deg);
	position:relative;
	font-weight:bold;
	display:inline-block;
	direction:ltr;
}

span.graphName {
    display: block;
}

.chartBox {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  margin-left:10px;
  display:inline-block;
  vertical-align:sub;
  float:right;
}

.accordionBody.brayBg {
	box-shadow:none;
	background-color: #fafafa;
	text-align:justify;
	text-align-last:justify;
}

.accordionBody.brayBg > * {
	text-align:right;
	text-align-last:right;
}

.halfTable {
	width: calc(50% - 10px);
	display:inline-block;
	vertical-align:top;
	padding: 20px 0 0 0px;
	box-sizing:border-box;
}

.halfTable table {
	box-shadow:0 2px 20px 0 rgba(182, 178, 178, 0.5);
}

.halfTable thead th {
	background: var(--turquoise);
	border:1px solid var(--turquoise);
	padding: 12px;
	text-align:right;
	text-align:center;
	text-align-last:center;
	font-size:18px;
	font-weight:bold;
	color:white;
	position:relative;
}

.halfTable thead th.spouse {
}

.halfTable thead th.spouse:before {
    content: "מוצר בן / בת זוג";
    display: inline-block;
    position: absolute;
    top: -1px;
    right: -1px;
    color: white;
    font-size: 12px;
    padding: 2px 5px;
}

.halfTable tbody td {
	background-color:white;
	border:1px solid #ededed;
	padding: 5px 12px;
	line-height:16px;
	font-size: 14px;
	text-align:right;
}

.halfTable tbody th {
	border:1px solid #ededed;
	padding: 8px 12px;
	font-weight:bold;
	line-height:16px;
	text-align:right;
}

.halfTable tbody th {
	width: 25%
}

.halfTable tbody td {
	width: 25%;
	direction:ltr;
}

tbody {
	background:white;
}

tfoot {
	background-color: #f7f7f7;
}

tfoot tr td {
	background-color: #f7f7f7;
	font-weight:bold !important;
	color:black;
	padding: 10px;
	text-align:right;
	font-weight:normal;
	direction:ltr;
}

tbody tr td {
	direction:ltr;
	text-align:right;
}

.popupHeader {
	width: 100%;
	padding: 13px 0;
	background-color: #4c4c4c;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.39;
	letter-spacing: normal;
	text-align: center;
	position:relative;
	color: var(--white);
}

.popupHeader span {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.39;
	letter-spacing: normal;
	text-align: center;
	position:relative;
	color: var(--white);
}

.popupHeader img {
	position:absolute;
	top:0px;
	bottom:0;
	right:13px;
	margin:auto;
	height:18px;
	cursor:pointer;
	width:18px;
}

.popupBody {
	background-color:white;
	//padding: 30px;
	max-height:90%;
	padding-top:30px;
}

.popupBody .mCSB_container {
	padding:0 30px 30px 10px;
}

.popupBody .accordionBody {
	display:block;
}

.popupTableCon {
    text-align: right;
    text-align-last: right;
    font-size: 0px;
    display: flex;
    flex-flow: wrap;
}

.popupTableItem > div.popupTableItemValue {
    height: calc(100% - 34px);
}

.popupTableCon > * {
	text-align:right;
	text-align-last:right;
	font-size:initial;
}

.popupTableItem {
    display: inline-block;
    width: 25%;
	margin-bottom: 15px;
	vertical-align:top;
}

.popupTableItem > div {
	  border: solid 1px #ededed;
	  height: auto;
	  line-height: 32px;
	  padding-right: 10px;
}

.popupTableItemTitle {
	background-color: #f7f7f7;
	font-weight:bold;
}

.popupGraphTitle {
	width: 100%;
	background-color: #ebebeb;
	padding: 12px 23px;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	text-align:right;
	line-height: 1.61;
	letter-spacing: normal;
	color: var(--black);
}

.popup tbody tr td {
    font-size: 14px;
    line-height: 16px;
    padding: 7px;
	direction:rtl;
}

#cover {
	background-color: rgba(0,0,0,.7);
	position:fixed;
	height: 100%;
	width:100%;
	top:0;
	left:0;
	cursor:pointer;
	z-index:999;
	display:none;
}

.popup {
    box-shadow: 0 2px 20px 0 rgba(182, 178, 178, 0.5);
    background-color: var(--white);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    max-width: 800px;
    margin: auto auto;
    max-height: 70%;
	display:none;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
	width: 7px;
	//height: 100px;
	border-radius: 5.5px;
	background-color: #abadae !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent !important;
}

.barGraphCon {
    border-radius: 3px;
    box-shadow: 0 2px 20px 0 rgba(182, 178, 178, 0.5);
    background-color: var(--white);
	font-size:0px;
	display:flex;
	margin-top:20px;
}

.barGraphCon > * {
	font-size:initial;
}

.barGraphMain {
	padding: 23px 26px;
	width:70%;
}

.barGraphMain .barGraphMainCon {
	min-height: 300px;
	width:100%;
	display:block;
	margin-top:30px;
}

.barGraphList {
	width:30%;
	padding: 40px 26px 23px 26px;
	border-right: 1px solid #ededed;
}

.barGraphItem {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #8a96a0;
}

.barGraphItem .chartBox {
	height:14px;
	width:14px;
}

#bottomDates {
	margin-top: 50px;
}

.bottomDate {
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.5;
    letter-spacing: normal;
    text-align: right;
    color: #668ca3;
	display:inline-block;
	margin-left:20px;
}

#disclaimer {
	margin-top:20px;
}

#recommendationImg {
	margin:0 auto;
	width:100%;
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

div#profileIcon {
    display: inline-block;
    padding: 27px 33px;
}

div#profileIcon img {
	width: 138px;
	height:138px;
}

div#profileTextCon {
    display: inline-block;
    width: calc(100% - 250px);
}

div#profileTitle {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: right;
    color: var(--black);
	margin-bottom:15px;
}

.pageCon:not(.first) #accordionControllers {
	display:none;
}

div#printCover {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 9999999999;
	//display: none;
}

div#printCoverText {
    z-index: 9999999999999999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 30px;
    color: white;
    position: fixed;
    height: 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

table.twoColumns thead th {
	width:50%;
}

#mainPage table.bigCenter thead th {
	text-align:center;
	font-size: 20px !important;
}

#mainPage table.bigCenter tbody tr td {
	text-align:center;
	font-size: 20px !important;
	padding:20px !important;
}

span.disclaimer {
    text-align: right;
    font-size: 12px;
    display: block;
    margin-top: 25px;
}


#printAll #menuBar, #printAll #printCon, #printAll #accordionControllers {
	display:none;
}

.chartjs-render-monitor {
	max-width:100%;
}

#printAll .barGraphCon {
	max-width:210mm;
}

#printAll .barGraphMain {
	width: 100%;
}

#printAll .barGraphList {
	//width: 40%;
	display:none;
}

#printAll .barGraphItem {
	font-size: 12px;
}

.print_popup {
    page-break-inside: avoid;
}

.print_popup:not(:nth-child(2)) {
	margin-top: 20px;
}

div[id^='finance_products_'] .accordionBody,
div[id^='finance_products_'] .accordionBody {
	border: none !important;
}

span.spouse_title {
    font-weight: bold;
    font-size: 12px;
    padding: 5px 10px 0 0;
    margin-bottom: -10px;
    display: block;
}

.print_popup .popupHeader,
.print_popup .popupGraphTitle {
	display:none;
}

.print_popup .popupBody {
	padding-top:15px;
}

.print_popup .popupBody .mCSB_container {
	padding:0;
}

.print_popup .popupBody .popupTableItem > div {
	line-height: 14px;
	min-height: 20px;
	padding-top:2px;
}

.print_popup .popupBody .popupTableItem {
	margin-bottom: 0;
	font-size: 12px;
	width: 20%;
	line-height: 14px;
	
}

.print_popup .popupTableItem > div.popupTableItemValue {
	height: calc(100% - 14px);
}

.print_popup th, .print_popup td {
	font-size: 12px;
}

.print_popup .accordionBody {
	box-shadow:none;
	margin-top: 10px;
	border:none;
}

tr.openPopup[data-spouse="1"] td:nth-child(2):before {
    content: "מוצר בן / בת זוג";
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 10px;
}

tr.openPopup[data-spouse="1"] td:nth-child(2) {
	padding-top:20px;
}

/* new header design */

div#menuBar.user_report_page {
    width: 100%;
    padding: 5px 20px;
    height: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    right: 0;
    left:0;
}

img#toggle_menu {
    display: none;
}

div#menuBar.user_report_page img#sidemenuLogo {
    margin: 0;
    order: 10;
}

div#menuBar.user_report_page ul#sidebarMenu {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    order: 2;
    gap: 15px;
}

div#menuBar.user_report_page li.sidebarMenuItem.active::before, li.sidebarMenuItem:hover::before {
    display: none;
}

div#menuBar.user_report_page li.sidebarMenuItem:before {
    display: none;
}

div#menuBar.user_report_page li.sidebarMenuItem a {
    padding: 0;
}

div#menuBar.user_report_page li.sidebarMenuItem {
    white-space: nowrap;
}

div#printCon {
    position: fixed;
    left: 20px;
    top: 50px;
    z-index: 9999;
}

div#mainContent {
    padding-top: 85px;
}

div#printMenu {
    z-index: 9;
    background-color: white;
}

div#other_reports {
    position: relative;
    bottom: auto;
    width: auto;
    display: flex;
    order: 3;
    gap: 5px;
}

a#sidemenuBackToClients {
    position: relative;
    bottom: auto;
    width: auto;
    order: 1;
    margin: 0;
}

@media (max-width: 1024px) {
    div#menuBar {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    ul#sidebarMenu {
        order: 11;
        width: 60%;
    }
    
    div#other_reports {
        order: 12;
        padding: 0;
    }

    a#sidemenuBackToClients {
        width: 50%;
    }
    
}

@media (max-width: 800px) {
    
    body div#mainContent {
        padding: 96px 10px 10px;
    }
    
    img#sidemenuLogo {
        display: none;
    }
    
    div#menuBar {
        padding: 5px;
        top: 27px;
    }

    a#sidemenuBackToClients {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: white;
        /*box-shadow: 0 -2px 20px 0 rgba(182, 178, 178, 0.5);*/
        padding: 5px 30px;
        background-position: right 10px center;
        background-size: 16px;
    }

    div#other_reports {
        position: fixed;
        top: 3px;
        z-index: 1;
        left: 10px;
        display: flex;
        width: 50%;
        align-items: center;
        justify-content: flex-end;
    }

    div#other_reports select {
        height: 20px;
        line-height: 20px;
        width: 100px;
    }

    ul#sidebarMenu {
        width: 100%;
        justify-content: center;
    }
    
    .sidemenuIcon {
        width: auto;
        margin: 0;
        height: 20px;
    }
    
    li.sidebarMenuItem {
        display: flex;
        flex-direction: column;
        white-space: break-spaces;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
    }

    ul#sidebarMenu {
            align-items: flex-start;
            gap: 5px;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
        }

    li.sidebarMenuItem a {
        text-align: center;
        line-height: 1.2;
    }
}