#tabPanel, .tabPanel { height:auto; } 
.PanelEmbracerLayout #tabPanel, .PanelEmbracerLayout .tabPanel { overflow:visible; }
#tabPanel .PanelEmbracerLayout, .tabPanel .PanelEmbracerLayout { margin-top:1px; }

/* Container ('the box')*/
#tabPanel .container:not(.chart-target):not(.rowHeaderContainer):not(.info-container) { margin:0.4%; float:left; overflow-y:visible; min-width:200px; padding:0; border-radius:6px; }
#tabPanel .container.info-container, #modalContent .container.info-container { max-width:100%; padding:0; }
#tabPanel .container .maxHeight { max-height: 500px; }
#tabPanel .container .tabPanel {border:0; }

/* Container header related */
#tabPanel .header { min-height: 20px; border-bottom: 1px solid #EEE; background-color:rgb(245, 245, 245);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	padding:5px;
	font-size:1.4em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#tabPanel .header .left { float:left; /*width:300px; */}
#tabPanel .header .right { float:right; }

/* Container body related */
#tabPanel .mainBody .maxHeight { max-height: 388px; }

#tabPanel .boxSettingsPanel a { font-size:1.1em;  }
#tabPanel .boxSettingsPanel i:hover { cursor:pointer; }

/* Body 'sections' related */
#tabPanel .bodyContent { clear:both; }
#tabPanel .content{ /*float:left;*/ padding:0; font-family: Roboto, Segoe UI, Trebuchet MS, verdana, sans-serif; margin-bottom:1px; height:100%; margin:0; }
#tabPanel .boxContent { height:100%; }
/* #tabPanel .bodyContentHeader { color:#1B3367; font-size:18px; margin-bottom:10px;} */
#tabPanel .bodyContentHeader { font-size:1.4em; color:#000; padding:5px; background-color:rgb(245,245,245); }
#tabPanel .bodyContent .trow { clear: both; font-weight:normal; padding:4px 0; }
#tabPanel .trow .left { color:#000;}
#tabPanel .maxWidth{ width:100%;}
#tabPanel .trow .right { float:right; color:#000; }
#tabPanel .trow select{ width:100%; max-width:120px;}

#tabPanel .bodyContent .tlink, #tabPanel .footer .tlink, #tabPanel .bodyContent .ltext, #tabPanel .bodyContent .btn-link { clear: both; font-size:1.1em; margin:5px 0 0; padding:0 0 2px; display:block; position:relative; }
#tabPanel .bodyContent .TableContent  .tlink { display:inline; }
#tabPanel .bodyContentHeader a { font-size:1em; }


#tabPanel .tlink.toggleBoxHeight { font-size:1em; float:right; margin:8px 8px 0 0; display:none; color:var(--font-color); text-decoration:none; font-weight:600 !important; }
#tabPanel .tlink.toggleBoxHeight:hover { cursor:pointer; }

#tabPanel .contentContainer { padding:5px; }
#tabPanel .contentHeader{ font-size:1.2em; color:#6d6d6d; margin-top:20px; }
#tabPanel .linkItemsContainerContainer { float:right; margin-top:2px; }
#tabPanel .linkItemsContainerContainer .tlink { display:inline; }
#tabPanel .contentContainer  .badge { float:right; min-width:3em; font-size:.8em; }
#tabPanel .linkItemsContainerContainer .badge { float:none; }

#tabPanel .linkItemsContainerContainer .linkContainer { float:left; }
#tabPanel .linkItemsContainerContainer > .linkContainer:not(:last-child) { border-right:1px solid #999; padding-right:10px; margin-right:5px; }
/*
#tabPanel .contentContainer > div:not(:last-child),
    #tabPanel .contentContainer > a:not(.btn):not(:last-child),
    #tabPanel .contentContainer > div:not(:last-child)
    #tabPanel .contentContainer .left > a:not(.btn):not(:last-child),
    #tabPanel .contentContainer .left > div:not(:last-child) { border-bottom:1px solid #efefef; }*/

#tabPanel .contentContainer .riskMap {}
#tabPanel .contentContainer .riskMapStep { margin-left:38px; }
#tabPanel .contentContainer .riskMap > .riskMapStep:not(:last-child) { border-bottom:1px solid #eee; }
#tabPanel .contentContainer .BlockInputHeader { padding:10px 0 0 !important; }
/*#tabPanel .contentContainer .BlockInputHeader .btn { color:#6d6d6d !important; }*/

/* Container footer related */
#tabPanel .footer { padding:0 5px; }

#tabPanel .container.box1 { width:99.2%; max-width:99.2%; } /* Full width */
#tabPanel .container.box2 { width:49.2%; max-width:49.2%; } /* Half width */
#tabPanel .container.box3 { width:32.5%; max-width:32.5%; } /* One third width */
#tabPanel .container.box4 { width:24.2%; max-width:24.2%; } /* One fourth width */
#tabPanel .container.box5 { width:65.9%; max-width:65.9%; } /* Two third width */
#tabPanel .container.box6 { width:74.2%; max-width:74.2%; } /* Three fourth width */

/* =================================================================================== */
/*	Responsive design specific     												       */
/* =================================================================================== */
@media only screen and (max-width:1100px) {
#tabPanel .container.box1,
	#tabPanel .container.box2,
	#tabPanel .container.box3,
	#tabPanel .container.box4,
        #tabPanel .container.box5,
        #tabPanel .container.box6 { width:99.2%; max-width:99.2%; }
}