@import url(ui.css);
  @import url(item.css);
  @import url(shape.css);
  @import url(menu.css);


  @font-face {
    font-family: 'Poppins-Regular';
    src: url('modules/mindmaps/fonts/Poppins-Regular.ttf') format('truetype');
  }

  * {
    font-family: 'Poppins-Regular', sans-serif;
  }

  /* Remove click highlight */
  *:focus {
      outline: none;
  }

  
  /* Fix Chrome Line Break */
  *[contenteditable="true"]{display: inline-block;}


  html{
    -webkit-font-smoothing: subpixel-antialiased !important;
  }


  html, body {
    margin: 0;
    overflow: hidden;
    height: 100%;
    background-color: #5b81dc;
    -webkit-user-select: none; /* no magnifier on hold */
  }



  [contenteditable] { /* allow for editable items */
    -webkit-user-select: auto;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style: none !important;
  }

  .port { 
    position:relative !important;
    font-size: 15px;
    letter-spacing:.07em;
    text-shadow: 2px 2px 1px rgba(0,0,0,.2);
    /* font-family: source sans pro, sans-serif; */
  }


 

  #throbber {
    position: absolute;
    top: 50px;
    left: -60px;
    width: 50px;
    height: 50px;
    background-image: url(throbber.gif);
  }

  #throbber:not(.visible) {
    opacity: 0;
  }

  .ghost {
    position: absolute !important; /* to prevent collision with .content */
    opacity: 0.5;
    z-index: 1;
  }

  #tip {
    position: fixed;
    z-index: 1;
    left: 10px;
    bottom: 5px;
    transition: all 500ms;
  }

  #tip:before {
    content: "Tip: ";
  }

  #tip.hidden {
    opacity: 0;
  }

  /* Center Circle */
  .port > .item > .content {
      padding-top: 25px;
      padding-bottom:25px;
  }



  /* Link color */
  .port a{
    color:#a1a1a1;
    text-shadow:none;
  }

  .port > .item {
    color:#000;
  }

  .port > .item > .children > .item > .children > .item {
    text-shadow: 1px 1px 1px rgba(0,0,0,.7);
    color:#fff;
  }

  

  .current > .content > .text {
    color:#000 !important;
  }

  .current > .content a{

  }

  /* Toolsbars */
  
  .toolbarTextMenu{
    position:fixed;
    top:0px;
    z-index:1000;
    width:100%;
    height:25px;
    padding-bottom:1px;
    background-color:#5b81dc;
    border-bottom:1px solid rgba(255,255,255,.2);
  }

  .toolbarTextMenu a{
    color:#fff;
  }

  /* toolbarTextMenu Highlight */
  .nav .current a, .nav li:hover > a {
    background-color:#3c549b;
  }

  .toolbarTabsBar{
    top:0px;
    padding-top:3px;
    padding-left:.25%;
    background-color:rgba(77,112,204,.8);
    width:100%;
    /* overflow:hidden; */
    z-index:500;
    height:30px;
  }

  .toolbarTab{
    position:relative;
    float:left;
    width:224px;
    height:28px;
    margin-left:.25%;
    margin-right:.25%;
    margin-bottom:7px;
    text-align:left;
    padding-left:1%;
    padding-right:1.5%;
    border-radius:25px 25px 0px 0px;
    background-color:#6b85c9;
    color:#fff;
    border:1px solid #fff;
    font-size:10pt;
    overflow:hidden;
    cursor:pointer; 
    line-height:28px;
    margin-bottom:2px;
  }

  .toolbarTabClose{
    position:absolute;
    top:0px;
    right:5%;
    width:5%;
    color:#fff9d7 !important;
    text-align:center;
    cursor:pointer; 
  }
  
  .toolbarTabClose:hover{
    color:#ff7373 !important;
  }

  .toolbarTabAdd{
    float:left;
    width:1%;
    text-align:center;
    color:#fff;
    font-weight:bold;
    cursor:pointer;
  }

  .toolbarTabAdd a{
    color:#fff;
    text-decoration:none;
  }

  .toolbarTabAdd:hover,.toolbarTabsLeft:hover,.toolbarTabsRight:hover{
    background-color:rgba(255,255,255,.15);
  }

  .toolbarTabsLeft,.toolbarTabsRight{
    float:left;
    text-align:center;
    color:#fff; 
    width:1%;
    margin-left:.5%;
    margin-right:.5%;
    cursor:pointer;
  }

  .activeTab{
    background-color:#3b7bd6 !important;
  }