.disabled ~ span {
  color: lightgray;
}


body {
  margin: 0;
  padding: 0;
  background-color: #f2f2f2;
  color: #1a1a1a;
}


.page-wrapper {
  margin: 0 auto;
  padding: 0;
  max-width: 1000px;
  /*min-width: 810px;*/
  min-height: 100vh;
  position: relative;
  background-color: #fff;
  padding-bottom: 113px;
}

.page-wrapper-doc {
  margin: 0 auto;
  padding: 0;
  max-width: 1000px;
  min-width: 810px;
  min-height: 100vh;
  position: relative;
  background-color: #fff;
  padding-bottom: 113px;
}



.scroll-wrapper {
  overflow-y: scroll;
}


.login-wrapper {
  max-width: 400px;
  margin: 0 auto;
}


.error {
  width: 90%;
  margin: 0 auto;
  background-color: #ffb580;
  padding: 10px;
  text-align: center;
  border: 1px solid black;
}


.dialog {
  overflow-y: auto;
}


.cstSelect {
  width: 100%;
  height: 36px;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid rgb(217, 217, 217);
  padding-left: 12px;
  padding-right: 12px;
}


a {
  text-decoration: none;
}


@media print {
  .no-print {
    display: none;
  }
}
@media screen {
  .no-screen {
    display: none;
  }
}


.user_drop{
  min-height: 200px;
  min-width: 200px;
  border: 2px dashed gray;
  background-color: LightGray;
  padding: 2px;
}


.em-header{
  min-width: 200px;
  text-align: center;
  line-height: 2;
}


.grid-wrapper{
  display: flex;
  .userBox {
    width: 30%;
    border-right: 1px solid lightgray;
    max-height: 80vh;
    overflow: scroll;
  }
  .emBox {
    width: 70%;
    max-height: 80vh;
    overflow: scroll;
  }

}

.tab_items {
  max-height: calc(100vh - 375px);
  min-height: 300px;
  overflow-y: scroll;
}


/*Adminpage Tables styling*/
.divider-row {
  background-color: #999999;
  color: #fff;
  margin-left: 0;
  margin-right: 0;
}

.header-row {
  background-color: #024ea4;
  color: #fff;
  margin-left: 0;
  margin-right: 0;
}

.data-row {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 0;
  margin-right: 0;
}