.main2{
    --color1: rgb(85, 73, 148);
    --color2: rgb(224, 231, 255);
    --color3: rgb(238, 238, 238);
    --color4: rgb(65, 53, 128);
    --color5: rgb(32, 67, 77);
    --color6: white;

    /* --color7: rgb(20, 93, 160); */
    --color7: rgb(0, 108, 255);
    --color8: rgb(60, 161, 255);
    --color9: rgb(255, 255, 255);
    --color10: rgb(227, 236, 255);
    --color11: rgb(40, 161, 235);
    --color12: rgb(130, 130, 130);


    --: rgb(220,220,220);
    --borderColor0: rgb(230,230,230);
    --borderColor1: rgb(210,210,210);
    --borderColor2: rgb(200,200,200);
    --textColor: rgb(97, 97, 97);
    --textColor1: rgb(60, 60, 60);
    --background0: var(--color9);
    --background1: rgb(0, 108, 255);
    --background2: var(--color9);
    --background3: var(--color12);
    --backgroundModelBuilder: var(--color9);
    --backgroundModelBuilder0: var(--color6);
    --treeItemHover: var(--color9);
    --navbar: rgb(120, 120, 120);
    --navbarHover: rgb(0, 108, 255);
    --button:rgb(0, 108, 255);
    --buttonHover:rgb(0, 88, 215);
    --buttonBasic:rgb(130, 130, 130);
    --buttonBasicHover:rgb(110, 110, 110);
    --login: rgb(255, 75, 0);
    --line: rgb(150,150,150);
    --f0: rgb(128,128,128);
    --c0: rgb(240,240,240);
    --c1: rgb(57, 91, 100);
    --c2: rgb(165, 201, 202);
    --c3: rgb(32, 67, 77);
    
    --universalBackground: rgb(241, 241, 241);
    --universalBlue: rgb(28, 74, 211);
    --universalBlue:#3e6ae1;
    --universalBlue:rgb(0, 149, 246);
    --universalBlueHover: rgb(23, 63, 182);
    --universalGreen: #19BF6F;
    /* --universalGreen: #FF8E00; */
    --universalTextWhite: rgb(240, 240, 240);
    --universalTextBlack: rgb(80, 80, 80);
    --universalTextGrey: rgb(100, 100, 100);
    --universalTextGreyDark: rgb(30, 30, 30);
    --universalProjectDarkBlue: rgb(44, 100, 188);
    --universalProjectBrightBlue: rgb(139, 177, 243);
    --universalPurpleBackground: #7f63b6;
    --universalPurpleBackground: rgb(100, 153, 243);
    --universalSapphire: #f7a579;
    --universalSapphire: #c99377;
    --universalOrange: #f17334;
    --universalOrangeHover: #d46f3d;
 
    --globalButton: var(--universalBlue);
    
    --globalButtonHover: var(--universalBlueHover);
    --globalButton2: var(--universalOrange);
    --globalButton2Hover: var(--universalOrangeHover);
    /* --globalBackground: rgb(92, 109, 160);
    --globalBackground2: rgb(81, 90, 114); */
    --globalBackground: rgba(28, 74, 211, 0.9);
    --globalBackground: var(--universalBlue);
    --globalBackground2: rgba(40, 70, 153,0.9);
    --globalWhite: rgb(240, 240, 240);

    --hoverBlue: rgb(202, 206, 216);
  }
  
  .hero {
    background-color: var(--background0);
    margin: 0;
  }

  .hero-body-full {
    min-height: calc(100vh - 56px);
  }

 

  /* .hero-body-two-color {
        background: linear-gradient(rgb(91,112,214) 0%, rgb(91,112,214) 30%, #ffffff 3%);
  } */

 .container-custom {
      max-width: 100%;
      display:block;
  }

  .container-documentation {
    display: flex;
    /* border-top: 1px solid var(--border-gray); */
}

.docLeft {
  width: 365px;
  border-right: 1px solid #edf0f3;
  padding-bottom: 60px;
  padding-top: 80px;
  padding-right: 60px;
  flex-shrink: 0;
}

.docLeftBox {
  border-radius: 2px;
  border: 1px solid var(--border-gray);
}

.docLeftBox div {
  min-height: 40px;
}

.documentation-menu-item:hover {
  background: var(--universal-gray-225);
}

.docRight {
  flex-grow: 1;
    padding-bottom: 60px;
    padding-top: 50px;
    padding-left: 60px;
}

.docRight .indexHeather {
  font-size: 35px;
    line-height: 1.3;
    color: #3d3935;
    font-weight: 400;
    margin: 0 0 30px;
    text-align: left;
    border-bottom: 1px solid var(--border-gray);
    display: block;
    padding: 14px 0;
}

.documentation-menu-item a {
  padding: 11px 18px;
    /* font-size: 14px; */
    line-height: 1.4;
    color: #444;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid var(--border-gray);
}

.documentation-menu-active {
  background: #d8e6ed;
}

#documentation-menu-whatsNew a {
    border-bottom: 0;
}

.docRight .indexSubTitle {
  margin: 30px 0 20px 0;
  text-align: center;
  font-size: 24px;
  line-height: normal;
  color: #3d3935;
}

.newImageDiv {
  width: 100%;
}

  .container-custom-border {
    background-color: white;
    border-radius: 30px;
    padding: 20px;
  }


  
  .hero.is-fullheight .hero-body{
    align-items: start;
    /* background-color: white; */
  }
  
  .hero-body-custom {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    /* height: auto; */
    vertical-align: top;
    margin: 0px;
    padding: 0px;
  }
  
  .hero-body-menubar {
    height: 30px;
  }

  #plotBox {
    /* background-color: aqua; */
    position: absolute;
    width: 50%;
    height: 70%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
  }


.brandImg {
  height: 40px;
}

.brandText {
  color: var(--color7);
  font-weight: bold;
  padding-left:10px;
  font-size: 24px;
}