div.kitalist {
  background-color: #ffffff;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  height: 80vh;
  overflow: scroll;
  border-left: 1px solid #9f9b9b;
  border-right: 1px solid #9f9b9b;
}
div.maincontainer {
  position: relative;
  background-color: #FF00FF;
  //min-height: 100%;
  //max-height: 100%;
  padding-top: 55px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  //width: 100%;
  min-height: 100vh;
  //overflow: auto;
}
div.mainwindow {
  position: relative;
  background-color: #000000;
  //min-height: 50vh;
  //max-height: 50vh;
  //padding-top: 0px;
  //padding-bottom: 0px;
  //padding-left: 10px;
  // margin-left: 5px;
  //margin-right: 0px;
  //margin-top: 0px;
  //margin-bottom: 0px;
  width: 100% !important;
  //width: 50%;
  height: 88vh;
  //min-height: 50%; 
  //max-height: 50%;
  overflow: scroll;
}
.clientLeft {
  background:white;
  height: 100%;
  //width: 50%;
  width: calc(50% - 10px);
  position: absolute;
  left: 0;
  top: 0;
}
.clientRight {
  background:white;
  height: 100%;
  //width: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.content .left {
  float:left;
  padding-left: 0px;
  padding-right: 0px;
  background-color:white;
}
.content .right {
  overflow: hidden;
  background-color:white;
  padding-left: 0px;
  padding-right: 0px;
}

.taboverflow {
  overflow-y: auto; !important;
}

.navtabborder {
  background: #beddf4;
  border: 1px solid;
  border-color: #f6f6f6;
  border-radius: 3px;"  
}

.nav-item .active {
  background: #e2f4bd;
}
div.menuopen {
  //margin-left: 240px;
  //padding-left: 240px;
  //width: auto !important; /*override the width below*/
  //width: 100%;
  //max-width: 88vh;
  //float: left;
  
  //width: 88%;
  //overflow: scroll;
}
.content {
  height: 100%;
  transition: all 0.2s ease-in-out;
}

.button-collapse {
 position: fixed;
 left: 0px;
 top: 0px;
 z-index: 10; 
 font-size: small;
}

.menuopen {
  margin-left: 240px;
}


.items-collapse {
   position: fixed;
   left: 0px;
   top: 0px;
   font-size: small;
  }
  
@media(min-width: 1440px) {
  .content {
    padding-left: 0px;
    font-size: 100%;
  }
}
@media(max-width: 720px) {
  .main-header {
    font-size: 100%;
  }
}

.modal .modal-side {max-width:100%;}

div.bottomBut {
  position: absolute;
  width: 100%;
  bottom: 10px;
  border: 0px solid #8AC007;
} 

.vl {
  border-left: 5px solid black;
  height: 90vh;
}

input.pw {
  -webkit-text-security: disc;
}