/****************************************/
/* Structure                            */
/****************************************/
#mbContent .Item {
  clear: both;
}
#mbContent h2 {
  clear: both;
  margin: 20px 0 10px 0;
}
.MB .Item p {
  margin: 0;
}
#mbContentMenu img + span {
  display: none;
}
.MB .Item h3 {
  margin: 0;
}
.MB .Item .Content {
  padding-bottom: 3px;
}
.MB .Item .Content .Sign {
  display: none;
}
#mbDataTable .Col1,
#mbDataTable .Col2,
#mbDataTable .Col3,
#mbDataCompare .Col1,
#mbDataCompare .Col2,
#mbDataCompare .Col3 {
  width: 33%;
  text-align: left;
}
#mbDataTable th,
#mbDataTable td,
#mbDataCompare th,
#mbDataCompare td {
  padding: 4px 5px;
  vertical-align: top;
  border-bottom: 1px solid rgb(206, 206, 206);
}
/*
.MB .DataPresentation {
  border: 1px solid gray;
}
*/
.MB .DataPresentation .Caption {
  background-color: gray;
  color: white;
  padding: 0.4em 1em;
  font-weight: 600;
}
.MB .DataPresentation p {
  margin: 0;
}
.MB .DataPresentation form {
  margin: 1em 2% 1em 2%;
  display: inline-block;
  width: 45%;
}
.MB .DataPresentation form#graphDateRangeCustomForm {
  margin: 1em 2% 1em 2%;
  display: inline-block;
  width: 100%;
}
.MB .DataPresentation form#graphDateRangeCustomForm input {
  width: 31%;
}
.MB .DataPresentation form label {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #333333;
}
.MB .DataPresentation select {
  width: 100%;
}
.MB.mb-all .Item .Caption {
  display: none;
}
.MB .BarTable {
  padding: 4px;
}
.MB .BarTable > div {
  display: flex;
  flex-direction: row;
}
.MB .BarTable > div > div {
  padding: 4px;
}
.MB .BarTable > div > div * {
  vertical-align: middle;
}
.MB .BarTable > div > div:nth-child(2) {
  padding-left: 20px;
}
@media (max-width: 500px) {
  .MB .BarTable > div > div:nth-child(2) {
    display: none;
  }
}
.MB .BarTable > div > div:nth-child(3) {
  flex-grow: 2;
}
.MB .BarTable .EndMarker {
  display: none;
}
.MB .MeasureList {
  margin: 1em 0;
}
.MB .MeasureList > div {
  display: flex;
  flex-direction: row;
}
.MB .MeasureList > div > div {
  padding: 0.3em 0;
}
.MB .MeasureList > div > div:nth-child(1) {
  min-width: 8em;
  padding-right: 1em;
}
/*****************************************/
/*  Measure tools                        */
/*****************************************/
#mbContentHeader .MeasureTool {
  margin: 12px 0;
}
#mbContentHeader .MeasureTool img {
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.MB .Content span.MeasureTool {
  margin-right: 0.3em;
}
.MB .Item div.MeasureTool img {
  position: relative;
  top: 2px;
}
.MB .Item .MeasureTool {
  color: gray;
  margin-bottom: 4px;
}
.MB .MeasureTool .Caption {
  font-style: italic;
  font-weight: normal;
}
.MB .Item a div.MeasureTool img {
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.MB .Item h3 img.ItemImage,
.MB .Item h3 .MeasureTool.Chart img,
.MB .Item h3 .MeasureTool div.MapContainer {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
  margin-bottom: 6px;
}
.MB .MeasureTool img.ItemImage,
.MB .MeasureTool div.MapContainer {
  border: 1px solid #dddddd;
}
.MB .MeasureTool div.MapContainer {
  height: 120px;
  width: 200px;
}
.MB .MeasureTool .Info {
  margin-left: 0.3em;
}
#mbValueLimits table td {
  padding-right: 10px;
}
.MB .Item a .MeasureTool {
  /* float: left; */
  margin: 0px;
}
td[headers="mbDataCompare-lastvalue"] svg.DrawBar {
  margin-right: 1em;
  color: White;
}
/****************************************/
/* Internal pages                       */
/****************************************/
.MB.mb-internal #mbPage:before {
  content: "Intern sida";
  display: block;
  background-color: rgb(204, 204, 204);
  background-color: rgb(255, 255, 204);
  border-left: 5px solid rgb(255, 235, 59);
  background-image: url(images/base/internal.png);
  background-repeat: no-repeat;
  background-position: 1em center;
  background-size: 32px;
  padding: 1em 1em 1em 4em;
  margin: 0 0 10px 0;
  border-radius: 4px;
  font-size: 14px;
  font-family: "OpenSans","Droid Sans","Verdana",sans-serif;
  line-height: 90%;
  font-weight: normal;
}
.MB .Grid tr.Internal td:first-child a,
.MB .Internal.Item h3 span,
#mbSubContent .Internal.Item .Caption span {
  margin-right: 6px;
}
.MB .Grid tr.Internal td:first-child a:after,
.MB .Internal.Item h3:after,
#mbSubContent .Internal.Item .Caption:after {
  display: inline-block;
  background-image: url(images/base/internal-gray.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 22px;
  width: 22px;
  height: 22px;
  content: " ";
  margin-left: 6px;
  position: relative;
  top: 3px;
}
.MB .Grid tr.Internal td:first-child a:after {
  margin-left: 6px;
}
/****************************************/
/* Page templates                       */
/****************************************/
.mb-hidedescription .Item .Description,
.HideDescription .Item .Description {
  display: none;
}
.mb-hidedescription .Item h3,
.HideDescription .Item h3,
.mb-smaller .Item h3,
.Smaller .Item h3  {
  flex-grow: 1;
}

/*display: none;*/
/*
.olMapViewport:hover .MapFullscreenPanel {
  display: block;
}
*/

/****************************************/
/* Indicator                            */
/****************************************/
#mbDataCompare td[data-mb-value^='-'] {
  text-align: right;
}

/****************************************/
/* Gridbox (move to common base)        */
/****************************************/

div.JWGridToolBox .Filter li button {
  border-width: 0;
  font-size: 18px;
  background-color: transparent;
}
div.JWGridToolBox .Filter li.Selected button {
  background-image: url(images/main/down.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 12px;
}
#mbContent div.JWGridToolBox li {
  margin: 3px 6px 0px 0px;
}
div.JWGridToolBox .Filter div ul {
  margin-top: 10px;
  }
@media (max-width: 600px) {
  div.JWGridToolBox .Filter div ul {
    padding-left: 0;
  }
}
.DocumentList th#mbGridDocuments0-name,
.DocumentList td[headers*='mbGridDocuments0-name'],
.MB .Grid th#mbGridActivities0-name,
.MB .Grid td[headers*="mbGridActivities0-name"] {
  width: 55%;
}
.DocumentList th#mbGridDocuments0-year,
.DocumentList td[headers*='mbGridDocuments0-year'],
.MB .Grid th#mbGridActivities0-year,
.MB .Grid td[headers*="mbGridActivities0-year"] {
  width: 10%;
}
.DocumentList th#mbGridDocuments0-publisher,
.DocumentList td[headers*='mbGridDocuments0-publisher'],
.MB .Grid th#mbGridActivities0-responsible,
.MB .Grid td[headers*="mbGridActivities0-responsible"] {
  width: 35%;
  max-width: 250px;
}
.MB .Grid p{
  word-wrap: break-word;
}
.MB .Grid .GroupHeader p{
  max-width: none;
}
@media (max-width: 500px) {
  .MB .Grid th#mbGridActivities0-responsible,
  .MB .Grid td[headers*="mbGridActivities0-responsible"],
  .DocumentList th#mbGridDocuments0-publisher,
  .DocumentList td[headers*='mbGridDocuments0-publisher'] {
    display: none;
  }
}