@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
@import url("https://fonts.googleapis.com/css?family=Merriweather+Sans:400,400italic");
.modal {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.479);
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.modal .modal-content {
  position: relative;
  background: white;
  margin: 7% auto;
  width: 30%;
  height: 400px;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
  border-radius: 6px;
}
.modal .modal-content#newLocation {
  width: 30vw;
  height: 65vh;
  margin: 7% auto;
}
.modal .modal-content#editentity {
  width: 40vw;
  height: 65vh;
  margin: 7% auto;
}
.modal .modal-content#newAsset {
  width: 30vw;
  height: 65vh;
  margin: 7% auto;
}
.modal .modal-content#tabsuploadform {
  width: 40vw;
  height: 60vh;
  margin: 8% auto;
}
.modal .modal-content#managelayercontent {
  width: 60vw;
  margin: 4% auto;
  height: 65vh;
}
.modal .modal-content#loginform {
  width: 20vw;
  margin: 15% auto;
  height: 285px;
}
.modal .modal-content#dashboardcontent {
  width: 80vw;
  height: 80vh;
  margin: 8vh auto;
  transition: width 0.25s, height 0.25s, margin 0.25s;
}
.modal .modal-content#dashboardcontent.active {
  width: 100vw;
  height: 100vh;
  margin: 0vh auto;
}
.modal .modal-content#dashboardcontent.active .closebutton {
  top: 10px;
  right: 3px;
}
.modal .modal-content#dashboardcontent.active .maximizebutton {
  top: 10px;
  right: 35px;
}
.modal .modal-content#dashboardcontent.active .fullscreenbutton {
  top: 10px;
  right: 65px;
}
.modal .modal-content#reviewListContent {
  width: 80vw;
  margin: 2% auto;
  height: 78vh;
}
.modal .modal-content#reviewListContent .button-ok {
  position: relative;
  height: 2em;
  width: 3em;
  border-radius: 3px;
}
.modal .modal-content#reviewListContent .button-ok img {
  height: 75%;
}
.modal .modal-content#reviewContent {
  width: 85vw;
  margin: 2% auto;
  height: 78vh;
}
.modal .modal-content#reviewContent .button-ok {
  position: relative;
  height: 2em;
  width: 3em;
  border-radius: 3px;
}
.modal .modal-content#reviewContent .button-ok img {
  height: 75%;
}
.modal .modal-content .modal-header {
  background-color: #313131;
  width: 100%;
  height: 45px;
  text-align: center;
  -webkit-text-size-adjust: 20px;
     -moz-text-size-adjust: 20px;
          text-size-adjust: 20px;
  border-radius: 5px 5px 0 0;
}
.modal .modal-content .modal-header h3 {
  color: white;
  margin: 0 0 0 0;
  padding-top: 15px;
}
.modal .modal-content .closebutton {
  position: absolute;
  line-height: 25px;
  right: -12px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 25px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.modal .modal-content .closebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.modal .modal-content .maximizebutton {
  position: absolute;
  line-height: 30px;
  right: 20px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.modal .modal-content .maximizebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.modal .modal-content .maximizebutton img {
  height: 15px;
}
.modal .modal-content .fullscreenbutton {
  position: absolute;
  line-height: 30px;
  right: 55px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.modal .modal-content .fullscreenbutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.modal .modal-content .fullscreenbutton img {
  height: 15px;
}
.modal .modal-content .modal-container {
  position: relative;
  background: white;
  padding: 0px 10px;
  overflow-y: auto;
  font-size: 15px;
  height: calc(100% - 85px);
}
.modal .modal-content .modal-container select {
  width: 100%;
  padding: 8px 10px;
  margin: 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.modal .modal-content .modal-container input[type=text], .modal .modal-content .modal-container input[type=number] {
  width: 100%;
  padding: 8px 10px;
  margin: 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.modal .modal-content .modal-container input[type=text]#Path, .modal .modal-content .modal-container input[type=number]#Path {
  width: 80%;
}
.modal .modal-content .modal-container input::-moz-placeholder {
  color: rgba(180, 180, 180, 0.705);
}
.modal .modal-content .modal-container input:-ms-input-placeholder {
  color: rgba(180, 180, 180, 0.705);
}
.modal .modal-content .modal-container input::placeholder {
  color: rgba(180, 180, 180, 0.705);
}
.modal .modal-content .modal-container input[type=file] {
  width: 100%;
  padding: 8px 1px;
  margin: 10px 0;
  display: inline-block;
  /* border: 1px solid #ccc; */
  border-radius: 4px;
  box-sizing: border-box;
}
.modal .modal-content .modal-container .tab-panel {
  margin-top: 5px;
  height: calc(100% - 5px);
}
.modal .modal-content .modal-container .tab-panel ul.tabsupload {
  margin: 0px;
  padding: 0px;
}
.modal .modal-content .modal-container .tab-panel ul.tabsupload li {
  display: inline-block;
  list-style-type: none;
  background-color: #d8d8d8;
  margin: 0px;
  padding: 7px 10px;
  border-radius: 5px 5px 0 0;
  color: white;
  font-weight: 200px;
  cursor: pointer;
  width: 70px;
  text-align: center;
}
.modal .modal-content .modal-container .tab-panel ul.tabsupload .tabbutton.active, .modal .modal-content .modal-container .table-box .tab-panel ul.tabsupload .tabbutton:hover {
  background-color: #a3a3a3;
}
@media screen and (max-width: 460px) {
  .modal .modal-content .modal-container .tab-panel ul.tabsupload li {
    padding: 7px 10px;
    font-size: 15px;
  }
}
.modal .modal-content .modal-container .tab-panel div.panel {
  display: none;
  background-color: #c9c9c9;
  padding: 10px;
  border-radius: 0 5px 5px 5px;
  overflow-y: auto;
}
.modal .modal-content .modal-container .tab-panel div.panel.active {
  display: block;
}
.modal .modal-content .modal-container .doublefield {
  display: flex;
}
.modal .modal-content .modal-container .doublefield .column1 {
  width: 85%;
}
.modal .modal-content .modal-container .doublefield .column2 {
  width: calc(15% - 10px);
  margin-left: 10px;
}
.modal .modal-content .modal-container .doublefield .column2 button {
  margin-top: 27px;
  padding: 8px 0px;
  border-radius: 5px;
  width: 100%;
}
.modal .modal-content .modal-container .doublefield .column2 input[type=checkbox] {
  margin-top: 20px;
  transform: scale(1.5);
  margin-left: calc(50% - 10px);
}
.modal .modal-content .modal-container #folderRoot {
  height: calc(100% - 400px);
  border: 1px solid lightgrey;
  border-radius: 4px;
  overflow-y: auto;
}
.modal .modal-content .modal-container .appearoncheck {
  display: none;
}
.modal .modal-content .modal-container.modelentity {
  border-radius: 0px;
}
.modal .modal-content .modal-container.modelentity label.required:after {
  content: "*";
  color: lightcoral;
}
.modal .modal-content .modal-container.modelentity input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
  outline: none;
}
.modal .modal-content .modal-container.modelentity select {
  background: #fff;
  width: calc(100% - 10px);
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 3px 0;
  outline: none;
}
.modal .modal-content .modal-container.modelentity input:not([type=checkbox]) {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.modal .modal-content .modal-container.modelentity input:valid:not([type=checkbox]):required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.modal .modal-content .modal-container.modelentity input:focus:invalid:not([type=checkbox]):required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.modal .modal-content .modal-container.modelentity input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.modal .modal-content .modal-container.modelentity input:focus {
  background: #fff;
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.modal .modal-content .modal-container.modelentity input:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.modal .modal-content .modal-container.modelentity input:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.modal .modal-content .modal-container.modelentity input:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.modal .modal-content .modal-container.modelentity input:-moz-placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.modal .modal-content .modal-container.modelentity input:-ms-input-placeholder:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.modal .modal-content .modal-container.modelentity input:placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.modal .modal-content .modal-container.modelentity input:focus:valid:required {
  border-color: #1fe01f;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.modal .modal-content .modal-container.modelentity input:valid:required {
  border-color: #d1d1d1;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.modal .modal-content .modal-container.dashboardform {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: calc(100% - 45px);
  padding: 0;
}
.modal .modal-content .modal-container.dashboardform #loadBoard {
  height: 100%;
  width: 100%;
}
.modal .modal-content .modal-container.dashboardform #loadBoard iframe, .modal .modal-content .modal-container.dashboardform #loadBoard object, .modal .modal-content .modal-container.dashboardform #loadBoard embed {
  height: 100%;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
}
.modal .modal-content .modal-container.dashboardform .tabContainer {
  position: absolute;
  bottom: 0;
  padding: 1px 0;
  margin: 0;
  vertical-align: bottom;
}
.modal .modal-content .modal-container.dashboardform .tabContainer .tabs, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs {
  padding: 5px 0;
  margin: 0;
  position: relative;
  bottom: 0px;
}
.modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab {
  margin: 1px;
  display: inline;
  bottom: 0px;
  position: relative;
  background: grey;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 8px 20px 6px 20px;
  color: white;
}
.modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab:hover, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab:hover {
  background: lightgrey;
  cursor: pointer;
}
.modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab.active, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab.active {
  background: lightgrey;
  color: black;
}
.modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab.child, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab.child {
  border-radius: 5px;
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab {
    margin: 1px;
    display: inline;
    bottom: 0px;
    position: relative;
    background: grey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px 5px 10px;
    color: white;
    font-size: 12px;
  }
}
.modal .modal-content .modal-container.dashboardform .tabContainer .subtabs {
  display: none;
  bottom: 6px;
}
.modal .modal-content .modal-container #paneluploader {
  background-color: #a3a3a3;
  padding: 5px;
  overflow-y: hidden;
  height: calc(100% - 50px);
}
.modal .modal-content .modal-container #paneluploader .uploadtool {
  height: 100%;
  position: relative;
  background: white;
  padding: 0px 10px;
  border-radius: 5px;
  overflow-y: auto;
  font-size: 15px;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer {
  display: none;
  width: 100%;
  align-items: center;
  line-height: 40px;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer.active {
  display: block;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer #totalfiles {
  width: 50%;
  color: black;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer {
  display: flex;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer {
  width: calc(auto - 5px);
  margin-right: 5px;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer#ionsubmit {
  width: 100%;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer button {
  padding: 0px 15px;
  /* margin: 10px; */
  height: 34px;
  text-align: center;
  /* float: right; */
  border-radius: 3px;
  border-style: none;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer button.hidden {
  display: none;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer .browse {
  padding: 0px 15px;
  margin: 10px;
  height: 34px;
  text-align: center;
  float: right;
  border-radius: 3px;
  border-style: none;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer .browse:hover {
  cursor: pointer;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .statuscontainer {
  display: none;
  width: calc(50% - 5px);
  margin-left: 5px;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .statuscontainer #totalfiles {
  float: left;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .statuscontainer #b3dmstatus {
  float: right;
}
.modal .modal-content .modal-container #paneluploader .itemscontainer #kmlitem input[type=checkbox], .modal .modal-content .modal-container #paneluploader .itemscontainer #dashboarditem input[type=checkbox] {
  transform: scale(1.2);
}
.modal .modal-content .modal-container p {
  font-weight: medium;
  text-align: justify;
  color: black;
  padding: 0 0 0 0;
  margin: 15px 0 5px 0;
}
.modal .modal-content .modal-container.managelayer {
  position: relative;
  background: white;
  padding: 10px 10px;
  border-radius: 5px;
  overflow-y: auto;
  font-size: 15px;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer {
  position: absolute;
  width: calc(100% - 20px);
  display: none;
  background-color: #ddd;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer input {
  width: 70%;
  padding: 3px;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer input[type=checkbox] {
  padding: auto;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn {
  display: flex;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column1 {
  width: 30%;
  padding: 5px;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 {
  width: 70%;
  padding: 5px;
  display: flex;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 button {
  border-radius: 5px;
  background: white;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 .innercolumn1 {
  width: calc(50% - 10px);
  padding: 0 5px;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 .innercolumn2 {
  width: calc(50% - 10px);
  padding: 0 5px;
}
.modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 .innercolumn2 button {
  margin: 3px 0;
}
.modal .modal-content .modal-container.addcamera {
  padding: 10px 10px;
}
.modal .modal-content .modal-container.addcamera .selectioncontainer {
  margin-top: 5px;
}
.modal .modal-content .modal-container.addcamera .selectioncontainer ul {
  margin: 0px;
  padding: 0px;
}
.modal .modal-content .modal-container.addcamera .selectioncontainer ul .tabbutton {
  display: inline-block;
  list-style-type: none;
  background-color: #d8d8d8;
  margin: 0px;
  padding: 7px 10px;
  border-radius: 25px;
  color: white;
  font-weight: 200px;
  cursor: pointer;
  width: 70px;
  text-align: center;
}
.modal .modal-content .modal-container.addcamera .selectioncontainer ul .tabbutton.active {
  background: grey;
}
.modal .modal-content .modal-container.addcamera .optioncontainer {
  padding: 10px 0;
}
.modal .modal-content .modal-container.addcamera .optioncontainer .panel {
  display: none;
}
.modal .modal-content .modal-container.addcamera .optioncontainer .panel.active {
  display: block;
}
.modal .modal-content .modal-container.loginform {
  height: 200px;
}
.modal .modal-content .modal-container.loginform label {
  font-weight: bold;
}
.modal .modal-content .modal-container.loginform input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
  outline: none;
}
.modal .modal-content .modal-container.loginform input:not([type=checkbox]) {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.modal .modal-content .modal-container.loginform input#projectwisepassword:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.modal .modal-content .modal-container.loginform input#projectwisepasswordconfirm:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.modal .modal-content .modal-container.loginform input#projectwisepassword:valid:not([type=checkbox]):required {
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.modal .modal-content .modal-container.loginform input:valid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.modal .modal-content .modal-container.loginform input:focus:invalid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.modal .modal-content .modal-container.loginform input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.modal .modal-content .modal-container.loginform input:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.modal .modal-content .modal-container.loginform input:focus.newid {
  color: lightgrey;
  border: 1px solid lightgrey;
  box-shadow: none;
}
.modal .modal-content .modal-container.loginform .password-showhide, .modal .modal-content .modal-container.loginform .confirm-password-showhide {
  display: inline-flex;
  border: 1px solid grey;
  height: 28px;
  /* padding: 8px; */
  border-radius: 4px;
  outline: none;
  /* border-style: none; */
  width: 29px;
  position: relative;
  top: -1px;
}
.modal .modal-content .modal-container.loginform .password-showhide button, .modal .modal-content .modal-container.loginform .confirm-password-showhide button {
  background: none;
  border-style: none;
}
.modal .modal-content .modal-container.loginform .password-showhide button img, .modal .modal-content .modal-container.loginform .confirm-password-showhide button img {
  width: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.modal .modal-content .modal-container.loginform .password-showhide button img:active, .modal .modal-content .modal-container.loginform .confirm-password-showhide button img:active {
  outline: 0;
  background: #888;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  box-shadow: 0 0 0px 5px #888;
  transition-duration: 10ms;
}
.modal .modal-content .modal-container.loginform .password-showhide button:focus, .modal .modal-content .modal-container.loginform .confirm-password-showhide button:focus {
  outline: 0;
}
.modal .modal-content .modal-container.loginform .passindicator {
  display: none;
}
.modal .modal-content .modal-container.loginform .passindicator #passwordstrengthContainerprofile {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  width: 200px;
  height: 20px;
  display: inline-block;
}
.modal .modal-content .modal-container.loginform .passindicator #passwordstrengthContainerprofile #passwordstrengthprofile {
  background: red;
  width: 50px;
  height: 20px;
}
.modal .modal-content .modal-container.loginform .passindicator #passwordstrengthTextprofile {
  display: inline-block;
  position: relative;
  align-items: center;
  top: -4px;
  margin-left: 10px;
}
.modal .modal-content .modal-container2 {
  position: relative;
  overflow-y: auto;
  font-size: 15px;
  width: inherit;
  height: inherit;
  overflow: hidden;
}
.modal .modal-content .loadingcontainer-mainadmin {
  display: none;
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(78, 78, 78, 0.438);
  text-align: center;
  z-index: 1;
}
.modal .modal-content .loadingcontainer-mainadmin .loader {
  position: relative;
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  top: calc(50% - 45px);
  left: calc(50% - 15px);
}
.modal .modal-content .loadingcontainer-mainadmin #loadingText {
  width: 300px;
  text-align: center;
  position: absolute;
  top: calc(50% + 15px);
  left: calc(50% - 140px);
  color: white;
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modal .modal-content .loadingcontainer-uploadtool {
  display: none;
  top: 0px;
  left: 0px;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(78, 78, 78, 0.6);
}
.modal .modal-content .loadingcontainer-uploadtool .loader {
  display: block;
  position: relative;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.modal .modal-content .loadingcontainer-uploadtool #loadingText3 {
  text-align: center;
  position: relative;
  top: calc(50% - 20px);
  color: white;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modal .modal-content .modal-footer {
  width: 100%;
  height: 35px;
  text-align: right;
  background-color: #313131;
  border-radius: 0 0 5px 5px;
  padding-top: 5px;
}
.modal .modal-content .modal-footer label {
  color: white;
  float: left;
  margin: 5px 7px;
}
.modal .modal-content .modal-footer #reviewToolText {
  float: left;
  margin: 5px 1px;
}
.modal .modal-content .modal-footer #reviewToolFontSizeInput {
  float: left;
  margin: 5px 10px;
  width: 30px;
}
.modal .modal-content .modal-footer #reviewToolFontSize {
  float: left;
  margin: 5px auto;
}
.modal .modal-content .modal-footer .color-picker-div {
  float: left;
  margin: 5px auto;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .modal .modal-content {
    position: relative;
    background: white;
    margin: 7% auto;
    width: 30%;
    height: 400px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 6px;
  }
  .modal .modal-content#newLocation {
    width: 30vw;
    height: 65vh;
    margin: 7% auto;
  }
  .modal .modal-content#editentity {
    width: 40vw;
    height: 65vh;
    margin: 7% auto;
  }
  .modal .modal-content#newAsset {
    width: 30vw;
    height: 65vh;
    margin: 7% auto;
  }
  .modal .modal-content#tabsuploadform {
    width: 40vw;
    height: 60vh;
    margin: 8% auto;
  }
  .modal .modal-content#managelayercontent {
    width: 60vw;
    margin: 4% auto;
    height: 65vh;
  }
  .modal .modal-content#loginform {
    width: 20vw;
    margin: 15% auto;
    height: 285px;
  }
  .modal .modal-content#dashboardcontent {
    width: 80vw;
    height: 80vh;
    margin: 8vh auto;
    transition: width 0.25s, height 0.25s, margin 0.25s;
  }
  .modal .modal-content#dashboardcontent.active {
    width: 100vw;
    height: 100vh;
    margin: 0vh auto;
  }
  .modal .modal-content#dashboardcontent.active .closebutton {
    top: 10px;
    right: 3px;
  }
  .modal .modal-content#dashboardcontent.active .maximizebutton {
    top: 10px;
    right: 35px;
  }
  .modal .modal-content#dashboardcontent.active .fullscreenbutton {
    top: 10px;
    right: 65px;
  }
  .modal .modal-content#reviewListContent {
    width: 80vw;
    margin: 2% auto;
    height: 78vh;
  }
  .modal .modal-content#reviewListContent .button-ok {
    position: relative;
    height: 2em;
    width: 3em;
    border-radius: 3px;
  }
  .modal .modal-content#reviewListContent .button-ok img {
    height: 75%;
  }
  .modal .modal-content#reviewContent {
    width: 85vw;
    margin: 2% auto;
    height: 78vh;
  }
  .modal .modal-content#reviewContent .button-ok {
    position: relative;
    height: 2em;
    width: 3em;
    border-radius: 3px;
  }
  .modal .modal-content#reviewContent .button-ok img {
    height: 75%;
  }
  .modal .modal-content .modal-header {
    background-color: #313131;
    width: 100%;
    height: 45px;
    text-align: center;
    -webkit-text-size-adjust: 20px;
       -moz-text-size-adjust: 20px;
            text-size-adjust: 20px;
    border-radius: 5px 5px 0 0;
  }
  .modal .modal-content .modal-header h3 {
    color: white;
    margin: 0 0 0 0;
    padding-top: 15px;
  }
  .modal .modal-content .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 25px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .modal .modal-content .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .modal .modal-content .maximizebutton {
    position: absolute;
    line-height: 30px;
    right: 20px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .modal .modal-content .maximizebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .modal .modal-content .maximizebutton img {
    height: 15px;
  }
  .modal .modal-content .fullscreenbutton {
    position: absolute;
    line-height: 30px;
    right: 55px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .modal .modal-content .fullscreenbutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .modal .modal-content .fullscreenbutton img {
    height: 15px;
  }
  .modal .modal-content .modal-container {
    position: relative;
    background: white;
    padding: 0px 10px;
    overflow-y: auto;
    font-size: 15px;
    height: calc(100% - 85px);
  }
  .modal .modal-content .modal-container select {
    width: 100%;
    padding: 8px 10px;
    margin: 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .modal .modal-content .modal-container input[type=text], .modal .modal-content .modal-container input[type=number] {
    width: 100%;
    padding: 8px 10px;
    margin: 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .modal .modal-content .modal-container input[type=text]#Path, .modal .modal-content .modal-container input[type=number]#Path {
    width: 80%;
  }
  .modal .modal-content .modal-container input::-moz-placeholder {
    color: rgba(180, 180, 180, 0.705);
  }
  .modal .modal-content .modal-container input:-ms-input-placeholder {
    color: rgba(180, 180, 180, 0.705);
  }
  .modal .modal-content .modal-container input::placeholder {
    color: rgba(180, 180, 180, 0.705);
  }
  .modal .modal-content .modal-container input[type=file] {
    width: 100%;
    padding: 8px 1px;
    margin: 10px 0;
    display: inline-block;
    /* border: 1px solid #ccc; */
    border-radius: 4px;
    box-sizing: border-box;
  }
  .modal .modal-content .modal-container .tab-panel {
    margin-top: 5px;
    height: calc(100% - 5px);
  }
  .modal .modal-content .modal-container .tab-panel ul.tabsupload {
    margin: 0px;
    padding: 0px;
  }
  .modal .modal-content .modal-container .tab-panel ul.tabsupload li {
    display: inline-block;
    list-style-type: none;
    background-color: #d8d8d8;
    margin: 0px;
    padding: 7px 10px;
    border-radius: 5px 5px 0 0;
    color: white;
    font-weight: 200px;
    cursor: pointer;
    width: 70px;
    text-align: center;
  }
  .modal .modal-content .modal-container .tab-panel ul.tabsupload .tabbutton.active, .modal .modal-content .modal-container .table-box .tab-panel ul.tabsupload .tabbutton:hover {
    background-color: #a3a3a3;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 460px) {
  .modal .modal-content .modal-container .tab-panel ul.tabsupload li {
    padding: 7px 10px;
    font-size: 15px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container .tab-panel div.panel {
    display: none;
    background-color: #c9c9c9;
    padding: 10px;
    border-radius: 0 5px 5px 5px;
    overflow-y: auto;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container .tab-panel div.panel.active {
    display: block;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container .doublefield {
    display: flex;
  }
  .modal .modal-content .modal-container .doublefield .column1 {
    width: 85%;
  }
  .modal .modal-content .modal-container .doublefield .column2 {
    width: calc(15% - 10px);
    margin-left: 10px;
  }
  .modal .modal-content .modal-container .doublefield .column2 button {
    margin-top: 27px;
    padding: 8px 0px;
    border-radius: 5px;
    width: 100%;
  }
  .modal .modal-content .modal-container .doublefield .column2 input[type=checkbox] {
    margin-top: 20px;
    transform: scale(1.5);
    margin-left: calc(50% - 10px);
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container #folderRoot {
    height: calc(100% - 400px);
    border: 1px solid lightgrey;
    border-radius: 4px;
    overflow-y: auto;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container .appearoncheck {
    display: none;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container.modelentity {
    border-radius: 0px;
  }
  .modal .modal-content .modal-container.modelentity label.required:after {
    content: "*";
    color: lightcoral;
  }
  .modal .modal-content .modal-container.modelentity input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .modal .modal-content .modal-container.modelentity select {
    background: #fff;
    width: calc(100% - 10px);
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 3px 0;
    outline: none;
  }
  .modal .modal-content .modal-container.modelentity input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.modelentity input:valid:not([type=checkbox]):required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .modal .modal-content .modal-container.modelentity input:focus {
    background: #fff;
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .modal .modal-content .modal-container.modelentity input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.modelentity input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.modelentity input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.modelentity input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .modal .modal-content .modal-container.modelentity input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container.dashboardform {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: calc(100% - 45px);
    padding: 0;
  }
  .modal .modal-content .modal-container.dashboardform #loadBoard {
    height: 100%;
    width: 100%;
  }
  .modal .modal-content .modal-container.dashboardform #loadBoard iframe, .modal .modal-content .modal-container.dashboardform #loadBoard object, .modal .modal-content .modal-container.dashboardform #loadBoard embed {
    height: 100%;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer {
    position: absolute;
    bottom: 2px;
    padding: 5px 0;
    margin: 0;
    vertical-align: bottom;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs {
    padding: 5px 0;
    margin: 0;
    bottom: 0px;
    position: relative;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab {
    margin: 1px;
    display: inline;
    bottom: 0px;
    position: relative;
    background: grey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 7px 10px 7px 10px;
    color: white;
    font-size: 11px;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab:hover, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab:hover {
    background: lightgrey;
    cursor: pointer;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab.active, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab.active {
    background: lightgrey;
    color: black;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab.child, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab.child {
    border-radius: 5px;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.25) and (max-width: 1366px) {
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab {
    margin: 1px;
    display: inline;
    bottom: 0px;
    position: relative;
    background: grey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px 5px 10px;
    color: white;
    font-size: 12px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs {
    display: none;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container #paneluploader {
    background-color: #a3a3a3;
    padding: 5px;
    overflow-y: hidden;
    height: calc(100% - 50px);
  }
  .modal .modal-content .modal-container #paneluploader .uploadtool {
    height: 100%;
    position: relative;
    background: white;
    padding: 0px 10px;
    border-radius: 5px;
    overflow-y: auto;
    font-size: 15px;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer {
    display: none;
    width: 100%;
    align-items: center;
    line-height: 40px;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer.active {
    display: block;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer #totalfiles {
    width: 50%;
    color: black;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer {
    display: flex;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer {
    width: calc(auto - 5px);
    margin-right: 5px;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer#ionsubmit {
    width: 100%;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer button {
    padding: 0px 15px;
    /* margin: 10px; */
    height: 34px;
    text-align: center;
    /* float: right; */
    border-radius: 3px;
    border-style: none;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer button.hidden {
    display: none;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer .browse {
    padding: 0px 15px;
    margin: 10px;
    height: 34px;
    text-align: center;
    float: right;
    border-radius: 3px;
    border-style: none;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer .browse:hover {
    cursor: pointer;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .statuscontainer {
    display: none;
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .statuscontainer #totalfiles {
    float: left;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .statuscontainer #b3dmstatus {
    float: right;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer #kmlitem input[type=checkbox], .modal .modal-content .modal-container #paneluploader .itemscontainer #dashboarditem input[type=checkbox] {
    transform: scale(1.2);
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container p {
    font-weight: medium;
    text-align: justify;
    color: black;
    padding: 0 0 0 0;
    margin: 15px 0 5px 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container.managelayer {
    position: relative;
    background: white;
    padding: 10px 10px;
    border-radius: 5px;
    overflow-y: auto;
    font-size: 15px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer {
    position: absolute;
    width: calc(100% - 20px);
    display: none;
    background-color: #ddd;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer input {
    width: 70%;
    padding: 3px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer input[type=checkbox] {
    padding: auto;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn {
    display: flex;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column1 {
    width: 30%;
    padding: 5px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 {
    width: 70%;
    padding: 5px;
    display: flex;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 button {
    border-radius: 5px;
    background: white;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 .innercolumn1 {
    width: calc(50% - 10px);
    padding: 0 5px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 .innercolumn2 {
    width: calc(50% - 10px);
    padding: 0 5px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 .innercolumn2 button {
    margin: 3px 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container.addcamera {
    padding: 10px 10px;
  }
  .modal .modal-content .modal-container.addcamera .selectioncontainer {
    margin-top: 5px;
  }
  .modal .modal-content .modal-container.addcamera .selectioncontainer ul {
    margin: 0px;
    padding: 0px;
  }
  .modal .modal-content .modal-container.addcamera .selectioncontainer ul .tabbutton {
    display: inline-block;
    list-style-type: none;
    background-color: #d8d8d8;
    margin: 0px;
    padding: 7px 10px;
    border-radius: 25px;
    color: white;
    font-weight: 200px;
    cursor: pointer;
    width: 70px;
    text-align: center;
  }
  .modal .modal-content .modal-container.addcamera .selectioncontainer ul .tabbutton.active {
    background: grey;
  }
  .modal .modal-content .modal-container.addcamera .optioncontainer {
    padding: 10px 0;
  }
  .modal .modal-content .modal-container.addcamera .optioncontainer .panel {
    display: none;
  }
  .modal .modal-content .modal-container.addcamera .optioncontainer .panel.active {
    display: block;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container.loginform {
    height: 200px;
  }
  .modal .modal-content .modal-container.loginform label {
    font-weight: bold;
  }
  .modal .modal-content .modal-container.loginform input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .modal .modal-content .modal-container.loginform input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.loginform input#projectwisepassword:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.loginform input#projectwisepasswordconfirm:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.loginform input#projectwisepassword:valid:not([type=checkbox]):required {
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.loginform input:valid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.loginform input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.loginform input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .modal .modal-content .modal-container.loginform input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .modal .modal-content .modal-container.loginform input:focus.newid {
    color: lightgrey;
    border: 1px solid lightgrey;
    box-shadow: none;
  }
  .modal .modal-content .modal-container.loginform .password-showhide, .modal .modal-content .modal-container.loginform .confirm-password-showhide {
    display: inline-flex;
    border: 1px solid grey;
    height: 28px;
    /* padding: 8px; */
    border-radius: 4px;
    outline: none;
    /* border-style: none; */
    width: 29px;
    position: relative;
    top: -1px;
  }
  .modal .modal-content .modal-container.loginform .password-showhide button, .modal .modal-content .modal-container.loginform .confirm-password-showhide button {
    background: none;
    border-style: none;
  }
  .modal .modal-content .modal-container.loginform .password-showhide button img, .modal .modal-content .modal-container.loginform .confirm-password-showhide button img {
    width: 15px;
    vertical-align: middle;
    cursor: pointer;
  }
  .modal .modal-content .modal-container.loginform .password-showhide button img:active, .modal .modal-content .modal-container.loginform .confirm-password-showhide button img:active {
    outline: 0;
    background: #888;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    box-shadow: 0 0 0px 5px #888;
    transition-duration: 10ms;
  }
  .modal .modal-content .modal-container.loginform .password-showhide button:focus, .modal .modal-content .modal-container.loginform .confirm-password-showhide button:focus {
    outline: 0;
  }
  .modal .modal-content .modal-container.loginform .passindicator {
    display: none;
  }
  .modal .modal-content .modal-container.loginform .passindicator #passwordstrengthContainerprofile {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    width: 200px;
    height: 20px;
    display: inline-block;
  }
  .modal .modal-content .modal-container.loginform .passindicator #passwordstrengthContainerprofile #passwordstrengthprofile {
    background: red;
    width: 50px;
    height: 20px;
  }
  .modal .modal-content .modal-container.loginform .passindicator #passwordstrengthTextprofile {
    display: inline-block;
    position: relative;
    align-items: center;
    top: -4px;
    margin-left: 10px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-container2 {
    position: relative;
    overflow-y: auto;
    font-size: 15px;
    width: inherit;
    height: inherit;
    overflow: hidden;
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .loadingcontainer-mainadmin {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(78, 78, 78, 0.438);
    text-align: center;
    z-index: 1;
  }
  .modal .modal-content .loadingcontainer-mainadmin .loader {
    position: relative;
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-animation-name: spin;
            animation-name: spin;
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    top: calc(50% - 45px);
    left: calc(50% - 15px);
  }
  .modal .modal-content .loadingcontainer-mainadmin #loadingText {
    width: 300px;
    text-align: center;
    position: absolute;
    top: calc(50% + 15px);
    left: calc(50% - 140px);
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .loadingcontainer-uploadtool {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(78, 78, 78, 0.6);
  }
  .modal .modal-content .loadingcontainer-uploadtool .loader {
    display: block;
    position: relative;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  .modal .modal-content .loadingcontainer-uploadtool #loadingText3 {
    text-align: center;
    position: relative;
    top: calc(50% - 20px);
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}
@media (-webkit-min-device-pixel-ratio: 1.25) {
  .modal .modal-content .modal-footer {
    width: 100%;
    height: 35px;
    text-align: right;
    background-color: #313131;
    border-radius: 0 0 5px 5px;
    padding-top: 5px;
  }
  .modal .modal-content .modal-footer label {
    color: white;
    float: left;
    margin: 5px 7px;
  }
  .modal .modal-content .modal-footer #reviewToolText {
    float: left;
    margin: 5px 1px;
  }
  .modal .modal-content .modal-footer #reviewToolFontSizeInput {
    float: left;
    margin: 5px 10px;
    width: 30px;
  }
  .modal .modal-content .modal-footer #reviewToolFontSize {
    float: left;
    margin: 5px auto;
  }
  .modal .modal-content .modal-footer .color-picker-div {
    float: left;
    margin: 5px auto;
  }
}
@media screen and (max-width: 1366px) {
  .modal {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .modal .modal-content {
    position: relative;
    background: white;
    margin: 7% auto;
    width: 30%;
    height: 400px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 6px;
  }
  .modal .modal-content#newLocation {
    width: 30vw;
    height: 65vh;
    margin: 7% auto;
  }
  .modal .modal-content#editentity {
    width: 40vw;
    height: 65vh;
    margin: 7% auto;
  }
  .modal .modal-content#newAsset {
    width: 30vw;
    height: 65vh;
    margin: 7% auto;
  }
  .modal .modal-content#tabsuploadform {
    width: 40vw;
    height: 60vh;
    margin: 8% auto;
  }
  .modal .modal-content#managelayercontent {
    width: 60vw;
    margin: 4% auto;
    height: 65vh;
  }
  .modal .modal-content#loginform {
    width: 20vw;
    margin: 15% auto;
    height: 285px;
  }
  .modal .modal-content#dashboardcontent {
    width: 80vw;
    height: 80vh;
    margin: 8vh auto;
    transition: width 0.25s, height 0.25s, margin 0.25s;
  }
  .modal .modal-content#dashboardcontent.active {
    width: 100vw;
    height: 100vh;
    margin: 0vh auto;
  }
  .modal .modal-content#dashboardcontent.active .closebutton {
    top: 10px;
    right: 3px;
  }
  .modal .modal-content#dashboardcontent.active .maximizebutton {
    top: 10px;
    right: 35px;
  }
  .modal .modal-content#dashboardcontent.active .fullscreenbutton {
    top: 10px;
    right: 65px;
  }
  .modal .modal-content#reviewListContent {
    width: 80vw;
    margin: 2% auto;
    height: 78vh;
  }
  .modal .modal-content#reviewListContent .button-ok {
    position: relative;
    height: 2em;
    width: 3em;
    border-radius: 3px;
  }
  .modal .modal-content#reviewListContent .button-ok img {
    height: 75%;
  }
  .modal .modal-content#reviewContent {
    width: 85vw;
    margin: 2% auto;
    height: 78vh;
  }
  .modal .modal-content#reviewContent .button-ok {
    position: relative;
    height: 2em;
    width: 3em;
    border-radius: 3px;
  }
  .modal .modal-content#reviewContent .button-ok img {
    height: 75%;
  }
  .modal .modal-content .modal-header {
    background-color: #313131;
    width: 100%;
    height: 45px;
    text-align: center;
    -webkit-text-size-adjust: 20px;
       -moz-text-size-adjust: 20px;
            text-size-adjust: 20px;
    border-radius: 5px 5px 0 0;
  }
  .modal .modal-content .modal-header h3 {
    color: white;
    margin: 0 0 0 0;
    padding-top: 15px;
  }
  .modal .modal-content .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 25px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .modal .modal-content .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .modal .modal-content .maximizebutton {
    position: absolute;
    line-height: 30px;
    right: 20px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .modal .modal-content .maximizebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .modal .modal-content .maximizebutton img {
    height: 15px;
  }
  .modal .modal-content .fullscreenbutton {
    position: absolute;
    line-height: 30px;
    right: 55px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .modal .modal-content .fullscreenbutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .modal .modal-content .fullscreenbutton img {
    height: 15px;
  }
  .modal .modal-content .modal-container {
    position: relative;
    background: white;
    padding: 0px 10px;
    overflow-y: auto;
    font-size: 15px;
    height: calc(100% - 85px);
  }
  .modal .modal-content .modal-container select {
    width: 100%;
    padding: 8px 10px;
    margin: 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .modal .modal-content .modal-container input[type=text], .modal .modal-content .modal-container input[type=number] {
    width: 100%;
    padding: 8px 10px;
    margin: 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .modal .modal-content .modal-container input[type=text]#Path, .modal .modal-content .modal-container input[type=number]#Path {
    width: 80%;
  }
  .modal .modal-content .modal-container input::-moz-placeholder {
    color: rgba(180, 180, 180, 0.705);
  }
  .modal .modal-content .modal-container input:-ms-input-placeholder {
    color: rgba(180, 180, 180, 0.705);
  }
  .modal .modal-content .modal-container input::placeholder {
    color: rgba(180, 180, 180, 0.705);
  }
  .modal .modal-content .modal-container input[type=file] {
    width: 100%;
    padding: 8px 1px;
    margin: 10px 0;
    display: inline-block;
    /* border: 1px solid #ccc; */
    border-radius: 4px;
    box-sizing: border-box;
  }
  .modal .modal-content .modal-container .tab-panel {
    margin-top: 5px;
    height: calc(100% - 5px);
  }
  .modal .modal-content .modal-container .tab-panel ul.tabsupload {
    margin: 0px;
    padding: 0px;
  }
  .modal .modal-content .modal-container .tab-panel ul.tabsupload li {
    display: inline-block;
    list-style-type: none;
    background-color: #d8d8d8;
    margin: 0px;
    padding: 7px 10px;
    border-radius: 5px 5px 0 0;
    color: white;
    font-weight: 200px;
    cursor: pointer;
    width: 70px;
    text-align: center;
  }
  .modal .modal-content .modal-container .tab-panel ul.tabsupload .tabbutton.active, .modal .modal-content .modal-container .table-box .tab-panel ul.tabsupload .tabbutton:hover {
    background-color: #a3a3a3;
  }
}
@media screen and (max-width: 1366px) and (max-width: 460px) {
  .modal .modal-content .modal-container .tab-panel ul.tabsupload li {
    padding: 7px 10px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container .tab-panel div.panel {
    display: none;
    background-color: #c9c9c9;
    padding: 10px;
    border-radius: 0 5px 5px 5px;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container .tab-panel div.panel.active {
    display: block;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container .doublefield {
    display: flex;
  }
  .modal .modal-content .modal-container .doublefield .column1 {
    width: 85%;
  }
  .modal .modal-content .modal-container .doublefield .column2 {
    width: calc(15% - 10px);
    margin-left: 10px;
  }
  .modal .modal-content .modal-container .doublefield .column2 button {
    margin-top: 27px;
    padding: 8px 0px;
    border-radius: 5px;
    width: 100%;
  }
  .modal .modal-content .modal-container .doublefield .column2 input[type=checkbox] {
    margin-top: 20px;
    transform: scale(1.5);
    margin-left: calc(50% - 10px);
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container #folderRoot {
    height: calc(100% - 400px);
    border: 1px solid lightgrey;
    border-radius: 4px;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container .appearoncheck {
    display: none;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container.modelentity {
    border-radius: 0px;
  }
  .modal .modal-content .modal-container.modelentity label.required:after {
    content: "*";
    color: lightcoral;
  }
  .modal .modal-content .modal-container.modelentity input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .modal .modal-content .modal-container.modelentity select {
    background: #fff;
    width: calc(100% - 10px);
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 3px 0;
    outline: none;
  }
  .modal .modal-content .modal-container.modelentity input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.modelentity input:valid:not([type=checkbox]):required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .modal .modal-content .modal-container.modelentity input:focus {
    background: #fff;
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .modal .modal-content .modal-container.modelentity input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.modelentity input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.modelentity input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.modelentity input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.modelentity input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .modal .modal-content .modal-container.modelentity input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container.dashboardform {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: calc(100% - 45px);
    padding: 0;
  }
  .modal .modal-content .modal-container.dashboardform #loadBoard {
    height: 100%;
    width: 100%;
  }
  .modal .modal-content .modal-container.dashboardform #loadBoard iframe, .modal .modal-content .modal-container.dashboardform #loadBoard object, .modal .modal-content .modal-container.dashboardform #loadBoard embed {
    height: 100%;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer {
    position: absolute;
    bottom: 0;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs {
    padding: 5px 0;
    margin: 0;
    bottom: 0px;
    position: relative;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab {
    margin: 1px;
    display: inline;
    bottom: 0px;
    position: relative;
    background: grey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 20px 10px 20px;
    color: white;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab:hover, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab:hover {
    background: lightgrey;
    cursor: pointer;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab.active, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab.active {
    background: lightgrey;
    color: black;
  }
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab.child, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab.child {
    border-radius: 5px;
  }
}
@media screen and (max-width: 1366px) and (max-width: 1366px) {
  .modal .modal-content .modal-container.dashboardform .tabContainer .tabs .dashboardTab, .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs .dashboardTab {
    margin: 1px;
    display: inline;
    bottom: 0px;
    position: relative;
    background: grey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px 5px 10px;
    color: white;
    font-size: 12px;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container.dashboardform .tabContainer .subtabs {
    display: none;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container #paneluploader {
    background-color: #a3a3a3;
    padding: 5px;
    overflow-y: hidden;
    height: calc(100% - 50px);
  }
  .modal .modal-content .modal-container #paneluploader .uploadtool {
    height: 100%;
    position: relative;
    background: white;
    padding: 0px 10px;
    border-radius: 5px;
    overflow-y: auto;
    font-size: 15px;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer {
    display: none;
    width: 100%;
    align-items: center;
    line-height: 40px;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer.active {
    display: block;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer #totalfiles {
    width: 50%;
    color: black;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer {
    display: flex;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer {
    width: calc(auto - 5px);
    margin-right: 5px;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer#ionsubmit {
    width: 100%;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer button {
    padding: 0px 15px;
    /* margin: 10px; */
    height: 34px;
    text-align: center;
    /* float: right; */
    border-radius: 3px;
    border-style: none;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer button.hidden {
    display: none;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer .browse {
    padding: 0px 15px;
    margin: 10px;
    height: 34px;
    text-align: center;
    float: right;
    border-radius: 3px;
    border-style: none;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .buttoncontainer .browse:hover {
    cursor: pointer;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .statuscontainer {
    display: none;
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .statuscontainer #totalfiles {
    float: left;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer .doublecontainer .statuscontainer #b3dmstatus {
    float: right;
  }
  .modal .modal-content .modal-container #paneluploader .itemscontainer #kmlitem input[type=checkbox], .modal .modal-content .modal-container #paneluploader .itemscontainer #dashboarditem input[type=checkbox] {
    transform: scale(1.2);
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container p {
    font-weight: medium;
    text-align: justify;
    color: black;
    padding: 0 0 0 0;
    margin: 15px 0 5px 0;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container.managelayer {
    position: relative;
    background: white;
    padding: 10px 10px;
    border-radius: 5px;
    overflow-y: auto;
    font-size: 15px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer {
    position: absolute;
    width: calc(100% - 20px);
    display: none;
    background-color: #ddd;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer input {
    width: 70%;
    padding: 3px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer input[type=checkbox] {
    padding: auto;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn {
    display: flex;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column1 {
    width: 30%;
    padding: 5px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 {
    width: 70%;
    padding: 5px;
    display: flex;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 button {
    border-radius: 5px;
    background: white;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 .innercolumn1 {
    width: calc(50% - 10px);
    padding: 0 5px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 .innercolumn2 {
    width: calc(50% - 10px);
    padding: 0 5px;
  }
  .modal .modal-content .modal-container.managelayer #buttoncontainer .buttoncolumn .column2 .innercolumn2 button {
    margin: 3px 0;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container.addcamera {
    padding: 10px 10px;
  }
  .modal .modal-content .modal-container.addcamera .selectioncontainer {
    margin-top: 5px;
  }
  .modal .modal-content .modal-container.addcamera .selectioncontainer ul {
    margin: 0px;
    padding: 0px;
  }
  .modal .modal-content .modal-container.addcamera .selectioncontainer ul .tabbutton {
    display: inline-block;
    list-style-type: none;
    background-color: #d8d8d8;
    margin: 0px;
    padding: 7px 10px;
    border-radius: 25px;
    color: white;
    font-weight: 200px;
    cursor: pointer;
    width: 70px;
    text-align: center;
  }
  .modal .modal-content .modal-container.addcamera .selectioncontainer ul .tabbutton.active {
    background: grey;
  }
  .modal .modal-content .modal-container.addcamera .optioncontainer {
    padding: 10px 0;
  }
  .modal .modal-content .modal-container.addcamera .optioncontainer .panel {
    display: none;
  }
  .modal .modal-content .modal-container.addcamera .optioncontainer .panel.active {
    display: block;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container.loginform {
    height: 200px;
  }
  .modal .modal-content .modal-container.loginform label {
    font-weight: bold;
  }
  .modal .modal-content .modal-container.loginform input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .modal .modal-content .modal-container.loginform input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.loginform input#projectwisepassword:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.loginform input#projectwisepasswordconfirm:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .modal .modal-content .modal-container.loginform input#projectwisepassword:valid:not([type=checkbox]):required {
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.loginform input:valid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.loginform input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .modal .modal-content .modal-container.loginform input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .modal .modal-content .modal-container.loginform input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .modal .modal-content .modal-container.loginform input:focus.newid {
    color: lightgrey;
    border: 1px solid lightgrey;
    box-shadow: none;
  }
  .modal .modal-content .modal-container.loginform .password-showhide, .modal .modal-content .modal-container.loginform .confirm-password-showhide {
    display: inline-flex;
    border: 1px solid grey;
    height: 28px;
    /* padding: 8px; */
    border-radius: 4px;
    outline: none;
    /* border-style: none; */
    width: 29px;
    position: relative;
    top: -1px;
  }
  .modal .modal-content .modal-container.loginform .password-showhide button, .modal .modal-content .modal-container.loginform .confirm-password-showhide button {
    background: none;
    border-style: none;
  }
  .modal .modal-content .modal-container.loginform .password-showhide button img, .modal .modal-content .modal-container.loginform .confirm-password-showhide button img {
    width: 15px;
    vertical-align: middle;
    cursor: pointer;
  }
  .modal .modal-content .modal-container.loginform .password-showhide button img:active, .modal .modal-content .modal-container.loginform .confirm-password-showhide button img:active {
    outline: 0;
    background: #888;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    box-shadow: 0 0 0px 5px #888;
    transition-duration: 10ms;
  }
  .modal .modal-content .modal-container.loginform .password-showhide button:focus, .modal .modal-content .modal-container.loginform .confirm-password-showhide button:focus {
    outline: 0;
  }
  .modal .modal-content .modal-container.loginform .passindicator {
    display: none;
  }
  .modal .modal-content .modal-container.loginform .passindicator #passwordstrengthContainerprofile {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    width: 200px;
    height: 20px;
    display: inline-block;
  }
  .modal .modal-content .modal-container.loginform .passindicator #passwordstrengthContainerprofile #passwordstrengthprofile {
    background: red;
    width: 50px;
    height: 20px;
  }
  .modal .modal-content .modal-container.loginform .passindicator #passwordstrengthTextprofile {
    display: inline-block;
    position: relative;
    align-items: center;
    top: -4px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-container2 {
    position: relative;
    overflow-y: auto;
    font-size: 15px;
    width: inherit;
    height: inherit;
    overflow: hidden;
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .loadingcontainer-mainadmin {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(78, 78, 78, 0.438);
    text-align: center;
    z-index: 1;
  }
  .modal .modal-content .loadingcontainer-mainadmin .loader {
    position: relative;
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-animation-name: spin;
            animation-name: spin;
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    top: calc(50% - 45px);
    left: calc(50% - 15px);
  }
  .modal .modal-content .loadingcontainer-mainadmin #loadingText {
    width: 300px;
    text-align: center;
    position: absolute;
    top: calc(50% + 15px);
    left: calc(50% - 140px);
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .loadingcontainer-uploadtool {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(78, 78, 78, 0.6);
  }
  .modal .modal-content .loadingcontainer-uploadtool .loader {
    display: block;
    position: relative;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  .modal .modal-content .loadingcontainer-uploadtool #loadingText3 {
    text-align: center;
    position: relative;
    top: calc(50% - 20px);
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}
@media screen and (max-width: 1366px) {
  .modal .modal-content .modal-footer {
    width: 100%;
    height: 35px;
    text-align: right;
    background-color: #313131;
    border-radius: 0 0 5px 5px;
    padding-top: 5px;
  }
  .modal .modal-content .modal-footer label {
    color: white;
    float: left;
    margin: 5px 7px;
  }
  .modal .modal-content .modal-footer #reviewToolText {
    float: left;
    margin: 5px 1px;
  }
  .modal .modal-content .modal-footer #reviewToolFontSizeInput {
    float: left;
    margin: 5px 10px;
    width: 30px;
  }
  .modal .modal-content .modal-footer #reviewToolFontSize {
    float: left;
    margin: 5px auto;
  }
  .modal .modal-content .modal-footer .color-picker-div {
    float: left;
    margin: 5px auto;
  }
}
.button-ok {
  position: relative;
  height: 2em;
  width: 5em;
  border-radius: 3px;
}

.button-cancel {
  position: relative;
  height: 2em;
  width: 5em;
  border-radius: 3px;
  margin-right: 5px;
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.nav-bar {
  top: 0px;
  position: absolute;
  width: 100%;
  height: 70px;
  align-items: center;
  z-index: 6;
  background-image: linear-gradient(#5a5a5a, #202020);
}
.nav-bar.index {
  box-shadow: 0px 10px 30px black;
}
.nav-bar .sidebarItem {
  align-items: center;
  text-align: center;
  float: left;
  height: 30px;
  width: 30px;
  padding: 20px 20px;
  background: rgba(0, 0, 0, 0.37);
}
.nav-bar .sidebarItem img {
  height: 30px;
  width: 30px;
}
.nav-bar .sidebarItem:hover {
  cursor: pointer;
  background: rgba(187, 0, 0, 0.753);
}
.nav-bar ul {
  position: relative;
  align-items: center;
  margin: 0px;
  display: flex;
  flex-direction: row;
  padding-left: 10px;
}
.nav-bar ul li {
  list-style: none;
  padding: 0;
}
.nav-bar ul li a {
  height: 25px;
  font-weight: bold;
}
.nav-bar ul li a img {
  vertical-align: middle;
  height: 41px;
  padding: 14px 5px;
}
.nav-bar ul li a:visited {
  color: black;
}
.nav-bar ul li a:hover {
  color: white;
  cursor: pointer;
}
.nav-bar ul li a span {
  color: white;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}
.nav-bar ul li a span:hover {
  color: white;
}
.nav-bar .navbarItem {
  align-items: center;
  text-align: center;
  right: 0px;
  float: right;
  height: 60px;
  width: 60px;
  padding: 5px 5px;
  background: rgba(0, 0, 0, 0.37);
}
.nav-bar .navbarItem:hover {
  cursor: pointer;
  background: rgba(187, 0, 0, 0.753);
}
.nav-bar .navbarItem#navprojectName {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  line-height: 70px;
  position: relative;
  color: white;
  height: 70px;
  width: auto;
  max-width: 300px;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.37);
  border-right: 1px solid rgba(92, 92, 92, 0.397);
}
.nav-bar .navbarItem#navprojectName:hover {
  cursor: pointer;
  background: rgba(187, 0, 0, 0.753);
}
.nav-bar .navbarItem#notiIcon {
  position: relative;
  color: white;
  height: 70px;
  width: auto;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px;
  display: inline-flex;
  background: rgba(0, 0, 0, 0.37);
  border-right: 1px solid rgba(92, 92, 92, 0.397);
}
.nav-bar .navbarItem#notiIcon:hover {
  cursor: pointer;
  background: rgba(187, 0, 0, 0.753);
}
.nav-bar .navbarItem#notiIcon span {
  display: block;
  border-radius: 30px;
  background-color: #FFF;
  box-shadow: 1px 1px 5px #808080;
  padding: 10px;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  line-height: 30px;
  text-align: center;
  position: relative;
}
.nav-bar .navbarItem#notiIcon span img {
  position: relative;
  padding: 0px;
  height: 30px;
  width: auto;
  top: -2px;
  left: -2px;
}
.nav-bar .navbarItem#notiIcon span mark {
  border-radius: 50%;
  border: 2px solid #FFF;
  width: 20px;
  height: 20px;
  background-color: #FF6B6B;
  position: absolute;
  top: -4px;
  left: -7px;
  font-size: 10px;
  line-height: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #FFF;
  font-weight: 700;
}
.nav-bar .navbarItem#notiIcon span mark.big {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  font-size: 16px;
  top: 9px;
  left: 9px;
}
.nav-bar .navbarItem#notiIcon span mark.green {
  background-color: #27ae60;
}
.nav-bar .navbarItem#notiIcon span mark.blue {
  background-color: #3498db;
}
.nav-bar .navbarItem .navbar-infopicture {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  top: 10px;
  right: 10px;
  position: absolute;
}
.nav-bar .navbarItem .navbar-infopicture span.initial {
  position: absolute;
  color: white;
  text-transform: uppercase;
  transform: translate(-50%, 100%);
}

.minimize {
  display: none;
  z-index: 6;
  position: absolute;
  background: #dddddd;
  top: 0px;
  right: 50%;
  width: 80px;
  height: 17px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  text-align: center;
  float: right;
  box-shadow: 2px 3px #0000008e;
}
.minimize:hover,
.minimize :active {
  cursor: pointer;
  background-image: linear-gradient(#dddddd, #5f5f5f8e);
}

.appsbar {
  display: none;
  z-index: 6;
  position: absolute;
  background: #363636;
  height: 100%;
  width: 480px;
  overflow: hidden;
  box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.664);
  color: white;
}
.appsbar .sidebarItem {
  align-items: center;
  text-align: center;
  height: 30px;
  width: 30px;
  padding: 20px 20px;
}
.appsbar .sidebarItem img {
  height: 30px;
  width: 30px;
}
.appsbar .sidebarItem:hover, .appsbar .sidebarItem.active {
  cursor: pointer;
  background: gray;
}
.appsbar .appscontainer {
  margin-left: 10px;
  margin-right: 10px;
}
.appsbar .appscontainer h3 {
  border-top: 1px solid grey;
  width: 100%;
  padding: 10px 0;
}
.appsbar .appscontainer .scrollcontainer {
  height: calc(50vh - 160px);
  width: 100%;
  overflow: auto;
}
.appsbar .appscontainer .scrollcontainer .appsbutton {
  padding: 10px;
  display: -ms-grid;
  display: grid;
  grid-gap: 0px;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  margin: 0px 0;
  margin-right: 8px;
  padding: 5px 0;
}
.appsbar .appscontainer .scrollcontainer .appsbutton button {
  position: relative;
  outline: none;
  text-align: left;
  padding: 10px;
  border: none;
  font-size: 14px;
  height: 100%;
  width: 100%;
  background-color: #363636;
}
.appsbar .appscontainer .scrollcontainer .appsbutton button:hover {
  cursor: pointer;
  background: #6d6d6d;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.808);
  z-index: 2;
}
.appsbar .appscontainer .scrollcontainer .appsbutton button span.img {
  display: inline-block;
}
.appsbar .appscontainer .scrollcontainer .appsbutton button span.img img {
  vertical-align: middle;
  height: 25px;
  width: 25px;
  margin-right: 5px;
  border-radius: 50%;
}
.appsbar .appscontainer .scrollcontainer .appsbutton button span.atag {
  display: inline-block;
  width: calc(100% - 30px);
  overflow: hidden;
  vertical-align: middle;
}
.appsbar .appscontainer .scrollcontainer .appsbutton button span.atag a {
  display: inline-block;
  text-decoration: none;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 25px;
  width: 100%;
  line-height: 30px;
}
.appsbar .projectcontainer {
  margin-left: 10px;
  margin-right: 10px;
}
.appsbar .projectcontainer h3 {
  border-top: 1px solid grey;
  width: 100%;
  padding: 10px 0;
}
.appsbar .projectcontainer .scrollcontainer {
  height: calc(50vh - 80px);
  width: 100%;
}
.appsbar .projectcontainer .scrollcontainer .appsbutton {
  padding: 10px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 48% 48%;
  margin: 5px 0;
  margin-right: 8px;
  padding: 5px 0;
  z-index: 2;
}
.appsbar .projectcontainer .scrollcontainer .appsbutton#projectslist {
  border-bottom: 1px solid grey;
}
.appsbar .projectcontainer .scrollcontainer .appsbutton button {
  width: 100%;
  height: 100%;
  position: relative;
  outline: none;
  text-align: left;
  padding: 10px;
  border: none;
  font-size: 14px;
  background-color: #363636;
}
.appsbar .projectcontainer .scrollcontainer .appsbutton button.activeProject {
  background: rgba(121, 121, 121, 0.541);
}
.appsbar .projectcontainer .scrollcontainer .appsbutton button:hover {
  cursor: pointer;
  background: #6d6d6d;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.808);
  z-index: 2;
}
.appsbar .projectcontainer .scrollcontainer .appsbutton button span.img {
  display: inline-block;
}
.appsbar .projectcontainer .scrollcontainer .appsbutton button span.img img {
  vertical-align: middle;
  height: 25px;
  width: 25px;
  margin-right: 5px;
  border-radius: 50%;
}
.appsbar .projectcontainer .scrollcontainer .appsbutton button span.atag {
  display: inline-block;
  width: calc(100% - 30px);
  overflow: hidden;
  vertical-align: middle;
}
.appsbar .projectcontainer .scrollcontainer .appsbutton button span.atag a {
  display: inline-block;
  text-decoration: none;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 25px;
  width: 100%;
  line-height: 30px;
}

.dropitem {
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  float: right;
  right: 5px;
  background: #363636;
  position: absolute;
  color: white;
  top: 70px;
  z-index: 6;
  line-height: 25px;
  box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.747);
}
.dropitem#notiDrop {
  right: 180px;
}
.dropitem .profileitems#viewProfile,
.dropitem .profileitems#signOut,
.dropitem .profileitems#viewSetting,
.dropitem .profileitems#viewProject,
.dropitem .notiitems {
  padding: 10px 15px;
  width: 100%;
  text-align: left;
  background-color: #363636;
  color: white;
  border: none;
}
.dropitem .profileitems#viewProfile img,
.dropitem .profileitems#signOut img,
.dropitem .profileitems#viewSetting img,
.dropitem .profileitems#viewProject img,
.dropitem .notiitems img {
  height: 25px;
  width: auto;
  margin-right: 10px;
  vertical-align: middle;
}
.dropitem .profileitems#viewProfile:hover,
.dropitem .profileitems#signOut:hover,
.dropitem .profileitems#viewSetting:hover,
.dropitem .profileitems#viewProject:hover,
.dropitem .notiitems:hover {
  cursor: pointer;
  background: #6d6d6d;
}
.dropitem .profileitems#usernameEmail,
.dropitem .projectitems#projectName {
  padding: 10px 15px;
  border-bottom: solid 1px #686868;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .nav-bar {
    top: 0px;
    position: absolute;
    width: 100%;
    height: 55px;
    align-items: center;
    z-index: 6;
    background-image: linear-gradient(#5a5a5a, #202020);
  }
  .nav-bar.index {
    box-shadow: 0px 10px 30px black;
  }
  .nav-bar .sidebarItem {
    align-items: center;
    text-align: center;
    float: left;
    height: 25px;
    width: 25px;
    padding: 15px 15px;
    background: rgba(0, 0, 0, 0.37);
  }
  .nav-bar .sidebarItem img {
    height: 25px;
    width: 25px;
  }
  .nav-bar .sidebarItem:hover {
    cursor: pointer;
    background: rgba(187, 0, 0, 0.753);
  }
  .nav-bar ul {
    position: relative;
    align-items: center;
    margin: 0px;
    display: flex;
    flex-direction: row;
    padding-left: 6px;
  }
  .nav-bar ul li {
    list-style: none;
    padding: 0;
  }
  .nav-bar ul li a {
    height: 60px;
    font-weight: bold;
  }
  .nav-bar ul li a img {
    vertical-align: middle;
    height: 30px;
    padding: 10px 5px;
  }
  .nav-bar ul li a:visited {
    color: black;
  }
  .nav-bar ul li a:hover {
    color: white;
    cursor: pointer;
  }
  .nav-bar ul li a span {
    color: white;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
  }
  .nav-bar ul li a span:hover {
    color: white;
  }
  .nav-bar .navbarItem {
    align-items: center;
    text-align: center;
    right: 0px;
    float: right;
    height: 45px;
    width: 45px;
    padding: 5px 5px;
    background: rgba(0, 0, 0, 0.37);
  }
  .nav-bar .navbarItem:hover {
    cursor: pointer;
    background: rgba(187, 0, 0, 0.753);
  }
  .nav-bar .navbarItem#navprojectName {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    line-height: 55px;
    position: relative;
    color: white;
    height: 55px;
    width: auto;
    max-width: 300px;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(92, 92, 92, 0.397);
  }
  .nav-bar .navbarItem#navprojectName:hover {
    cursor: pointer;
    background: rgba(187, 0, 0, 0.753);
  }
  .nav-bar .navbarItem#notiIcon {
    font-size: 12px;
    position: relative;
    color: white;
    height: 55px;
    width: auto;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    display: inline-flex;
    background: rgba(0, 0, 0, 0.37);
    border-right: 1px solid rgba(92, 92, 92, 0.397);
  }
  .nav-bar .navbarItem#notiIcon:hover {
    cursor: pointer;
    background: rgba(187, 0, 0, 0.753);
  }
  .nav-bar .navbarItem#notiIcon span {
    display: block;
    border-radius: 50%;
    background-color: #FFF;
    box-shadow: 1px 1px 5px #808080;
    padding: 10px;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    position: relative;
  }
  .nav-bar .navbarItem#notiIcon span img {
    position: relative;
    padding: 0px;
    height: 20px;
    width: auto;
    top: -3px;
    left: -3px;
  }
  .nav-bar .navbarItem#notiIcon span mark {
    border-radius: 50%;
    border: 2px solid #FFF;
    width: 15px;
    height: 15px;
    background-color: #FF6B6B;
    position: absolute;
    top: -4px;
    left: -7px;
    font-size: 8px;
    line-height: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #FFF;
    font-weight: 700;
  }
  .nav-bar .navbarItem#notiIcon span mark.big {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 16px;
    top: 9px;
    left: 9px;
  }
  .nav-bar .navbarItem#notiIcon span mark.green {
    background-color: #27ae60;
  }
  .nav-bar .navbarItem#notiIcon span mark.blue {
    background-color: #3498db;
  }
  .nav-bar .navbarItem .navbar-infopicture {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    top: 7px;
    right: 7px;
    position: absolute;
  }
  .nav-bar .navbarItem .navbar-infopicture span.initial {
    position: absolute;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    transform: translate(-60%, 125%);
  }

  .appsbar {
    display: none;
    z-index: 6;
    position: absolute;
    background: #363636;
    height: 100%;
    width: 380px;
    overflow: hidden;
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.664);
    color: white;
  }
  .appsbar .sidebarItem {
    align-items: center;
    text-align: center;
    height: 25px;
    width: 25px;
    padding: 15px 15px;
  }
  .appsbar .sidebarItem img {
    height: 25px;
    width: 25px;
  }
  .appsbar .sidebarItem:hover, .appsbar .sidebarItem.active {
    cursor: pointer;
    background: gray;
  }
  .appsbar .appscontainer {
    margin-left: 10px;
    margin-right: 10px;
  }
  .appsbar .appscontainer h3 {
    border-top: 1px solid grey;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
  }
  .appsbar .appscontainer .scrollcontainer {
    height: calc(50vh - 160px);
    width: 100%;
    overflow: auto;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton {
    padding: 10px;
    display: -ms-grid;
    display: grid;
    grid-gap: 0px;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    margin: 0px 0;
    margin-right: 8px;
    padding: 5px 0;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button {
    position: relative;
    outline: none;
    text-align: left;
    padding: 8px;
    border: none;
    font-size: 10px;
    height: 100%;
    width: 100%;
    background-color: #363636;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button:hover {
    cursor: pointer;
    background: #6d6d6d;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.808);
    z-index: 2;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button span.img {
    display: inline-block;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button span.img img {
    vertical-align: middle;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    border-radius: 50%;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button span.atag {
    display: inline-block;
    width: calc(100% - 30px);
    overflow: hidden;
    vertical-align: middle;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button span.atag a {
    text-decoration: none;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 25px;
    width: 100%;
    line-height: 30px;
  }
  .appsbar .projectcontainer {
    margin-left: 10px;
    margin-right: 10px;
  }
  .appsbar .projectcontainer h3 {
    border-top: 1px solid grey;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
  }
  .appsbar .projectcontainer .scrollcontainer {
    height: calc(50vh - 80px);
    width: 100%;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton {
    padding: 10px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 48% 48%;
    margin: 5px 0;
    margin-right: 8px;
    padding: 5px 0;
    z-index: 2;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton#projectslist {
    border-bottom: 1px solid grey;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button {
    width: 100%;
    height: 100%;
    position: relative;
    outline: none;
    text-align: left;
    padding: 8px;
    border: none;
    font-size: 10px;
    background-color: #363636;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button.activeProject {
    background: rgba(121, 121, 121, 0.541);
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button:hover {
    cursor: pointer;
    background: #6d6d6d;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.808);
    z-index: 2;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button span.img {
    display: inline-block;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button span.img img {
    vertical-align: middle;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    border-radius: 50%;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button span.atag {
    display: inline-block;
    width: calc(100% - 30px);
    overflow: hidden;
    vertical-align: middle;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button span.atag a {
    text-decoration: none;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 25px;
    width: 100%;
    line-height: 30px;
  }

  .dropitem {
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    right: 5px;
    background: #363636;
    position: absolute;
    color: white;
    top: 50px;
    z-index: 6;
    line-height: 15px;
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.747);
  }
  .dropitem#notiDrop {
    right: 180px;
  }
  .dropitem .profileitems#viewProfile,
.dropitem .profileitems#signOut,
.dropitem .profileitems#viewSetting,
.dropitem .profileitems#viewProject,
.dropitem .notiitems {
    padding: 10px 15px;
    width: 100%;
    text-align: left;
    background-color: #363636;
    color: white;
    border: none;
    font-size: 12px;
  }
  .dropitem .profileitems#viewProfile img,
.dropitem .profileitems#signOut img,
.dropitem .profileitems#viewSetting img,
.dropitem .profileitems#viewProject img,
.dropitem .notiitems img {
    height: 18px;
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
  }
  .dropitem .profileitems#viewProfile:hover,
.dropitem .profileitems#signOut:hover,
.dropitem .profileitems#viewSetting:hover,
.dropitem .profileitems#viewProject:hover,
.dropitem .notiitems:hover {
    cursor: pointer;
    background: #6d6d6d;
  }
  .dropitem .profileitems#usernameEmail,
.dropitem .projectitems#projectName {
    padding: 10px 15px;
    border-bottom: solid 1px #686868;
    font-size: 13px;
  }
}
@media screen and (max-width: 1366px) {
  .nav-bar {
    top: 0px;
    position: absolute;
    width: 100%;
    height: 50px;
    align-items: center;
    z-index: 6;
    background-image: linear-gradient(#5a5a5a, #202020);
  }
  .nav-bar.index {
    box-shadow: 0px 10px 30px black;
  }
  .nav-bar .sidebarItem {
    align-items: center;
    text-align: center;
    float: left;
    height: 20px;
    width: 20px;
    padding: 15px 15px;
    background: rgba(0, 0, 0, 0.37);
  }
  .nav-bar .sidebarItem img {
    height: 20px;
    width: 20px;
  }
  .nav-bar .sidebarItem:hover {
    cursor: pointer;
    background: rgba(187, 0, 0, 0.753);
  }
  .nav-bar ul {
    position: relative;
    align-items: center;
    margin: 0px;
    display: flex;
    flex-direction: row;
    padding-left: 6px;
  }
  .nav-bar ul li {
    list-style: none;
    padding: 0;
  }
  .nav-bar ul li a {
    height: 50px;
    font-weight: bold;
  }
  .nav-bar ul li a img {
    vertical-align: middle;
    height: 30px;
    padding: 10px 5px;
  }
  .nav-bar ul li a:visited {
    color: black;
  }
  .nav-bar ul li a:hover {
    color: white;
    cursor: pointer;
  }
  .nav-bar ul li a span {
    color: white;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
  }
  .nav-bar ul li a span:hover {
    color: white;
  }
  .nav-bar .navbarItem {
    align-items: center;
    text-align: center;
    right: 0px;
    float: right;
    height: 40px;
    width: 40px;
    padding: 5px 5px;
    background: rgba(0, 0, 0, 0.37);
  }
  .nav-bar .navbarItem:hover {
    cursor: pointer;
    background: rgba(187, 0, 0, 0.753);
  }
  .nav-bar .navbarItem#navprojectName {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    line-height: 50px;
    position: relative;
    color: white;
    height: 50px;
    width: auto;
    max-width: 300px;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(92, 92, 92, 0.397);
  }
  .nav-bar .navbarItem#navprojectName:hover {
    cursor: pointer;
    background: rgba(187, 0, 0, 0.753);
  }
  .nav-bar .navbarItem#notiIcon {
    font-size: 12px;
    position: relative;
    color: white;
    height: 50px;
    width: auto;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px;
    display: inline-flex;
    background: rgba(0, 0, 0, 0.37);
    border-right: 1px solid rgba(92, 92, 92, 0.397);
  }
  .nav-bar .navbarItem#notiIcon:hover {
    cursor: pointer;
    background: rgba(187, 0, 0, 0.753);
  }
  .nav-bar .navbarItem#notiIcon span {
    display: block;
    border-radius: 50%;
    background-color: #FFF;
    box-shadow: 1px 1px 5px #808080;
    padding: 10px;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    position: relative;
  }
  .nav-bar .navbarItem#notiIcon span img {
    position: relative;
    padding: 0px;
    height: 20px;
    width: auto;
    top: -2px;
    left: -2px;
  }
  .nav-bar .navbarItem#notiIcon span mark {
    border-radius: 50%;
    border: 2px solid #FFF;
    width: 15px;
    height: 15px;
    background-color: #FF6B6B;
    position: absolute;
    top: -4px;
    left: -7px;
    font-size: 8px;
    line-height: 17px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #FFF;
    font-weight: 700;
  }
  .nav-bar .navbarItem#notiIcon span mark.big {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    font-size: 16px;
    top: 9px;
    left: 9px;
  }
  .nav-bar .navbarItem#notiIcon span mark.green {
    background-color: #27ae60;
  }
  .nav-bar .navbarItem#notiIcon span mark.blue {
    background-color: #3498db;
  }
  .nav-bar .navbarItem .navbar-infopicture {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    top: 10px;
    right: 10px;
    position: absolute;
  }
  .nav-bar .navbarItem .navbar-infopicture span.initial {
    position: absolute;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    transform: translate(-50%, 100%);
  }

  .appsbar {
    display: none;
    z-index: 6;
    position: absolute;
    background: #363636;
    height: 100%;
    width: 380px;
    overflow: hidden;
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.664);
    color: white;
  }
  .appsbar .sidebarItem {
    align-items: center;
    text-align: center;
    height: 20px;
    width: 20px;
    padding: 15px 15px;
  }
  .appsbar .sidebarItem img {
    height: 20px;
    width: 20px;
  }
  .appsbar .sidebarItem:hover, .appsbar .sidebarItem.active {
    cursor: pointer;
    background: gray;
  }
  .appsbar .appscontainer {
    margin-left: 10px;
    margin-right: 10px;
  }
  .appsbar .appscontainer h3 {
    border-top: 1px solid grey;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
  }
  .appsbar .appscontainer .scrollcontainer {
    height: calc(50vh - 160px);
    width: 100%;
    overflow: auto;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton {
    padding: 10px;
    display: -ms-grid;
    display: grid;
    grid-gap: 0px;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    margin: 0px 0;
    margin-right: 8px;
    padding: 5px 0;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button {
    position: relative;
    outline: none;
    text-align: left;
    padding: 8px;
    border: none;
    font-size: 10px;
    height: 100%;
    width: 100%;
    background-color: #363636;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button:hover {
    cursor: pointer;
    background: #6d6d6d;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.808);
    z-index: 2;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button span.img {
    display: inline-block;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button span.img img {
    vertical-align: middle;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    border-radius: 50%;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button span.atag {
    display: inline-block;
    width: calc(100% - 30px);
    overflow: hidden;
    vertical-align: middle;
  }
  .appsbar .appscontainer .scrollcontainer .appsbutton button span.atag a {
    display: inline-block;
    text-decoration: none;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 25px;
    width: 100%;
    line-height: 30px;
  }
  .appsbar .projectcontainer {
    margin-left: 10px;
    margin-right: 10px;
  }
  .appsbar .projectcontainer h3 {
    border-top: 1px solid grey;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
  }
  .appsbar .projectcontainer .scrollcontainer {
    height: calc(50vh - 80px);
    width: 100%;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton {
    padding: 10px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 48% 48%;
    margin: 5px 0;
    margin-right: 8px;
    padding: 5px 0;
    z-index: 2;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton#projectslist {
    border-bottom: 1px solid grey;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button {
    width: 100%;
    height: 100%;
    position: relative;
    outline: none;
    text-align: left;
    padding: 8px;
    border: none;
    font-size: 10px;
    background-color: #363636;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button.activeProject {
    background: rgba(121, 121, 121, 0.541);
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button:hover {
    cursor: pointer;
    background: #6d6d6d;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.808);
    z-index: 2;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button span.img {
    display: inline-block;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button span.img img {
    vertical-align: middle;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    border-radius: 50%;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button span.atag {
    display: inline-block;
    width: calc(100% - 30px);
    overflow: hidden;
    vertical-align: middle;
  }
  .appsbar .projectcontainer .scrollcontainer .appsbutton button span.atag a {
    display: inline-block;
    text-decoration: none;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 25px;
    width: 100%;
    line-height: 30px;
  }

  .dropitem {
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    float: right;
    right: 5px;
    background: #363636;
    position: absolute;
    color: white;
    top: 50px;
    z-index: 6;
    line-height: 15px;
    box-shadow: 5px 0px 30px 0px rgba(0, 0, 0, 0.747);
  }
  .dropitem#notiDrop {
    right: 180px;
  }
  .dropitem .profileitems#viewProfile,
.dropitem .profileitems#signOut,
.dropitem .profileitems#viewSetting,
.dropitem .profileitems#viewProject,
.dropitem .notiitems {
    padding: 10px 15px;
    width: 100%;
    text-align: left;
    background-color: #363636;
    color: white;
    border: none;
    font-size: 12px;
  }
  .dropitem .profileitems#viewProfile img,
.dropitem .profileitems#signOut img,
.dropitem .profileitems#viewSetting img,
.dropitem .profileitems#viewProject img,
.dropitem .notiitems img {
    height: 18px;
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
  }
  .dropitem .profileitems#viewProfile:hover,
.dropitem .profileitems#signOut:hover,
.dropitem .profileitems#viewSetting:hover,
.dropitem .profileitems#viewProject:hover,
.dropitem .notiitems:hover {
    cursor: pointer;
    background: #6d6d6d;
  }
  .dropitem .profileitems#usernameEmail,
.dropitem .projectitems#projectName {
    padding: 10px 15px;
    border-bottom: solid 1px #686868;
    font-size: 13px;
  }
}
@-webkit-keyframes appsbar {
  0% {
    opacity: 0;
  }
  0% {
    width: 0;
  }
  100% {
    width: 20%;
  }
  100% {
    opacity: 1;
  }
}
@keyframes appsbar {
  0% {
    opacity: 0;
  }
  0% {
    width: 0;
  }
  100% {
    width: 20%;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideup {
  0% {
    height: 0px;
  }
  100% {
    height: px;
  }
}
@keyframes slideup {
  0% {
    height: 0px;
  }
  100% {
    height: px;
  }
}
@-webkit-keyframes slidetop {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@keyframes slidetop {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
.dots > span > mark {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  transform-origin: center bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.dots > span > img {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  transform-origin: center bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.dots:hover > span > mark {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.dots:hover > span > mark.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

.dots:hover > span > mark.swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

.dots:hover > span > img.swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

.dots:hover > span > mark.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

.dots:hover > span > mark.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

li {
  list-style-type: circle;
}

/* animation keyframes */
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 1;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
.projectinfoView {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.479);
}
.projectinfoView .projectinfoContent {
  position: relative;
  background: #363636;
  margin: 5% auto;
  width: 45%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
  border-radius: 5px;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.projectinfoView .projectinfoContent .projectinfoPicture {
  position: absolute;
  line-height: 25px;
  right: 0;
  left: calc(50% - 50px);
  top: -70px;
  color: black;
  background: lightgray;
  font-size: 16px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-weight: bold;
  /* text-align: center; */
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
  border: 5px solid #363636;
  vertical-align: middle;
}
.projectinfoView .projectinfoContent .projectinfoPicture .projectinfoInitial {
  position: relative;
}
.projectinfoView .projectinfoContent .projectinfoPicture .projectinfoInitial img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
}
.projectinfoView .projectinfoContent .projectinfoHeader {
  background-color: #363636;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  padding: 30px 0 0 0;
  color: white;
  padding-bottom: 10px;
}
.projectinfoView .projectinfoContent .projectinfoHeader h3 {
  margin: 10px 50px;
  max-height: 150px;
  overflow: hidden;
}
.projectinfoView .projectinfoContent .closebutton {
  position: absolute;
  line-height: 25px;
  right: -12px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.projectinfoView .projectinfoContent .closebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody {
  position: relative;
  background: white;
  height: 70vh;
  line-height: 40px;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item {
  list-style: none;
  margin: 0px;
  padding: 5px 0 0 0;
  background-color: #363636;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab {
  display: inline-block;
  margin: 0;
  background: lightgrey;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 10px;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab.active {
  background: white;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab:hover {
  background: grey;
  cursor: pointer;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab.active:hover {
  background: white;
  cursor: default;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody {
  width: calc(100% - 40px);
  height: calc(70vh - 85px);
  padding: 20px;
  overflow-y: auto;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojectcontactadmindetails {
  border: 1px solid;
  border-radius: 5px;
  text-align: center;
  width: 70%;
  margin: auto;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojecttabheader {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  margin: auto;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojecttabheader .viewprojecttabdivider img {
  width: 30px;
  vertical-align: middle;
  margin-left: 0px;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojecttabheader .viewprojecttabdivider a {
  width: 30%;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody img {
  width: 30px;
  vertical-align: middle;
  margin: 0 15px;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody a {
  text-decoration: none;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody#financeinfo {
  display: none;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo {
  margin: 0px;
  padding: 0px;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader {
  list-style: none;
  background: linear-gradient(to bottom, #dedede, #cacaca, #dedede);
  box-shadow: #737373 3px 3px 4px 1px;
  line-height: 30px;
  vertical-align: middle;
  margin: 6px 0 0 0;
  border-radius: 5px;
  overflow: hidden;
  width: calc(100% - 6px);
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader:hover {
  background: linear-gradient(to bottom, #e6e6e6, #cacaca, #c5c5c5);
  cursor: pointer;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader:active {
  background: linear-gradient(to bottom, #dadada, #dadada, #dadada);
  box-shadow: #737373 1px 1px 2px 0px;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader label {
  margin: 8px;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  vertical-align: middle;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .list-items {
  margin: 0px;
  padding: 0px;
  display: none;
}
.projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .list-items.active {
  display: block;
}

.layerinfoView {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.479);
}
.layerinfoView .layerinfoContent {
  position: relative;
  background: #363636;
  margin: 5% auto;
  width: 70%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
  border-radius: 5px;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.layerinfoView .layerinfoContent .layerinfoHeader {
  background-color: #363636;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  padding: 10px 0px 10px 0;
  color: white;
}
.layerinfoView .layerinfoContent .layerinfoHeader h3 {
  margin: 15px 0 15px 0;
}
.layerinfoView .layerinfoContent .closebutton {
  position: absolute;
  line-height: 25px;
  right: -12px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.layerinfoView .layerinfoContent .closebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody {
  position: relative;
  background: white;
  height: 70vh;
  overflow-y: auto;
  line-height: 40px;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody1 {
  width: calc(30% - 40px);
  height: calc(100% - 40px);
  padding: 20px;
  float: left;
  color: white;
  background: #525252;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody1 .layerinfoDisplay input {
  width: 100%;
  width: calc(100% - 10px);
  padding: 5px;
  border-radius: 5px;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 {
  width: calc(70% - 40px);
  height: calc(100% - 40px);
  padding: 20px;
  float: right;
  overflow: auto;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable h4 {
  margin: 5px 0 15px 0;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table {
  border-radius: 5px;
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table td {
  text-align: left;
  padding: 8px;
  border: none;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table td:hover {
  cursor: pointer;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table th:first-child {
  border-top-left-radius: 5px;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table th:last-child {
  border-top-right-radius: 5px;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table tr:nth-of-type(odd) {
  background: white;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table tr:hover {
  background-color: #ddd;
  cursor: pointer;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
}
.layerinfoView .layerinfoContent .layerinfoContainerMainBody .layerinfoContainerBody2 .layerinfoTable table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}

.infoView {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.479);
}
.infoView .infoContent {
  position: relative;
  background: #363636;
  margin: 10% auto;
  width: 40%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
  border-radius: 5px;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.infoView .infoContent .infoPicture {
  position: absolute;
  line-height: 25px;
  right: 0;
  left: calc(50% - 50px);
  top: -70px;
  color: black;
  font-size: 16px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-weight: bold;
  /* text-align: center; */
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
  border: 5px solid #363636;
  vertical-align: middle;
}
.infoView .infoContent .infoPicture .infoInitial {
  position: relative;
  top: calc(-11px + 50px);
  color: white;
  font-size: 30px;
  text-transform: uppercase;
}
.infoView .infoContent .infoHeader-readonly {
  background-color: #363636;
  width: 100%;
  height: 80px;
  text-align: center;
  border-radius: 5px;
  padding: 30px 0 0 0;
  display: block;
  color: white;
  line-height: 30px;
}
.infoView .infoContent .infoHeader-readonly h3 {
  margin: 10px 0 0 0;
}
.infoView .infoContent .infoHeader-readonly h4 {
  margin: 0px;
}
.infoView .infoContent .infoHeader-edit {
  background-color: #363636;
  width: 100%;
  height: 60px;
  text-align: center;
  border-radius: 5px;
  padding: 30px 0 0 0;
  display: none;
  color: white;
}
.infoView .infoContent .infoHeader-edit h3 {
  margin: 10px 0 0 0;
}
.infoView .infoContent .infoHeader-edit h4 {
  margin: 0px;
}
.infoView .infoContent .closebutton {
  position: absolute;
  line-height: 25px;
  right: -12px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.infoView .infoContent .closebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.infoView .infoContent .infoContainerMainBody {
  position: relative;
  background: white;
  height: 30vh;
  overflow-y: auto;
  line-height: 40px;
  padding: 30px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-readonly {
  width: 100%;
  display: block;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-readonly img {
  width: 30px;
  vertical-align: middle;
  margin: 0 15px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit {
  line-height: 35px;
  margin: 0px;
  display: none;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput.idcontainer {
  display: flex;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .idcontainer {
  display: none;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit label {
  font-weight: bold;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
  outline: none;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input::-moz-placeholder {
  color: #c8c8c8;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:-ms-input-placeholder {
  color: #c8c8c8;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input::placeholder {
  color: #c8c8c8;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not([type=checkbox]) {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newconfirmpasswordprofile:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:valid:not([type=checkbox]):required {
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:valid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus:invalid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus.newid {
  color: lightgrey;
  border: 1px solid lightgrey;
  box-shadow: none;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit label.required:after {
  content: "*";
  color: lightcoral;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input {
  border-color: #d1d1d1;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:-ms-input-placeholder:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus:valid:required {
  border-color: #1fe01f;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:valid:required {
  border-color: #d1d1d1;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide {
  display: inline-flex;
  border: 1px solid grey;
  height: 28px;
  /* padding: 8px; */
  border-radius: 4px;
  outline: none;
  /* border-style: none; */
  width: 29px;
  position: relative;
  top: -1px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button {
  background: none;
  border-style: none;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button img,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button img {
  width: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button img:active,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button img:active {
  outline: 0;
  background: #888;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  box-shadow: 0 0 0px 5px #888;
  transition-duration: 10ms;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button:focus,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button:focus {
  outline: 0;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator {
  display: none;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator #passwordstrengthContainerprofile {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  width: 200px;
  height: 20px;
  display: inline-block;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator #passwordstrengthContainerprofile #passwordstrengthprofile {
  background: red;
  width: 50px;
  height: 20px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator #passwordstrengthTextprofile {
  display: inline-block;
  position: relative;
  align-items: center;
  top: -4px;
  margin-left: 10px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .resetcheck {
  display: inline;
  margin-top: 0px;
  width: auto;
  padding: 3px 0px;
  border-radius: 3px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .resetcheck#checkresetpassword, .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .resetcheck#checkupdatelabel {
  margin-top: 20px;
  padding-left: 10px;
  display: inline;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit select {
  font-size: 1em;
  width: 100%;
  padding: 3px 0px 3px 6px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
  outline: none;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput {
  display: flex;
  width: 100%;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput .column1 {
  width: 50%;
  margin-right: 5px;
}
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput .column2 {
  width: 50%;
  margin-left: 5px;
}
.infoView .infoContent .profileuserFooter {
  background-color: #363636;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}
.infoView .infoContent .profileuserFooter div {
  padding: 0px;
  margin: 0px;
}
.infoView .infoContent .profileuserFooter div button {
  padding: 7.5px 15px;
  border-radius: 5px;
}
.infoView .infoContent .profileuserFooter div button:hover {
  cursor: pointer;
}
.infoView .infoContent .profileuserFooter .editPage {
  display: none;
}
.infoView .infoContent .profileuserFooter .readonly {
  display: block;
}

.settingView {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.479);
}
.settingView .settingContent {
  position: relative;
  background: #363636;
  margin: 10% auto;
  width: 40%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
  border-radius: 5px;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.settingView .settingContent .settingHeader {
  background-color: #363636;
  width: 100%;
  height: 40px;
  text-align: center;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 20px 0 0 0;
  display: block;
  color: white;
}
.settingView .settingContent .settingHeader h3 {
  margin: 0px;
}
.settingView .settingContent .settingHeader h4 {
  margin: 0px;
}
.settingView .settingContent .closebutton {
  position: absolute;
  line-height: 25px;
  right: -12px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.settingView .settingContent .closebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.settingView .settingContent .settingContainerMainBody {
  position: relative;
  background: white;
  height: 50vh;
  overflow-y: auto;
  line-height: 10px;
}
.settingView .settingContent .settingContainerMainBody h4 {
  display: block;
  height: 0px;
  margin: 15px 0;
  text-align: center;
}
.settingView .settingContent .settingContainerMainBody .container-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0px;
}
.settingView .settingContent .settingContainerMainBody .container-cards .card {
  position: relative;
  background: #363636;
  border-radius: 5px;
  top: 0px;
  width: 315px;
  height: 265px;
  margin: 20px auto;
  box-shadow: 2px 2px 10px 2px #c0c0c0;
}
.settingView .settingContent .settingContainerMainBody .container-cards .card .head {
  height: 10px;
  margin: 15px 0;
  width: 100%;
  text-align: center;
  color: white;
}
.settingView .settingContent .settingContainerMainBody .container-cards .card .previewImage {
  height: calc(100% - 40px);
  width: 100%;
}
.settingView .settingContent .settingContainerMainBody .container-cards .card .previewImage img {
  height: 100%;
  width: 100%;
}
.settingView .settingContent .settingContainerMainBody .container-cards .card input {
  display: block;
  margin: 10px auto;
}
.settingView .settingContent .settingContainerMainBody .container-cards .card:hover {
  position: relative;
  top: -3px;
  box-shadow: 3px 3px 10px 3px #777777;
  transition: all 0.5s;
}
.settingView .settingContent .settingFooter {
  background-color: #363636;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}
.settingView .settingContent .settingFooter div {
  padding: 0px;
  margin: 0px;
}
.settingView .settingContent .settingFooter div button {
  padding: 7.5px 15px;
  border-radius: 5px;
}
.settingView .settingContent .settingFooter div button:hover {
  cursor: pointer;
}
.settingView .settingContent .settingFooter .editPage {
  display: block;
}
.settingView .settingContent .settingFooter .readonly {
  display: block;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .projectinfoView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .projectinfoView .projectinfoContent {
    position: relative;
    background: #363636;
    margin: 8% auto;
    width: 45%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .projectinfoView .projectinfoContent .projectinfoPicture {
    position: absolute;
    line-height: 25px;
    right: 0;
    left: calc(50% - 40px);
    top: -70px;
    color: black;
    background: lightgray;
    font-size: 16px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-weight: bold;
    /* text-align: center; */
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
    border: 5px solid #363636;
    vertical-align: middle;
  }
  .projectinfoView .projectinfoContent .projectinfoPicture .projectinfoInitial {
    position: relative;
  }
  .projectinfoView .projectinfoContent .projectinfoPicture .projectinfoInitial img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
  }
  .projectinfoView .projectinfoContent .projectinfoHeader {
    background-color: #363636;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 20px 0 0 0;
    color: white;
    padding-bottom: 10px;
  }
  .projectinfoView .projectinfoContent .projectinfoHeader h3 {
    margin: 5px 15px;
    font-size: 15px;
  }
  .projectinfoView .projectinfoContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .projectinfoView .projectinfoContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody {
    position: relative;
    background: white;
    height: 60vh;
    line-height: 30px;
    font-size: 10px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer {
    height: 35px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item {
    list-style: none;
    margin: 0px;
    padding: 5px 0 0 0;
    background-color: #363636;
    height: 30px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab {
    display: inline-block;
    margin: 0;
    background: lightgrey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 10px;
    font-size: 12px;
    height: 30px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab.active {
    background: white;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab:hover {
    background: grey;
    cursor: pointer;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab.active:hover {
    background: white;
    cursor: default;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody {
    width: calc(100% - 40px);
    height: calc(60vh - 75px);
    padding: 20px;
    overflow-y: auto;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojectcontactadmindetails {
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    width: 70%;
    margin: auto;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojecttabheader {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin: auto;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojecttabheader .viewprojecttabdivider img {
    width: 30px;
    vertical-align: middle;
    margin-left: 0px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojecttabheader .viewprojecttabdivider a {
    width: 30%;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody img {
    width: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody a {
    text-decoration: none;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody#financeinfo {
    display: none;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo {
    margin: 0px;
    padding: 0px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader {
    list-style: none;
    background: linear-gradient(to bottom, #dedede, #cacaca, #dedede);
    box-shadow: #737373 3px 3px 4px 1px;
    line-height: 25px;
    vertical-align: middle;
    margin: 10px 0 0 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader:hover {
    background: linear-gradient(to bottom, #e6e6e6, #cacaca, #c5c5c5);
    cursor: pointer;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader:active {
    background: linear-gradient(to bottom, #dadada, #dadada, #dadada);
    box-shadow: #737373 1px 1px 2px 0px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader label {
    margin: 8px;
    font-size: 11px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .list-items {
    margin: 0px;
    padding: 0px;
    display: none;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .list-items.active {
    display: block;
  }

  .infoView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .infoView .infoContent {
    position: relative;
    background: #363636;
    margin: 10% auto;
    width: 40%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .infoView .infoContent .infoPicture {
    position: absolute;
    line-height: 25px;
    right: 0;
    left: calc(50% - 40px);
    top: -60px;
    color: black;
    font-size: 16px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-weight: bold;
    /* text-align: center; */
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
    border: 5px solid #363636;
    vertical-align: middle;
  }
  .infoView .infoContent .infoPicture .infoInitial {
    position: relative;
    top: calc(-11px + 40px);
    color: white;
    font-size: 25px;
    text-transform: uppercase;
  }
  .infoView .infoContent .infoHeader-readonly {
    background-color: #363636;
    width: 100%;
    height: 65px;
    text-align: center;
    border-radius: 5px;
    padding: 25px 0 0 0;
    display: block;
    color: white;
    line-height: 25px;
  }
  .infoView .infoContent .infoHeader-readonly h3 {
    margin: 5px 0 0 0;
    font-size: 15px;
  }
  .infoView .infoContent .infoHeader-readonly h4 {
    margin: 0px;
    font-size: 12px;
  }
  .infoView .infoContent .infoHeader-edit {
    background-color: #363636;
    width: 100%;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    padding: 30px 0 0 0;
    display: none;
    color: white;
  }
  .infoView .infoContent .infoHeader-edit h3 {
    margin: 0px 0 0 0;
    font-size: 14px;
  }
  .infoView .infoContent .infoHeader-edit h4 {
    margin: 0px;
  }
  .infoView .infoContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .infoView .infoContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .infoView .infoContent .infoContainerMainBody {
    position: relative;
    background: white;
    height: 30vh;
    overflow-y: auto;
    line-height: 30px;
    padding: 20px;
    font-size: 12px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-readonly {
    width: 100%;
    display: block;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-readonly img {
    width: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit {
    line-height: 30px;
    margin: 0px;
    display: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput.idcontainer {
    display: flex;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .idcontainer {
    display: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit label {
    font-weight: bold;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input::-moz-placeholder {
    color: #c8c8c8;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:-ms-input-placeholder {
    color: #c8c8c8;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input::placeholder {
    color: #c8c8c8;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newconfirmpasswordprofile:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:valid:not([type=checkbox]):required {
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:valid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus.newid {
    color: lightgrey;
    border: 1px solid lightgrey;
    box-shadow: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit label.required:after {
    content: "*";
    color: lightcoral;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input {
    border-color: #d1d1d1;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide {
    display: inline-flex;
    border: 1px solid grey;
    height: 23px;
    /* padding: 8px; */
    border-radius: 4px;
    outline: none;
    /* border-style: none; */
    width: 23px;
    position: relative;
    top: 0px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button {
    background: none;
    border-style: none;
    padding: 0 4px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button img,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button img {
    width: 15px;
    vertical-align: middle;
    cursor: pointer;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button img:active,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button img:active {
    outline: 0;
    background: #888;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    box-shadow: 0 0 0px 5px #888;
    transition-duration: 10ms;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button:focus,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button:focus {
    outline: 0;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator {
    display: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator #passwordstrengthContainerprofile {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    width: 200px;
    height: 20px;
    display: inline-block;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator #passwordstrengthContainerprofile #passwordstrengthprofile {
    background: red;
    width: 50px;
    height: 20px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator #passwordstrengthTextprofile {
    display: inline-block;
    position: relative;
    align-items: center;
    top: -4px;
    margin-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .resetcheck {
    display: inline;
    margin-top: 0px;
    width: auto;
    padding: 3px 0px;
    border-radius: 3px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .resetcheck#checkresetpassword, .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .resetcheck#checkupdatelabel {
    margin-top: 20px;
    padding-left: 10px;
    display: inline;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput {
    display: flex;
    width: 100%;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput .column1 {
    width: 50%;
    margin-right: 5px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput .column2 {
    width: 50%;
    margin-left: 5px;
  }
  .infoView .infoContent .profileuserFooter {
    background-color: #363636;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .infoView .infoContent .profileuserFooter div {
    padding: 0px;
    margin: 0px;
  }
  .infoView .infoContent .profileuserFooter div button {
    padding: 4.5px 11px;
    font-size: 10px;
    border-radius: 5px;
  }
  .infoView .infoContent .profileuserFooter div button:hover {
    cursor: pointer;
  }
  .infoView .infoContent .profileuserFooter .editPage {
    display: none;
  }
  .infoView .infoContent .profileuserFooter .readonly {
    display: block;
  }

  .settingView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .settingView .settingContent {
    position: relative;
    background: #363636;
    margin: 5% auto;
    width: 40%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .settingView .settingContent .settingHeader {
    background-color: #363636;
    width: 100%;
    height: 30px;
    text-align: center;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 15px 0 0 0;
    display: block;
    color: white;
  }
  .settingView .settingContent .settingHeader h3 {
    margin: 0px;
    font-size: 14px;
  }
  .settingView .settingContent .settingHeader h4 {
    margin: 0px;
  }
  .settingView .settingContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .settingView .settingContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .settingView .settingContent .settingContainerMainBody {
    position: relative;
    background: white;
    height: 50vh;
    overflow-y: auto;
    line-height: 10px;
  }
  .settingView .settingContent .settingContainerMainBody h4 {
    display: block;
    height: 0px;
    margin: 15px 0;
    text-align: center;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card {
    position: relative;
    background: #363636;
    border-radius: 5px;
    top: 0px;
    width: 200px;
    height: 180px;
    margin: 20px auto;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card .head {
    height: 10px;
    margin: 10px 0;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 12px;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card .previewImage {
    height: calc(100% - 30px);
    width: 100%;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card .previewImage img {
    height: 100%;
    width: 100%;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card input {
    display: block;
    margin: 10px auto;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card:hover {
    position: relative;
    top: -3px;
    box-shadow: 3px 3px 10px 3px #777777;
    transition: all 0.5s;
  }
  .settingView .settingContent .settingFooter {
    background-color: #363636;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .settingView .settingContent .settingFooter div {
    padding: 0px;
    margin: 0px;
  }
  .settingView .settingContent .settingFooter div button {
    padding: 4.5px 11px;
    font-size: 10px;
    border-radius: 5px;
  }
  .settingView .settingContent .settingFooter div button:hover {
    cursor: pointer;
  }
  .settingView .settingContent .settingFooter .editPage {
    display: block;
  }
  .settingView .settingContent .settingFooter .readonly {
    display: block;
  }
}
@media screen and (max-width: 1366px) {
  .projectinfoView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .projectinfoView .projectinfoContent {
    position: relative;
    background: #363636;
    margin: 8% auto;
    width: 45%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .projectinfoView .projectinfoContent .projectinfoPicture {
    position: absolute;
    line-height: 25px;
    right: 0;
    left: calc(50% - 40px);
    top: -70px;
    color: black;
    background: lightgray;
    font-size: 16px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-weight: bold;
    /* text-align: center; */
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
    border: 5px solid #363636;
    vertical-align: middle;
  }
  .projectinfoView .projectinfoContent .projectinfoPicture .projectinfoInitial {
    position: relative;
  }
  .projectinfoView .projectinfoContent .projectinfoPicture .projectinfoInitial img {
    width: 100%;
    border-radius: 50%;
    height: 100%;
  }
  .projectinfoView .projectinfoContent .projectinfoHeader {
    background-color: #363636;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding: 20px 0 0 0;
    color: white;
    padding-bottom: 10px;
  }
  .projectinfoView .projectinfoContent .projectinfoHeader h3 {
    margin: 5px 15px;
    font-size: 15px;
  }
  .projectinfoView .projectinfoContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .projectinfoView .projectinfoContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody {
    position: relative;
    background: white;
    height: 60vh;
    line-height: 30px;
    font-size: 10px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer {
    height: 35px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item {
    list-style: none;
    margin: 0px;
    padding: 5px 0 0 0;
    background-color: #363636;
    height: 30px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab {
    display: inline-block;
    margin: 0;
    background: lightgrey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 10px;
    font-size: 12px;
    height: 30px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab.active {
    background: white;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab:hover {
    background: grey;
    cursor: pointer;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .tabsContainer ul.tabs-item li.tab.active:hover {
    background: white;
    cursor: default;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody {
    width: calc(100% - 40px);
    height: calc(60vh - 75px);
    padding: 20px;
    overflow-y: auto;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojectcontactadmindetails {
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    width: 70%;
    margin: auto;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojecttabheader {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    margin: auto;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojecttabheader .viewprojecttabdivider img {
    width: 30px;
    vertical-align: middle;
    margin-left: 0px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody .viewprojecttabheader .viewprojecttabdivider a {
    width: 30%;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody img {
    width: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody a {
    text-decoration: none;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody#financeinfo {
    display: none;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo {
    margin: 0px;
    padding: 0px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader {
    list-style: none;
    background: linear-gradient(to bottom, #dedede, #cacaca, #dedede);
    box-shadow: #737373 3px 3px 4px 1px;
    height: 25px;
    vertical-align: middle;
    margin: 10px 0 0 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader:hover {
    background: linear-gradient(to bottom, #e6e6e6, #cacaca, #c5c5c5);
    cursor: pointer;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader:active {
    background: linear-gradient(to bottom, #dadada, #dadada, #dadada);
    box-shadow: #737373 1px 1px 2px 0px;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .projectHeader label {
    margin: 8px;
    font-size: 11px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
    top: -4px;
    position: relative;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .list-items {
    margin: 0px;
    padding: 0px;
    display: none;
  }
  .projectinfoView .projectinfoContent .projectinfoContainerMainBody .projectinfoContainerBody #financeContractInfo .list-items.active {
    display: block;
  }

  .infoView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .infoView .infoContent {
    position: relative;
    background: #363636;
    margin: 10% auto;
    width: 40%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .infoView .infoContent .infoPicture {
    position: absolute;
    line-height: 25px;
    right: 0;
    left: calc(50% - 40px);
    top: -60px;
    color: black;
    font-size: 16px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-weight: bold;
    /* text-align: center; */
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
    border: 5px solid #363636;
    vertical-align: middle;
  }
  .infoView .infoContent .infoPicture .infoInitial {
    position: relative;
    top: calc(-11px + 40px);
    color: white;
    font-size: 25px;
    text-transform: uppercase;
  }
  .infoView .infoContent .infoHeader-readonly {
    background-color: #363636;
    width: 100%;
    height: 65px;
    text-align: center;
    border-radius: 5px;
    padding: 25px 0 0 0;
    display: block;
    color: white;
    line-height: 25px;
  }
  .infoView .infoContent .infoHeader-readonly h3 {
    margin: 5px 0 0 0;
    font-size: 15px;
  }
  .infoView .infoContent .infoHeader-readonly h4 {
    margin: 0px;
    font-size: 12px;
  }
  .infoView .infoContent .infoHeader-edit {
    background-color: #363636;
    width: 100%;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    padding: 30px 0 0 0;
    display: none;
    color: white;
  }
  .infoView .infoContent .infoHeader-edit h3 {
    margin: 0px 0 0 0;
    font-size: 14px;
  }
  .infoView .infoContent .infoHeader-edit h4 {
    margin: 0px;
  }
  .infoView .infoContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .infoView .infoContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .infoView .infoContent .infoContainerMainBody {
    position: relative;
    background: white;
    height: 30vh;
    overflow-y: auto;
    line-height: 30px;
    padding: 20px;
    font-size: 12px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-readonly {
    width: 100%;
    display: block;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-readonly img {
    width: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit {
    line-height: 30px;
    margin: 0px;
    display: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput.idcontainer {
    display: flex;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .idcontainer {
    display: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit label {
    font-weight: bold;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input::-moz-placeholder {
    color: #c8c8c8;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:-ms-input-placeholder {
    color: #c8c8c8;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input::placeholder {
    color: #c8c8c8;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newconfirmpasswordprofile:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:valid:not([type=checkbox]):required {
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:valid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus.newid {
    color: lightgrey;
    border: 1px solid lightgrey;
    box-shadow: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit label.required:after {
    content: "*";
    color: lightcoral;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input {
    border-color: #d1d1d1;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input#newpasswordprofile:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide {
    display: inline-flex;
    border: 1px solid grey;
    height: 23px;
    /* padding: 8px; */
    border-radius: 4px;
    outline: none;
    /* border-style: none; */
    width: 23px;
    position: relative;
    top: 0px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button {
    background: none;
    border-style: none;
    padding: 0 4px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button img,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button img {
    width: 15px;
    vertical-align: middle;
    cursor: pointer;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button img:active,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button img:active {
    outline: 0;
    background: #888;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    box-shadow: 0 0 0px 5px #888;
    transition-duration: 10ms;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .password-showhide button:focus,
.infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .confirm-password-showhide button:focus {
    outline: 0;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator {
    display: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator #passwordstrengthContainerprofile {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    width: 200px;
    height: 20px;
    display: inline-block;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator #passwordstrengthContainerprofile #passwordstrengthprofile {
    background: red;
    width: 50px;
    height: 20px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .passindicator #passwordstrengthTextprofile {
    display: inline-block;
    position: relative;
    align-items: center;
    top: -4px;
    margin-left: 10px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .resetcheck {
    display: inline;
    margin-top: 0px;
    width: auto;
    padding: 3px 0px;
    border-radius: 3px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .resetcheck#checkresetpassword, .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .resetcheck#checkupdatelabel {
    margin-top: 20px;
    padding-left: 10px;
    display: inline;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput {
    display: flex;
    width: 100%;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput .column1 {
    width: 50%;
    margin-right: 5px;
  }
  .infoView .infoContent .infoContainerMainBody .infoContainerBody-edit .doubleinput .column2 {
    width: 50%;
    margin-left: 5px;
  }
  .infoView .infoContent .profileuserFooter {
    background-color: #363636;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .infoView .infoContent .profileuserFooter div {
    padding: 0px;
    margin: 0px;
  }
  .infoView .infoContent .profileuserFooter div button {
    padding: 4.5px 11px;
    font-size: 10px;
    border-radius: 5px;
  }
  .infoView .infoContent .profileuserFooter .editPage {
    display: none;
  }
  .infoView .infoContent .profileuserFooter .readonly {
    display: block;
  }

  .settingView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .settingView .settingContent {
    position: relative;
    background: #363636;
    margin: 5% auto;
    width: 40%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .settingView .settingContent .settingHeader {
    background-color: #363636;
    width: 100%;
    height: 30px;
    text-align: center;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 15px 0 0 0;
    display: block;
    color: white;
  }
  .settingView .settingContent .settingHeader h3 {
    margin: 0px;
    font-size: 14px;
  }
  .settingView .settingContent .settingHeader h4 {
    margin: 0px;
  }
  .settingView .settingContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .settingView .settingContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .settingView .settingContent .settingContainerMainBody {
    position: relative;
    background: white;
    height: 50vh;
    overflow-y: auto;
    line-height: 10px;
  }
  .settingView .settingContent .settingContainerMainBody h4 {
    display: block;
    height: 0px;
    margin: 15px 0;
    text-align: center;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card {
    position: relative;
    background: #363636;
    border-radius: 5px;
    top: 0px;
    width: 200px;
    height: 180px;
    margin: 20px auto;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card .head {
    height: 10px;
    margin: 10px 0;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 12px;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card .previewImage {
    height: calc(100% - 30px);
    width: 100%;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card .previewImage img {
    height: 100%;
    width: 100%;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card input {
    display: block;
    margin: 10px auto;
  }
  .settingView .settingContent .settingContainerMainBody .container-cards .card:hover {
    position: relative;
    top: -3px;
    box-shadow: 3px 3px 10px 3px #777777;
    transition: all 0.5s;
  }
  .settingView .settingContent .settingFooter {
    background-color: #363636;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .settingView .settingContent .settingFooter div {
    padding: 0px;
    margin: 0px;
  }
  .settingView .settingContent .settingFooter div button {
    padding: 4.5px 11px;
    font-size: 10px;
    border-radius: 5px;
  }
  .settingView .settingContent .settingFooter .editPage {
    display: block;
  }
  .settingView .settingContent .settingFooter .readonly {
    display: block;
  }
}
.pwcredentialView {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  z-index: 7;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.479);
}
.pwcredentialView .credentialContent {
  position: relative;
  background: #363636;
  margin: 10% auto;
  width: 40%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
  border-radius: 5px;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.pwcredentialView .credentialContent .credentialHeader {
  background-color: #363636;
  width: 100%;
  height: 40px;
  text-align: center;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 20px 0 0 0;
  display: block;
  color: white;
}
.pwcredentialView .credentialContent .credentialHeader h3 {
  margin: 0px;
}
.pwcredentialView .credentialContent .credentialHeader h4 {
  margin: 0px;
}
.pwcredentialView .credentialContent .closebutton {
  position: absolute;
  line-height: 25px;
  right: -12px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.pwcredentialView .credentialContent .closebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.pwcredentialView .credentialContent .credentialContainerMainBody {
  position: relative;
  background: white;
  height: 50vh;
  overflow-y: auto;
  line-height: 10px;
  padding: 30px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody h4 {
  display: block;
  height: 0px;
  margin: 15px 0;
  text-align: center;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit {
  line-height: 35px;
  margin: 0px;
  display: block;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .doubleinput.idcontainer {
  display: flex;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .idcontainer {
  display: none;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit label {
  font-weight: bold;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
  outline: none;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input::-moz-placeholder {
  color: #c8c8c8;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:-ms-input-placeholder {
  color: #c8c8c8;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input::placeholder {
  color: #c8c8c8;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:not([type=checkbox]) {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input#newpasswordprofile:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input#newconfirmpasswordprofile:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input#newpasswordprofile:valid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:valid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:focus:invalid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:focus.newid {
  color: lightgrey;
  border: 1px solid lightgrey;
  box-shadow: none;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit label.required:after {
  content: "*";
  color: lightcoral;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input {
  border-color: #d1d1d1;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input#newpasswordprofile:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input#newpasswordprofile:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input#newpasswordprofile:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:-moz-placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:-ms-input-placeholder:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:focus:valid:required {
  border-color: #1fe01f;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit input:valid:required {
  border-color: #d1d1d1;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .password-showhide,
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .confirm-password-showhide {
  display: inline-flex;
  border: 1px solid grey;
  height: 28px;
  /* padding: 8px; */
  border-radius: 4px;
  outline: none;
  /* border-style: none; */
  width: 29px;
  position: relative;
  top: -1px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .password-showhide button,
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .confirm-password-showhide button {
  background: none;
  border-style: none;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .password-showhide button img,
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .confirm-password-showhide button img {
  width: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .password-showhide button img:active,
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .confirm-password-showhide button img:active {
  outline: 0;
  background: #888;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  box-shadow: 0 0 0px 5px #888;
  transition-duration: 10ms;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .password-showhide button:focus,
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .confirm-password-showhide button:focus {
  outline: 0;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .passindicator {
  display: none;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .passindicator #passwordstrengthContainerprofile {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  width: 200px;
  height: 20px;
  display: inline-block;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .passindicator #passwordstrengthContainerprofile #passwordstrengthprofile {
  background: red;
  width: 50px;
  height: 20px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .passindicator #passwordstrengthTextprofile {
  display: inline-block;
  position: relative;
  align-items: center;
  top: -4px;
  margin-left: 10px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .resetcheck {
  display: inline;
  margin-top: 0px;
  width: auto;
  padding: 3px 0px;
  border-radius: 3px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .resetcheck#checkresetpassword, .pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .resetcheck#checkupdatelabel {
  margin-top: 20px;
  padding-left: 10px;
  display: inline;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit select {
  font-size: 1em;
  width: 100%;
  padding: 3px 0px 3px 6px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
  outline: none;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .doubleinput {
  display: flex;
  width: 100%;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .doubleinput .column1 {
  width: 50%;
  margin-right: 5px;
}
.pwcredentialView .credentialContent .credentialContainerMainBody .credentialContent-edit .doubleinput .column2 {
  width: 50%;
  margin-left: 5px;
}
.pwcredentialView .credentialContent .credentialFooter {
  background-color: #363636;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}
.pwcredentialView .credentialContent .credentialFooter div {
  padding: 0px;
  margin: 0px;
}
.pwcredentialView .credentialContent .credentialFooter div button {
  padding: 7.5px 15px;
  border-radius: 5px;
}
.pwcredentialView .credentialContent .credentialFooter .editPage {
  display: block;
}
.pwcredentialView .credentialContent .credentialFooter .readonly {
  display: block;
}

.admin-page {
  display: block;
  padding: 0px;
  margin: 0px;
  top: 70px;
  position: absolute;
  height: calc(100% - 70px);
  width: 100%;
  background: white;
}
.admin-page #sidebar-admin {
  position: absolute;
  height: 100%;
  width: 300px;
  background: #363636;
  box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
  z-index: 1;
}
.admin-page #sidebar-admin .sidebar-items {
  vertical-align: middle;
  line-height: 45px;
  padding: 0px;
  margin: 0px;
}
.admin-page #sidebar-admin .sidebar-items li.adminHead {
  padding: 15px;
  font-weight: bold;
  color: white;
}
.admin-page #sidebar-admin .sidebar-items li.adminHead a {
  margin-left: 15px;
}
.admin-page #sidebar-admin .sidebar-items li.adminHead img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.admin-page #sidebar-admin .sidebar-items li.adminHead img:hover {
  cursor: pointer;
}
.admin-page #sidebar-admin .sidebar-items li.adminItems {
  color: white;
  text-decoration: none;
  list-style: none;
  padding-left: 15px;
}
.admin-page #sidebar-admin .sidebar-items li.adminItems:hover {
  cursor: pointer;
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.admin-page #sidebar-admin .sidebar-items li.adminItems a {
  text-decoration: none;
  margin-left: 15px;
}
.admin-page #sidebar-admin .sidebar-items li.adminItems img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.admin-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
  float: right;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin: 14px;
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
  background-size: 100%;
}
.admin-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
  background-size: 100%;
}
.admin-page #sidebar-admin .sidebar-items li.adminItems.active {
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.admin-page #sidebar-admin .sidebar-items ul {
  display: none;
  list-style: none;
  line-height: 45px;
  padding-left: 0;
}
.admin-page #sidebar-admin .sidebar-items ul li {
  color: white;
  text-decoration: none;
  list-style: none;
}
.admin-page #sidebar-admin .sidebar-items ul li:hover {
  cursor: pointer;
  background: grey;
}
.admin-page #sidebar-admin .sidebar-items ul li a {
  text-decoration: none;
  margin-left: 15px;
}
.admin-page #sidebar-admin .sidebar-items ul li img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding-left: 35px;
}
.admin-page #sidebar-admin .sidebar-items ul li.active {
  background: #5f5f5f;
}
.admin-page #main-user,
.admin-page #main-project,
.admin-page #main-layerdata,
.admin-page #main-powerbi,
.admin-page #main-lookup,
.admin-page #main-projectwise,
.admin-page #main-projectwise365,
.admin-page #main-aerial,
.admin-page #main-schedule,
.admin-page #main-schedulemap,
.admin-page #main-eot,
.admin-page #main-uploaddata {
  display: none;
  position: relative;
  padding: 15px;
  width: calc(100% - 340px);
  float: right;
  overflow: auto;
  height: calc(100vh - 100px);
}
.admin-page #main-user .mainHeader,
.admin-page #main-project .mainHeader,
.admin-page #main-layerdata .mainHeader,
.admin-page #main-powerbi .mainHeader,
.admin-page #main-lookup .mainHeader,
.admin-page #main-projectwise .mainHeader,
.admin-page #main-projectwise365 .mainHeader,
.admin-page #main-aerial .mainHeader,
.admin-page #main-schedule .mainHeader,
.admin-page #main-schedulemap .mainHeader,
.admin-page #main-eot .mainHeader,
.admin-page #main-uploaddata .mainHeader {
  width: 100%;
  height: 50px;
  background: #3f3f3f;
  color: white;
  border-radius: 5px;
  text-align: center;
}
.admin-page #main-user .mainHeader h3,
.admin-page #main-project .mainHeader h3,
.admin-page #main-layerdata .mainHeader h3,
.admin-page #main-powerbi .mainHeader h3,
.admin-page #main-lookup .mainHeader h3,
.admin-page #main-projectwise .mainHeader h3,
.admin-page #main-projectwise365 .mainHeader h3,
.admin-page #main-aerial .mainHeader h3,
.admin-page #main-schedule .mainHeader h3,
.admin-page #main-schedulemap .mainHeader h3,
.admin-page #main-eot .mainHeader h3,
.admin-page #main-uploaddata .mainHeader h3 {
  margin: 0px;
  top: 15px;
  position: relative;
}
.admin-page #main-user .mainHeader button,
.admin-page #main-project .mainHeader button,
.admin-page #main-layerdata .mainHeader button,
.admin-page #main-powerbi .mainHeader button,
.admin-page #main-lookup .mainHeader button,
.admin-page #main-projectwise .mainHeader button,
.admin-page #main-projectwise365 .mainHeader button,
.admin-page #main-aerial .mainHeader button,
.admin-page #main-schedule .mainHeader button,
.admin-page #main-schedulemap .mainHeader button,
.admin-page #main-eot .mainHeader button,
.admin-page #main-uploaddata .mainHeader button {
  float: right;
}
.admin-page #main-user .headerButton,
.admin-page #main-project .headerButton,
.admin-page #main-layerdata .headerButton,
.admin-page #main-powerbi .headerButton,
.admin-page #main-lookup .headerButton,
.admin-page #main-projectwise .headerButton,
.admin-page #main-projectwise365 .headerButton,
.admin-page #main-aerial .headerButton,
.admin-page #main-schedule .headerButton,
.admin-page #main-schedulemap .headerButton,
.admin-page #main-eot .headerButton,
.admin-page #main-uploaddata .headerButton {
  top: -42px;
  position: relative;
  float: right;
  display: inline-block;
  z-index: 1;
  right: 15px;
}
.admin-page #main-user .headerButton button,
.admin-page #main-project .headerButton button,
.admin-page #main-layerdata .headerButton button,
.admin-page #main-powerbi .headerButton button,
.admin-page #main-lookup .headerButton button,
.admin-page #main-projectwise .headerButton button,
.admin-page #main-projectwise365 .headerButton button,
.admin-page #main-aerial .headerButton button,
.admin-page #main-schedule .headerButton button,
.admin-page #main-schedulemap .headerButton button,
.admin-page #main-eot .headerButton button,
.admin-page #main-uploaddata .headerButton button {
  border-radius: 5px;
  padding: 8px 20px;
}
.admin-page #main-user .headerButton button.edit,
.admin-page #main-project .headerButton button.edit,
.admin-page #main-layerdata .headerButton button.edit,
.admin-page #main-powerbi .headerButton button.edit,
.admin-page #main-lookup .headerButton button.edit,
.admin-page #main-projectwise .headerButton button.edit,
.admin-page #main-projectwise365 .headerButton button.edit,
.admin-page #main-aerial .headerButton button.edit,
.admin-page #main-schedule .headerButton button.edit,
.admin-page #main-schedulemap .headerButton button.edit,
.admin-page #main-eot .headerButton button.edit,
.admin-page #main-uploaddata .headerButton button.edit {
  display: none;
}
.admin-page #main-user .searchTable,
.admin-page #main-project .searchTable,
.admin-page #main-layerdata .searchTable,
.admin-page #main-powerbi .searchTable,
.admin-page #main-lookup .searchTable,
.admin-page #main-projectwise .searchTable,
.admin-page #main-projectwise365 .searchTable,
.admin-page #main-aerial .searchTable,
.admin-page #main-schedule .searchTable,
.admin-page #main-schedulemap .searchTable,
.admin-page #main-eot .searchTable,
.admin-page #main-uploaddata .searchTable {
  top: 23px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  right: 30px;
}
.admin-page #main-user .searchTable input,
.admin-page #main-project .searchTable input,
.admin-page #main-layerdata .searchTable input,
.admin-page #main-powerbi .searchTable input,
.admin-page #main-lookup .searchTable input,
.admin-page #main-projectwise .searchTable input,
.admin-page #main-projectwise365 .searchTable input,
.admin-page #main-aerial .searchTable input,
.admin-page #main-schedule .searchTable input,
.admin-page #main-schedulemap .searchTable input,
.admin-page #main-eot .searchTable input,
.admin-page #main-uploaddata .searchTable input {
  height: 20px;
  padding: 5px;
  border-radius: 5px;
}
.admin-page #main-user .searchTable button,
.admin-page #main-project .searchTable button,
.admin-page #main-layerdata .searchTable button,
.admin-page #main-powerbi .searchTable button,
.admin-page #main-lookup .searchTable button,
.admin-page #main-projectwise .searchTable button,
.admin-page #main-projectwise365 .searchTable button,
.admin-page #main-aerial .searchTable button,
.admin-page #main-schedule .searchTable button,
.admin-page #main-schedulemap .searchTable button,
.admin-page #main-eot .searchTable button,
.admin-page #main-uploaddata .searchTable button {
  padding: 8px 20px;
  border-radius: 5px;
}
.admin-page #main-user .searchTable button#admindeleteUser,
.admin-page #main-project .searchTable button#admindeleteUser,
.admin-page #main-layerdata .searchTable button#admindeleteUser,
.admin-page #main-powerbi .searchTable button#admindeleteUser,
.admin-page #main-lookup .searchTable button#admindeleteUser,
.admin-page #main-projectwise .searchTable button#admindeleteUser,
.admin-page #main-projectwise365 .searchTable button#admindeleteUser,
.admin-page #main-aerial .searchTable button#admindeleteUser,
.admin-page #main-schedule .searchTable button#admindeleteUser,
.admin-page #main-schedulemap .searchTable button#admindeleteUser,
.admin-page #main-eot .searchTable button#admindeleteUser,
.admin-page #main-uploaddata .searchTable button#admindeleteUser {
  display: none;
  float: left;
}
.admin-page #main-user .container-table,
.admin-page #main-project .container-table,
.admin-page #main-layerdata .container-table,
.admin-page #main-powerbi .container-table,
.admin-page #main-lookup .container-table,
.admin-page #main-projectwise .container-table,
.admin-page #main-projectwise365 .container-table,
.admin-page #main-aerial .container-table,
.admin-page #main-schedule .container-table,
.admin-page #main-schedulemap .container-table,
.admin-page #main-eot .container-table,
.admin-page #main-uploaddata .container-table {
  margin-top: 15px;
}
.admin-page #main-user .container-table table,
.admin-page #main-project .container-table table,
.admin-page #main-layerdata .container-table table,
.admin-page #main-powerbi .container-table table,
.admin-page #main-lookup .container-table table,
.admin-page #main-projectwise .container-table table,
.admin-page #main-projectwise365 .container-table table,
.admin-page #main-aerial .container-table table,
.admin-page #main-schedule .container-table table,
.admin-page #main-schedulemap .container-table table,
.admin-page #main-eot .container-table table,
.admin-page #main-uploaddata .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-page #main-user .container-table table td,
.admin-page #main-project .container-table table td,
.admin-page #main-layerdata .container-table table td,
.admin-page #main-powerbi .container-table table td,
.admin-page #main-lookup .container-table table td,
.admin-page #main-projectwise .container-table table td,
.admin-page #main-projectwise365 .container-table table td,
.admin-page #main-aerial .container-table table td,
.admin-page #main-schedule .container-table table td,
.admin-page #main-schedulemap .container-table table td,
.admin-page #main-eot .container-table table td,
.admin-page #main-uploaddata .container-table table td {
  text-align: left;
  padding: 8px;
  border: none;
}
.admin-page #main-user .container-table table td:hover,
.admin-page #main-project .container-table table td:hover,
.admin-page #main-layerdata .container-table table td:hover,
.admin-page #main-powerbi .container-table table td:hover,
.admin-page #main-lookup .container-table table td:hover,
.admin-page #main-projectwise .container-table table td:hover,
.admin-page #main-projectwise365 .container-table table td:hover,
.admin-page #main-aerial .container-table table td:hover,
.admin-page #main-schedule .container-table table td:hover,
.admin-page #main-schedulemap .container-table table td:hover,
.admin-page #main-eot .container-table table td:hover,
.admin-page #main-uploaddata .container-table table td:hover {
  cursor: pointer;
}
.admin-page #main-user .container-table table th:first-child,
.admin-page #main-project .container-table table th:first-child,
.admin-page #main-layerdata .container-table table th:first-child,
.admin-page #main-powerbi .container-table table th:first-child,
.admin-page #main-lookup .container-table table th:first-child,
.admin-page #main-projectwise .container-table table th:first-child,
.admin-page #main-projectwise365 .container-table table th:first-child,
.admin-page #main-aerial .container-table table th:first-child,
.admin-page #main-schedule .container-table table th:first-child,
.admin-page #main-schedulemap .container-table table th:first-child,
.admin-page #main-eot .container-table table th:first-child,
.admin-page #main-uploaddata .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.admin-page #main-user .container-table table th:last-child,
.admin-page #main-project .container-table table th:last-child,
.admin-page #main-layerdata .container-table table th:last-child,
.admin-page #main-powerbi .container-table table th:last-child,
.admin-page #main-lookup .container-table table th:last-child,
.admin-page #main-projectwise .container-table table th:last-child,
.admin-page #main-projectwise365 .container-table table th:last-child,
.admin-page #main-aerial .container-table table th:last-child,
.admin-page #main-schedule .container-table table th:last-child,
.admin-page #main-schedulemap .container-table table th:last-child,
.admin-page #main-eot .container-table table th:last-child,
.admin-page #main-uploaddata .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.admin-page #main-user .container-table table tr,
.admin-page #main-project .container-table table tr,
.admin-page #main-layerdata .container-table table tr,
.admin-page #main-powerbi .container-table table tr,
.admin-page #main-lookup .container-table table tr,
.admin-page #main-projectwise .container-table table tr,
.admin-page #main-projectwise365 .container-table table tr,
.admin-page #main-aerial .container-table table tr,
.admin-page #main-schedule .container-table table tr,
.admin-page #main-schedulemap .container-table table tr,
.admin-page #main-eot .container-table table tr,
.admin-page #main-uploaddata .container-table table tr {
  height: 30px;
}
.admin-page #main-user .container-table table tr:nth-of-type(even),
.admin-page #main-project .container-table table tr:nth-of-type(even),
.admin-page #main-layerdata .container-table table tr:nth-of-type(even),
.admin-page #main-powerbi .container-table table tr:nth-of-type(even),
.admin-page #main-lookup .container-table table tr:nth-of-type(even),
.admin-page #main-projectwise .container-table table tr:nth-of-type(even),
.admin-page #main-projectwise365 .container-table table tr:nth-of-type(even),
.admin-page #main-aerial .container-table table tr:nth-of-type(even),
.admin-page #main-schedule .container-table table tr:nth-of-type(even),
.admin-page #main-schedulemap .container-table table tr:nth-of-type(even),
.admin-page #main-eot .container-table table tr:nth-of-type(even),
.admin-page #main-uploaddata .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.admin-page #main-user .container-table table tr:nth-of-type(odd),
.admin-page #main-project .container-table table tr:nth-of-type(odd),
.admin-page #main-layerdata .container-table table tr:nth-of-type(odd),
.admin-page #main-powerbi .container-table table tr:nth-of-type(odd),
.admin-page #main-lookup .container-table table tr:nth-of-type(odd),
.admin-page #main-projectwise .container-table table tr:nth-of-type(odd),
.admin-page #main-projectwise365 .container-table table tr:nth-of-type(odd),
.admin-page #main-aerial .container-table table tr:nth-of-type(odd),
.admin-page #main-schedule .container-table table tr:nth-of-type(odd),
.admin-page #main-schedulemap .container-table table tr:nth-of-type(odd),
.admin-page #main-eot .container-table table tr:nth-of-type(odd),
.admin-page #main-uploaddata .container-table table tr:nth-of-type(odd) {
  background: white;
}
.admin-page #main-user .container-table table tr:hover,
.admin-page #main-project .container-table table tr:hover,
.admin-page #main-layerdata .container-table table tr:hover,
.admin-page #main-powerbi .container-table table tr:hover,
.admin-page #main-lookup .container-table table tr:hover,
.admin-page #main-projectwise .container-table table tr:hover,
.admin-page #main-projectwise365 .container-table table tr:hover,
.admin-page #main-aerial .container-table table tr:hover,
.admin-page #main-schedule .container-table table tr:hover,
.admin-page #main-schedulemap .container-table table tr:hover,
.admin-page #main-eot .container-table table tr:hover,
.admin-page #main-uploaddata .container-table table tr:hover {
  background-color: #ddd;
}
.admin-page #main-user .container-table table tr.active,
.admin-page #main-project .container-table table tr.active,
.admin-page #main-layerdata .container-table table tr.active,
.admin-page #main-powerbi .container-table table tr.active,
.admin-page #main-lookup .container-table table tr.active,
.admin-page #main-projectwise .container-table table tr.active,
.admin-page #main-projectwise365 .container-table table tr.active,
.admin-page #main-aerial .container-table table tr.active,
.admin-page #main-schedule .container-table table tr.active,
.admin-page #main-schedulemap .container-table table tr.active,
.admin-page #main-eot .container-table table tr.active,
.admin-page #main-uploaddata .container-table table tr.active {
  background-color: #ddd;
}
.admin-page #main-user .container-table table tr.active td,
.admin-page #main-project .container-table table tr.active td,
.admin-page #main-layerdata .container-table table tr.active td,
.admin-page #main-powerbi .container-table table tr.active td,
.admin-page #main-lookup .container-table table tr.active td,
.admin-page #main-projectwise .container-table table tr.active td,
.admin-page #main-projectwise365 .container-table table tr.active td,
.admin-page #main-aerial .container-table table tr.active td,
.admin-page #main-schedule .container-table table tr.active td,
.admin-page #main-schedulemap .container-table table tr.active td,
.admin-page #main-eot .container-table table tr.active td,
.admin-page #main-uploaddata .container-table table tr.active td {
  font-weight: bold;
}
.admin-page #main-user .container-table table th,
.admin-page #main-project .container-table table th,
.admin-page #main-layerdata .container-table table th,
.admin-page #main-powerbi .container-table table th,
.admin-page #main-lookup .container-table table th,
.admin-page #main-projectwise .container-table table th,
.admin-page #main-projectwise365 .container-table table th,
.admin-page #main-aerial .container-table table th,
.admin-page #main-schedule .container-table table th,
.admin-page #main-schedulemap .container-table table th,
.admin-page #main-eot .container-table table th,
.admin-page #main-uploaddata .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.admin-page #main-user .container-table table th:hover,
.admin-page #main-project .container-table table th:hover,
.admin-page #main-layerdata .container-table table th:hover,
.admin-page #main-powerbi .container-table table th:hover,
.admin-page #main-lookup .container-table table th:hover,
.admin-page #main-projectwise .container-table table th:hover,
.admin-page #main-projectwise365 .container-table table th:hover,
.admin-page #main-aerial .container-table table th:hover,
.admin-page #main-schedule .container-table table th:hover,
.admin-page #main-schedulemap .container-table table th:hover,
.admin-page #main-eot .container-table table th:hover,
.admin-page #main-uploaddata .container-table table th:hover {
  cursor: default;
}
.admin-page #main-user .container-table table th img,
.admin-page #main-project .container-table table th img,
.admin-page #main-layerdata .container-table table th img,
.admin-page #main-powerbi .container-table table th img,
.admin-page #main-lookup .container-table table th img,
.admin-page #main-projectwise .container-table table th img,
.admin-page #main-projectwise365 .container-table table th img,
.admin-page #main-aerial .container-table table th img,
.admin-page #main-schedule .container-table table th img,
.admin-page #main-schedulemap .container-table table th img,
.admin-page #main-eot .container-table table th img,
.admin-page #main-uploaddata .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.admin-page #main-user .container-table table th img:hover,
.admin-page #main-project .container-table table th img:hover,
.admin-page #main-layerdata .container-table table th img:hover,
.admin-page #main-powerbi .container-table table th img:hover,
.admin-page #main-lookup .container-table table th img:hover,
.admin-page #main-projectwise .container-table table th img:hover,
.admin-page #main-projectwise365 .container-table table th img:hover,
.admin-page #main-aerial .container-table table th img:hover,
.admin-page #main-schedule .container-table table th img:hover,
.admin-page #main-schedulemap .container-table table th img:hover,
.admin-page #main-eot .container-table table th img:hover,
.admin-page #main-uploaddata .container-table table th img:hover {
  cursor: pointer;
}
.admin-page #main-user .container-table .searchUser,
.admin-page #main-project .container-table .searchUser,
.admin-page #main-layerdata .container-table .searchUser,
.admin-page #main-powerbi .container-table .searchUser,
.admin-page #main-lookup .container-table .searchUser,
.admin-page #main-projectwise .container-table .searchUser,
.admin-page #main-projectwise365 .container-table .searchUser,
.admin-page #main-aerial .container-table .searchUser,
.admin-page #main-schedule .container-table .searchUser,
.admin-page #main-schedulemap .container-table .searchUser,
.admin-page #main-eot .container-table .searchUser,
.admin-page #main-uploaddata .container-table .searchUser {
  padding: 10px 5px;
  position: fixed;
  text-align: right;
  top: 70px;
  width: calc(100% - 350px);
}
.admin-page #main-user .container-table .searchUser input,
.admin-page #main-project .container-table .searchUser input,
.admin-page #main-layerdata .container-table .searchUser input,
.admin-page #main-powerbi .container-table .searchUser input,
.admin-page #main-lookup .container-table .searchUser input,
.admin-page #main-projectwise .container-table .searchUser input,
.admin-page #main-projectwise365 .container-table .searchUser input,
.admin-page #main-aerial .container-table .searchUser input,
.admin-page #main-schedule .container-table .searchUser input,
.admin-page #main-schedulemap .container-table .searchUser input,
.admin-page #main-eot .container-table .searchUser input,
.admin-page #main-uploaddata .container-table .searchUser input {
  height: 20px;
  padding: 5px;
  border-radius: 5px;
}
.admin-page #main-user .container-table .searchUser button,
.admin-page #main-project .container-table .searchUser button,
.admin-page #main-layerdata .container-table .searchUser button,
.admin-page #main-powerbi .container-table .searchUser button,
.admin-page #main-lookup .container-table .searchUser button,
.admin-page #main-projectwise .container-table .searchUser button,
.admin-page #main-projectwise365 .container-table .searchUser button,
.admin-page #main-aerial .container-table .searchUser button,
.admin-page #main-schedule .container-table .searchUser button,
.admin-page #main-schedulemap .container-table .searchUser button,
.admin-page #main-eot .container-table .searchUser button,
.admin-page #main-uploaddata .container-table .searchUser button {
  padding: 8px 20px;
  border-radius: 5px;
}
.admin-page #main-user .container-table .searchUser button#admindeleteUser,
.admin-page #main-project .container-table .searchUser button#admindeleteUser,
.admin-page #main-layerdata .container-table .searchUser button#admindeleteUser,
.admin-page #main-powerbi .container-table .searchUser button#admindeleteUser,
.admin-page #main-lookup .container-table .searchUser button#admindeleteUser,
.admin-page #main-projectwise .container-table .searchUser button#admindeleteUser,
.admin-page #main-projectwise365 .container-table .searchUser button#admindeleteUser,
.admin-page #main-aerial .container-table .searchUser button#admindeleteUser,
.admin-page #main-schedule .container-table .searchUser button#admindeleteUser,
.admin-page #main-schedulemap .container-table .searchUser button#admindeleteUser,
.admin-page #main-eot .container-table .searchUser button#admindeleteUser,
.admin-page #main-uploaddata .container-table .searchUser button#admindeleteUser {
  display: none;
  float: left;
}
.admin-page #main-user .project-container,
.admin-page #main-project .project-container,
.admin-page #main-layerdata .project-container,
.admin-page #main-powerbi .project-container,
.admin-page #main-lookup .project-container,
.admin-page #main-projectwise .project-container,
.admin-page #main-projectwise365 .project-container,
.admin-page #main-aerial .project-container,
.admin-page #main-schedule .project-container,
.admin-page #main-schedulemap .project-container,
.admin-page #main-eot .project-container,
.admin-page #main-uploaddata .project-container {
  width: 100%;
  height: calc(100% + 35px);
}
.admin-page #main-user .project-container .formcontainerMainBody,
.admin-page #main-project .project-container .formcontainerMainBody,
.admin-page #main-layerdata .project-container .formcontainerMainBody,
.admin-page #main-powerbi .project-container .formcontainerMainBody,
.admin-page #main-lookup .project-container .formcontainerMainBody,
.admin-page #main-projectwise .project-container .formcontainerMainBody,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody,
.admin-page #main-aerial .project-container .formcontainerMainBody,
.admin-page #main-schedule .project-container .formcontainerMainBody,
.admin-page #main-schedulemap .project-container .formcontainerMainBody,
.admin-page #main-eot .project-container .formcontainerMainBody,
.admin-page #main-uploaddata .project-container .formcontainerMainBody {
  position: relative;
  background: white;
  height: calc(100% - 115px);
  width: 100%;
  overflow-y: auto;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view,
.admin-page #main-project .project-container .formcontainerMainBody .project-view,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view {
  width: calc(100% - 30px);
  line-height: 35px;
  height: 100vh;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-project .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view #projectid,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view #projectid {
  background-color: lightgrey !important;
  cursor: not-allowed;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view img,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view img {
  height: 30px;
  vertical-align: middle;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-project .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view img span {
  align-items: center;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit {
  display: none;
  padding: 0 20px;
  width: calc(100% - 40px);
  height: auto;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit label {
  font-weight: bold;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]) {
  width: calc(100% - 6px);
  padding: 3px 3px;
  border-radius: 3px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit select {
  font-size: 15px;
  width: 100%;
  padding: 6px 0px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .doublefield {
  display: flex;
  margin-top: 10px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .doublefield .column1 {
  margin-right: 5px;
  width: calc(50% - 5px);
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .doublefield .column2 {
  margin-left: 5px;
  width: calc(50% - 5px);
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer {
  height: 250px;
  width: 100%;
  border: 2px solid lightgrey;
  border-radius: 5px;
  margin-bottom: 10px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage {
  margin: 20px auto 20px;
  height: 200px;
  display: flex;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer {
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
  color: #525865;
  border-radius: 4px;
  padding: 0px;
  margin: 0;
  height: 30px;
  margin-bottom: 16px;
  margin-top: 1px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2 {
  padding: 3px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer button {
  padding: 6px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .RIWindow {
  background: green;
  height: 315px;
  width: calc(100% - 5px);
  margin-left: 5px;
  border: 2px solid grey;
  border-radius: 5px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer {
  width: calc(80% - 0px);
  display: inline-block;
  float: left;
  position: relative;
  left: 4px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield {
  line-height: 5vh;
  margin-right: 20px;
  display: flex;
  width: calc(100% - 40px);
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 {
  display: inline-block;
  width: calc(50% - 9px);
  margin-right: 10px;
  border: 1px solid gray;
  border-radius: 10px;
  background: lightgray;
  overflow: hidden;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img {
  width: 30px;
  vertical-align: middle;
  margin: 0 15px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 {
  display: inline-block;
  width: calc(50% - 9px);
  margin-left: 10px;
  border: 1px solid gray;
  border-radius: 10px;
  background: lightgray;
  overflow: hidden;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi {
  display: none;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img {
  width: 30px;
  vertical-align: middle;
  margin: 0 15px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow {
  width: calc(100% - 0px);
  display: inline-block;
  float: left;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield {
  line-height: 5vh;
  display: flex;
  width: calc(100% - 0px);
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 {
  display: inline;
  width: calc(40% - 30px);
  margin-right: 10px;
  border: 1px solid gray;
  border-radius: 10px;
  background: lightgray;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img {
  width: 30px;
  vertical-align: middle;
  margin: 0 15px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 {
  display: inline-block;
  width: calc(60% - 0px);
  margin-left: 10px;
  border: 1px solid gray;
  border-radius: 10px;
  background: lightgray;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span {
  margin-left: 5px;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1 {
  display: inline;
  border: none;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2 {
  display: inline;
  border: none;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .projecticoncontainer {
  width: calc(20% - 4px);
  display: inline-block;
  text-align: center;
  height: calc(10% + 75px + 5vh);
  border: 1px solid gray;
  border-radius: 10px;
  background-image: url(../../Images/icons/admin_page/newprojectform/Transparency100.png);
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer {
  width: calc(100% - 4px);
  margin: 2px;
  height: calc(100% - 4px);
  border-radius: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.admin-page #main-user .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-lookup .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .RIWindow {
  background: green;
  margin-bottom: 20px;
  float: right;
  width: 100%;
  height: 50%;
}
.admin-page #main-user .config-container,
.admin-page #main-project .config-container,
.admin-page #main-layerdata .config-container,
.admin-page #main-powerbi .config-container,
.admin-page #main-lookup .config-container,
.admin-page #main-projectwise .config-container,
.admin-page #main-projectwise365 .config-container,
.admin-page #main-aerial .config-container,
.admin-page #main-schedule .config-container,
.admin-page #main-schedulemap .config-container,
.admin-page #main-eot .config-container,
.admin-page #main-uploaddata .config-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  height: calc(100vh - 185px);
}
.admin-page #main-user .config-container .edit,
.admin-page #main-project .config-container .edit,
.admin-page #main-layerdata .config-container .edit,
.admin-page #main-powerbi .config-container .edit,
.admin-page #main-lookup .config-container .edit,
.admin-page #main-projectwise .config-container .edit,
.admin-page #main-projectwise365 .config-container .edit,
.admin-page #main-aerial .config-container .edit,
.admin-page #main-schedule .config-container .edit,
.admin-page #main-schedulemap .config-container .edit,
.admin-page #main-eot .config-container .edit,
.admin-page #main-uploaddata .config-container .edit {
  display: none;
  padding: 0 20px;
  width: calc(100% - 40px);
  height: auto;
  line-height: 50px;
}
.admin-page #main-user .config-container .edit .doubleinput,
.admin-page #main-project .config-container .edit .doubleinput,
.admin-page #main-layerdata .config-container .edit .doubleinput,
.admin-page #main-powerbi .config-container .edit .doubleinput,
.admin-page #main-lookup .config-container .edit .doubleinput,
.admin-page #main-projectwise .config-container .edit .doubleinput,
.admin-page #main-projectwise365 .config-container .edit .doubleinput,
.admin-page #main-aerial .config-container .edit .doubleinput,
.admin-page #main-schedule .config-container .edit .doubleinput,
.admin-page #main-schedulemap .config-container .edit .doubleinput,
.admin-page #main-eot .config-container .edit .doubleinput,
.admin-page #main-uploaddata .config-container .edit .doubleinput {
  display: flex;
  flex-direction: row;
}
.admin-page #main-user .config-container .edit .doubleinput .column1,
.admin-page #main-project .config-container .edit .doubleinput .column1,
.admin-page #main-layerdata .config-container .edit .doubleinput .column1,
.admin-page #main-powerbi .config-container .edit .doubleinput .column1,
.admin-page #main-lookup .config-container .edit .doubleinput .column1,
.admin-page #main-projectwise .config-container .edit .doubleinput .column1,
.admin-page #main-projectwise365 .config-container .edit .doubleinput .column1,
.admin-page #main-aerial .config-container .edit .doubleinput .column1,
.admin-page #main-schedule .config-container .edit .doubleinput .column1,
.admin-page #main-schedulemap .config-container .edit .doubleinput .column1,
.admin-page #main-eot .config-container .edit .doubleinput .column1,
.admin-page #main-uploaddata .config-container .edit .doubleinput .column1 {
  display: inline-block;
  width: calc(50% - 5px);
  margin-right: 5px;
  float: left;
}
.admin-page #main-user .config-container .edit .doubleinput .column2,
.admin-page #main-project .config-container .edit .doubleinput .column2,
.admin-page #main-layerdata .config-container .edit .doubleinput .column2,
.admin-page #main-powerbi .config-container .edit .doubleinput .column2,
.admin-page #main-lookup .config-container .edit .doubleinput .column2,
.admin-page #main-projectwise .config-container .edit .doubleinput .column2,
.admin-page #main-projectwise365 .config-container .edit .doubleinput .column2,
.admin-page #main-aerial .config-container .edit .doubleinput .column2,
.admin-page #main-schedule .config-container .edit .doubleinput .column2,
.admin-page #main-schedulemap .config-container .edit .doubleinput .column2,
.admin-page #main-eot .config-container .edit .doubleinput .column2,
.admin-page #main-uploaddata .config-container .edit .doubleinput .column2 {
  display: inline-block;
  width: calc(50% - 5px);
  margin-left: 5px;
  float: right;
}
.admin-page #main-user .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-project .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-lookup .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-aerial .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-schedule .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-eot .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .hideoninitial {
  display: none;
}
.admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-lookup .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer {
  display: flex;
  flex-direction: row;
}
.admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-lookup .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column1 {
  display: inline-block;
  width: 90%;
  float: left;
}
.admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-lookup .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 {
  display: inline-block;
  width: calc(10% - 5px);
  margin-left: 5px;
  float: right;
}
.admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-lookup .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel {
  display: none;
}
.admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-lookup .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 select {
  padding: 3px 3px;
  height: 30px;
  border-radius: 3px;
  width: calc(100% - 106px);
}
.admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-lookup .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick {
  margin-top: 30px;
  padding: 6px 8px;
  vertical-align: middle;
  width: 100%;
  border-radius: 3px;
}
.admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-lookup .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel {
  padding: 5px;
  vertical-align: middle;
  border-radius: 3px;
  width: 100px;
}
.admin-page #main-user .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-project .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-layerdata .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-powerbi .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-lookup .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-projectwise .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-projectwise365 .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-aerial .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-schedule .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-schedulemap .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-eot .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-uploaddata .config-container .edit.powerbiPage .doubleinput {
  display: flex;
  flex-direction: row;
}
.admin-page #main-user .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-project .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-layerdata .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-powerbi .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-lookup .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-projectwise .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-projectwise365 .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-aerial .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-schedule .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-schedulemap .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-eot .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-uploaddata .config-container .edit.powerbiPage .doubleinput .column1 {
  display: inline-block;
  width: calc(50% - 5px);
  margin-right: 5px;
  float: left;
}
.admin-page #main-user .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-project .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-layerdata .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-powerbi .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-lookup .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-projectwise .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-projectwise365 .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-aerial .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-schedule .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-schedulemap .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-eot .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-uploaddata .config-container .edit.powerbiPage .doubleinput .column2 {
  display: inline-block;
  width: calc(50% - 5px);
  margin-left: 5px;
  float: right;
}
.admin-page #main-user .config-container .edit label,
.admin-page #main-project .config-container .edit label,
.admin-page #main-layerdata .config-container .edit label,
.admin-page #main-powerbi .config-container .edit label,
.admin-page #main-lookup .config-container .edit label,
.admin-page #main-projectwise .config-container .edit label,
.admin-page #main-projectwise365 .config-container .edit label,
.admin-page #main-aerial .config-container .edit label,
.admin-page #main-schedule .config-container .edit label,
.admin-page #main-schedulemap .config-container .edit label,
.admin-page #main-eot .config-container .edit label,
.admin-page #main-uploaddata .config-container .edit label {
  font-weight: bold;
}
.admin-page #main-user .config-container .edit label.hideonclick,
.admin-page #main-project .config-container .edit label.hideonclick,
.admin-page #main-layerdata .config-container .edit label.hideonclick,
.admin-page #main-powerbi .config-container .edit label.hideonclick,
.admin-page #main-lookup .config-container .edit label.hideonclick,
.admin-page #main-projectwise .config-container .edit label.hideonclick,
.admin-page #main-projectwise365 .config-container .edit label.hideonclick,
.admin-page #main-aerial .config-container .edit label.hideonclick,
.admin-page #main-schedule .config-container .edit label.hideonclick,
.admin-page #main-schedulemap .config-container .edit label.hideonclick,
.admin-page #main-eot .config-container .edit label.hideonclick,
.admin-page #main-uploaddata .config-container .edit label.hideonclick {
  display: none;
}
.admin-page #main-user .config-container .edit input,
.admin-page #main-project .config-container .edit input,
.admin-page #main-layerdata .config-container .edit input,
.admin-page #main-powerbi .config-container .edit input,
.admin-page #main-lookup .config-container .edit input,
.admin-page #main-projectwise .config-container .edit input,
.admin-page #main-projectwise365 .config-container .edit input,
.admin-page #main-aerial .config-container .edit input,
.admin-page #main-schedule .config-container .edit input,
.admin-page #main-schedulemap .config-container .edit input,
.admin-page #main-eot .config-container .edit input,
.admin-page #main-uploaddata .config-container .edit input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
}
.admin-page #main-user .config-container .edit input.hideonclick,
.admin-page #main-project .config-container .edit input.hideonclick,
.admin-page #main-layerdata .config-container .edit input.hideonclick,
.admin-page #main-powerbi .config-container .edit input.hideonclick,
.admin-page #main-lookup .config-container .edit input.hideonclick,
.admin-page #main-projectwise .config-container .edit input.hideonclick,
.admin-page #main-projectwise365 .config-container .edit input.hideonclick,
.admin-page #main-aerial .config-container .edit input.hideonclick,
.admin-page #main-schedule .config-container .edit input.hideonclick,
.admin-page #main-schedulemap .config-container .edit input.hideonclick,
.admin-page #main-eot .config-container .edit input.hideonclick,
.admin-page #main-uploaddata .config-container .edit input.hideonclick {
  display: none;
}
.admin-page #main-user .config-container .edit input:not([type=checkbox]),
.admin-page #main-project .config-container .edit input:not([type=checkbox]),
.admin-page #main-layerdata .config-container .edit input:not([type=checkbox]),
.admin-page #main-powerbi .config-container .edit input:not([type=checkbox]),
.admin-page #main-lookup .config-container .edit input:not([type=checkbox]),
.admin-page #main-projectwise .config-container .edit input:not([type=checkbox]),
.admin-page #main-projectwise365 .config-container .edit input:not([type=checkbox]),
.admin-page #main-aerial .config-container .edit input:not([type=checkbox]),
.admin-page #main-schedule .config-container .edit input:not([type=checkbox]),
.admin-page #main-schedulemap .config-container .edit input:not([type=checkbox]),
.admin-page #main-eot .config-container .edit input:not([type=checkbox]),
.admin-page #main-uploaddata .config-container .edit input:not([type=checkbox]) {
  width: calc(100% - 6px);
  padding: 3px 3px;
  border-radius: 3px;
}
.admin-page #main-user .config-container .edit input:hover,
.admin-page #main-project .config-container .edit input:hover,
.admin-page #main-layerdata .config-container .edit input:hover,
.admin-page #main-powerbi .config-container .edit input:hover,
.admin-page #main-lookup .config-container .edit input:hover,
.admin-page #main-projectwise .config-container .edit input:hover,
.admin-page #main-projectwise365 .config-container .edit input:hover,
.admin-page #main-aerial .config-container .edit input:hover,
.admin-page #main-schedule .config-container .edit input:hover,
.admin-page #main-schedulemap .config-container .edit input:hover,
.admin-page #main-eot .config-container .edit input:hover,
.admin-page #main-uploaddata .config-container .edit input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.admin-page #main-user .config-container .edit input:focus,
.admin-page #main-project .config-container .edit input:focus,
.admin-page #main-layerdata .config-container .edit input:focus,
.admin-page #main-powerbi .config-container .edit input:focus,
.admin-page #main-lookup .config-container .edit input:focus,
.admin-page #main-projectwise .config-container .edit input:focus,
.admin-page #main-projectwise365 .config-container .edit input:focus,
.admin-page #main-aerial .config-container .edit input:focus,
.admin-page #main-schedule .config-container .edit input:focus,
.admin-page #main-schedulemap .config-container .edit input:focus,
.admin-page #main-eot .config-container .edit input:focus,
.admin-page #main-uploaddata .config-container .edit input:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.admin-page #main-user .config-container .readonly,
.admin-page #main-project .config-container .readonly,
.admin-page #main-layerdata .config-container .readonly,
.admin-page #main-powerbi .config-container .readonly,
.admin-page #main-lookup .config-container .readonly,
.admin-page #main-projectwise .config-container .readonly,
.admin-page #main-projectwise365 .config-container .readonly,
.admin-page #main-aerial .config-container .readonly,
.admin-page #main-schedule .config-container .readonly,
.admin-page #main-schedulemap .config-container .readonly,
.admin-page #main-eot .config-container .readonly,
.admin-page #main-uploaddata .config-container .readonly {
  width: 100%;
  display: inline-block;
  float: left;
  position: relative;
  left: 4px;
}
.admin-page #main-user .config-container .readonly div,
.admin-page #main-project .config-container .readonly div,
.admin-page #main-layerdata .config-container .readonly div,
.admin-page #main-powerbi .config-container .readonly div,
.admin-page #main-lookup .config-container .readonly div,
.admin-page #main-projectwise .config-container .readonly div,
.admin-page #main-projectwise365 .config-container .readonly div,
.admin-page #main-aerial .config-container .readonly div,
.admin-page #main-schedule .config-container .readonly div,
.admin-page #main-schedulemap .config-container .readonly div,
.admin-page #main-eot .config-container .readonly div,
.admin-page #main-uploaddata .config-container .readonly div {
  background: lightgrey;
  border-radius: 5px;
  height: 40px;
  vertical-align: middle;
  margin-bottom: 10px;
  padding: 5px;
}
.admin-page #main-user .config-container .readonly div img,
.admin-page #main-project .config-container .readonly div img,
.admin-page #main-layerdata .config-container .readonly div img,
.admin-page #main-powerbi .config-container .readonly div img,
.admin-page #main-lookup .config-container .readonly div img,
.admin-page #main-projectwise .config-container .readonly div img,
.admin-page #main-projectwise365 .config-container .readonly div img,
.admin-page #main-aerial .config-container .readonly div img,
.admin-page #main-schedule .config-container .readonly div img,
.admin-page #main-schedulemap .config-container .readonly div img,
.admin-page #main-eot .config-container .readonly div img,
.admin-page #main-uploaddata .config-container .readonly div img {
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin: 5px 15px 5px 5px;
}
.admin-page #main-user .config-container .readonly div p,
.admin-page #main-project .config-container .readonly div p,
.admin-page #main-layerdata .config-container .readonly div p,
.admin-page #main-powerbi .config-container .readonly div p,
.admin-page #main-lookup .config-container .readonly div p,
.admin-page #main-projectwise .config-container .readonly div p,
.admin-page #main-projectwise365 .config-container .readonly div p,
.admin-page #main-aerial .config-container .readonly div p,
.admin-page #main-schedule .config-container .readonly div p,
.admin-page #main-schedulemap .config-container .readonly div p,
.admin-page #main-eot .config-container .readonly div p,
.admin-page #main-uploaddata .config-container .readonly div p {
  width: calc(100% - 60px);
  vertical-align: middle;
  display: inline-block;
  margin: 0;
  overflow: hidden;
}
.admin-page #main-user .config-container#pwfiles,
.admin-page #main-project .config-container#pwfiles,
.admin-page #main-layerdata .config-container#pwfiles,
.admin-page #main-powerbi .config-container#pwfiles,
.admin-page #main-lookup .config-container#pwfiles,
.admin-page #main-projectwise .config-container#pwfiles,
.admin-page #main-projectwise365 .config-container#pwfiles,
.admin-page #main-aerial .config-container#pwfiles,
.admin-page #main-schedule .config-container#pwfiles,
.admin-page #main-schedulemap .config-container#pwfiles,
.admin-page #main-eot .config-container#pwfiles,
.admin-page #main-uploaddata .config-container#pwfiles {
  margin-right: 5px;
}
.admin-page #main-user .config-container#powerbi,
.admin-page #main-project .config-container#powerbi,
.admin-page #main-layerdata .config-container#powerbi,
.admin-page #main-powerbi .config-container#powerbi,
.admin-page #main-lookup .config-container#powerbi,
.admin-page #main-projectwise .config-container#powerbi,
.admin-page #main-projectwise365 .config-container#powerbi,
.admin-page #main-aerial .config-container#powerbi,
.admin-page #main-schedule .config-container#powerbi,
.admin-page #main-schedulemap .config-container#powerbi,
.admin-page #main-eot .config-container#powerbi,
.admin-page #main-uploaddata .config-container#powerbi {
  margin-left: 5px;
}
.admin-page #main-user .schedule-container,
.admin-page #main-project .schedule-container,
.admin-page #main-layerdata .schedule-container,
.admin-page #main-powerbi .schedule-container,
.admin-page #main-lookup .schedule-container,
.admin-page #main-projectwise .schedule-container,
.admin-page #main-projectwise365 .schedule-container,
.admin-page #main-aerial .schedule-container,
.admin-page #main-schedule .schedule-container,
.admin-page #main-schedulemap .schedule-container,
.admin-page #main-eot .schedule-container,
.admin-page #main-uploaddata .schedule-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  height: calc(100vh - 170px);
  margin-top: 15px;
}
.admin-page #main-user .schedule-container .sidebar,
.admin-page #main-project .schedule-container .sidebar,
.admin-page #main-layerdata .schedule-container .sidebar,
.admin-page #main-powerbi .schedule-container .sidebar,
.admin-page #main-lookup .schedule-container .sidebar,
.admin-page #main-projectwise .schedule-container .sidebar,
.admin-page #main-projectwise365 .schedule-container .sidebar,
.admin-page #main-aerial .schedule-container .sidebar,
.admin-page #main-schedule .schedule-container .sidebar,
.admin-page #main-schedulemap .schedule-container .sidebar,
.admin-page #main-eot .schedule-container .sidebar,
.admin-page #main-uploaddata .schedule-container .sidebar {
  padding: 0px;
  height: 100%;
  width: 20%;
  background: #3f3f3f;
  margin-right: 5px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleList,
.admin-page #main-project .schedule-container .sidebar .scheduleList,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList,
.admin-page #main-eot .schedule-container .sidebar .scheduleList,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList {
  height: inherit;
  background: #3f3f3f;
  height: 60%;
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .selectcontainer {
  height: 30px;
  width: calc(100% - 10px);
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-project .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .selectcontainer select {
  width: 100%;
  background: #fff;
  color: #525865;
  border-radius: 0px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 12px;
  line-height: 1.45;
  padding: 2px;
  margin: 7px 5px 5px 5px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer {
  height: calc(100% - 35px);
  overflow-y: auto;
  margin: 5px 0 0 0;
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul {
  margin: 0 0px 0 0;
  list-style: none;
  line-height: 24px;
  padding: 0px;
  font-size: 15px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li {
  background: linear-gradient(to bottom, #505050, #181818, #000000);
  color: white;
  height: 30px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover {
  cursor: pointer;
  background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active {
  background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li a {
  width: calc(100% - 75px);
  height: 24px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 3px;
  padding: 0;
  font-size: 13px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status {
  vertical-align: middle;
  float: left;
  height: 12px;
  width: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 9px 2px 9px 8px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file {
  background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Green_Icon_256.png");
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile {
  background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Gray_Icon_256.png");
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late {
  background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Red_Icon_256.png");
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision {
  vertical-align: middle;
  float: left;
  height: 12px;
  width: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 9px 0px 9px 2px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised {
  background-image: url("../../Images/icons/admin_page/schedulestatus/check.png");
}
.admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-lookup .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none {
  background-image: none;
}
.admin-page #main-user .schedule-container .sidebar .buttonContainer,
.admin-page #main-project .schedule-container .sidebar .buttonContainer,
.admin-page #main-layerdata .schedule-container .sidebar .buttonContainer,
.admin-page #main-powerbi .schedule-container .sidebar .buttonContainer,
.admin-page #main-lookup .schedule-container .sidebar .buttonContainer,
.admin-page #main-projectwise .schedule-container .sidebar .buttonContainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .buttonContainer,
.admin-page #main-aerial .schedule-container .sidebar .buttonContainer,
.admin-page #main-schedule .schedule-container .sidebar .buttonContainer,
.admin-page #main-schedulemap .schedule-container .sidebar .buttonContainer,
.admin-page #main-eot .schedule-container .sidebar .buttonContainer,
.admin-page #main-uploaddata .schedule-container .sidebar .buttonContainer {
  height: 20px;
  padding: 5px;
  margin: 5px 0 0 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}
.admin-page #main-user .schedule-container .sidebar .buttonContainer button,
.admin-page #main-project .schedule-container .sidebar .buttonContainer button,
.admin-page #main-layerdata .schedule-container .sidebar .buttonContainer button,
.admin-page #main-powerbi .schedule-container .sidebar .buttonContainer button,
.admin-page #main-lookup .schedule-container .sidebar .buttonContainer button,
.admin-page #main-projectwise .schedule-container .sidebar .buttonContainer button,
.admin-page #main-projectwise365 .schedule-container .sidebar .buttonContainer button,
.admin-page #main-aerial .schedule-container .sidebar .buttonContainer button,
.admin-page #main-schedule .schedule-container .sidebar .buttonContainer button,
.admin-page #main-schedulemap .schedule-container .sidebar .buttonContainer button,
.admin-page #main-eot .schedule-container .sidebar .buttonContainer button,
.admin-page #main-uploaddata .schedule-container .sidebar .buttonContainer button {
  padding: 1.5px 11px;
  border-radius: 5px;
}
.admin-page #main-user .schedule-container .sidebar .propcontainer,
.admin-page #main-project .schedule-container .sidebar .propcontainer,
.admin-page #main-layerdata .schedule-container .sidebar .propcontainer,
.admin-page #main-powerbi .schedule-container .sidebar .propcontainer,
.admin-page #main-lookup .schedule-container .sidebar .propcontainer,
.admin-page #main-projectwise .schedule-container .sidebar .propcontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .propcontainer,
.admin-page #main-aerial .schedule-container .sidebar .propcontainer,
.admin-page #main-schedule .schedule-container .sidebar .propcontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .propcontainer,
.admin-page #main-eot .schedule-container .sidebar .propcontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .propcontainer {
  position: relative;
  background: #3f3f3f;
  width: 145px;
  top: -10px;
  left: 20px;
  text-align: center;
  color: white;
  display: inline-block;
  font-size: 14px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo {
  height: calc(40% - 70px);
  background: #3f3f3f;
  overflow: auto;
  padding: 16px 5px 5px 5px;
  margin: -15px 8px 0px 8px;
  border: 1px solid grey;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer {
  padding: 0px;
  line-height: 25px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield {
  display: inline-flex;
  width: 100%;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1 {
  font-size: 12px;
  padding: 3px;
  overflow: hidden;
  color: white;
  width: 30%;
  border: 1px solid black;
  border-top: none;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first {
  border: 1px solid black;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2 {
  font-size: 12px;
  padding: 3px;
  overflow: hidden;
  color: white;
  width: 70%;
  border: 1px solid black;
  border-top: none;
  border-left: none;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first {
  border: 1px solid black;
  border-left: none;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer {
  height: 110px;
  font-size: 15px;
  overflow-y: auto;
  padding: 0px;
  position: relative;
  bottom: 0px;
  background: #3f3f3f;
  margin-top: 5px;
  border: 1px solid black;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul {
  margin: 0px;
  list-style: none;
  line-height: 20px;
  padding: 0px;
  font-size: 15px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul li {
  background: linear-gradient(to bottom, #505050, #424242, #505050);
  color: white;
  margin: 5px;
  border-radius: 5px;
  padding: 0 5px;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover {
  background: linear-gradient(to bottom, #3c3c3c, #141414, #3c3c3c);
  cursor: pointer;
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active {
  background: linear-gradient(to bottom, #282828, black, #282828);
}
.admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-lookup .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer input {
  width: 100%;
}
.admin-page #main-user .schedule-container .right-container,
.admin-page #main-project .schedule-container .right-container,
.admin-page #main-layerdata .schedule-container .right-container,
.admin-page #main-powerbi .schedule-container .right-container,
.admin-page #main-lookup .schedule-container .right-container,
.admin-page #main-projectwise .schedule-container .right-container,
.admin-page #main-projectwise365 .schedule-container .right-container,
.admin-page #main-aerial .schedule-container .right-container,
.admin-page #main-schedule .schedule-container .right-container,
.admin-page #main-schedulemap .schedule-container .right-container,
.admin-page #main-eot .schedule-container .right-container,
.admin-page #main-uploaddata .schedule-container .right-container {
  padding: 0px;
  padding: 0px;
  height: 100%;
  width: 80%;
  overflow: auto;
}
.admin-page #main-user .schedule-container .right-container .messagecontainer,
.admin-page #main-project .schedule-container .right-container .messagecontainer,
.admin-page #main-layerdata .schedule-container .right-container .messagecontainer,
.admin-page #main-powerbi .schedule-container .right-container .messagecontainer,
.admin-page #main-lookup .schedule-container .right-container .messagecontainer,
.admin-page #main-projectwise .schedule-container .right-container .messagecontainer,
.admin-page #main-projectwise365 .schedule-container .right-container .messagecontainer,
.admin-page #main-aerial .schedule-container .right-container .messagecontainer,
.admin-page #main-schedule .schedule-container .right-container .messagecontainer,
.admin-page #main-schedulemap .schedule-container .right-container .messagecontainer,
.admin-page #main-eot .schedule-container .right-container .messagecontainer,
.admin-page #main-uploaddata .schedule-container .right-container .messagecontainer {
  text-align: center;
  position: absolute;
  top: calc(50% - 80px);
  left: calc(50% - 105px);
}
.admin-page #main-user .schedule-container .right-container .messagecontainer button,
.admin-page #main-project .schedule-container .right-container .messagecontainer button,
.admin-page #main-layerdata .schedule-container .right-container .messagecontainer button,
.admin-page #main-powerbi .schedule-container .right-container .messagecontainer button,
.admin-page #main-lookup .schedule-container .right-container .messagecontainer button,
.admin-page #main-projectwise .schedule-container .right-container .messagecontainer button,
.admin-page #main-projectwise365 .schedule-container .right-container .messagecontainer button,
.admin-page #main-aerial .schedule-container .right-container .messagecontainer button,
.admin-page #main-schedule .schedule-container .right-container .messagecontainer button,
.admin-page #main-schedulemap .schedule-container .right-container .messagecontainer button,
.admin-page #main-eot .schedule-container .right-container .messagecontainer button,
.admin-page #main-uploaddata .schedule-container .right-container .messagecontainer button {
  position: relative;
}
.admin-page #main-user .schedule-container .right-container #gdiv,
.admin-page #main-project .schedule-container .right-container #gdiv,
.admin-page #main-layerdata .schedule-container .right-container #gdiv,
.admin-page #main-powerbi .schedule-container .right-container #gdiv,
.admin-page #main-lookup .schedule-container .right-container #gdiv,
.admin-page #main-projectwise .schedule-container .right-container #gdiv,
.admin-page #main-projectwise365 .schedule-container .right-container #gdiv,
.admin-page #main-aerial .schedule-container .right-container #gdiv,
.admin-page #main-schedule .schedule-container .right-container #gdiv,
.admin-page #main-schedulemap .schedule-container .right-container #gdiv,
.admin-page #main-eot .schedule-container .right-container #gdiv,
.admin-page #main-uploaddata .schedule-container .right-container #gdiv {
  height: 100%;
}
.admin-page #main-user .aerial-container,
.admin-page #main-project .aerial-container,
.admin-page #main-layerdata .aerial-container,
.admin-page #main-powerbi .aerial-container,
.admin-page #main-lookup .aerial-container,
.admin-page #main-projectwise .aerial-container,
.admin-page #main-projectwise365 .aerial-container,
.admin-page #main-aerial .aerial-container,
.admin-page #main-schedule .aerial-container,
.admin-page #main-schedulemap .aerial-container,
.admin-page #main-eot .aerial-container,
.admin-page #main-uploaddata .aerial-container {
  display: flex;
  flex-direction: row;
  line-height: 35px;
  margin: auto;
  margin-top: 20px;
  height: calc(100% - 70px);
}
.admin-page #main-user .aerial-container .sidebar,
.admin-page #main-project .aerial-container .sidebar,
.admin-page #main-layerdata .aerial-container .sidebar,
.admin-page #main-powerbi .aerial-container .sidebar,
.admin-page #main-lookup .aerial-container .sidebar,
.admin-page #main-projectwise .aerial-container .sidebar,
.admin-page #main-projectwise365 .aerial-container .sidebar,
.admin-page #main-aerial .aerial-container .sidebar,
.admin-page #main-schedule .aerial-container .sidebar,
.admin-page #main-schedulemap .aerial-container .sidebar,
.admin-page #main-eot .aerial-container .sidebar,
.admin-page #main-uploaddata .aerial-container .sidebar {
  padding: 0px;
  height: 100%;
  width: 20%;
  background: #3f3f3f;
  margin-right: 5px;
}
.admin-page #main-user .aerial-container .sidebar .aerialList,
.admin-page #main-project .aerial-container .sidebar .aerialList,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList,
.admin-page #main-lookup .aerial-container .sidebar .aerialList,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList,
.admin-page #main-aerial .aerial-container .sidebar .aerialList,
.admin-page #main-schedule .aerial-container .sidebar .aerialList,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList,
.admin-page #main-eot .aerial-container .sidebar .aerialList,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList {
  height: inherit;
  background: #3f3f3f;
  height: 100%;
}
.admin-page #main-user .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-project .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-eot .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .selectcontainer {
  height: 30px;
  width: calc(100% - 10px);
}
.admin-page #main-user .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-project .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-eot .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .selectcontainer select {
  width: 100%;
  background: #fff;
  color: #525865;
  border-radius: 0px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 12px;
  line-height: 1.45;
  padding: 2px;
  margin: 7px 5px 5px 5px;
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer {
  height: calc(100% - 35px);
  overflow-y: auto;
  margin: 5px 0 0 0;
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul {
  margin: 0 0px 0 0;
  list-style: none;
  line-height: 24px;
  padding: 0px;
  font-size: 15px;
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li {
  background: linear-gradient(to bottom, #505050, #181818, #000000);
  color: white;
  height: 30px;
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover {
  cursor: pointer;
  background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li.active {
  background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li a {
  width: calc(100% - 75px);
  height: 24px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 3px;
  padding: 0;
  font-size: 13px;
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status {
  vertical-align: middle;
  float: left;
  height: 12px;
  width: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 9px 2px 9px 8px;
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file {
  background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Green_Icon_256.png");
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile {
  background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Gray_Icon_256.png");
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late {
  background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Red_Icon_256.png");
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision {
  vertical-align: middle;
  float: left;
  height: 12px;
  width: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 9px 0px 9px 2px;
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised {
  background-image: url("../../Images/icons/admin_page/schedulestatus/check.png");
}
.admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-lookup .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none {
  background-image: none;
}
.admin-page #main-user .aerial-container .right-container,
.admin-page #main-project .aerial-container .right-container,
.admin-page #main-layerdata .aerial-container .right-container,
.admin-page #main-powerbi .aerial-container .right-container,
.admin-page #main-lookup .aerial-container .right-container,
.admin-page #main-projectwise .aerial-container .right-container,
.admin-page #main-projectwise365 .aerial-container .right-container,
.admin-page #main-aerial .aerial-container .right-container,
.admin-page #main-schedule .aerial-container .right-container,
.admin-page #main-schedulemap .aerial-container .right-container,
.admin-page #main-eot .aerial-container .right-container,
.admin-page #main-uploaddata .aerial-container .right-container {
  padding: 0px;
  padding: 0px;
  height: 100%;
  width: 80%;
  overflow: hidden;
}
.admin-page #main-user .aerial-container .right-container .sub-title,
.admin-page #main-project .aerial-container .right-container .sub-title,
.admin-page #main-layerdata .aerial-container .right-container .sub-title,
.admin-page #main-powerbi .aerial-container .right-container .sub-title,
.admin-page #main-lookup .aerial-container .right-container .sub-title,
.admin-page #main-projectwise .aerial-container .right-container .sub-title,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title,
.admin-page #main-aerial .aerial-container .right-container .sub-title,
.admin-page #main-schedule .aerial-container .right-container .sub-title,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title,
.admin-page #main-eot .aerial-container .right-container .sub-title,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title {
  display: flex;
  width: calc(100% - 10px);
  background-color: #3f3f3f;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 5px;
  color: white;
}
.admin-page #main-user .aerial-container .right-container .sub-title select,
.admin-page #main-project .aerial-container .right-container .sub-title select,
.admin-page #main-layerdata .aerial-container .right-container .sub-title select,
.admin-page #main-powerbi .aerial-container .right-container .sub-title select,
.admin-page #main-lookup .aerial-container .right-container .sub-title select,
.admin-page #main-projectwise .aerial-container .right-container .sub-title select,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title select,
.admin-page #main-aerial .aerial-container .right-container .sub-title select,
.admin-page #main-schedule .aerial-container .right-container .sub-title select,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title select,
.admin-page #main-eot .aerial-container .right-container .sub-title select,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title select {
  height: 35px;
  border-radius: 5px;
  padding: 5px;
  width: calc(100% - 5px);
  border: 1px solid #d1d1d1;
}
.admin-page #main-user .aerial-container .right-container .sub-title .column1,
.admin-page #main-project .aerial-container .right-container .sub-title .column1,
.admin-page #main-layerdata .aerial-container .right-container .sub-title .column1,
.admin-page #main-powerbi .aerial-container .right-container .sub-title .column1,
.admin-page #main-lookup .aerial-container .right-container .sub-title .column1,
.admin-page #main-projectwise .aerial-container .right-container .sub-title .column1,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title .column1,
.admin-page #main-aerial .aerial-container .right-container .sub-title .column1,
.admin-page #main-schedule .aerial-container .right-container .sub-title .column1,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title .column1,
.admin-page #main-eot .aerial-container .right-container .sub-title .column1,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title .column1 {
  width: 33%;
  text-align: center;
}
.admin-page #main-user .aerial-container .right-container .sub-title .column2,
.admin-page #main-project .aerial-container .right-container .sub-title .column2,
.admin-page #main-layerdata .aerial-container .right-container .sub-title .column2,
.admin-page #main-powerbi .aerial-container .right-container .sub-title .column2,
.admin-page #main-lookup .aerial-container .right-container .sub-title .column2,
.admin-page #main-projectwise .aerial-container .right-container .sub-title .column2,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title .column2,
.admin-page #main-aerial .aerial-container .right-container .sub-title .column2,
.admin-page #main-schedule .aerial-container .right-container .sub-title .column2,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title .column2,
.admin-page #main-eot .aerial-container .right-container .sub-title .column2,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title .column2 {
  width: 33%;
  text-align: center;
}
.admin-page #main-user .aerial-container .right-container .sub-title .column3,
.admin-page #main-project .aerial-container .right-container .sub-title .column3,
.admin-page #main-layerdata .aerial-container .right-container .sub-title .column3,
.admin-page #main-powerbi .aerial-container .right-container .sub-title .column3,
.admin-page #main-lookup .aerial-container .right-container .sub-title .column3,
.admin-page #main-projectwise .aerial-container .right-container .sub-title .column3,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title .column3,
.admin-page #main-aerial .aerial-container .right-container .sub-title .column3,
.admin-page #main-schedule .aerial-container .right-container .sub-title .column3,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title .column3,
.admin-page #main-eot .aerial-container .right-container .sub-title .column3,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title .column3 {
  width: 33%;
  text-align: center;
}
.admin-page #main-user .aerial-container .right-container .sub-title h4,
.admin-page #main-project .aerial-container .right-container .sub-title h4,
.admin-page #main-layerdata .aerial-container .right-container .sub-title h4,
.admin-page #main-powerbi .aerial-container .right-container .sub-title h4,
.admin-page #main-lookup .aerial-container .right-container .sub-title h4,
.admin-page #main-projectwise .aerial-container .right-container .sub-title h4,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title h4,
.admin-page #main-aerial .aerial-container .right-container .sub-title h4,
.admin-page #main-schedule .aerial-container .right-container .sub-title h4,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title h4,
.admin-page #main-eot .aerial-container .right-container .sub-title h4,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title h4 {
  margin: 0;
}
.admin-page #main-user .aerial-container .right-container #gdiv2,
.admin-page #main-project .aerial-container .right-container #gdiv2,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2,
.admin-page #main-lookup .aerial-container .right-container #gdiv2,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2,
.admin-page #main-aerial .aerial-container .right-container #gdiv2,
.admin-page #main-schedule .aerial-container .right-container #gdiv2,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2,
.admin-page #main-eot .aerial-container .right-container #gdiv2,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 {
  height: calc(100% - 50px);
  overflow: auto;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td {
  text-align: left;
  padding: 8px;
  border: none;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer {
  height: 80px;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
  background-size: 100%;
  background-repeat: no-repeat;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img {
  height: 80px;
  width: auto;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer {
  height: 90px;
  width: 100%;
  display: flex;
  position: relative;
  top: -96px;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button {
  background: rgba(80, 80, 80, 0.425);
  color: white;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button {
  width: 33%;
  border: none;
  color: #ffffff00;
  background: #ffffff00;
  outline: none;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover {
  background: rgba(80, 80, 80, 0.63);
  color: white;
  cursor: pointer;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td:hover {
  cursor: pointer;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child {
  border-top-left-radius: 5px;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child {
  border-top-right-radius: 5px;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd) {
  background: transparent;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover {
  background-color: #ddd;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active {
  background-color: #ddd;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td {
  font-weight: bold;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th {
  background-color: #3f3f3f;
  color: white;
  padding: 3px;
  font-size: 15px;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th:hover {
  cursor: default;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover {
  cursor: pointer;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer {
  margin: 0 20%;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput {
  display: flex;
  margin-top: 10px;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1 {
  margin-right: 5px;
  width: calc(50% - 5px);
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2 {
  margin-left: 5px;
  width: calc(50% - 5px);
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .singleinput {
  margin-top: 10px;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 5px;
  outline: none;
  width: calc(100% - 20px);
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only {
  background: #d6d6d6;
  color: #525865;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:read-only {
  background: #d6d6d6;
  color: #525865;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover {
  cursor: not-allowed;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover {
  cursor: not-allowed;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer button {
  border-radius: 5px;
  padding: 5px 10px;
  margin-right: 5px;
}
.admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-lookup .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer {
  text-align: right;
  background: #3f3f3f;
  border-radius: 5px;
  padding: 3px 5px;
  margin: 10px 0;
}
.admin-page #main-user .aerial-container .messagecontainer,
.admin-page #main-project .aerial-container .messagecontainer,
.admin-page #main-layerdata .aerial-container .messagecontainer,
.admin-page #main-powerbi .aerial-container .messagecontainer,
.admin-page #main-lookup .aerial-container .messagecontainer,
.admin-page #main-projectwise .aerial-container .messagecontainer,
.admin-page #main-projectwise365 .aerial-container .messagecontainer,
.admin-page #main-aerial .aerial-container .messagecontainer,
.admin-page #main-schedule .aerial-container .messagecontainer,
.admin-page #main-schedulemap .aerial-container .messagecontainer,
.admin-page #main-eot .aerial-container .messagecontainer,
.admin-page #main-uploaddata .aerial-container .messagecontainer {
  display: none;
  text-align: center;
  position: absolute;
  top: calc(50% - 80px);
  left: calc(50% - 105px);
}
.admin-page #main-user .aerial-container .messagecontainer button,
.admin-page #main-project .aerial-container .messagecontainer button,
.admin-page #main-layerdata .aerial-container .messagecontainer button,
.admin-page #main-powerbi .aerial-container .messagecontainer button,
.admin-page #main-lookup .aerial-container .messagecontainer button,
.admin-page #main-projectwise .aerial-container .messagecontainer button,
.admin-page #main-projectwise365 .aerial-container .messagecontainer button,
.admin-page #main-aerial .aerial-container .messagecontainer button,
.admin-page #main-schedule .aerial-container .messagecontainer button,
.admin-page #main-schedulemap .aerial-container .messagecontainer button,
.admin-page #main-eot .aerial-container .messagecontainer button,
.admin-page #main-uploaddata .aerial-container .messagecontainer button {
  position: relative;
}
.admin-page #main-user .eot-container,
.admin-page #main-project .eot-container,
.admin-page #main-layerdata .eot-container,
.admin-page #main-powerbi .eot-container,
.admin-page #main-lookup .eot-container,
.admin-page #main-projectwise .eot-container,
.admin-page #main-projectwise365 .eot-container,
.admin-page #main-aerial .eot-container,
.admin-page #main-schedule .eot-container,
.admin-page #main-schedulemap .eot-container,
.admin-page #main-eot .eot-container,
.admin-page #main-uploaddata .eot-container {
  margin-top: 15px;
  overflow: auto;
  height: calc(100vh - 170px);
}
.admin-page #main-user .eot-container .cards-container,
.admin-page #main-project .eot-container .cards-container,
.admin-page #main-layerdata .eot-container .cards-container,
.admin-page #main-powerbi .eot-container .cards-container,
.admin-page #main-lookup .eot-container .cards-container,
.admin-page #main-projectwise .eot-container .cards-container,
.admin-page #main-projectwise365 .eot-container .cards-container,
.admin-page #main-aerial .eot-container .cards-container,
.admin-page #main-schedule .eot-container .cards-container,
.admin-page #main-schedulemap .eot-container .cards-container,
.admin-page #main-eot .eot-container .cards-container,
.admin-page #main-uploaddata .eot-container .cards-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
}
.admin-page #main-user .eot-container .cards-container .cards,
.admin-page #main-project .eot-container .cards-container .cards,
.admin-page #main-layerdata .eot-container .cards-container .cards,
.admin-page #main-powerbi .eot-container .cards-container .cards,
.admin-page #main-lookup .eot-container .cards-container .cards,
.admin-page #main-projectwise .eot-container .cards-container .cards,
.admin-page #main-projectwise365 .eot-container .cards-container .cards,
.admin-page #main-aerial .eot-container .cards-container .cards,
.admin-page #main-schedule .eot-container .cards-container .cards,
.admin-page #main-schedulemap .eot-container .cards-container .cards,
.admin-page #main-eot .eot-container .cards-container .cards,
.admin-page #main-uploaddata .eot-container .cards-container .cards {
  width: auto;
  height: 200px;
  width: 500px;
  background-color: #cccccc;
  color: black;
  margin: 10px auto;
  border-radius: 5px;
  box-shadow: 2px 2px 10px 2px #c0c0c0;
}
.admin-page #main-user .eot-container .cards-container .cards .readonlypage,
.admin-page #main-project .eot-container .cards-container .cards .readonlypage,
.admin-page #main-layerdata .eot-container .cards-container .cards .readonlypage,
.admin-page #main-powerbi .eot-container .cards-container .cards .readonlypage,
.admin-page #main-lookup .eot-container .cards-container .cards .readonlypage,
.admin-page #main-projectwise .eot-container .cards-container .cards .readonlypage,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .readonlypage,
.admin-page #main-aerial .eot-container .cards-container .cards .readonlypage,
.admin-page #main-schedule .eot-container .cards-container .cards .readonlypage,
.admin-page #main-schedulemap .eot-container .cards-container .cards .readonlypage,
.admin-page #main-eot .eot-container .cards-container .cards .readonlypage,
.admin-page #main-uploaddata .eot-container .cards-container .cards .readonlypage {
  margin: 10px;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
}
.admin-page #main-user .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-project .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-layerdata .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-powerbi .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-lookup .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-projectwise .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-aerial .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-schedule .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-schedulemap .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-eot .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-uploaddata .eot-container .cards-container .cards .readonlypage button.addeot {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  position: relative;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  background-image: url("../../Images/icons/admin_page/eot/plus.png");
  background-size: 100%;
  background-repeat: no-repeat;
  outline: none;
}
.admin-page #main-user .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-project .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-layerdata .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-powerbi .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-lookup .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-projectwise .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-aerial .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-schedule .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-schedulemap .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-eot .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-uploaddata .eot-container .cards-container .cards .readonlypage button.addeot:active {
  background-image: url("../../Images/icons/admin_page/eot/plusactive.png");
}
.admin-page #main-user .eot-container .cards-container .cards .editpage,
.admin-page #main-project .eot-container .cards-container .cards .editpage,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage,
.admin-page #main-eot .eot-container .cards-container .cards .editpage,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage {
  display: none;
  margin: 10px;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  line-height: 20px;
}
.admin-page #main-user .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-project .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .doublefield {
  display: flex;
  flex-direction: row;
}
.admin-page #main-user .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-project .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .doublefield .column1 {
  width: calc(50% - 6px);
  margin-right: 5px;
}
.admin-page #main-user .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-project .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .doublefield .column2 {
  width: calc(50% - 6px);
  margin-left: 5px;
}
.admin-page #main-user .eot-container .cards-container .cards .editpage label,
.admin-page #main-project .eot-container .cards-container .cards .editpage label,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage label,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage label,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage label,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage label,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage label,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage label,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage label,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage label,
.admin-page #main-eot .eot-container .cards-container .cards .editpage label,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage label {
  font-weight: bold;
}
.admin-page #main-user .eot-container .cards-container .cards .editpage input,
.admin-page #main-project .eot-container .cards-container .cards .editpage input,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage input,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input,
.admin-page #main-eot .eot-container .cards-container .cards .editpage input,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
}
.admin-page #main-user .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-project .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-lookup .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-eot .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input:not([type=checkbox]) {
  width: 100%;
  padding: 3px 0px;
  border-radius: 3px;
}
.admin-page #main-user .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-project .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-eot .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.admin-page #main-user .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-project .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-eot .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.admin-page #main-user .eot-container .cards-container .cards .editpage select,
.admin-page #main-project .eot-container .cards-container .cards .editpage select,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage select,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage select,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage select,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage select,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage select,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage select,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage select,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage select,
.admin-page #main-eot .eot-container .cards-container .cards .editpage select,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage select {
  font-size: 15px;
  width: 100%;
  padding: 6px 0px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
}
.admin-page #main-user .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-project .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-eot .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage textarea {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 1px;
  height: 30px;
  width: calc(100% - 2px);
}
.admin-page #main-user .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-project .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .buttoncontianer {
  position: relative;
  bottom: 0px;
  display: inline-block;
  outline: none;
  width: calc(100% - 10px);
  margin: 5px;
  text-align: right;
}
.admin-page #main-user .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-project .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-lookup .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .buttoncontianer button {
  border-radius: 4px;
  padding: 2px 5px;
}
.admin-page #main-user .upload-container,
.admin-page #main-project .upload-container,
.admin-page #main-layerdata .upload-container,
.admin-page #main-powerbi .upload-container,
.admin-page #main-lookup .upload-container,
.admin-page #main-projectwise .upload-container,
.admin-page #main-projectwise365 .upload-container,
.admin-page #main-aerial .upload-container,
.admin-page #main-schedule .upload-container,
.admin-page #main-schedulemap .upload-container,
.admin-page #main-eot .upload-container,
.admin-page #main-uploaddata .upload-container {
  margin-top: 15px;
  overflow: auto;
  height: calc(100vh - 170px);
}
.admin-page #main-user .upload-container .topcontainer,
.admin-page #main-project .upload-container .topcontainer,
.admin-page #main-layerdata .upload-container .topcontainer,
.admin-page #main-powerbi .upload-container .topcontainer,
.admin-page #main-lookup .upload-container .topcontainer,
.admin-page #main-projectwise .upload-container .topcontainer,
.admin-page #main-projectwise365 .upload-container .topcontainer,
.admin-page #main-aerial .upload-container .topcontainer,
.admin-page #main-schedule .upload-container .topcontainer,
.admin-page #main-schedulemap .upload-container .topcontainer,
.admin-page #main-eot .upload-container .topcontainer,
.admin-page #main-uploaddata .upload-container .topcontainer {
  height: calc(50% - 10px);
  width: 100%;
  background: green;
  margin: 5px 0;
}
.admin-page #main-user .upload-container .topcontainer .instruction-container,
.admin-page #main-project .upload-container .topcontainer .instruction-container,
.admin-page #main-layerdata .upload-container .topcontainer .instruction-container,
.admin-page #main-powerbi .upload-container .topcontainer .instruction-container,
.admin-page #main-lookup .upload-container .topcontainer .instruction-container,
.admin-page #main-projectwise .upload-container .topcontainer .instruction-container,
.admin-page #main-projectwise365 .upload-container .topcontainer .instruction-container,
.admin-page #main-aerial .upload-container .topcontainer .instruction-container,
.admin-page #main-schedule .upload-container .topcontainer .instruction-container,
.admin-page #main-schedulemap .upload-container .topcontainer .instruction-container,
.admin-page #main-eot .upload-container .topcontainer .instruction-container,
.admin-page #main-uploaddata .upload-container .topcontainer .instruction-container {
  display: inline-block;
  width: 100%;
}
.admin-page #main-user .upload-container .topcontainer .instruction-container p,
.admin-page #main-project .upload-container .topcontainer .instruction-container p,
.admin-page #main-layerdata .upload-container .topcontainer .instruction-container p,
.admin-page #main-powerbi .upload-container .topcontainer .instruction-container p,
.admin-page #main-lookup .upload-container .topcontainer .instruction-container p,
.admin-page #main-projectwise .upload-container .topcontainer .instruction-container p,
.admin-page #main-projectwise365 .upload-container .topcontainer .instruction-container p,
.admin-page #main-aerial .upload-container .topcontainer .instruction-container p,
.admin-page #main-schedule .upload-container .topcontainer .instruction-container p,
.admin-page #main-schedulemap .upload-container .topcontainer .instruction-container p,
.admin-page #main-eot .upload-container .topcontainer .instruction-container p,
.admin-page #main-uploaddata .upload-container .topcontainer .instruction-container p {
  margin: 0px;
  display: inline;
}
.admin-page #main-user .upload-container .topcontainer .instruction-container button,
.admin-page #main-project .upload-container .topcontainer .instruction-container button,
.admin-page #main-layerdata .upload-container .topcontainer .instruction-container button,
.admin-page #main-powerbi .upload-container .topcontainer .instruction-container button,
.admin-page #main-lookup .upload-container .topcontainer .instruction-container button,
.admin-page #main-projectwise .upload-container .topcontainer .instruction-container button,
.admin-page #main-projectwise365 .upload-container .topcontainer .instruction-container button,
.admin-page #main-aerial .upload-container .topcontainer .instruction-container button,
.admin-page #main-schedule .upload-container .topcontainer .instruction-container button,
.admin-page #main-schedulemap .upload-container .topcontainer .instruction-container button,
.admin-page #main-eot .upload-container .topcontainer .instruction-container button,
.admin-page #main-uploaddata .upload-container .topcontainer .instruction-container button {
  float: right;
  margin: 5px;
  padding: 5px 10px;
  border-radius: 5px;
}
.admin-page #main-user .upload-container .topcontainer .table-container,
.admin-page #main-project .upload-container .topcontainer .table-container,
.admin-page #main-layerdata .upload-container .topcontainer .table-container,
.admin-page #main-powerbi .upload-container .topcontainer .table-container,
.admin-page #main-lookup .upload-container .topcontainer .table-container,
.admin-page #main-projectwise .upload-container .topcontainer .table-container,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container,
.admin-page #main-aerial .upload-container .topcontainer .table-container,
.admin-page #main-schedule .upload-container .topcontainer .table-container,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container,
.admin-page #main-eot .upload-container .topcontainer .table-container,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container {
  padding: 5px;
  overflow: auto;
}
.admin-page #main-user .upload-container .topcontainer .table-container table,
.admin-page #main-project .upload-container .topcontainer .table-container table,
.admin-page #main-layerdata .upload-container .topcontainer .table-container table,
.admin-page #main-powerbi .upload-container .topcontainer .table-container table,
.admin-page #main-lookup .upload-container .topcontainer .table-container table,
.admin-page #main-projectwise .upload-container .topcontainer .table-container table,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container table,
.admin-page #main-aerial .upload-container .topcontainer .table-container table,
.admin-page #main-schedule .upload-container .topcontainer .table-container table,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container table,
.admin-page #main-eot .upload-container .topcontainer .table-container table,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.admin-page #main-user .upload-container .topcontainer .table-container td,
.admin-page #main-project .upload-container .topcontainer .table-container td,
.admin-page #main-layerdata .upload-container .topcontainer .table-container td,
.admin-page #main-powerbi .upload-container .topcontainer .table-container td,
.admin-page #main-lookup .upload-container .topcontainer .table-container td,
.admin-page #main-projectwise .upload-container .topcontainer .table-container td,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container td,
.admin-page #main-aerial .upload-container .topcontainer .table-container td,
.admin-page #main-schedule .upload-container .topcontainer .table-container td,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container td,
.admin-page #main-eot .upload-container .topcontainer .table-container td,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container td {
  text-align: left;
  padding: 5px;
  border: none;
}
.admin-page #main-user .upload-container .topcontainer .table-container td:hover,
.admin-page #main-project .upload-container .topcontainer .table-container td:hover,
.admin-page #main-layerdata .upload-container .topcontainer .table-container td:hover,
.admin-page #main-powerbi .upload-container .topcontainer .table-container td:hover,
.admin-page #main-lookup .upload-container .topcontainer .table-container td:hover,
.admin-page #main-projectwise .upload-container .topcontainer .table-container td:hover,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container td:hover,
.admin-page #main-aerial .upload-container .topcontainer .table-container td:hover,
.admin-page #main-schedule .upload-container .topcontainer .table-container td:hover,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container td:hover,
.admin-page #main-eot .upload-container .topcontainer .table-container td:hover,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container td:hover {
  cursor: pointer;
}
.admin-page #main-user .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-project .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-layerdata .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-powerbi .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-lookup .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-projectwise .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-aerial .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-schedule .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-eot .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container th:first-child {
  border-top-left-radius: 5px;
}
.admin-page #main-user .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-project .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-layerdata .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-powerbi .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-lookup .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-projectwise .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-aerial .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-schedule .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-eot .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container th:last-child {
  border-top-right-radius: 5px;
}
.admin-page #main-user .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-project .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-lookup .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-aerial .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedule .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-eot .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr:nth-of-type(even) {
  background: #f2f2f2;
}
.admin-page #main-user .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-project .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-lookup .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-aerial .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedule .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-eot .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr:nth-of-type(odd) {
  background: white;
}
.admin-page #main-user .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-project .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-lookup .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-aerial .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-schedule .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-eot .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr:hover {
  background-color: #ddd;
  cursor: pointer;
}
.admin-page #main-user .upload-container .topcontainer .table-container tr.active,
.admin-page #main-project .upload-container .topcontainer .table-container tr.active,
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr.active,
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr.active,
.admin-page #main-lookup .upload-container .topcontainer .table-container tr.active,
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr.active,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr.active,
.admin-page #main-aerial .upload-container .topcontainer .table-container tr.active,
.admin-page #main-schedule .upload-container .topcontainer .table-container tr.active,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr.active,
.admin-page #main-eot .upload-container .topcontainer .table-container tr.active,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr.active {
  background-color: #ddd;
  cursor: pointer;
}
.admin-page #main-user .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-project .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-lookup .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-aerial .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-schedule .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-eot .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr.active td {
  font-weight: bold;
}
.admin-page #main-user .upload-container .topcontainer .table-container th,
.admin-page #main-project .upload-container .topcontainer .table-container th,
.admin-page #main-layerdata .upload-container .topcontainer .table-container th,
.admin-page #main-powerbi .upload-container .topcontainer .table-container th,
.admin-page #main-lookup .upload-container .topcontainer .table-container th,
.admin-page #main-projectwise .upload-container .topcontainer .table-container th,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container th,
.admin-page #main-aerial .upload-container .topcontainer .table-container th,
.admin-page #main-schedule .upload-container .topcontainer .table-container th,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container th,
.admin-page #main-eot .upload-container .topcontainer .table-container th,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
}
.admin-page #main-user .upload-container .bottomcontainer,
.admin-page #main-project .upload-container .bottomcontainer,
.admin-page #main-layerdata .upload-container .bottomcontainer,
.admin-page #main-powerbi .upload-container .bottomcontainer,
.admin-page #main-lookup .upload-container .bottomcontainer,
.admin-page #main-projectwise .upload-container .bottomcontainer,
.admin-page #main-projectwise365 .upload-container .bottomcontainer,
.admin-page #main-aerial .upload-container .bottomcontainer,
.admin-page #main-schedule .upload-container .bottomcontainer,
.admin-page #main-schedulemap .upload-container .bottomcontainer,
.admin-page #main-eot .upload-container .bottomcontainer,
.admin-page #main-uploaddata .upload-container .bottomcontainer {
  height: calc(50% - 10px);
  width: 100%;
  background: blue;
  margin: 5px 0;
}
.admin-page #main-user .upload-container .bottomcontainer .instruction-container,
.admin-page #main-project .upload-container .bottomcontainer .instruction-container,
.admin-page #main-layerdata .upload-container .bottomcontainer .instruction-container,
.admin-page #main-powerbi .upload-container .bottomcontainer .instruction-container,
.admin-page #main-lookup .upload-container .bottomcontainer .instruction-container,
.admin-page #main-projectwise .upload-container .bottomcontainer .instruction-container,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .instruction-container,
.admin-page #main-aerial .upload-container .bottomcontainer .instruction-container,
.admin-page #main-schedule .upload-container .bottomcontainer .instruction-container,
.admin-page #main-schedulemap .upload-container .bottomcontainer .instruction-container,
.admin-page #main-eot .upload-container .bottomcontainer .instruction-container,
.admin-page #main-uploaddata .upload-container .bottomcontainer .instruction-container {
  display: inline-block;
  width: 100%;
}
.admin-page #main-user .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-project .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-layerdata .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-powerbi .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-lookup .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-projectwise .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-aerial .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-schedule .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-schedulemap .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-eot .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-uploaddata .upload-container .bottomcontainer .instruction-container p {
  margin: 0px;
  display: inline;
}
.admin-page #main-user .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-project .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-layerdata .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-powerbi .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-lookup .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-projectwise .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-aerial .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-schedule .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-schedulemap .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-eot .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-uploaddata .upload-container .bottomcontainer .instruction-container button {
  float: right;
  margin: 5px;
  padding: 5px 10px;
  border-radius: 5px;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container,
.admin-page #main-project .upload-container .bottomcontainer .table-container,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container,
.admin-page #main-eot .upload-container .bottomcontainer .table-container,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container {
  padding: 5px;
  overflow: auto;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container table,
.admin-page #main-project .upload-container .bottomcontainer .table-container table,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container table,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container table,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container table,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container table,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container table,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container table,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container table,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container table,
.admin-page #main-eot .upload-container .bottomcontainer .table-container table,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container td,
.admin-page #main-project .upload-container .bottomcontainer .table-container td,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container td,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container td,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container td,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container td,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container td,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container td,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container td,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container td,
.admin-page #main-eot .upload-container .bottomcontainer .table-container td,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container td {
  text-align: left;
  padding: 5px;
  border: none;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-project .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-eot .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container td:hover {
  cursor: pointer;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-project .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-eot .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container th:first-child {
  border-top-left-radius: 5px;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-project .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-eot .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container th:last-child {
  border-top-right-radius: 5px;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-project .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-lookup .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr:nth-of-type(even) {
  background: #f2f2f2;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-project .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-lookup .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr:nth-of-type(odd) {
  background: white;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-project .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr:hover {
  background-color: #ddd;
  cursor: pointer;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-project .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr.active {
  background-color: #ddd;
  cursor: pointer;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-project .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr.active td {
  font-weight: bold;
}
.admin-page #main-user .upload-container .bottomcontainer .table-container th,
.admin-page #main-project .upload-container .bottomcontainer .table-container th,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container th,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container th,
.admin-page #main-lookup .upload-container .bottomcontainer .table-container th,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container th,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container th,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container th,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container th,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container th,
.admin-page #main-eot .upload-container .bottomcontainer .table-container th,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
}
.admin-page #main-user .loadingcontainer-mainadmin,
.admin-page #main-project .loadingcontainer-mainadmin,
.admin-page #main-layerdata .loadingcontainer-mainadmin,
.admin-page #main-powerbi .loadingcontainer-mainadmin,
.admin-page #main-lookup .loadingcontainer-mainadmin,
.admin-page #main-projectwise .loadingcontainer-mainadmin,
.admin-page #main-projectwise365 .loadingcontainer-mainadmin,
.admin-page #main-aerial .loadingcontainer-mainadmin,
.admin-page #main-schedule .loadingcontainer-mainadmin,
.admin-page #main-schedulemap .loadingcontainer-mainadmin,
.admin-page #main-eot .loadingcontainer-mainadmin,
.admin-page #main-uploaddata .loadingcontainer-mainadmin {
  display: none;
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  right: 0px;
  background: rgba(78, 78, 78, 0.438);
  height: calc(100vh - 70px);
  text-align: center;
  z-index: 1;
}
.admin-page #main-user .loadingcontainer-mainadmin .loader,
.admin-page #main-project .loadingcontainer-mainadmin .loader,
.admin-page #main-layerdata .loadingcontainer-mainadmin .loader,
.admin-page #main-powerbi .loadingcontainer-mainadmin .loader,
.admin-page #main-lookup .loadingcontainer-mainadmin .loader,
.admin-page #main-projectwise .loadingcontainer-mainadmin .loader,
.admin-page #main-projectwise365 .loadingcontainer-mainadmin .loader,
.admin-page #main-aerial .loadingcontainer-mainadmin .loader,
.admin-page #main-schedule .loadingcontainer-mainadmin .loader,
.admin-page #main-schedulemap .loadingcontainer-mainadmin .loader,
.admin-page #main-eot .loadingcontainer-mainadmin .loader,
.admin-page #main-uploaddata .loadingcontainer-mainadmin .loader {
  position: relative;
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  top: calc(50% - 60px);
  left: calc(50% - 25px);
}
.admin-page #main-user .loadingcontainer-mainadmin #loadingText,
.admin-page #main-project .loadingcontainer-mainadmin #loadingText,
.admin-page #main-layerdata .loadingcontainer-mainadmin #loadingText,
.admin-page #main-powerbi .loadingcontainer-mainadmin #loadingText,
.admin-page #main-lookup .loadingcontainer-mainadmin #loadingText,
.admin-page #main-projectwise .loadingcontainer-mainadmin #loadingText,
.admin-page #main-projectwise365 .loadingcontainer-mainadmin #loadingText,
.admin-page #main-aerial .loadingcontainer-mainadmin #loadingText,
.admin-page #main-schedule .loadingcontainer-mainadmin #loadingText,
.admin-page #main-schedulemap .loadingcontainer-mainadmin #loadingText,
.admin-page #main-eot .loadingcontainer-mainadmin #loadingText,
.admin-page #main-uploaddata .loadingcontainer-mainadmin #loadingText {
  width: 300px;
  text-align: center;
  position: absolute;
  top: calc(50% + 35px);
  left: calc(50% - 135px);
  color: white;
  color: white;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.admin-page #main-project {
  height: calc(100vh - 100px);
  overflow: hidden;
}
.admin-page #main-schedulemap .topcontainer {
  display: flex;
  height: calc(50vh - 100px);
  width: 100%;
  margin-top: 10px;
}
.admin-page #main-schedulemap .topcontainer .leftcontainer {
  width: 50%;
  background: gray;
  margin: 5px;
}
.admin-page #main-schedulemap .topcontainer .leftcontainer .selectcontainer {
  padding: 10px;
}
.admin-page #main-schedulemap .topcontainer .leftcontainer .selectcontainer select {
  width: 50%;
  padding: 3px;
  border-radius: 5px;
}
.admin-page #main-schedulemap .topcontainer .leftcontainer .jstreecontainer {
  margin: 10px;
  height: calc(50vh - 175px);
  background: #d8d8d8;
  overflow: auto;
}
.admin-page #main-schedulemap .topcontainer .rightcontainer {
  width: 50%;
  background: grey;
  margin: 5px;
}
.admin-page #main-schedulemap .topcontainer .rightcontainer .buttoncontainer {
  text-align: right;
  padding: 10px 15px;
}
.admin-page #main-schedulemap .topcontainer .rightcontainer .buttoncontainer button {
  padding: 3px 10px;
  border-radius: 5px;
}
.admin-page #main-schedulemap .topcontainer .rightcontainer .jstreecontainer {
  margin: 10px;
  height: calc(50vh - 175px);
  background: #d8d8d8;
  overflow: auto;
}
.admin-page #main-schedulemap .bottomcontainer {
  background: grey;
  height: calc(50vh - 60px);
  margin: 0 5px;
}
.admin-page #main-schedulemap .bottomcontainer .innerheader {
  display: flex;
}
.admin-page #main-schedulemap .bottomcontainer .innerheader .headercontainer {
  width: 50%;
  text-align: center;
  margin: 20px 0 0 0;
}
.admin-page #main-schedulemap .bottomcontainer .innerheader .headercontainer h3 {
  margin: 0;
}
.admin-page #main-schedulemap .bottomcontainer .innerheader .buttoncontainer {
  width: 140px;
  margin: 15px 0 0 0;
  display: flex;
}
.admin-page #main-schedulemap .bottomcontainer .innerheader .buttoncontainer button {
  padding: 5px 10px;
  margin: 5px;
  border-radius: 5px;
}
.admin-page #main-schedulemap .bottomcontainer .innercontainer {
  padding: 10px;
  height: calc(50vh - 175px);
  overflow: auto;
}
.admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput {
  display: flex;
  margin: 10px;
}
.admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput input[type=text] {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  height: 15px;
  padding: 5px;
  width: calc(100% - 12px);
}
.admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput input[type=checkbox] {
  height: 20px;
  margin: 5px 10px;
}
.admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .comumn1 {
  width: 10px;
}
.admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column2 {
  width: calc(50% - 55px);
  margin: 0 5px;
}
.admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column3 {
  margin: 0 5px;
}
.admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column3 img {
  width: 30px;
}
.admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column4 {
  width: calc(50% - 55px);
  margin: 0 5px;
}
.admin-page #main-schedulemap .bottomcontainer .footercontainer {
  width: calc(100% - 20px);
  position: relative;
  bottom: 0px;
  /* right: 0px; */
  text-align: right;
}
.admin-page #main-schedulemap .bottomcontainer .footercontainer button {
  float: right;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 0 0 0 5px;
}

#main-layerdata #moveContainer {
  position: absolute;
  width: calc(100% - 30px);
  height: 415px;
  background-color: #ddd;
  display: none;
}
#main-layerdata #moveContainer .buttonContainerData {
  width: 25%;
  text-align: center;
  margin-right: 0px;
  overflow: auto;
}
#main-layerdata #moveContainer .buttonContainerData button {
  background: white;
  padding: 8px 5px;
  border-radius: 5px;
  width: 100px;
  margin-bottom: 10px;
  margin-right: 10px;
}
#main-layerdata #moveContainer .buttonContainerData .hiddencontainer {
  margin: 3px;
  padding: 4px;
  background: darkgrey;
  border-radius: 5px;
}
#main-layerdata #moveContainer .buttonContainerData .hiddencontainer#addToGroup .groupSelection {
  width: auto;
  margin: 2px 2px 4px 2px;
}
#main-layerdata #moveContainer .buttonContainerData .hiddencontainer#addToGroup button {
  width: 5vw;
  height: 6vh;
  font-size: 9px;
}
#main-layerdata #moveContainer .buttonContainerData .hiddencontainer #shpStylingDiv {
  width: 100%;
  display: grid;
}
#main-layerdata #moveContainer .buttonContainerData .hiddencontainer #shpStylingDiv #shpStyleSelect {
  width: 98%;
  margin: 2px;
}
#main-layerdata #moveContainer .buttonContainerData .hiddencontainer #shpStylingDiv #shpStyleEditBtn {
  margin: 0;
  position: relative;
}
#main-layerdata #moveContainer .buttonContainerData .hiddencontainer #shpStylingDiv #shpStyleChk {
  display: inline-grid;
}
#main-layerdata #moveContainer .buttonContainerData .hiddencontainer #shpStylingDiv button {
  width: 5vw;
  height: 5vh;
  font-size: 10px;
}
#main-layerdata #moveContainer .buttonContainerData .hiddencontainer button {
  width: 5vw;
  height: 5vh;
  font-size: 10px;
}
#main-layerdata #moveContainer .buttonContainerData input {
  margin: 10px 0;
  width: calc(100% - 20px);
}
#main-layerdata #moveContainer .buttonContainerData input[type=checkbox] {
  margin-bottom: 15px;
  margin-top: 0;
  width: auto;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer {
  text-align: left;
  margin: 3px;
  padding: 5px;
  background: lightgrey;
  border-radius: 5px;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer#IconStyleDiv {
  margin-top: 6px;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer#LineStyleDiv {
  display: grid;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer input,
#main-layerdata #moveContainer .buttonContainerData .subcontainer select {
  margin: 0px 0 10px 0;
  border-radius: 5px;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer h4 {
  margin: 0px;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer label {
  font-size: 13px;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer img {
  display: block;
  margin: auto;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer .hiddencontainer-inner {
  display: none;
  margin: 2px;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer .classContainer {
  display: flex;
  flex-direction: column;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer .classContainer .leftContainer {
  width: 50%;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer .classContainer .leftContainer.icon {
  width: 70%;
  display: grid;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer .classContainer .rightContainer {
  width: 50%;
}
#main-layerdata #moveContainer .buttonContainerData .subcontainer .classContainer .rightContainer.icon {
  width: 30%;
}

.cesium-viewer-bottom {
  display: none;
}
.cesium-viewer-bottom .cesium-viewer-bottom {
  display: none;
}

.formView {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.479);
}
.formView .formContent {
  position: relative;
  background: lightgrey;
  margin: 2% auto;
  width: 95%;
  height: 90%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
  border-radius: 5px;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.formView .formContent .formHeader-inviteuser,
.formView .formContent .formHeader-addschedule,
.formView .formContent .formHeader-addactual,
.formView .formContent .formHeader-registeraerial,
.formView .formContent .formHeader-imageviewer {
  background: linear-gradient(to bottom, #363636, #363636);
  color: white;
  width: 100%;
  height: 45px;
  text-align: center;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 20px 0 0 0;
}
.formView .formContent .formHeader-inviteuser h3,
.formView .formContent .formHeader-addschedule h3,
.formView .formContent .formHeader-addactual h3,
.formView .formContent .formHeader-registeraerial h3,
.formView .formContent .formHeader-imageviewer h3 {
  margin: 0 0 0 0;
}
.formView .formContent .formHeader-inviteuser h4,
.formView .formContent .formHeader-addschedule h4,
.formView .formContent .formHeader-addactual h4,
.formView .formContent .formHeader-registeraerial h4,
.formView .formContent .formHeader-imageviewer h4 {
  margin: 0px;
}
.formView .formContent .closebutton {
  position: absolute;
  line-height: 25px;
  right: -12px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.formView .formContent .closebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.formView .formContent .formcontainerMainBody {
  position: relative;
  background: #e0e0e0;
  height: calc(100% - 155px);
  margin: auto;
  padding: 20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.formView .formContent .formcontainerMainBody .formsearchUser {
  width: calc(100% - 50px);
  padding: 10px 5px;
  text-align: left;
  top: 0px;
  position: absolute;
}
.formView .formContent .formcontainerMainBody .formsearchUser input {
  height: 20px;
  padding: 5px;
  border-radius: 5px;
}
.formView .formContent .formcontainerMainBody .formsearchUser input.right {
  float: right;
}
.formView .formContent .formcontainerMainBody .formsearchUser button {
  padding: 8px 20px;
  border-radius: 5px;
}
.formView .formContent .formcontainerMainBody .formsearchUser button#formadmindeleteUser {
  display: none;
  float: left;
}
.formView .formContent .formcontainerMainBody .filterContainer {
  line-height: 30px;
  width: 18%;
  color: white;
  height: calc(100% - 20px);
  background: #5a5a5a;
  padding: 10px 15px;
  position: absolute;
}
.formView .formContent .formcontainerMainBody .filterContainer h4 {
  text-align: center;
  padding: 10px;
  margin: 0px;
}
.formView .formContent .formcontainerMainBody .filterContainer label {
  font-weight: bold;
}
.formView .formContent .formcontainerMainBody .filterContainer input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
}
.formView .formContent .formcontainerMainBody .filterContainer input:not([type=checkbox]) {
  width: 100%;
  padding: 3px 0px;
  border-radius: 3px;
}
.formView .formContent .formcontainerMainBody .filterContainer input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.formView .formContent .formcontainerMainBody .filterContainer input:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.formView .formContent .formcontainerMainBody .filterContainer select {
  font-size: 15px;
  width: 100%;
  padding: 6px 0px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
}
.formView .formContent .formcontainerMainBody .filterContainer button {
  float: right;
  padding: 7.5px 15px;
  border-radius: 5px;
  margin-top: 15px;
}
.formView .formContent .formcontainerMainBody .container-tableLeft {
  position: relative;
  display: inline-block;
  width: calc(45% - 15px - 75px);
  overflow: auto;
  left: 0px;
  height: calc(100% - 70px);
  top: 40px;
  background-color: white;
  border: 10px solid white;
  border-radius: 5px;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .headercontainer {
  height: 38px;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .headercontainer h4 {
  margin: 0px;
  padding: 10px 0;
  color: black;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer {
  height: calc(100% - 38px);
  overflow: auto;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td {
  text-align: left;
  padding: 8px;
  border: none;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td:hover {
  cursor: pointer;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr {
  height: 30px;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr:nth-of-type(odd) {
  background: white;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr:hover {
  background-color: #ddd;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr.active {
  background-color: #ddd;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr.active td {
  font-weight: bold;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th {
  background-color: #363636;
  color: white;
  text-align: left;
  padding: 15px;
  text-transform: uppercase;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th:hover {
  cursor: default;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th img {
  height: 12px;
  width: auto;
  float: right;
}
.formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th img:hover {
  cursor: pointer;
}
.formView .formContent .formcontainerMainBody .container-button {
  z-index: 3;
  width: 55px;
  height: calc(100% - 50px);
  position: absolute;
  display: inline-block;
}
.formView .formContent .formcontainerMainBody .container-button .buttoncontainer {
  position: relative;
  top: calc(50% - 60px);
  flex-direction: column;
}
.formView .formContent .formcontainerMainBody .container-button .buttoncontainer button {
  margin-bottom: 10px;
  width: 100%;
  height: 30px;
  border-radius: 3px;
}
.formView .formContent .formcontainerMainBody .container-tableRight {
  display: inline-block;
  position: relative;
  width: calc(55% - 15px - 0px);
  overflow: auto;
  height: calc(100% - 70px);
  top: 40px;
  margin-left: 60px;
  background-color: white;
  border: 10px solid white;
  border-radius: 5px;
}
.formView .formContent .formcontainerMainBody .container-tableRight .headercontainer {
  height: 38px;
}
.formView .formContent .formcontainerMainBody .container-tableRight .headercontainer h4 {
  margin: 0px;
  padding: 10px 0;
  color: black;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer {
  height: calc(100% - 38px);
  overflow: auto;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td {
  text-align: left;
  padding: 8px;
  border: none;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td:hover {
  cursor: pointer;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr {
  height: 30px;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr:nth-of-type(odd) {
  background: white;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr:hover {
  background-color: #ddd;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr.active {
  background-color: #ddd;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr.active td {
  font-weight: bold;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th {
  background-color: #363636;
  color: white;
  text-align: left;
  padding: 15px;
  text-transform: uppercase;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th:hover {
  cursor: default;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th img {
  height: 12px;
  width: auto;
  float: right;
}
.formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th img:hover {
  cursor: pointer;
}
.formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser {
  padding: 10px 5px;
  text-align: right;
  top: 100px;
  position: fixed;
}
.formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser input {
  height: 20px;
  padding: 5px;
  border-radius: 5px;
}
.formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser button {
  padding: 8px 20px;
  border-radius: 5px;
}
.formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser button#formadmindeleteUser {
  display: none;
  float: left;
}
.formView .formContent .inviteuserFooter {
  background-color: #363636;
  height: 30px;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}
.formView .formContent .inviteuserFooter div {
  padding: 0px;
  margin: 0px;
}
.formView .formContent .inviteuserFooter div button {
  padding: 7.5px 15px;
  border-radius: 5px;
}
.formView #addscheduleformContent, .formView #addactualformContent {
  margin: 5% auto;
  width: 40%;
  height: 70%;
}
.formView #addscheduleformContent .formcontainerMainBody, .formView #addactualformContent .formcontainerMainBody {
  position: relative;
  background: #e0e0e0;
  height: calc(100% - 155px);
  margin: auto;
  padding: 20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  flex-direction: column;
  line-height: 35px;
}
.formView #addscheduleformContent .formcontainerMainBody .revisioncontainer, .formView #addactualformContent .formcontainerMainBody .revisioncontainer {
  display: none;
  height: calc(100% - 244px);
}
.formView #addscheduleformContent .formcontainerMainBody label, .formView #addactualformContent .formcontainerMainBody label {
  font-weight: bold;
}
.formView #addscheduleformContent .formcontainerMainBody select, .formView #addactualformContent .formcontainerMainBody select {
  font-size: 15px;
  width: 100%;
  padding: 6px 0px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
}
.formView #addscheduleformContent .formcontainerMainBody textarea, .formView #addactualformContent .formcontainerMainBody textarea {
  font-size: 15px;
  width: 100%;
  height: calc(100% - 80px);
  padding: 6px 5px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
  resize: vertical;
  max-height: calc(100% - 80px);
}
.formView #addscheduleformContent .formcontainerMainBody input, .formView #addactualformContent .formcontainerMainBody input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
  outline: none;
}
.formView #addscheduleformContent .formcontainerMainBody input:not([type=checkbox]), .formView #addactualformContent .formcontainerMainBody input:not([type=checkbox]) {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.formView #addscheduleformContent .formcontainerMainBody input#newpassword:not([type=checkbox]), .formView #addactualformContent .formcontainerMainBody input#newpassword:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.formView #addscheduleformContent .formcontainerMainBody input#newconfirmpassword:not([type=checkbox]), .formView #addactualformContent .formcontainerMainBody input#newconfirmpassword:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.formView #addscheduleformContent .formcontainerMainBody input#newpassword:valid:not([type=checkbox]):required, .formView #addactualformContent .formcontainerMainBody input#newpassword:valid:not([type=checkbox]):required {
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.formView #addscheduleformContent .formcontainerMainBody input:valid:not([type=checkbox]):required, .formView #addactualformContent .formcontainerMainBody input:valid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.formView #addscheduleformContent .formcontainerMainBody input:focus:invalid:not([type=checkbox]):required, .formView #addactualformContent .formcontainerMainBody input:focus:invalid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.formView #addscheduleformContent .formcontainerMainBody label.required:after, .formView #addactualformContent .formcontainerMainBody label.required:after {
  content: "*";
  color: lightcoral;
}
.formView #addscheduleformContent .formcontainerMainBody input, .formView #addactualformContent .formcontainerMainBody input {
  border-color: #d1d1d1;
}
.formView #addscheduleformContent .formcontainerMainBody input:not(:-moz-placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.formView #addscheduleformContent .formcontainerMainBody input:not(:-ms-input-placeholder):invalid:required, .formView #addactualformContent .formcontainerMainBody input:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.formView #addscheduleformContent .formcontainerMainBody input:not(:placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.formView #addscheduleformContent .formcontainerMainBody input#newpassword:not(:-moz-placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input#newpassword:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.formView #addscheduleformContent .formcontainerMainBody input#newpassword:not(:-ms-input-placeholder):invalid:required, .formView #addactualformContent .formcontainerMainBody input#newpassword:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.formView #addscheduleformContent .formcontainerMainBody input#newpassword:not(:placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input#newpassword:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.formView #addscheduleformContent .formcontainerMainBody input:-moz-placeholder-shown:focus:invalid:required, .formView #addactualformContent .formcontainerMainBody input:-moz-placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.formView #addscheduleformContent .formcontainerMainBody input:-ms-input-placeholder:focus:invalid:required, .formView #addactualformContent .formcontainerMainBody input:-ms-input-placeholder:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.formView #addscheduleformContent .formcontainerMainBody input:placeholder-shown:focus:invalid:required, .formView #addactualformContent .formcontainerMainBody input:placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.formView #addscheduleformContent .formcontainerMainBody input:focus:valid:required, .formView #addactualformContent .formcontainerMainBody input:focus:valid:required {
  border-color: #1fe01f;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.formView #addscheduleformContent .formcontainerMainBody input:valid:required, .formView #addactualformContent .formcontainerMainBody input:valid:required {
  border-color: #d1d1d1;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.formView #addscheduleformContent .formcontainerMainBody .doubleinput, .formView #addactualformContent .formcontainerMainBody .doubleinput {
  width: 100%;
  display: flex;
}
.formView #addscheduleformContent .formcontainerMainBody .doubleinput .column1, .formView #addactualformContent .formcontainerMainBody .doubleinput .column1 {
  width: calc(50% - 5px);
  margin-right: 5px;
}
.formView #addscheduleformContent .formcontainerMainBody .doubleinput .column2, .formView #addactualformContent .formcontainerMainBody .doubleinput .column2 {
  width: calc(50% - 5px);
  margin-left: 5px;
}
.formView #addscheduleformContent .addscheduleFooter, .formView #addscheduleformContent .addactualFooter, .formView #addactualformContent .addscheduleFooter, .formView #addactualformContent .addactualFooter {
  background-color: #363636;
  height: 30px;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}
.formView #addscheduleformContent .addscheduleFooter div, .formView #addscheduleformContent .addactualFooter div, .formView #addactualformContent .addscheduleFooter div, .formView #addactualformContent .addactualFooter div {
  padding: 0px;
  margin: 0px;
}
.formView #addscheduleformContent .addscheduleFooter div button, .formView #addscheduleformContent .addactualFooter div button, .formView #addactualformContent .addscheduleFooter div button, .formView #addactualformContent .addactualFooter div button {
  padding: 7.5px 15px;
  border-radius: 5px;
}
.formView #addscheduleformContent#imageviewerformContent, .formView #addactualformContent#imageviewerformContent {
  margin: 1% auto;
  width: 97%;
  height: 95%;
}
.formView #addscheduleformContent#imageviewerformContent .formcontainerMainBody, .formView #addactualformContent#imageviewerformContent .formcontainerMainBody {
  height: 100%;
  width: 100%;
  text-align: center;
}
.formView #addscheduleformContent#imageviewerformContent .formcontainerMainBody img, .formView #addactualformContent#imageviewerformContent .formcontainerMainBody img {
  height: 100%;
  width: 100%;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .admin-page {
    display: block;
    padding: 0px;
    margin: 0px;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50px;
    background: white;
  }
  .admin-page #sidebar-admin {
    position: absolute;
    height: 100%;
    width: 200px;
    background: #363636;
    box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
    z-index: 1;
  }
  .admin-page #sidebar-admin .sidebar-items {
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminHead {
    padding: 10px;
    font-weight: bold;
    color: white;
    font-size: 12px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminHead a {
    margin-left: 10px;
    vertical-align: middle;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminHead img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminHead img:hover {
    cursor: pointer;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems {
    color: white;
    text-decoration: none;
    list-style: none;
    padding-left: 10px;
    font-size: 12px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems:hover {
    cursor: pointer;
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems a {
    text-decoration: none;
    margin-left: 10px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
    float: right;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 9px;
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems.active {
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .admin-page #sidebar-admin .sidebar-items ul {
    display: none;
    list-style: none;
    line-height: 30px;
    padding-left: 0;
  }
  .admin-page #sidebar-admin .sidebar-items ul li {
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: 12px;
  }
  .admin-page #sidebar-admin .sidebar-items ul li:hover {
    cursor: pointer;
    background: grey;
  }
  .admin-page #sidebar-admin .sidebar-items ul li a {
    text-decoration: none;
    margin-left: 15px;
  }
  .admin-page #sidebar-admin .sidebar-items ul li img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-left: 35px;
  }
  .admin-page #sidebar-admin .sidebar-items ul li.active {
    background: #5f5f5f;
  }
  .admin-page #main-user,
.admin-page #main-project,
.admin-page #main-layerdata,
.admin-page #main-powerbi,
.admin-page #main-projectwise,
.admin-page #main-projectwise365,
.admin-page #main-aerial,
.admin-page #main-schedule,
.admin-page #main-schedulemap,
.admin-page #main-eot,
.admin-page #main-uploaddata {
    display: none;
    position: relative;
    padding: 15px;
    width: calc(100% - 250px);
    float: right;
    overflow: auto;
    height: calc(100vh - 100px);
  }
  .admin-page #main-user .mainHeader,
.admin-page #main-project .mainHeader,
.admin-page #main-layerdata .mainHeader,
.admin-page #main-powerbi .mainHeader,
.admin-page #main-projectwise .mainHeader,
.admin-page #main-projectwise365 .mainHeader,
.admin-page #main-aerial .mainHeader,
.admin-page #main-schedule .mainHeader,
.admin-page #main-schedulemap .mainHeader,
.admin-page #main-eot .mainHeader,
.admin-page #main-uploaddata .mainHeader {
    width: 100%;
    height: 40px;
    background: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
  }
  .admin-page #main-user .mainHeader h3,
.admin-page #main-project .mainHeader h3,
.admin-page #main-layerdata .mainHeader h3,
.admin-page #main-powerbi .mainHeader h3,
.admin-page #main-projectwise .mainHeader h3,
.admin-page #main-projectwise365 .mainHeader h3,
.admin-page #main-aerial .mainHeader h3,
.admin-page #main-schedule .mainHeader h3,
.admin-page #main-schedulemap .mainHeader h3,
.admin-page #main-eot .mainHeader h3,
.admin-page #main-uploaddata .mainHeader h3 {
    margin: 0px;
    top: 12px;
    position: relative;
    font-size: 12px;
  }
  .admin-page #main-user .mainHeader button,
.admin-page #main-project .mainHeader button,
.admin-page #main-layerdata .mainHeader button,
.admin-page #main-powerbi .mainHeader button,
.admin-page #main-projectwise .mainHeader button,
.admin-page #main-projectwise365 .mainHeader button,
.admin-page #main-aerial .mainHeader button,
.admin-page #main-schedule .mainHeader button,
.admin-page #main-schedulemap .mainHeader button,
.admin-page #main-eot .mainHeader button,
.admin-page #main-uploaddata .mainHeader button {
    float: right;
  }
  .admin-page #main-user .headerButton,
.admin-page #main-project .headerButton,
.admin-page #main-layerdata .headerButton,
.admin-page #main-powerbi .headerButton,
.admin-page #main-projectwise .headerButton,
.admin-page #main-projectwise365 .headerButton,
.admin-page #main-aerial .headerButton,
.admin-page #main-schedule .headerButton,
.admin-page #main-schedulemap .headerButton,
.admin-page #main-eot .headerButton,
.admin-page #main-uploaddata .headerButton {
    top: -33px;
    position: relative;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 15px;
  }
  .admin-page #main-user .headerButton button,
.admin-page #main-project .headerButton button,
.admin-page #main-layerdata .headerButton button,
.admin-page #main-powerbi .headerButton button,
.admin-page #main-projectwise .headerButton button,
.admin-page #main-projectwise365 .headerButton button,
.admin-page #main-aerial .headerButton button,
.admin-page #main-schedule .headerButton button,
.admin-page #main-schedulemap .headerButton button,
.admin-page #main-eot .headerButton button,
.admin-page #main-uploaddata .headerButton button {
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 10px;
  }
  .admin-page #main-user .headerButton button.edit,
.admin-page #main-project .headerButton button.edit,
.admin-page #main-layerdata .headerButton button.edit,
.admin-page #main-powerbi .headerButton button.edit,
.admin-page #main-projectwise .headerButton button.edit,
.admin-page #main-projectwise365 .headerButton button.edit,
.admin-page #main-aerial .headerButton button.edit,
.admin-page #main-schedule .headerButton button.edit,
.admin-page #main-schedulemap .headerButton button.edit,
.admin-page #main-eot .headerButton button.edit,
.admin-page #main-uploaddata .headerButton button.edit {
    display: none;
  }
  .admin-page #main-user .searchTable,
.admin-page #main-project .searchTable,
.admin-page #main-layerdata .searchTable,
.admin-page #main-powerbi .searchTable,
.admin-page #main-projectwise .searchTable,
.admin-page #main-projectwise365 .searchTable,
.admin-page #main-aerial .searchTable,
.admin-page #main-schedule .searchTable,
.admin-page #main-schedulemap .searchTable,
.admin-page #main-eot .searchTable,
.admin-page #main-uploaddata .searchTable {
    top: 23px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 30px;
  }
  .admin-page #main-user .searchTable input,
.admin-page #main-project .searchTable input,
.admin-page #main-layerdata .searchTable input,
.admin-page #main-powerbi .searchTable input,
.admin-page #main-projectwise .searchTable input,
.admin-page #main-projectwise365 .searchTable input,
.admin-page #main-aerial .searchTable input,
.admin-page #main-schedule .searchTable input,
.admin-page #main-schedulemap .searchTable input,
.admin-page #main-eot .searchTable input,
.admin-page #main-uploaddata .searchTable input {
    height: 10px;
    padding: 5px;
    border-radius: 5px;
    font-size: 10px;
  }
  .admin-page #main-user .searchTable button,
.admin-page #main-project .searchTable button,
.admin-page #main-layerdata .searchTable button,
.admin-page #main-powerbi .searchTable button,
.admin-page #main-projectwise .searchTable button,
.admin-page #main-projectwise365 .searchTable button,
.admin-page #main-aerial .searchTable button,
.admin-page #main-schedule .searchTable button,
.admin-page #main-schedulemap .searchTable button,
.admin-page #main-eot .searchTable button,
.admin-page #main-uploaddata .searchTable button {
    padding: 8px 20px;
    border-radius: 5px;
  }
  .admin-page #main-user .searchTable button#admindeleteUser,
.admin-page #main-project .searchTable button#admindeleteUser,
.admin-page #main-layerdata .searchTable button#admindeleteUser,
.admin-page #main-powerbi .searchTable button#admindeleteUser,
.admin-page #main-projectwise .searchTable button#admindeleteUser,
.admin-page #main-projectwise365 .searchTable button#admindeleteUser,
.admin-page #main-aerial .searchTable button#admindeleteUser,
.admin-page #main-schedule .searchTable button#admindeleteUser,
.admin-page #main-schedulemap .searchTable button#admindeleteUser,
.admin-page #main-eot .searchTable button#admindeleteUser,
.admin-page #main-uploaddata .searchTable button#admindeleteUser {
    display: none;
    float: left;
  }
  .admin-page #main-user .container-table,
.admin-page #main-project .container-table,
.admin-page #main-layerdata .container-table,
.admin-page #main-powerbi .container-table,
.admin-page #main-projectwise .container-table,
.admin-page #main-projectwise365 .container-table,
.admin-page #main-aerial .container-table,
.admin-page #main-schedule .container-table,
.admin-page #main-schedulemap .container-table,
.admin-page #main-eot .container-table,
.admin-page #main-uploaddata .container-table {
    margin-top: 15px;
  }
  .admin-page #main-user .container-table table,
.admin-page #main-project .container-table table,
.admin-page #main-layerdata .container-table table,
.admin-page #main-powerbi .container-table table,
.admin-page #main-projectwise .container-table table,
.admin-page #main-projectwise365 .container-table table,
.admin-page #main-aerial .container-table table,
.admin-page #main-schedule .container-table table,
.admin-page #main-schedulemap .container-table table,
.admin-page #main-eot .container-table table,
.admin-page #main-uploaddata .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .admin-page #main-user .container-table table td,
.admin-page #main-project .container-table table td,
.admin-page #main-layerdata .container-table table td,
.admin-page #main-powerbi .container-table table td,
.admin-page #main-projectwise .container-table table td,
.admin-page #main-projectwise365 .container-table table td,
.admin-page #main-aerial .container-table table td,
.admin-page #main-schedule .container-table table td,
.admin-page #main-schedulemap .container-table table td,
.admin-page #main-eot .container-table table td,
.admin-page #main-uploaddata .container-table table td {
    text-align: left;
    padding: 0 8px 0 8px;
    border: none;
    line-height: 0;
    vertical-align: center;
  }
  .admin-page #main-user .container-table table td span,
.admin-page #main-project .container-table table td span,
.admin-page #main-layerdata .container-table table td span,
.admin-page #main-powerbi .container-table table td span,
.admin-page #main-projectwise .container-table table td span,
.admin-page #main-projectwise365 .container-table table td span,
.admin-page #main-aerial .container-table table td span,
.admin-page #main-schedule .container-table table td span,
.admin-page #main-schedulemap .container-table table td span,
.admin-page #main-eot .container-table table td span,
.admin-page #main-uploaddata .container-table table td span {
    margin-right: 10px;
  }
  .admin-page #main-user .container-table table td span img,
.admin-page #main-project .container-table table td span img,
.admin-page #main-layerdata .container-table table td span img,
.admin-page #main-powerbi .container-table table td span img,
.admin-page #main-projectwise .container-table table td span img,
.admin-page #main-projectwise365 .container-table table td span img,
.admin-page #main-aerial .container-table table td span img,
.admin-page #main-schedule .container-table table td span img,
.admin-page #main-schedulemap .container-table table td span img,
.admin-page #main-eot .container-table table td span img,
.admin-page #main-uploaddata .container-table table td span img {
    height: 15px;
    width: 15px;
  }
  .admin-page #main-user .container-table table td input,
.admin-page #main-project .container-table table td input,
.admin-page #main-layerdata .container-table table td input,
.admin-page #main-powerbi .container-table table td input,
.admin-page #main-projectwise .container-table table td input,
.admin-page #main-projectwise365 .container-table table td input,
.admin-page #main-aerial .container-table table td input,
.admin-page #main-schedule .container-table table td input,
.admin-page #main-schedulemap .container-table table td input,
.admin-page #main-eot .container-table table td input,
.admin-page #main-uploaddata .container-table table td input {
    height: 10px;
  }
  .admin-page #main-user .container-table table td:hover,
.admin-page #main-project .container-table table td:hover,
.admin-page #main-layerdata .container-table table td:hover,
.admin-page #main-powerbi .container-table table td:hover,
.admin-page #main-projectwise .container-table table td:hover,
.admin-page #main-projectwise365 .container-table table td:hover,
.admin-page #main-aerial .container-table table td:hover,
.admin-page #main-schedule .container-table table td:hover,
.admin-page #main-schedulemap .container-table table td:hover,
.admin-page #main-eot .container-table table td:hover,
.admin-page #main-uploaddata .container-table table td:hover {
    cursor: pointer;
  }
  .admin-page #main-user .container-table table th:first-child,
.admin-page #main-project .container-table table th:first-child,
.admin-page #main-layerdata .container-table table th:first-child,
.admin-page #main-powerbi .container-table table th:first-child,
.admin-page #main-projectwise .container-table table th:first-child,
.admin-page #main-projectwise365 .container-table table th:first-child,
.admin-page #main-aerial .container-table table th:first-child,
.admin-page #main-schedule .container-table table th:first-child,
.admin-page #main-schedulemap .container-table table th:first-child,
.admin-page #main-eot .container-table table th:first-child,
.admin-page #main-uploaddata .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .admin-page #main-user .container-table table th:last-child,
.admin-page #main-project .container-table table th:last-child,
.admin-page #main-layerdata .container-table table th:last-child,
.admin-page #main-powerbi .container-table table th:last-child,
.admin-page #main-projectwise .container-table table th:last-child,
.admin-page #main-projectwise365 .container-table table th:last-child,
.admin-page #main-aerial .container-table table th:last-child,
.admin-page #main-schedule .container-table table th:last-child,
.admin-page #main-schedulemap .container-table table th:last-child,
.admin-page #main-eot .container-table table th:last-child,
.admin-page #main-uploaddata .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .admin-page #main-user .container-table table tr,
.admin-page #main-project .container-table table tr,
.admin-page #main-layerdata .container-table table tr,
.admin-page #main-powerbi .container-table table tr,
.admin-page #main-projectwise .container-table table tr,
.admin-page #main-projectwise365 .container-table table tr,
.admin-page #main-aerial .container-table table tr,
.admin-page #main-schedule .container-table table tr,
.admin-page #main-schedulemap .container-table table tr,
.admin-page #main-eot .container-table table tr,
.admin-page #main-uploaddata .container-table table tr {
    height: 30px;
  }
  .admin-page #main-user .container-table table tr:nth-of-type(even),
.admin-page #main-project .container-table table tr:nth-of-type(even),
.admin-page #main-layerdata .container-table table tr:nth-of-type(even),
.admin-page #main-powerbi .container-table table tr:nth-of-type(even),
.admin-page #main-projectwise .container-table table tr:nth-of-type(even),
.admin-page #main-projectwise365 .container-table table tr:nth-of-type(even),
.admin-page #main-aerial .container-table table tr:nth-of-type(even),
.admin-page #main-schedule .container-table table tr:nth-of-type(even),
.admin-page #main-schedulemap .container-table table tr:nth-of-type(even),
.admin-page #main-eot .container-table table tr:nth-of-type(even),
.admin-page #main-uploaddata .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .admin-page #main-user .container-table table tr:nth-of-type(odd),
.admin-page #main-project .container-table table tr:nth-of-type(odd),
.admin-page #main-layerdata .container-table table tr:nth-of-type(odd),
.admin-page #main-powerbi .container-table table tr:nth-of-type(odd),
.admin-page #main-projectwise .container-table table tr:nth-of-type(odd),
.admin-page #main-projectwise365 .container-table table tr:nth-of-type(odd),
.admin-page #main-aerial .container-table table tr:nth-of-type(odd),
.admin-page #main-schedule .container-table table tr:nth-of-type(odd),
.admin-page #main-schedulemap .container-table table tr:nth-of-type(odd),
.admin-page #main-eot .container-table table tr:nth-of-type(odd),
.admin-page #main-uploaddata .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .admin-page #main-user .container-table table tr:hover,
.admin-page #main-project .container-table table tr:hover,
.admin-page #main-layerdata .container-table table tr:hover,
.admin-page #main-powerbi .container-table table tr:hover,
.admin-page #main-projectwise .container-table table tr:hover,
.admin-page #main-projectwise365 .container-table table tr:hover,
.admin-page #main-aerial .container-table table tr:hover,
.admin-page #main-schedule .container-table table tr:hover,
.admin-page #main-schedulemap .container-table table tr:hover,
.admin-page #main-eot .container-table table tr:hover,
.admin-page #main-uploaddata .container-table table tr:hover {
    background-color: #ddd;
  }
  .admin-page #main-user .container-table table tr.active,
.admin-page #main-project .container-table table tr.active,
.admin-page #main-layerdata .container-table table tr.active,
.admin-page #main-powerbi .container-table table tr.active,
.admin-page #main-projectwise .container-table table tr.active,
.admin-page #main-projectwise365 .container-table table tr.active,
.admin-page #main-aerial .container-table table tr.active,
.admin-page #main-schedule .container-table table tr.active,
.admin-page #main-schedulemap .container-table table tr.active,
.admin-page #main-eot .container-table table tr.active,
.admin-page #main-uploaddata .container-table table tr.active {
    background-color: #ddd;
  }
  .admin-page #main-user .container-table table tr.active td,
.admin-page #main-project .container-table table tr.active td,
.admin-page #main-layerdata .container-table table tr.active td,
.admin-page #main-powerbi .container-table table tr.active td,
.admin-page #main-projectwise .container-table table tr.active td,
.admin-page #main-projectwise365 .container-table table tr.active td,
.admin-page #main-aerial .container-table table tr.active td,
.admin-page #main-schedule .container-table table tr.active td,
.admin-page #main-schedulemap .container-table table tr.active td,
.admin-page #main-eot .container-table table tr.active td,
.admin-page #main-uploaddata .container-table table tr.active td {
    font-weight: bold;
  }
  .admin-page #main-user .container-table table th,
.admin-page #main-project .container-table table th,
.admin-page #main-layerdata .container-table table th,
.admin-page #main-powerbi .container-table table th,
.admin-page #main-projectwise .container-table table th,
.admin-page #main-projectwise365 .container-table table th,
.admin-page #main-aerial .container-table table th,
.admin-page #main-schedule .container-table table th,
.admin-page #main-schedulemap .container-table table th,
.admin-page #main-eot .container-table table th,
.admin-page #main-uploaddata .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 0 8px 0 8px;
    line-height: 25px;
  }
  .admin-page #main-user .container-table table th:hover,
.admin-page #main-project .container-table table th:hover,
.admin-page #main-layerdata .container-table table th:hover,
.admin-page #main-powerbi .container-table table th:hover,
.admin-page #main-projectwise .container-table table th:hover,
.admin-page #main-projectwise365 .container-table table th:hover,
.admin-page #main-aerial .container-table table th:hover,
.admin-page #main-schedule .container-table table th:hover,
.admin-page #main-schedulemap .container-table table th:hover,
.admin-page #main-eot .container-table table th:hover,
.admin-page #main-uploaddata .container-table table th:hover {
    cursor: default;
  }
  .admin-page #main-user .container-table table th img,
.admin-page #main-project .container-table table th img,
.admin-page #main-layerdata .container-table table th img,
.admin-page #main-powerbi .container-table table th img,
.admin-page #main-projectwise .container-table table th img,
.admin-page #main-projectwise365 .container-table table th img,
.admin-page #main-aerial .container-table table th img,
.admin-page #main-schedule .container-table table th img,
.admin-page #main-schedulemap .container-table table th img,
.admin-page #main-eot .container-table table th img,
.admin-page #main-uploaddata .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .admin-page #main-user .container-table table th img:hover,
.admin-page #main-project .container-table table th img:hover,
.admin-page #main-layerdata .container-table table th img:hover,
.admin-page #main-powerbi .container-table table th img:hover,
.admin-page #main-projectwise .container-table table th img:hover,
.admin-page #main-projectwise365 .container-table table th img:hover,
.admin-page #main-aerial .container-table table th img:hover,
.admin-page #main-schedule .container-table table th img:hover,
.admin-page #main-schedulemap .container-table table th img:hover,
.admin-page #main-eot .container-table table th img:hover,
.admin-page #main-uploaddata .container-table table th img:hover {
    cursor: pointer;
  }
  .admin-page #main-user .container-table .searchUser,
.admin-page #main-project .container-table .searchUser,
.admin-page #main-layerdata .container-table .searchUser,
.admin-page #main-powerbi .container-table .searchUser,
.admin-page #main-projectwise .container-table .searchUser,
.admin-page #main-projectwise365 .container-table .searchUser,
.admin-page #main-aerial .container-table .searchUser,
.admin-page #main-schedule .container-table .searchUser,
.admin-page #main-schedulemap .container-table .searchUser,
.admin-page #main-eot .container-table .searchUser,
.admin-page #main-uploaddata .container-table .searchUser {
    padding: 10px 5px;
    position: fixed;
    text-align: right;
    top: 70px;
    width: calc(100% - 350px);
  }
  .admin-page #main-user .container-table .searchUser input,
.admin-page #main-project .container-table .searchUser input,
.admin-page #main-layerdata .container-table .searchUser input,
.admin-page #main-powerbi .container-table .searchUser input,
.admin-page #main-projectwise .container-table .searchUser input,
.admin-page #main-projectwise365 .container-table .searchUser input,
.admin-page #main-aerial .container-table .searchUser input,
.admin-page #main-schedule .container-table .searchUser input,
.admin-page #main-schedulemap .container-table .searchUser input,
.admin-page #main-eot .container-table .searchUser input,
.admin-page #main-uploaddata .container-table .searchUser input {
    height: 20px;
    padding: 5px;
    border-radius: 5px;
  }
  .admin-page #main-user .container-table .searchUser button,
.admin-page #main-project .container-table .searchUser button,
.admin-page #main-layerdata .container-table .searchUser button,
.admin-page #main-powerbi .container-table .searchUser button,
.admin-page #main-projectwise .container-table .searchUser button,
.admin-page #main-projectwise365 .container-table .searchUser button,
.admin-page #main-aerial .container-table .searchUser button,
.admin-page #main-schedule .container-table .searchUser button,
.admin-page #main-schedulemap .container-table .searchUser button,
.admin-page #main-eot .container-table .searchUser button,
.admin-page #main-uploaddata .container-table .searchUser button {
    padding: 8px 20px;
    border-radius: 5px;
  }
  .admin-page #main-user .container-table .searchUser button#admindeleteUser,
.admin-page #main-project .container-table .searchUser button#admindeleteUser,
.admin-page #main-layerdata .container-table .searchUser button#admindeleteUser,
.admin-page #main-powerbi .container-table .searchUser button#admindeleteUser,
.admin-page #main-projectwise .container-table .searchUser button#admindeleteUser,
.admin-page #main-projectwise365 .container-table .searchUser button#admindeleteUser,
.admin-page #main-aerial .container-table .searchUser button#admindeleteUser,
.admin-page #main-schedule .container-table .searchUser button#admindeleteUser,
.admin-page #main-schedulemap .container-table .searchUser button#admindeleteUser,
.admin-page #main-eot .container-table .searchUser button#admindeleteUser,
.admin-page #main-uploaddata .container-table .searchUser button#admindeleteUser {
    display: none;
    float: left;
  }
  .admin-page #main-user .project-container,
.admin-page #main-project .project-container,
.admin-page #main-layerdata .project-container,
.admin-page #main-powerbi .project-container,
.admin-page #main-projectwise .project-container,
.admin-page #main-projectwise365 .project-container,
.admin-page #main-aerial .project-container,
.admin-page #main-schedule .project-container,
.admin-page #main-schedulemap .project-container,
.admin-page #main-eot .project-container,
.admin-page #main-uploaddata .project-container {
    width: 100%;
    height: calc(100% + 35px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody,
.admin-page #main-project .project-container .formcontainerMainBody,
.admin-page #main-layerdata .project-container .formcontainerMainBody,
.admin-page #main-powerbi .project-container .formcontainerMainBody,
.admin-page #main-projectwise .project-container .formcontainerMainBody,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody,
.admin-page #main-aerial .project-container .formcontainerMainBody,
.admin-page #main-schedule .project-container .formcontainerMainBody,
.admin-page #main-schedulemap .project-container .formcontainerMainBody,
.admin-page #main-eot .project-container .formcontainerMainBody,
.admin-page #main-uploaddata .project-container .formcontainerMainBody {
    position: relative;
    background: white;
    height: calc(100% - 115px);
    width: 100%;
    overflow-y: auto;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view,
.admin-page #main-project .project-container .formcontainerMainBody .project-view,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view {
    width: calc(100% - 30px);
    line-height: 20px;
    height: 100vh;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view img {
    height: 30px;
    vertical-align: middle;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-project .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view img span {
    align-items: center;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit {
    display: none;
    padding: 0 20px;
    width: calc(100% - 40px);
    height: auto;
    font-size: 11px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit label {
    font-weight: bold;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]) {
    width: calc(100% - 6px);
    padding: 3px 3px;
    border-radius: 3px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .doublefield {
    display: flex;
    margin-top: 10px;
    line-height: 26px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .doublefield .column1 {
    margin-right: 5px;
    width: calc(50% - 5px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .doublefield .column2 {
    margin-left: 5px;
    width: calc(50% - 5px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer {
    height: 250px;
    width: 100%;
    border: 2px solid lightgrey;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage {
    margin: 20px auto 20px;
    height: 200px;
    display: flex;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer {
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    color: #525865;
    border-radius: 4px;
    /* width: 516px; */
    padding: 0px;
    margin: 0;
    height: 20px;
    margin-bottom: 16px;
    margin-top: 2px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2 {
    padding: 3px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer button {
    padding: 3px;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .RIWindow {
    background: green;
    height: 315px;
    width: calc(100% - 5px);
    margin-left: 5px;
    border: 2px solid grey;
    border-radius: 5px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer {
    width: calc(80% - 0px);
    display: inline-block;
    float: left;
    position: relative;
    left: 4px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield {
    line-height: 4vh;
    margin-right: 20px;
    display: flex;
    width: calc(100% - 40px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-right: 10px;
    border: 1px solid gray;
    border-radius: 8px;
    background: lightgray;
    overflow: hidden;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-left: 10px;
    border: 1px solid gray;
    border-radius: 8px;
    background: lightgray;
    overflow: hidden;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi {
    display: none;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow {
    width: calc(100% - 0px);
    display: inline-block;
    float: left;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield {
    line-height: 4vh;
    display: flex;
    width: calc(100% - 0px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 {
    display: inline;
    width: calc(40% - 30px);
    margin-right: 8px;
    border: 1px solid gray;
    border-radius: 10px;
    background: lightgray;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 {
    display: inline-block;
    width: calc(60% - 0px);
    margin-left: 10px;
    border: 1px solid gray;
    border-radius: 8px;
    background: lightgray;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span {
    margin-left: 5px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1 {
    display: inline;
    border: none;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2 {
    display: inline;
    border: none;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .projecticoncontainer {
    width: calc(20% - 4px);
    display: inline-block;
    text-align: center;
    height: calc(10% + 75px + 5vh);
    border: 1px solid gray;
    border-radius: 10px;
    background-image: url(../../Images/icons/admin_page/newprojectform/Transparency100.png);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer {
    width: calc(100% - 4px);
    margin: 2px;
    height: calc(100% - 4px);
    border-radius: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .RIWindow {
    background: green;
    margin-bottom: 20px;
    float: right;
    width: 100%;
    height: 50%;
  }
  .admin-page #main-user .config-container,
.admin-page #main-project .config-container,
.admin-page #main-layerdata .config-container,
.admin-page #main-powerbi .config-container,
.admin-page #main-projectwise .config-container,
.admin-page #main-projectwise365 .config-container,
.admin-page #main-aerial .config-container,
.admin-page #main-schedule .config-container,
.admin-page #main-schedulemap .config-container,
.admin-page #main-eot .config-container,
.admin-page #main-uploaddata .config-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    height: calc(100vh - 185px);
  }
  .admin-page #main-user .config-container .edit,
.admin-page #main-project .config-container .edit,
.admin-page #main-layerdata .config-container .edit,
.admin-page #main-powerbi .config-container .edit,
.admin-page #main-projectwise .config-container .edit,
.admin-page #main-projectwise365 .config-container .edit,
.admin-page #main-aerial .config-container .edit,
.admin-page #main-schedule .config-container .edit,
.admin-page #main-schedulemap .config-container .edit,
.admin-page #main-eot .config-container .edit,
.admin-page #main-uploaddata .config-container .edit {
    display: none;
    padding: 0 20px;
    width: calc(100% - 40px);
    height: auto;
    line-height: 30px;
  }
  .admin-page #main-user .config-container .edit .doubleinput,
.admin-page #main-project .config-container .edit .doubleinput,
.admin-page #main-layerdata .config-container .edit .doubleinput,
.admin-page #main-powerbi .config-container .edit .doubleinput,
.admin-page #main-projectwise .config-container .edit .doubleinput,
.admin-page #main-projectwise365 .config-container .edit .doubleinput,
.admin-page #main-aerial .config-container .edit .doubleinput,
.admin-page #main-schedule .config-container .edit .doubleinput,
.admin-page #main-schedulemap .config-container .edit .doubleinput,
.admin-page #main-eot .config-container .edit .doubleinput,
.admin-page #main-uploaddata .config-container .edit .doubleinput {
    display: flex;
    flex-direction: row;
  }
  .admin-page #main-user .config-container .edit .doubleinput .column1,
.admin-page #main-project .config-container .edit .doubleinput .column1,
.admin-page #main-layerdata .config-container .edit .doubleinput .column1,
.admin-page #main-powerbi .config-container .edit .doubleinput .column1,
.admin-page #main-projectwise .config-container .edit .doubleinput .column1,
.admin-page #main-projectwise365 .config-container .edit .doubleinput .column1,
.admin-page #main-aerial .config-container .edit .doubleinput .column1,
.admin-page #main-schedule .config-container .edit .doubleinput .column1,
.admin-page #main-schedulemap .config-container .edit .doubleinput .column1,
.admin-page #main-eot .config-container .edit .doubleinput .column1,
.admin-page #main-uploaddata .config-container .edit .doubleinput .column1 {
    display: inline-block;
    width: calc(50% - 5px);
    margin-right: 5px;
    float: left;
  }
  .admin-page #main-user .config-container .edit .doubleinput .column2,
.admin-page #main-project .config-container .edit .doubleinput .column2,
.admin-page #main-layerdata .config-container .edit .doubleinput .column2,
.admin-page #main-powerbi .config-container .edit .doubleinput .column2,
.admin-page #main-projectwise .config-container .edit .doubleinput .column2,
.admin-page #main-projectwise365 .config-container .edit .doubleinput .column2,
.admin-page #main-aerial .config-container .edit .doubleinput .column2,
.admin-page #main-schedule .config-container .edit .doubleinput .column2,
.admin-page #main-schedulemap .config-container .edit .doubleinput .column2,
.admin-page #main-eot .config-container .edit .doubleinput .column2,
.admin-page #main-uploaddata .config-container .edit .doubleinput .column2 {
    display: inline-block;
    width: calc(50% - 5px);
    margin-left: 5px;
    float: right;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-project .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-aerial .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-schedule .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-eot .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .hideoninitial {
    display: none;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer {
    display: flex;
    flex-direction: row;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column1 {
    display: inline-block;
    width: 90%;
    float: left;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 {
    display: inline-block;
    width: calc(10% - 5px);
    margin-left: 5px;
    float: right;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel {
    display: none;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 select {
    padding: 3px 3px;
    height: 30px;
    border-radius: 3px;
    width: calc(100% - 106px);
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick {
    margin-top: 37px;
    padding: 4px 6px;
    vertical-align: middle;
    width: 100%;
    border-radius: 3px;
    font-size: 10px;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel {
    padding: 5px;
    vertical-align: middle;
    border-radius: 3px;
    width: 100px;
  }
  .admin-page #main-user .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-project .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-layerdata .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-powerbi .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-projectwise .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-projectwise365 .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-aerial .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-schedule .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-schedulemap .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-eot .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-uploaddata .config-container .edit.powerbiPage .doubleinput {
    display: flex;
    flex-direction: row;
  }
  .admin-page #main-user .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-project .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-layerdata .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-powerbi .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-projectwise .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-projectwise365 .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-aerial .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-schedule .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-schedulemap .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-eot .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-uploaddata .config-container .edit.powerbiPage .doubleinput .column1 {
    display: inline-block;
    width: calc(50% - 5px);
    margin-right: 5px;
    float: left;
  }
  .admin-page #main-user .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-project .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-layerdata .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-powerbi .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-projectwise .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-projectwise365 .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-aerial .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-schedule .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-schedulemap .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-eot .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-uploaddata .config-container .edit.powerbiPage .doubleinput .column2 {
    display: inline-block;
    width: calc(50% - 5px);
    margin-left: 5px;
    float: right;
  }
  .admin-page #main-user .config-container .edit label,
.admin-page #main-project .config-container .edit label,
.admin-page #main-layerdata .config-container .edit label,
.admin-page #main-powerbi .config-container .edit label,
.admin-page #main-projectwise .config-container .edit label,
.admin-page #main-projectwise365 .config-container .edit label,
.admin-page #main-aerial .config-container .edit label,
.admin-page #main-schedule .config-container .edit label,
.admin-page #main-schedulemap .config-container .edit label,
.admin-page #main-eot .config-container .edit label,
.admin-page #main-uploaddata .config-container .edit label {
    font-weight: bold;
    font-size: 11px;
  }
  .admin-page #main-user .config-container .edit label.hideonclick,
.admin-page #main-project .config-container .edit label.hideonclick,
.admin-page #main-layerdata .config-container .edit label.hideonclick,
.admin-page #main-powerbi .config-container .edit label.hideonclick,
.admin-page #main-projectwise .config-container .edit label.hideonclick,
.admin-page #main-projectwise365 .config-container .edit label.hideonclick,
.admin-page #main-aerial .config-container .edit label.hideonclick,
.admin-page #main-schedule .config-container .edit label.hideonclick,
.admin-page #main-schedulemap .config-container .edit label.hideonclick,
.admin-page #main-eot .config-container .edit label.hideonclick,
.admin-page #main-uploaddata .config-container .edit label.hideonclick {
    display: none;
  }
  .admin-page #main-user .config-container .edit input,
.admin-page #main-project .config-container .edit input,
.admin-page #main-layerdata .config-container .edit input,
.admin-page #main-powerbi .config-container .edit input,
.admin-page #main-projectwise .config-container .edit input,
.admin-page #main-projectwise365 .config-container .edit input,
.admin-page #main-aerial .config-container .edit input,
.admin-page #main-schedule .config-container .edit input,
.admin-page #main-schedulemap .config-container .edit input,
.admin-page #main-eot .config-container .edit input,
.admin-page #main-uploaddata .config-container .edit input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    font-size: 10px;
  }
  .admin-page #main-user .config-container .edit input.hideonclick,
.admin-page #main-project .config-container .edit input.hideonclick,
.admin-page #main-layerdata .config-container .edit input.hideonclick,
.admin-page #main-powerbi .config-container .edit input.hideonclick,
.admin-page #main-projectwise .config-container .edit input.hideonclick,
.admin-page #main-projectwise365 .config-container .edit input.hideonclick,
.admin-page #main-aerial .config-container .edit input.hideonclick,
.admin-page #main-schedule .config-container .edit input.hideonclick,
.admin-page #main-schedulemap .config-container .edit input.hideonclick,
.admin-page #main-eot .config-container .edit input.hideonclick,
.admin-page #main-uploaddata .config-container .edit input.hideonclick {
    display: none;
  }
  .admin-page #main-user .config-container .edit select,
.admin-page #main-project .config-container .edit select,
.admin-page #main-layerdata .config-container .edit select,
.admin-page #main-powerbi .config-container .edit select,
.admin-page #main-projectwise .config-container .edit select,
.admin-page #main-projectwise365 .config-container .edit select,
.admin-page #main-aerial .config-container .edit select,
.admin-page #main-schedule .config-container .edit select,
.admin-page #main-schedulemap .config-container .edit select,
.admin-page #main-eot .config-container .edit select,
.admin-page #main-uploaddata .config-container .edit select {
    font-size: 10px;
  }
  .admin-page #main-user .config-container .edit input:not([type=checkbox]),
.admin-page #main-project .config-container .edit input:not([type=checkbox]),
.admin-page #main-layerdata .config-container .edit input:not([type=checkbox]),
.admin-page #main-powerbi .config-container .edit input:not([type=checkbox]),
.admin-page #main-projectwise .config-container .edit input:not([type=checkbox]),
.admin-page #main-projectwise365 .config-container .edit input:not([type=checkbox]),
.admin-page #main-aerial .config-container .edit input:not([type=checkbox]),
.admin-page #main-schedule .config-container .edit input:not([type=checkbox]),
.admin-page #main-schedulemap .config-container .edit input:not([type=checkbox]),
.admin-page #main-eot .config-container .edit input:not([type=checkbox]),
.admin-page #main-uploaddata .config-container .edit input:not([type=checkbox]) {
    width: calc(100% - 6px);
    padding: 3px 3px;
    border-radius: 3px;
  }
  .admin-page #main-user .config-container .edit input:hover,
.admin-page #main-project .config-container .edit input:hover,
.admin-page #main-layerdata .config-container .edit input:hover,
.admin-page #main-powerbi .config-container .edit input:hover,
.admin-page #main-projectwise .config-container .edit input:hover,
.admin-page #main-projectwise365 .config-container .edit input:hover,
.admin-page #main-aerial .config-container .edit input:hover,
.admin-page #main-schedule .config-container .edit input:hover,
.admin-page #main-schedulemap .config-container .edit input:hover,
.admin-page #main-eot .config-container .edit input:hover,
.admin-page #main-uploaddata .config-container .edit input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .admin-page #main-user .config-container .edit input:focus,
.admin-page #main-project .config-container .edit input:focus,
.admin-page #main-layerdata .config-container .edit input:focus,
.admin-page #main-powerbi .config-container .edit input:focus,
.admin-page #main-projectwise .config-container .edit input:focus,
.admin-page #main-projectwise365 .config-container .edit input:focus,
.admin-page #main-aerial .config-container .edit input:focus,
.admin-page #main-schedule .config-container .edit input:focus,
.admin-page #main-schedulemap .config-container .edit input:focus,
.admin-page #main-eot .config-container .edit input:focus,
.admin-page #main-uploaddata .config-container .edit input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .admin-page #main-user .config-container .readonly,
.admin-page #main-project .config-container .readonly,
.admin-page #main-layerdata .config-container .readonly,
.admin-page #main-powerbi .config-container .readonly,
.admin-page #main-projectwise .config-container .readonly,
.admin-page #main-projectwise365 .config-container .readonly,
.admin-page #main-aerial .config-container .readonly,
.admin-page #main-schedule .config-container .readonly,
.admin-page #main-schedulemap .config-container .readonly,
.admin-page #main-eot .config-container .readonly,
.admin-page #main-uploaddata .config-container .readonly {
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    left: 4px;
  }
  .admin-page #main-user .config-container .readonly div,
.admin-page #main-project .config-container .readonly div,
.admin-page #main-layerdata .config-container .readonly div,
.admin-page #main-powerbi .config-container .readonly div,
.admin-page #main-projectwise .config-container .readonly div,
.admin-page #main-projectwise365 .config-container .readonly div,
.admin-page #main-aerial .config-container .readonly div,
.admin-page #main-schedule .config-container .readonly div,
.admin-page #main-schedulemap .config-container .readonly div,
.admin-page #main-eot .config-container .readonly div,
.admin-page #main-uploaddata .config-container .readonly div {
    background: lightgrey;
    border-radius: 5px;
    height: 25px;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 4px;
  }
  .admin-page #main-user .config-container .readonly div img,
.admin-page #main-project .config-container .readonly div img,
.admin-page #main-layerdata .config-container .readonly div img,
.admin-page #main-powerbi .config-container .readonly div img,
.admin-page #main-projectwise .config-container .readonly div img,
.admin-page #main-projectwise365 .config-container .readonly div img,
.admin-page #main-aerial .config-container .readonly div img,
.admin-page #main-schedule .config-container .readonly div img,
.admin-page #main-schedulemap .config-container .readonly div img,
.admin-page #main-eot .config-container .readonly div img,
.admin-page #main-uploaddata .config-container .readonly div img {
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 5px 15px 5px 5px;
  }
  .admin-page #main-user .config-container .readonly div p,
.admin-page #main-project .config-container .readonly div p,
.admin-page #main-layerdata .config-container .readonly div p,
.admin-page #main-powerbi .config-container .readonly div p,
.admin-page #main-projectwise .config-container .readonly div p,
.admin-page #main-projectwise365 .config-container .readonly div p,
.admin-page #main-aerial .config-container .readonly div p,
.admin-page #main-schedule .config-container .readonly div p,
.admin-page #main-schedulemap .config-container .readonly div p,
.admin-page #main-eot .config-container .readonly div p,
.admin-page #main-uploaddata .config-container .readonly div p {
    width: calc(100% - 60px);
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    font-size: 11px;
  }
  .admin-page #main-user .config-container#pwfiles,
.admin-page #main-project .config-container#pwfiles,
.admin-page #main-layerdata .config-container#pwfiles,
.admin-page #main-powerbi .config-container#pwfiles,
.admin-page #main-projectwise .config-container#pwfiles,
.admin-page #main-projectwise365 .config-container#pwfiles,
.admin-page #main-aerial .config-container#pwfiles,
.admin-page #main-schedule .config-container#pwfiles,
.admin-page #main-schedulemap .config-container#pwfiles,
.admin-page #main-eot .config-container#pwfiles,
.admin-page #main-uploaddata .config-container#pwfiles {
    margin-right: 5px;
  }
  .admin-page #main-user .config-container#powerbi,
.admin-page #main-project .config-container#powerbi,
.admin-page #main-layerdata .config-container#powerbi,
.admin-page #main-powerbi .config-container#powerbi,
.admin-page #main-projectwise .config-container#powerbi,
.admin-page #main-projectwise365 .config-container#powerbi,
.admin-page #main-aerial .config-container#powerbi,
.admin-page #main-schedule .config-container#powerbi,
.admin-page #main-schedulemap .config-container#powerbi,
.admin-page #main-eot .config-container#powerbi,
.admin-page #main-uploaddata .config-container#powerbi {
    margin-left: 5px;
  }
  .admin-page #main-user .schedule-container,
.admin-page #main-project .schedule-container,
.admin-page #main-layerdata .schedule-container,
.admin-page #main-powerbi .schedule-container,
.admin-page #main-projectwise .schedule-container,
.admin-page #main-projectwise365 .schedule-container,
.admin-page #main-aerial .schedule-container,
.admin-page #main-schedule .schedule-container,
.admin-page #main-schedulemap .schedule-container,
.admin-page #main-eot .schedule-container,
.admin-page #main-uploaddata .schedule-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    height: calc(100vh - 170px);
    margin-top: 15px;
  }
  .admin-page #main-user .schedule-container .sidebar,
.admin-page #main-project .schedule-container .sidebar,
.admin-page #main-layerdata .schedule-container .sidebar,
.admin-page #main-powerbi .schedule-container .sidebar,
.admin-page #main-projectwise .schedule-container .sidebar,
.admin-page #main-projectwise365 .schedule-container .sidebar,
.admin-page #main-aerial .schedule-container .sidebar,
.admin-page #main-schedule .schedule-container .sidebar,
.admin-page #main-schedulemap .schedule-container .sidebar,
.admin-page #main-eot .schedule-container .sidebar,
.admin-page #main-uploaddata .schedule-container .sidebar {
    padding: 0px;
    height: 100%;
    width: 20%;
    background: #3f3f3f;
    margin-right: 5px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList,
.admin-page #main-project .schedule-container .sidebar .scheduleList,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList,
.admin-page #main-eot .schedule-container .sidebar .scheduleList,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList {
    height: inherit;
    background: #3f3f3f;
    height: 60%;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .selectcontainer {
    height: 25px;
    width: calc(100% - 10px);
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-project .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .selectcontainer select {
    width: 100%;
    background: #fff;
    color: #525865;
    border-radius: 0px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 10px;
    line-height: 1.45;
    padding: 2px;
    margin: 5px 5px 5px 5px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer {
    height: calc(100% - 25px);
    overflow-y: auto;
    margin: 5px 0 0 0;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul {
    margin: 0 0px 0 0;
    list-style: none;
    line-height: 24px;
    padding: 0px;
    font-size: 15px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li {
    background: linear-gradient(to bottom, #505050, #181818, #000000);
    color: white;
    height: 30px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover {
    cursor: pointer;
    background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active {
    background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li a {
    width: calc(100% - 75px);
    height: 24px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 0;
    font-size: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 2px 5px 5px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Green_Icon_256.png");
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Gray_Icon_256.png");
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Red_Icon_256.png");
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 2px 5px 5px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised {
    background-image: url("../../Images/icons/admin_page/schedulestatus/check.png");
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none {
    background-image: none;
  }
  .admin-page #main-user .schedule-container .sidebar .buttonContainer,
.admin-page #main-project .schedule-container .sidebar .buttonContainer,
.admin-page #main-layerdata .schedule-container .sidebar .buttonContainer,
.admin-page #main-powerbi .schedule-container .sidebar .buttonContainer,
.admin-page #main-projectwise .schedule-container .sidebar .buttonContainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .buttonContainer,
.admin-page #main-aerial .schedule-container .sidebar .buttonContainer,
.admin-page #main-schedule .schedule-container .sidebar .buttonContainer,
.admin-page #main-schedulemap .schedule-container .sidebar .buttonContainer,
.admin-page #main-eot .schedule-container .sidebar .buttonContainer,
.admin-page #main-uploaddata .schedule-container .sidebar .buttonContainer {
    height: 20px;
    padding: 5px;
    margin: 5px 0 0 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .admin-page #main-user .schedule-container .sidebar .buttonContainer button,
.admin-page #main-project .schedule-container .sidebar .buttonContainer button,
.admin-page #main-layerdata .schedule-container .sidebar .buttonContainer button,
.admin-page #main-powerbi .schedule-container .sidebar .buttonContainer button,
.admin-page #main-projectwise .schedule-container .sidebar .buttonContainer button,
.admin-page #main-projectwise365 .schedule-container .sidebar .buttonContainer button,
.admin-page #main-aerial .schedule-container .sidebar .buttonContainer button,
.admin-page #main-schedule .schedule-container .sidebar .buttonContainer button,
.admin-page #main-schedulemap .schedule-container .sidebar .buttonContainer button,
.admin-page #main-eot .schedule-container .sidebar .buttonContainer button,
.admin-page #main-uploaddata .schedule-container .sidebar .buttonContainer button {
    padding: 1.5px 11px;
    border-radius: 5px;
    font-size: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .propcontainer,
.admin-page #main-project .schedule-container .sidebar .propcontainer,
.admin-page #main-layerdata .schedule-container .sidebar .propcontainer,
.admin-page #main-powerbi .schedule-container .sidebar .propcontainer,
.admin-page #main-projectwise .schedule-container .sidebar .propcontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .propcontainer,
.admin-page #main-aerial .schedule-container .sidebar .propcontainer,
.admin-page #main-schedule .schedule-container .sidebar .propcontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .propcontainer,
.admin-page #main-eot .schedule-container .sidebar .propcontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .propcontainer {
    position: relative;
    background: #3f3f3f;
    width: 145px;
    top: -5px;
    left: 20px;
    text-align: center;
    color: white;
    display: inline-block;
    font-size: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo {
    height: calc(40% - 70px);
    background: #3f3f3f;
    overflow: auto;
    padding: 16px 5px 5px 5px;
    margin: -15px 8px 0px 8px;
    border: 1px solid grey;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer {
    padding: 0px;
    line-height: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield {
    display: inline-flex;
    width: 100%;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1 {
    font-size: 10px;
    padding: 3px;
    overflow: hidden;
    color: white;
    width: 30%;
    border: 1px solid black;
    border-top: none;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first {
    border: 1px solid black;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2 {
    font-size: 10px;
    padding: 3px;
    overflow: hidden;
    color: white;
    width: 70%;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first {
    border: 1px solid black;
    border-left: none;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer {
    height: 110px;
    font-size: 15px;
    overflow-y: auto;
    padding: 0px;
    position: relative;
    bottom: 0px;
    background: #3f3f3f;
    margin-top: 5px;
    border: 1px solid black;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul {
    margin: 0px;
    list-style: none;
    line-height: 20px;
    padding: 0px;
    font-size: 15px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul li {
    background: linear-gradient(to bottom, #505050, #424242, #505050);
    color: white;
    margin: 5px;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover {
    background: linear-gradient(to bottom, #3c3c3c, #141414, #3c3c3c);
    cursor: pointer;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active {
    background: linear-gradient(to bottom, #282828, black, #282828);
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer input {
    width: 100%;
  }
  .admin-page #main-user .schedule-container .right-container,
.admin-page #main-project .schedule-container .right-container,
.admin-page #main-layerdata .schedule-container .right-container,
.admin-page #main-powerbi .schedule-container .right-container,
.admin-page #main-projectwise .schedule-container .right-container,
.admin-page #main-projectwise365 .schedule-container .right-container,
.admin-page #main-aerial .schedule-container .right-container,
.admin-page #main-schedule .schedule-container .right-container,
.admin-page #main-schedulemap .schedule-container .right-container,
.admin-page #main-eot .schedule-container .right-container,
.admin-page #main-uploaddata .schedule-container .right-container {
    padding: 0px;
    padding: 0px;
    height: 100%;
    width: 80%;
    overflow: auto;
  }
  .admin-page #main-user .schedule-container .right-container .messagecontainer,
.admin-page #main-project .schedule-container .right-container .messagecontainer,
.admin-page #main-layerdata .schedule-container .right-container .messagecontainer,
.admin-page #main-powerbi .schedule-container .right-container .messagecontainer,
.admin-page #main-projectwise .schedule-container .right-container .messagecontainer,
.admin-page #main-projectwise365 .schedule-container .right-container .messagecontainer,
.admin-page #main-aerial .schedule-container .right-container .messagecontainer,
.admin-page #main-schedule .schedule-container .right-container .messagecontainer,
.admin-page #main-schedulemap .schedule-container .right-container .messagecontainer,
.admin-page #main-eot .schedule-container .right-container .messagecontainer,
.admin-page #main-uploaddata .schedule-container .right-container .messagecontainer {
    text-align: center;
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 200px);
    font-size: 11px;
  }
  .admin-page #main-user .schedule-container .right-container .messagecontainer button,
.admin-page #main-project .schedule-container .right-container .messagecontainer button,
.admin-page #main-layerdata .schedule-container .right-container .messagecontainer button,
.admin-page #main-powerbi .schedule-container .right-container .messagecontainer button,
.admin-page #main-projectwise .schedule-container .right-container .messagecontainer button,
.admin-page #main-projectwise365 .schedule-container .right-container .messagecontainer button,
.admin-page #main-aerial .schedule-container .right-container .messagecontainer button,
.admin-page #main-schedule .schedule-container .right-container .messagecontainer button,
.admin-page #main-schedulemap .schedule-container .right-container .messagecontainer button,
.admin-page #main-eot .schedule-container .right-container .messagecontainer button,
.admin-page #main-uploaddata .schedule-container .right-container .messagecontainer button {
    position: relative;
    font-size: 10px;
    position: relative;
  }
  .admin-page #main-user .schedule-container .right-container #gdiv,
.admin-page #main-project .schedule-container .right-container #gdiv,
.admin-page #main-layerdata .schedule-container .right-container #gdiv,
.admin-page #main-powerbi .schedule-container .right-container #gdiv,
.admin-page #main-projectwise .schedule-container .right-container #gdiv,
.admin-page #main-projectwise365 .schedule-container .right-container #gdiv,
.admin-page #main-aerial .schedule-container .right-container #gdiv,
.admin-page #main-schedule .schedule-container .right-container #gdiv,
.admin-page #main-schedulemap .schedule-container .right-container #gdiv,
.admin-page #main-eot .schedule-container .right-container #gdiv,
.admin-page #main-uploaddata .schedule-container .right-container #gdiv {
    height: 100%;
  }
  .admin-page #main-user .aerial-container,
.admin-page #main-project .aerial-container,
.admin-page #main-layerdata .aerial-container,
.admin-page #main-powerbi .aerial-container,
.admin-page #main-projectwise .aerial-container,
.admin-page #main-projectwise365 .aerial-container,
.admin-page #main-aerial .aerial-container,
.admin-page #main-schedule .aerial-container,
.admin-page #main-schedulemap .aerial-container,
.admin-page #main-eot .aerial-container,
.admin-page #main-uploaddata .aerial-container {
    display: flex;
    flex-direction: row;
    line-height: 35px;
    margin: auto;
    margin-top: 20px;
    height: calc(100% - 70px);
  }
  .admin-page #main-user .aerial-container .sidebar,
.admin-page #main-project .aerial-container .sidebar,
.admin-page #main-layerdata .aerial-container .sidebar,
.admin-page #main-powerbi .aerial-container .sidebar,
.admin-page #main-projectwise .aerial-container .sidebar,
.admin-page #main-projectwise365 .aerial-container .sidebar,
.admin-page #main-aerial .aerial-container .sidebar,
.admin-page #main-schedule .aerial-container .sidebar,
.admin-page #main-schedulemap .aerial-container .sidebar,
.admin-page #main-eot .aerial-container .sidebar,
.admin-page #main-uploaddata .aerial-container .sidebar {
    padding: 0px;
    height: 100%;
    width: 20%;
    background: #3f3f3f;
    margin-right: 5px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList,
.admin-page #main-project .aerial-container .sidebar .aerialList,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList,
.admin-page #main-aerial .aerial-container .sidebar .aerialList,
.admin-page #main-schedule .aerial-container .sidebar .aerialList,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList,
.admin-page #main-eot .aerial-container .sidebar .aerialList,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList {
    height: inherit;
    background: #3f3f3f;
    height: 100%;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-project .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-eot .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .selectcontainer {
    height: 30px;
    width: calc(100% - 10px);
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-project .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-eot .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .selectcontainer select {
    width: 100%;
    background: #fff;
    color: #525865;
    border-radius: 0px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 10px;
    line-height: 1.45;
    padding: 2px;
    margin: 7px 5px 5px 5px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer {
    height: calc(100% - 35px);
    overflow-y: auto;
    margin: 5px 0 0 0;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul {
    margin: 0 0px 0 0;
    list-style: none;
    line-height: 20px;
    padding: 0px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li {
    background: linear-gradient(to bottom, #505050, #181818, #000000);
    color: white;
    height: 20px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover {
    cursor: pointer;
    background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li.active {
    background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li a {
    width: calc(100% - 75px);
    height: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    /* margin: 3px; */
    padding: 0;
    font-size: 10px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 2px 5px 4px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Green_Icon_256.png");
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Gray_Icon_256.png");
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Red_Icon_256.png");
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 0px 5px 2px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised {
    background-image: url("../../Images/icons/admin_page/schedulestatus/check.png");
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none {
    background-image: none;
  }
  .admin-page #main-user .aerial-container .right-container,
.admin-page #main-project .aerial-container .right-container,
.admin-page #main-layerdata .aerial-container .right-container,
.admin-page #main-powerbi .aerial-container .right-container,
.admin-page #main-projectwise .aerial-container .right-container,
.admin-page #main-projectwise365 .aerial-container .right-container,
.admin-page #main-aerial .aerial-container .right-container,
.admin-page #main-schedule .aerial-container .right-container,
.admin-page #main-schedulemap .aerial-container .right-container,
.admin-page #main-eot .aerial-container .right-container,
.admin-page #main-uploaddata .aerial-container .right-container {
    padding: 0px;
    padding: 0px;
    height: 100%;
    width: 80%;
    overflow: hidden;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title,
.admin-page #main-project .aerial-container .right-container .sub-title,
.admin-page #main-layerdata .aerial-container .right-container .sub-title,
.admin-page #main-powerbi .aerial-container .right-container .sub-title,
.admin-page #main-projectwise .aerial-container .right-container .sub-title,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title,
.admin-page #main-aerial .aerial-container .right-container .sub-title,
.admin-page #main-schedule .aerial-container .right-container .sub-title,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title,
.admin-page #main-eot .aerial-container .right-container .sub-title,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title {
    display: flex;
    width: calc(100% - 10px);
    background-color: #3f3f3f;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 5px;
    color: white;
    font-size: 12px;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title select,
.admin-page #main-project .aerial-container .right-container .sub-title select,
.admin-page #main-layerdata .aerial-container .right-container .sub-title select,
.admin-page #main-powerbi .aerial-container .right-container .sub-title select,
.admin-page #main-projectwise .aerial-container .right-container .sub-title select,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title select,
.admin-page #main-aerial .aerial-container .right-container .sub-title select,
.admin-page #main-schedule .aerial-container .right-container .sub-title select,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title select,
.admin-page #main-eot .aerial-container .right-container .sub-title select,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title select {
    height: 35px;
    border-radius: 5px;
    padding: 5px;
    width: calc(100% - 5px);
    border: 1px solid #d1d1d1;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title .column1,
.admin-page #main-project .aerial-container .right-container .sub-title .column1,
.admin-page #main-layerdata .aerial-container .right-container .sub-title .column1,
.admin-page #main-powerbi .aerial-container .right-container .sub-title .column1,
.admin-page #main-projectwise .aerial-container .right-container .sub-title .column1,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title .column1,
.admin-page #main-aerial .aerial-container .right-container .sub-title .column1,
.admin-page #main-schedule .aerial-container .right-container .sub-title .column1,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title .column1,
.admin-page #main-eot .aerial-container .right-container .sub-title .column1,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title .column1 {
    width: 33%;
    text-align: center;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title .column2,
.admin-page #main-project .aerial-container .right-container .sub-title .column2,
.admin-page #main-layerdata .aerial-container .right-container .sub-title .column2,
.admin-page #main-powerbi .aerial-container .right-container .sub-title .column2,
.admin-page #main-projectwise .aerial-container .right-container .sub-title .column2,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title .column2,
.admin-page #main-aerial .aerial-container .right-container .sub-title .column2,
.admin-page #main-schedule .aerial-container .right-container .sub-title .column2,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title .column2,
.admin-page #main-eot .aerial-container .right-container .sub-title .column2,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title .column2 {
    width: 33%;
    text-align: center;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title .column3,
.admin-page #main-project .aerial-container .right-container .sub-title .column3,
.admin-page #main-layerdata .aerial-container .right-container .sub-title .column3,
.admin-page #main-powerbi .aerial-container .right-container .sub-title .column3,
.admin-page #main-projectwise .aerial-container .right-container .sub-title .column3,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title .column3,
.admin-page #main-aerial .aerial-container .right-container .sub-title .column3,
.admin-page #main-schedule .aerial-container .right-container .sub-title .column3,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title .column3,
.admin-page #main-eot .aerial-container .right-container .sub-title .column3,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title .column3 {
    width: 33%;
    text-align: center;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title h4,
.admin-page #main-project .aerial-container .right-container .sub-title h4,
.admin-page #main-layerdata .aerial-container .right-container .sub-title h4,
.admin-page #main-powerbi .aerial-container .right-container .sub-title h4,
.admin-page #main-projectwise .aerial-container .right-container .sub-title h4,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title h4,
.admin-page #main-aerial .aerial-container .right-container .sub-title h4,
.admin-page #main-schedule .aerial-container .right-container .sub-title h4,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title h4,
.admin-page #main-eot .aerial-container .right-container .sub-title h4,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title h4 {
    margin: 0;
    height: 33px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2,
.admin-page #main-project .aerial-container .right-container #gdiv2,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2,
.admin-page #main-aerial .aerial-container .right-container #gdiv2,
.admin-page #main-schedule .aerial-container .right-container #gdiv2,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2,
.admin-page #main-eot .aerial-container .right-container #gdiv2,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 {
    height: calc(100% - 50px);
    overflow: auto;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td {
    text-align: left;
    padding: 8px;
    border: none;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer {
    height: 80px;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img {
    height: 80px;
    width: auto;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer {
    height: 90px;
    width: 100%;
    display: flex;
    position: relative;
    top: -96px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button {
    background: rgba(80, 80, 80, 0.425);
    color: white;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button {
    width: 33%;
    border: none;
    color: #ffffff00;
    background: #ffffff00;
    outline: none;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover {
    background: rgba(80, 80, 80, 0.63);
    color: white;
    cursor: pointer;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td:hover {
    cursor: pointer;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child {
    border-top-left-radius: 5px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child {
    border-top-right-radius: 5px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd) {
    background: white;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover {
    background-color: #ddd;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active {
    background-color: #ddd;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td {
    font-weight: bold;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th {
    background-color: #3f3f3f;
    color: white;
    padding: 3px;
    font-size: 15px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th:hover {
    cursor: default;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th img {
    height: 10px;
    width: auto;
    margin-left: 5px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover {
    cursor: pointer;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer {
    margin: 0 20%;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput {
    display: flex;
    margin-top: 10px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1 {
    margin-right: 5px;
    width: calc(50% - 5px);
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2 {
    margin-left: 5px;
    width: calc(50% - 5px);
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .singleinput {
    margin-top: 10px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 5px;
    outline: none;
    width: calc(100% - 20px);
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only {
    background: #d6d6d6;
    color: #525865;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:read-only {
    background: #d6d6d6;
    color: #525865;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover {
    cursor: not-allowed;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover {
    cursor: not-allowed;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer button {
    border-radius: 5px;
    padding: 5px 10px;
    margin-right: 5px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer {
    text-align: right;
    background: #3f3f3f;
    border-radius: 5px;
    padding: 3px 5px;
    margin: 10px 0;
  }
  .admin-page #main-user .aerial-container .messagecontainer,
.admin-page #main-project .aerial-container .messagecontainer,
.admin-page #main-layerdata .aerial-container .messagecontainer,
.admin-page #main-powerbi .aerial-container .messagecontainer,
.admin-page #main-projectwise .aerial-container .messagecontainer,
.admin-page #main-projectwise365 .aerial-container .messagecontainer,
.admin-page #main-aerial .aerial-container .messagecontainer,
.admin-page #main-schedule .aerial-container .messagecontainer,
.admin-page #main-schedulemap .aerial-container .messagecontainer,
.admin-page #main-eot .aerial-container .messagecontainer,
.admin-page #main-uploaddata .aerial-container .messagecontainer {
    display: none;
    text-align: center;
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 105px);
    font-size: 11px;
  }
  .admin-page #main-user .aerial-container .messagecontainer p,
.admin-page #main-project .aerial-container .messagecontainer p,
.admin-page #main-layerdata .aerial-container .messagecontainer p,
.admin-page #main-powerbi .aerial-container .messagecontainer p,
.admin-page #main-projectwise .aerial-container .messagecontainer p,
.admin-page #main-projectwise365 .aerial-container .messagecontainer p,
.admin-page #main-aerial .aerial-container .messagecontainer p,
.admin-page #main-schedule .aerial-container .messagecontainer p,
.admin-page #main-schedulemap .aerial-container .messagecontainer p,
.admin-page #main-eot .aerial-container .messagecontainer p,
.admin-page #main-uploaddata .aerial-container .messagecontainer p {
    margin: 0px;
  }
  .admin-page #main-user .aerial-container .messagecontainer button,
.admin-page #main-project .aerial-container .messagecontainer button,
.admin-page #main-layerdata .aerial-container .messagecontainer button,
.admin-page #main-powerbi .aerial-container .messagecontainer button,
.admin-page #main-projectwise .aerial-container .messagecontainer button,
.admin-page #main-projectwise365 .aerial-container .messagecontainer button,
.admin-page #main-aerial .aerial-container .messagecontainer button,
.admin-page #main-schedule .aerial-container .messagecontainer button,
.admin-page #main-schedulemap .aerial-container .messagecontainer button,
.admin-page #main-eot .aerial-container .messagecontainer button,
.admin-page #main-uploaddata .aerial-container .messagecontainer button {
    position: relative;
    font-size: 10px;
  }
  .admin-page #main-user .eot-container,
.admin-page #main-project .eot-container,
.admin-page #main-layerdata .eot-container,
.admin-page #main-powerbi .eot-container,
.admin-page #main-projectwise .eot-container,
.admin-page #main-projectwise365 .eot-container,
.admin-page #main-aerial .eot-container,
.admin-page #main-schedule .eot-container,
.admin-page #main-schedulemap .eot-container,
.admin-page #main-eot .eot-container,
.admin-page #main-uploaddata .eot-container {
    margin-top: 15px;
    overflow: auto;
    height: calc(100vh - 170px);
  }
  .admin-page #main-user .eot-container .cards-container,
.admin-page #main-project .eot-container .cards-container,
.admin-page #main-layerdata .eot-container .cards-container,
.admin-page #main-powerbi .eot-container .cards-container,
.admin-page #main-projectwise .eot-container .cards-container,
.admin-page #main-projectwise365 .eot-container .cards-container,
.admin-page #main-aerial .eot-container .cards-container,
.admin-page #main-schedule .eot-container .cards-container,
.admin-page #main-schedulemap .eot-container .cards-container,
.admin-page #main-eot .eot-container .cards-container,
.admin-page #main-uploaddata .eot-container .cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
  }
  .admin-page #main-user .eot-container .cards-container .cards,
.admin-page #main-project .eot-container .cards-container .cards,
.admin-page #main-layerdata .eot-container .cards-container .cards,
.admin-page #main-powerbi .eot-container .cards-container .cards,
.admin-page #main-projectwise .eot-container .cards-container .cards,
.admin-page #main-projectwise365 .eot-container .cards-container .cards,
.admin-page #main-aerial .eot-container .cards-container .cards,
.admin-page #main-schedule .eot-container .cards-container .cards,
.admin-page #main-schedulemap .eot-container .cards-container .cards,
.admin-page #main-eot .eot-container .cards-container .cards,
.admin-page #main-uploaddata .eot-container .cards-container .cards {
    width: auto;
    height: 200px;
    width: 500px;
    background-color: #cccccc;
    color: black;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
  }
  .admin-page #main-user .eot-container .cards-container .cards .readonlypage,
.admin-page #main-project .eot-container .cards-container .cards .readonlypage,
.admin-page #main-layerdata .eot-container .cards-container .cards .readonlypage,
.admin-page #main-powerbi .eot-container .cards-container .cards .readonlypage,
.admin-page #main-projectwise .eot-container .cards-container .cards .readonlypage,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .readonlypage,
.admin-page #main-aerial .eot-container .cards-container .cards .readonlypage,
.admin-page #main-schedule .eot-container .cards-container .cards .readonlypage,
.admin-page #main-schedulemap .eot-container .cards-container .cards .readonlypage,
.admin-page #main-eot .eot-container .cards-container .cards .readonlypage,
.admin-page #main-uploaddata .eot-container .cards-container .cards .readonlypage {
    margin: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
  }
  .admin-page #main-user .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-project .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-layerdata .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-powerbi .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-projectwise .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-aerial .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-schedule .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-schedulemap .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-eot .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-uploaddata .eot-container .cards-container .cards .readonlypage button.addeot {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: relative;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    background-image: url("../../Images/icons/admin_page/eot/plus.png");
    background-size: 100%;
    background-repeat: no-repeat;
    outline: none;
  }
  .admin-page #main-user .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-project .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-layerdata .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-powerbi .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-projectwise .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-aerial .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-schedule .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-schedulemap .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-eot .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-uploaddata .eot-container .cards-container .cards .readonlypage button.addeot:active {
    background-image: url("../../Images/icons/admin_page/eot/plusactive.png");
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage,
.admin-page #main-project .eot-container .cards-container .cards .editpage,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage,
.admin-page #main-eot .eot-container .cards-container .cards .editpage,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage {
    display: none;
    margin: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    line-height: 20px;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-project .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .doublefield {
    display: flex;
    flex-direction: row;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-project .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .doublefield .column1 {
    width: calc(50% - 6px);
    margin-right: 5px;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-project .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .doublefield .column2 {
    width: calc(50% - 6px);
    margin-left: 5px;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage label,
.admin-page #main-project .eot-container .cards-container .cards .editpage label,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage label,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage label,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage label,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage label,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage label,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage label,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage label,
.admin-page #main-eot .eot-container .cards-container .cards .editpage label,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage label {
    font-weight: bold;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage input,
.admin-page #main-project .eot-container .cards-container .cards .editpage input,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input,
.admin-page #main-eot .eot-container .cards-container .cards .editpage input,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-project .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-eot .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input:not([type=checkbox]) {
    width: 100%;
    padding: 3px 0px;
    border-radius: 3px;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-project .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-eot .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-project .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-eot .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage select,
.admin-page #main-project .eot-container .cards-container .cards .editpage select,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage select,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage select,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage select,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage select,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage select,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage select,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage select,
.admin-page #main-eot .eot-container .cards-container .cards .editpage select,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-project .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-eot .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage textarea {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 1px;
    height: 30px;
    width: calc(100% - 2px);
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-project .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .buttoncontianer {
    position: relative;
    bottom: 0px;
    display: inline-block;
    outline: none;
    width: calc(100% - 10px);
    margin: 5px;
    text-align: right;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-project .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .buttoncontianer button {
    border-radius: 4px;
    padding: 2px 5px;
  }
  .admin-page #main-user .upload-container,
.admin-page #main-project .upload-container,
.admin-page #main-layerdata .upload-container,
.admin-page #main-powerbi .upload-container,
.admin-page #main-projectwise .upload-container,
.admin-page #main-projectwise365 .upload-container,
.admin-page #main-aerial .upload-container,
.admin-page #main-schedule .upload-container,
.admin-page #main-schedulemap .upload-container,
.admin-page #main-eot .upload-container,
.admin-page #main-uploaddata .upload-container {
    margin-top: 15px;
    overflow: auto;
    height: calc(100vh - 170px);
  }
  .admin-page #main-user .upload-container .topcontainer,
.admin-page #main-project .upload-container .topcontainer,
.admin-page #main-layerdata .upload-container .topcontainer,
.admin-page #main-powerbi .upload-container .topcontainer,
.admin-page #main-projectwise .upload-container .topcontainer,
.admin-page #main-projectwise365 .upload-container .topcontainer,
.admin-page #main-aerial .upload-container .topcontainer,
.admin-page #main-schedule .upload-container .topcontainer,
.admin-page #main-schedulemap .upload-container .topcontainer,
.admin-page #main-eot .upload-container .topcontainer,
.admin-page #main-uploaddata .upload-container .topcontainer {
    height: calc(50% - 10px);
    width: 100%;
    background: green;
    margin: 5px 0;
  }
  .admin-page #main-user .upload-container .topcontainer .instruction-container,
.admin-page #main-project .upload-container .topcontainer .instruction-container,
.admin-page #main-layerdata .upload-container .topcontainer .instruction-container,
.admin-page #main-powerbi .upload-container .topcontainer .instruction-container,
.admin-page #main-projectwise .upload-container .topcontainer .instruction-container,
.admin-page #main-projectwise365 .upload-container .topcontainer .instruction-container,
.admin-page #main-aerial .upload-container .topcontainer .instruction-container,
.admin-page #main-schedule .upload-container .topcontainer .instruction-container,
.admin-page #main-schedulemap .upload-container .topcontainer .instruction-container,
.admin-page #main-eot .upload-container .topcontainer .instruction-container,
.admin-page #main-uploaddata .upload-container .topcontainer .instruction-container {
    display: inline-block;
    width: 100%;
  }
  .admin-page #main-user .upload-container .topcontainer .instruction-container p,
.admin-page #main-project .upload-container .topcontainer .instruction-container p,
.admin-page #main-layerdata .upload-container .topcontainer .instruction-container p,
.admin-page #main-powerbi .upload-container .topcontainer .instruction-container p,
.admin-page #main-projectwise .upload-container .topcontainer .instruction-container p,
.admin-page #main-projectwise365 .upload-container .topcontainer .instruction-container p,
.admin-page #main-aerial .upload-container .topcontainer .instruction-container p,
.admin-page #main-schedule .upload-container .topcontainer .instruction-container p,
.admin-page #main-schedulemap .upload-container .topcontainer .instruction-container p,
.admin-page #main-eot .upload-container .topcontainer .instruction-container p,
.admin-page #main-uploaddata .upload-container .topcontainer .instruction-container p {
    margin: 0px;
    display: inline;
  }
  .admin-page #main-user .upload-container .topcontainer .instruction-container button,
.admin-page #main-project .upload-container .topcontainer .instruction-container button,
.admin-page #main-layerdata .upload-container .topcontainer .instruction-container button,
.admin-page #main-powerbi .upload-container .topcontainer .instruction-container button,
.admin-page #main-projectwise .upload-container .topcontainer .instruction-container button,
.admin-page #main-projectwise365 .upload-container .topcontainer .instruction-container button,
.admin-page #main-aerial .upload-container .topcontainer .instruction-container button,
.admin-page #main-schedule .upload-container .topcontainer .instruction-container button,
.admin-page #main-schedulemap .upload-container .topcontainer .instruction-container button,
.admin-page #main-eot .upload-container .topcontainer .instruction-container button,
.admin-page #main-uploaddata .upload-container .topcontainer .instruction-container button {
    float: right;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 5px;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container,
.admin-page #main-project .upload-container .topcontainer .table-container,
.admin-page #main-layerdata .upload-container .topcontainer .table-container,
.admin-page #main-powerbi .upload-container .topcontainer .table-container,
.admin-page #main-projectwise .upload-container .topcontainer .table-container,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container,
.admin-page #main-aerial .upload-container .topcontainer .table-container,
.admin-page #main-schedule .upload-container .topcontainer .table-container,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container,
.admin-page #main-eot .upload-container .topcontainer .table-container,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container {
    padding: 5px;
    overflow: auto;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container table,
.admin-page #main-project .upload-container .topcontainer .table-container table,
.admin-page #main-layerdata .upload-container .topcontainer .table-container table,
.admin-page #main-powerbi .upload-container .topcontainer .table-container table,
.admin-page #main-projectwise .upload-container .topcontainer .table-container table,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container table,
.admin-page #main-aerial .upload-container .topcontainer .table-container table,
.admin-page #main-schedule .upload-container .topcontainer .table-container table,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container table,
.admin-page #main-eot .upload-container .topcontainer .table-container table,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container td,
.admin-page #main-project .upload-container .topcontainer .table-container td,
.admin-page #main-layerdata .upload-container .topcontainer .table-container td,
.admin-page #main-powerbi .upload-container .topcontainer .table-container td,
.admin-page #main-projectwise .upload-container .topcontainer .table-container td,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container td,
.admin-page #main-aerial .upload-container .topcontainer .table-container td,
.admin-page #main-schedule .upload-container .topcontainer .table-container td,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container td,
.admin-page #main-eot .upload-container .topcontainer .table-container td,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container td {
    text-align: left;
    padding: 5px;
    border: none;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container td:hover,
.admin-page #main-project .upload-container .topcontainer .table-container td:hover,
.admin-page #main-layerdata .upload-container .topcontainer .table-container td:hover,
.admin-page #main-powerbi .upload-container .topcontainer .table-container td:hover,
.admin-page #main-projectwise .upload-container .topcontainer .table-container td:hover,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container td:hover,
.admin-page #main-aerial .upload-container .topcontainer .table-container td:hover,
.admin-page #main-schedule .upload-container .topcontainer .table-container td:hover,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container td:hover,
.admin-page #main-eot .upload-container .topcontainer .table-container td:hover,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container td:hover {
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-project .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-layerdata .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-powerbi .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-projectwise .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-aerial .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-schedule .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-eot .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container th:first-child {
    border-top-left-radius: 5px;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-project .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-layerdata .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-powerbi .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-projectwise .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-aerial .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-schedule .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-eot .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container th:last-child {
    border-top-right-radius: 5px;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-project .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-aerial .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedule .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-eot .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-project .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-aerial .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedule .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-eot .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr:nth-of-type(odd) {
    background: white;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-project .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-aerial .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-schedule .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-eot .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr.active,
.admin-page #main-project .upload-container .topcontainer .table-container tr.active,
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr.active,
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr.active,
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr.active,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr.active,
.admin-page #main-aerial .upload-container .topcontainer .table-container tr.active,
.admin-page #main-schedule .upload-container .topcontainer .table-container tr.active,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr.active,
.admin-page #main-eot .upload-container .topcontainer .table-container tr.active,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr.active {
    background-color: #ddd;
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-project .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-aerial .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-schedule .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-eot .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr.active td {
    font-weight: bold;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container th,
.admin-page #main-project .upload-container .topcontainer .table-container th,
.admin-page #main-layerdata .upload-container .topcontainer .table-container th,
.admin-page #main-powerbi .upload-container .topcontainer .table-container th,
.admin-page #main-projectwise .upload-container .topcontainer .table-container th,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container th,
.admin-page #main-aerial .upload-container .topcontainer .table-container th,
.admin-page #main-schedule .upload-container .topcontainer .table-container th,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container th,
.admin-page #main-eot .upload-container .topcontainer .table-container th,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 8px;
  }
  .admin-page #main-user .upload-container .bottomcontainer,
.admin-page #main-project .upload-container .bottomcontainer,
.admin-page #main-layerdata .upload-container .bottomcontainer,
.admin-page #main-powerbi .upload-container .bottomcontainer,
.admin-page #main-projectwise .upload-container .bottomcontainer,
.admin-page #main-projectwise365 .upload-container .bottomcontainer,
.admin-page #main-aerial .upload-container .bottomcontainer,
.admin-page #main-schedule .upload-container .bottomcontainer,
.admin-page #main-schedulemap .upload-container .bottomcontainer,
.admin-page #main-eot .upload-container .bottomcontainer,
.admin-page #main-uploaddata .upload-container .bottomcontainer {
    height: calc(50% - 10px);
    width: 100%;
    background: blue;
    margin: 5px 0;
  }
  .admin-page #main-user .upload-container .bottomcontainer .instruction-container,
.admin-page #main-project .upload-container .bottomcontainer .instruction-container,
.admin-page #main-layerdata .upload-container .bottomcontainer .instruction-container,
.admin-page #main-powerbi .upload-container .bottomcontainer .instruction-container,
.admin-page #main-projectwise .upload-container .bottomcontainer .instruction-container,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .instruction-container,
.admin-page #main-aerial .upload-container .bottomcontainer .instruction-container,
.admin-page #main-schedule .upload-container .bottomcontainer .instruction-container,
.admin-page #main-schedulemap .upload-container .bottomcontainer .instruction-container,
.admin-page #main-eot .upload-container .bottomcontainer .instruction-container,
.admin-page #main-uploaddata .upload-container .bottomcontainer .instruction-container {
    display: inline-block;
    width: 100%;
  }
  .admin-page #main-user .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-project .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-layerdata .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-powerbi .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-projectwise .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-aerial .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-schedule .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-schedulemap .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-eot .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-uploaddata .upload-container .bottomcontainer .instruction-container p {
    margin: 0px;
    display: inline;
  }
  .admin-page #main-user .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-project .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-layerdata .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-powerbi .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-projectwise .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-aerial .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-schedule .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-schedulemap .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-eot .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-uploaddata .upload-container .bottomcontainer .instruction-container button {
    float: right;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 5px;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container,
.admin-page #main-project .upload-container .bottomcontainer .table-container,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container,
.admin-page #main-eot .upload-container .bottomcontainer .table-container,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container {
    padding: 5px;
    overflow: auto;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container table,
.admin-page #main-project .upload-container .bottomcontainer .table-container table,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container table,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container table,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container table,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container table,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container table,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container table,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container table,
.admin-page #main-eot .upload-container .bottomcontainer .table-container table,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container td,
.admin-page #main-project .upload-container .bottomcontainer .table-container td,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container td,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container td,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container td,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container td,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container td,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container td,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container td,
.admin-page #main-eot .upload-container .bottomcontainer .table-container td,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container td {
    text-align: left;
    padding: 5px;
    border: none;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-project .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-eot .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container td:hover {
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-project .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-eot .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container th:first-child {
    border-top-left-radius: 5px;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-project .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-eot .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container th:last-child {
    border-top-right-radius: 5px;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-project .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-project .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr:nth-of-type(odd) {
    background: white;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-project .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-project .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr.active {
    background-color: #ddd;
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-project .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr.active td {
    font-weight: bold;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container th,
.admin-page #main-project .upload-container .bottomcontainer .table-container th,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container th,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container th,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container th,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container th,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container th,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container th,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container th,
.admin-page #main-eot .upload-container .bottomcontainer .table-container th,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 8px;
  }
  .admin-page #main-user .loadingcontainer-mainadmin,
.admin-page #main-project .loadingcontainer-mainadmin,
.admin-page #main-layerdata .loadingcontainer-mainadmin,
.admin-page #main-powerbi .loadingcontainer-mainadmin,
.admin-page #main-projectwise .loadingcontainer-mainadmin,
.admin-page #main-projectwise365 .loadingcontainer-mainadmin,
.admin-page #main-aerial .loadingcontainer-mainadmin,
.admin-page #main-schedule .loadingcontainer-mainadmin,
.admin-page #main-schedulemap .loadingcontainer-mainadmin,
.admin-page #main-eot .loadingcontainer-mainadmin,
.admin-page #main-uploaddata .loadingcontainer-mainadmin {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    right: 0px;
    background: rgba(78, 78, 78, 0.438);
    height: calc(100vh - 70px);
    text-align: center;
    z-index: 1;
  }
  .admin-page #main-user .loadingcontainer-mainadmin .loader,
.admin-page #main-project .loadingcontainer-mainadmin .loader,
.admin-page #main-layerdata .loadingcontainer-mainadmin .loader,
.admin-page #main-powerbi .loadingcontainer-mainadmin .loader,
.admin-page #main-projectwise .loadingcontainer-mainadmin .loader,
.admin-page #main-projectwise365 .loadingcontainer-mainadmin .loader,
.admin-page #main-aerial .loadingcontainer-mainadmin .loader,
.admin-page #main-schedule .loadingcontainer-mainadmin .loader,
.admin-page #main-schedulemap .loadingcontainer-mainadmin .loader,
.admin-page #main-eot .loadingcontainer-mainadmin .loader,
.admin-page #main-uploaddata .loadingcontainer-mainadmin .loader {
    position: relative;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation-name: spin;
            animation-name: spin;
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    top: calc(50% - 60px);
    left: calc(50% - 25px);
  }
  .admin-page #main-user .loadingcontainer-mainadmin #loadingText,
.admin-page #main-project .loadingcontainer-mainadmin #loadingText,
.admin-page #main-layerdata .loadingcontainer-mainadmin #loadingText,
.admin-page #main-powerbi .loadingcontainer-mainadmin #loadingText,
.admin-page #main-projectwise .loadingcontainer-mainadmin #loadingText,
.admin-page #main-projectwise365 .loadingcontainer-mainadmin #loadingText,
.admin-page #main-aerial .loadingcontainer-mainadmin #loadingText,
.admin-page #main-schedule .loadingcontainer-mainadmin #loadingText,
.admin-page #main-schedulemap .loadingcontainer-mainadmin #loadingText,
.admin-page #main-eot .loadingcontainer-mainadmin #loadingText,
.admin-page #main-uploaddata .loadingcontainer-mainadmin #loadingText {
    width: 300px;
    text-align: center;
    position: absolute;
    top: calc(50% + 35px);
    left: calc(50% - 135px);
    color: white;
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .admin-page #main-project {
    height: calc(100vh - 100px);
    overflow: hidden;
  }
  .admin-page #main-schedulemap .topcontainer {
    display: flex;
    height: calc(50vh - 100px);
    width: 100%;
    margin-top: 10px;
  }
  .admin-page #main-schedulemap .topcontainer .leftcontainer {
    width: 50%;
    background: gray;
    margin: 5px;
  }
  .admin-page #main-schedulemap .topcontainer .leftcontainer .selectcontainer {
    padding: 10px 10px 0 10px;
  }
  .admin-page #main-schedulemap .topcontainer .leftcontainer .selectcontainer select {
    width: 50%;
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
  }
  .admin-page #main-schedulemap .topcontainer .leftcontainer .jstreecontainer {
    margin: 10px;
    height: calc(50vh - 160px);
    background: #d8d8d8;
    overflow: auto;
  }
  .admin-page #main-schedulemap .topcontainer .rightcontainer {
    width: 50%;
    background: grey;
    margin: 5px;
  }
  .admin-page #main-schedulemap .topcontainer .rightcontainer .buttoncontainer {
    text-align: right;
    padding: 10px 10px 0 10px;
  }
  .admin-page #main-schedulemap .topcontainer .rightcontainer .buttoncontainer button {
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 10px;
  }
  .admin-page #main-schedulemap .topcontainer .rightcontainer .jstreecontainer {
    margin: 10px;
    height: calc(50vh - 160px);
    background: #d8d8d8;
    overflow: auto;
  }
  .admin-page #main-schedulemap .bottomcontainer {
    background: grey;
    height: calc(50vh - 60px);
    margin: 0 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader {
    display: flex;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader .headercontainer {
    width: 50%;
    text-align: center;
    margin: 20px 0 0 0;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader .headercontainer h3 {
    margin: 0;
    font-size: 12px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader .buttoncontainer {
    width: 140px;
    margin: 15px 0 0 0;
    display: flex;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader .buttoncontainer button {
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer {
    padding: 10px;
    height: calc(50vh - 160px);
    overflow: auto;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput {
    display: flex;
    margin: 10px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput input[type=text] {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    height: 6px;
    padding: 5px;
    font-size: 10px;
    width: calc(100% - 10px);
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput input[type=checkbox] {
    height: 10px;
    margin: 5px 10px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .comumn1 {
    width: 10px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column2 {
    width: calc(50% - 55px);
    margin: 0 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column3 {
    margin: 0 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column3 img {
    width: 23px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column4 {
    width: calc(50% - 55px);
    margin: 0 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .footercontainer {
    width: calc(100% - 20px);
    position: relative;
    bottom: 0px;
    /* right: 0px; */
    text-align: right;
  }
  .admin-page #main-schedulemap .bottomcontainer .footercontainer button {
    float: right;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 0 0 5px;
    font-size: 10px;
  }

  .formView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .formView .formContent {
    position: relative;
    background: lightgrey;
    margin: 2% auto;
    width: 95%;
    height: 90%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .formView .formContent .formHeader-inviteuser,
.formView .formContent .formHeader-addschedule,
.formView .formContent .formHeader-addactual,
.formView .formContent .formHeader-registeraerial,
.formView .formContent .formHeader-imageviewer {
    background: linear-gradient(to bottom, #363636, #363636);
    color: white;
    width: 100%;
    height: 35px;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 17px 0 0 0;
    font-size: 12px;
  }
  .formView .formContent .formHeader-inviteuser h3,
.formView .formContent .formHeader-addschedule h3,
.formView .formContent .formHeader-addactual h3,
.formView .formContent .formHeader-registeraerial h3,
.formView .formContent .formHeader-imageviewer h3 {
    margin: 0 0 0 0;
  }
  .formView .formContent .formHeader-inviteuser h4,
.formView .formContent .formHeader-addschedule h4,
.formView .formContent .formHeader-addactual h4,
.formView .formContent .formHeader-registeraerial h4,
.formView .formContent .formHeader-imageviewer h4 {
    margin: 0px;
  }
  .formView .formContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .formView .formContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody {
    position: relative;
    background: #e0e0e0;
    height: calc(100% - 142px);
    margin: auto;
    padding: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser {
    width: calc(100% - 50px);
    padding: 10px 5px;
    text-align: left;
    top: 0px;
    position: absolute;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser input {
    height: 15px;
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser input.right {
    float: right;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser button {
    padding: 8px 20px;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser button#formadmindeleteUser {
    display: none;
    float: left;
  }
  .formView .formContent .formcontainerMainBody .filterContainer {
    line-height: 30px;
    width: 18%;
    color: white;
    height: calc(100% - 20px);
    background: #5a5a5a;
    padding: 10px 15px;
    position: absolute;
  }
  .formView .formContent .formcontainerMainBody .filterContainer h4 {
    text-align: center;
    padding: 10px;
    margin: 0px;
  }
  .formView .formContent .formcontainerMainBody .filterContainer label {
    font-weight: bold;
  }
  .formView .formContent .formcontainerMainBody .filterContainer input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
  }
  .formView .formContent .formcontainerMainBody .filterContainer input:not([type=checkbox]) {
    width: 100%;
    padding: 3px 0px;
    border-radius: 3px;
  }
  .formView .formContent .formcontainerMainBody .filterContainer input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .formView .formContent .formcontainerMainBody .filterContainer input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .formView .formContent .formcontainerMainBody .filterContainer select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
  }
  .formView .formContent .formcontainerMainBody .filterContainer button {
    float: right;
    padding: 7.5px 15px;
    border-radius: 5px;
    margin-top: 15px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft {
    position: relative;
    display: inline-block;
    width: calc(45% - 90px);
    overflow: auto;
    left: 0px;
    height: calc(100% - 40px);
    top: 25px;
    background-color: white;
    border: 10px solid white;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .headercontainer {
    height: 30px;
    font-size: 12px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .headercontainer h4 {
    margin: 0px;
    padding: 5px 0;
    color: black;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer {
    height: calc(100% - 38px);
    overflow: auto;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td {
    text-align: left;
    padding: 8px;
    border: none;
    line-height: 0;
    vertical-align: center;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td span {
    margin-right: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td span img {
    height: 15px;
    width: 15px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td input {
    height: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td:hover {
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr {
    height: 30px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr:nth-of-type(odd) {
    background: white;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr:hover {
    background-color: #ddd;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr.active {
    background-color: #ddd;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr.active td {
    font-weight: bold;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th {
    background-color: #363636;
    color: white;
    text-align: left;
    padding: 5px;
    /* line-height: 25px; */
    text-transform: uppercase;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th:hover {
    cursor: default;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th img:hover {
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody .container-button {
    z-index: 3;
    width: 55px;
    height: calc(100% - 50px);
    position: absolute;
    display: inline-block;
  }
  .formView .formContent .formcontainerMainBody .container-button .buttoncontainer {
    display: block;
    position: relative;
    top: calc(50% - 60px);
    flex-direction: column;
  }
  .formView .formContent .formcontainerMainBody .container-button .buttoncontainer button {
    margin-bottom: 10px;
    width: 100%;
    height: 25px;
    border-radius: 3px;
    font-size: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight {
    display: inline-block;
    position: relative;
    width: calc(55% - 15px - 0px);
    overflow: auto;
    height: calc(100% - 40px);
    top: 25px;
    margin-left: 60px;
    background-color: white;
    border: 10px solid white;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .headercontainer {
    height: 30px;
    font-size: 12px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .headercontainer h4 {
    margin: 0px;
    padding: 5px 0;
    color: black;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer {
    height: calc(100% - 38px);
    overflow: auto;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td {
    text-align: left;
    padding: 8px;
    border: none;
    line-height: 0;
    vertical-align: center;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td span {
    margin-right: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td span img {
    height: 15px;
    width: 15px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td input {
    height: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td:hover {
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr {
    height: 30px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr:nth-of-type(odd) {
    background: white;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr:hover {
    background-color: #ddd;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr.active {
    background-color: #ddd;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr.active td {
    font-weight: bold;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th {
    background-color: #363636;
    color: white;
    text-align: left;
    padding: 5px;
    /* line-height: 25px; */
    text-transform: uppercase;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th:hover {
    cursor: default;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th img:hover {
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser {
    padding: 10px 5px;
    text-align: right;
    top: 100px;
    position: fixed;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser input {
    height: 20px;
    padding: 5px;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser button {
    padding: 8px 20px;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser button#formadmindeleteUser {
    display: none;
    float: left;
  }
  .formView .formContent .inviteuserFooter {
    background-color: #363636;
    height: 22px;
    padding: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .formView .formContent .inviteuserFooter div {
    padding: 0px;
    margin: 0px;
  }
  .formView .formContent .inviteuserFooter div button {
    padding: 4.5px 12px;
    border-radius: 5px;
    font-size: 10px;
  }
  .formView #addscheduleformContent, .formView #addactualformContent {
    margin: 5% auto;
    width: 40%;
    height: 70%;
  }
  .formView #addscheduleformContent .formcontainerMainBody, .formView #addactualformContent .formcontainerMainBody {
    position: relative;
    background: #e0e0e0;
    height: calc(100% - 130px);
    margin: auto;
    padding: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    line-height: 35px;
  }
  .formView #addscheduleformContent .formcontainerMainBody .revisioncontainer, .formView #addactualformContent .formcontainerMainBody .revisioncontainer {
    display: none;
    height: calc(100% - 244px);
  }
  .formView #addscheduleformContent .formcontainerMainBody label, .formView #addactualformContent .formcontainerMainBody label {
    font-weight: bold;
  }
  .formView #addscheduleformContent .formcontainerMainBody select, .formView #addactualformContent .formcontainerMainBody select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
  }
  .formView #addscheduleformContent .formcontainerMainBody textarea, .formView #addactualformContent .formcontainerMainBody textarea {
    font-size: 15px;
    width: 100%;
    height: calc(100% - 80px);
    padding: 6px 5px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    resize: vertical;
    max-height: calc(100% - 80px);
  }
  .formView #addscheduleformContent .formcontainerMainBody input, .formView #addactualformContent .formcontainerMainBody input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:not([type=checkbox]), .formView #addactualformContent .formcontainerMainBody input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:not([type=checkbox]), .formView #addactualformContent .formcontainerMainBody input#newpassword:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newconfirmpassword:not([type=checkbox]), .formView #addactualformContent .formcontainerMainBody input#newconfirmpassword:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:valid:not([type=checkbox]):required, .formView #addactualformContent .formcontainerMainBody input#newpassword:valid:not([type=checkbox]):required {
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:valid:not([type=checkbox]):required, .formView #addactualformContent .formcontainerMainBody input:valid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:focus:invalid:not([type=checkbox]):required, .formView #addactualformContent .formcontainerMainBody input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody label.required:after, .formView #addactualformContent .formcontainerMainBody label.required:after {
    content: "*";
    color: lightcoral;
  }
  .formView #addscheduleformContent .formcontainerMainBody input, .formView #addactualformContent .formcontainerMainBody input {
    border-color: #d1d1d1;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:not(:-moz-placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:not(:-ms-input-placeholder):invalid:required, .formView #addactualformContent .formcontainerMainBody input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:not(:placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:not(:-moz-placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input#newpassword:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:not(:-ms-input-placeholder):invalid:required, .formView #addactualformContent .formcontainerMainBody input#newpassword:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:not(:placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input#newpassword:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:-moz-placeholder-shown:focus:invalid:required, .formView #addactualformContent .formcontainerMainBody input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:-ms-input-placeholder:focus:invalid:required, .formView #addactualformContent .formcontainerMainBody input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:placeholder-shown:focus:invalid:required, .formView #addactualformContent .formcontainerMainBody input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:focus:valid:required, .formView #addactualformContent .formcontainerMainBody input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:valid:required, .formView #addactualformContent .formcontainerMainBody input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .formView #addscheduleformContent .formcontainerMainBody .doubleinput, .formView #addactualformContent .formcontainerMainBody .doubleinput {
    width: 100%;
    display: flex;
  }
  .formView #addscheduleformContent .formcontainerMainBody .doubleinput .column1, .formView #addactualformContent .formcontainerMainBody .doubleinput .column1 {
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  .formView #addscheduleformContent .formcontainerMainBody .doubleinput .column2, .formView #addactualformContent .formcontainerMainBody .doubleinput .column2 {
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  .formView #addscheduleformContent .addscheduleFooter, .formView #addscheduleformContent .addactualFooter, .formView #addactualformContent .addscheduleFooter, .formView #addactualformContent .addactualFooter {
    background-color: #363636;
    height: 30px;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .formView #addscheduleformContent .addscheduleFooter div, .formView #addscheduleformContent .addactualFooter div, .formView #addactualformContent .addscheduleFooter div, .formView #addactualformContent .addactualFooter div {
    padding: 0px;
    margin: 0px;
  }
  .formView #addscheduleformContent .addscheduleFooter div button, .formView #addscheduleformContent .addactualFooter div button, .formView #addactualformContent .addscheduleFooter div button, .formView #addactualformContent .addactualFooter div button {
    padding: 6.5px 15px;
    border-radius: 5px;
    font-size: 10px;
  }
  .formView #addscheduleformContent#imageviewerformContent, .formView #addactualformContent#imageviewerformContent {
    margin: 1% auto;
    width: 97%;
    height: 95%;
  }
  .formView #addscheduleformContent#imageviewerformContent .formcontainerMainBody, .formView #addactualformContent#imageviewerformContent .formcontainerMainBody {
    height: 100%;
    width: 100%;
    text-align: center;
  }
  .formView #addscheduleformContent#imageviewerformContent .formcontainerMainBody img, .formView #addactualformContent#imageviewerformContent .formcontainerMainBody img {
    height: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 1366px) {
  .admin-page {
    display: block;
    padding: 0px;
    margin: 0px;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50px;
    background: white;
  }
  .admin-page #sidebar-admin {
    position: absolute;
    height: 100%;
    width: 250px;
    background: #363636;
    box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
    z-index: 1;
  }
  .admin-page #sidebar-admin .sidebar-items {
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminHead {
    padding: 10px;
    font-weight: bold;
    color: white;
    font-size: 12px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminHead a {
    margin-left: 10px;
    vertical-align: middle;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminHead img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminHead img:hover {
    cursor: pointer;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems {
    color: white;
    text-decoration: none;
    list-style: none;
    padding-left: 10px;
    font-size: 12px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems:hover {
    cursor: pointer;
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems a {
    text-decoration: none;
    margin-left: 10px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
    float: right;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 9px;
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .admin-page #sidebar-admin .sidebar-items li.adminItems.active {
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .admin-page #sidebar-admin .sidebar-items ul {
    display: none;
    list-style: none;
    line-height: 30px;
    padding-left: 0;
  }
  .admin-page #sidebar-admin .sidebar-items ul li {
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: 12px;
  }
  .admin-page #sidebar-admin .sidebar-items ul li:hover {
    cursor: pointer;
    background: grey;
  }
  .admin-page #sidebar-admin .sidebar-items ul li a {
    text-decoration: none;
    margin-left: 15px;
  }
  .admin-page #sidebar-admin .sidebar-items ul li img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-left: 35px;
  }
  .admin-page #sidebar-admin .sidebar-items ul li.active {
    background: #5f5f5f;
  }
  .admin-page #main-user,
.admin-page #main-project,
.admin-page #main-layerdata,
.admin-page #main-powerbi,
.admin-page #main-projectwise,
.admin-page #main-projectwise365,
.admin-page #main-aerial,
.admin-page #main-schedule,
.admin-page #main-schedulemap,
.admin-page #main-eot,
.admin-page #main-uploaddata {
    display: none;
    position: relative;
    padding: 15px;
    width: calc(100% - 290px);
    float: right;
    overflow: auto;
    height: calc(100vh - 100px);
  }
  .admin-page #main-user .mainHeader,
.admin-page #main-project .mainHeader,
.admin-page #main-layerdata .mainHeader,
.admin-page #main-powerbi .mainHeader,
.admin-page #main-projectwise .mainHeader,
.admin-page #main-projectwise365 .mainHeader,
.admin-page #main-aerial .mainHeader,
.admin-page #main-schedule .mainHeader,
.admin-page #main-schedulemap .mainHeader,
.admin-page #main-eot .mainHeader,
.admin-page #main-uploaddata .mainHeader {
    width: 100%;
    height: 40px;
    background: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
  }
  .admin-page #main-user .mainHeader h3,
.admin-page #main-project .mainHeader h3,
.admin-page #main-layerdata .mainHeader h3,
.admin-page #main-powerbi .mainHeader h3,
.admin-page #main-projectwise .mainHeader h3,
.admin-page #main-projectwise365 .mainHeader h3,
.admin-page #main-aerial .mainHeader h3,
.admin-page #main-schedule .mainHeader h3,
.admin-page #main-schedulemap .mainHeader h3,
.admin-page #main-eot .mainHeader h3,
.admin-page #main-uploaddata .mainHeader h3 {
    margin: 0px;
    top: 12px;
    position: relative;
    font-size: 12px;
  }
  .admin-page #main-user .mainHeader button,
.admin-page #main-project .mainHeader button,
.admin-page #main-layerdata .mainHeader button,
.admin-page #main-powerbi .mainHeader button,
.admin-page #main-projectwise .mainHeader button,
.admin-page #main-projectwise365 .mainHeader button,
.admin-page #main-aerial .mainHeader button,
.admin-page #main-schedule .mainHeader button,
.admin-page #main-schedulemap .mainHeader button,
.admin-page #main-eot .mainHeader button,
.admin-page #main-uploaddata .mainHeader button {
    float: right;
  }
  .admin-page #main-user .headerButton,
.admin-page #main-project .headerButton,
.admin-page #main-layerdata .headerButton,
.admin-page #main-powerbi .headerButton,
.admin-page #main-projectwise .headerButton,
.admin-page #main-projectwise365 .headerButton,
.admin-page #main-aerial .headerButton,
.admin-page #main-schedule .headerButton,
.admin-page #main-schedulemap .headerButton,
.admin-page #main-eot .headerButton,
.admin-page #main-uploaddata .headerButton {
    top: -33px;
    position: relative;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 15px;
  }
  .admin-page #main-user .headerButton button,
.admin-page #main-project .headerButton button,
.admin-page #main-layerdata .headerButton button,
.admin-page #main-powerbi .headerButton button,
.admin-page #main-projectwise .headerButton button,
.admin-page #main-projectwise365 .headerButton button,
.admin-page #main-aerial .headerButton button,
.admin-page #main-schedule .headerButton button,
.admin-page #main-schedulemap .headerButton button,
.admin-page #main-eot .headerButton button,
.admin-page #main-uploaddata .headerButton button {
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 10px;
  }
  .admin-page #main-user .headerButton button.edit,
.admin-page #main-project .headerButton button.edit,
.admin-page #main-layerdata .headerButton button.edit,
.admin-page #main-powerbi .headerButton button.edit,
.admin-page #main-projectwise .headerButton button.edit,
.admin-page #main-projectwise365 .headerButton button.edit,
.admin-page #main-aerial .headerButton button.edit,
.admin-page #main-schedule .headerButton button.edit,
.admin-page #main-schedulemap .headerButton button.edit,
.admin-page #main-eot .headerButton button.edit,
.admin-page #main-uploaddata .headerButton button.edit {
    display: none;
  }
  .admin-page #main-user .searchTable,
.admin-page #main-project .searchTable,
.admin-page #main-layerdata .searchTable,
.admin-page #main-powerbi .searchTable,
.admin-page #main-projectwise .searchTable,
.admin-page #main-projectwise365 .searchTable,
.admin-page #main-aerial .searchTable,
.admin-page #main-schedule .searchTable,
.admin-page #main-schedulemap .searchTable,
.admin-page #main-eot .searchTable,
.admin-page #main-uploaddata .searchTable {
    top: 23px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 30px;
  }
  .admin-page #main-user .searchTable input,
.admin-page #main-project .searchTable input,
.admin-page #main-layerdata .searchTable input,
.admin-page #main-powerbi .searchTable input,
.admin-page #main-projectwise .searchTable input,
.admin-page #main-projectwise365 .searchTable input,
.admin-page #main-aerial .searchTable input,
.admin-page #main-schedule .searchTable input,
.admin-page #main-schedulemap .searchTable input,
.admin-page #main-eot .searchTable input,
.admin-page #main-uploaddata .searchTable input {
    height: 10px;
    padding: 5px;
    border-radius: 5px;
    font-size: 10px;
  }
  .admin-page #main-user .searchTable button,
.admin-page #main-project .searchTable button,
.admin-page #main-layerdata .searchTable button,
.admin-page #main-powerbi .searchTable button,
.admin-page #main-projectwise .searchTable button,
.admin-page #main-projectwise365 .searchTable button,
.admin-page #main-aerial .searchTable button,
.admin-page #main-schedule .searchTable button,
.admin-page #main-schedulemap .searchTable button,
.admin-page #main-eot .searchTable button,
.admin-page #main-uploaddata .searchTable button {
    padding: 8px 20px;
    border-radius: 5px;
  }
  .admin-page #main-user .searchTable button#admindeleteUser,
.admin-page #main-project .searchTable button#admindeleteUser,
.admin-page #main-layerdata .searchTable button#admindeleteUser,
.admin-page #main-powerbi .searchTable button#admindeleteUser,
.admin-page #main-projectwise .searchTable button#admindeleteUser,
.admin-page #main-projectwise365 .searchTable button#admindeleteUser,
.admin-page #main-aerial .searchTable button#admindeleteUser,
.admin-page #main-schedule .searchTable button#admindeleteUser,
.admin-page #main-schedulemap .searchTable button#admindeleteUser,
.admin-page #main-eot .searchTable button#admindeleteUser,
.admin-page #main-uploaddata .searchTable button#admindeleteUser {
    display: none;
    float: left;
  }
  .admin-page #main-user .container-table,
.admin-page #main-project .container-table,
.admin-page #main-layerdata .container-table,
.admin-page #main-powerbi .container-table,
.admin-page #main-projectwise .container-table,
.admin-page #main-projectwise365 .container-table,
.admin-page #main-aerial .container-table,
.admin-page #main-schedule .container-table,
.admin-page #main-schedulemap .container-table,
.admin-page #main-eot .container-table,
.admin-page #main-uploaddata .container-table {
    margin-top: 15px;
  }
  .admin-page #main-user .container-table table,
.admin-page #main-project .container-table table,
.admin-page #main-layerdata .container-table table,
.admin-page #main-powerbi .container-table table,
.admin-page #main-projectwise .container-table table,
.admin-page #main-projectwise365 .container-table table,
.admin-page #main-aerial .container-table table,
.admin-page #main-schedule .container-table table,
.admin-page #main-schedulemap .container-table table,
.admin-page #main-eot .container-table table,
.admin-page #main-uploaddata .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .admin-page #main-user .container-table table td,
.admin-page #main-project .container-table table td,
.admin-page #main-layerdata .container-table table td,
.admin-page #main-powerbi .container-table table td,
.admin-page #main-projectwise .container-table table td,
.admin-page #main-projectwise365 .container-table table td,
.admin-page #main-aerial .container-table table td,
.admin-page #main-schedule .container-table table td,
.admin-page #main-schedulemap .container-table table td,
.admin-page #main-eot .container-table table td,
.admin-page #main-uploaddata .container-table table td {
    text-align: left;
    padding: 0 8px 0 8px;
    border: none;
    line-height: 0;
    vertical-align: center;
  }
  .admin-page #main-user .container-table table td span,
.admin-page #main-project .container-table table td span,
.admin-page #main-layerdata .container-table table td span,
.admin-page #main-powerbi .container-table table td span,
.admin-page #main-projectwise .container-table table td span,
.admin-page #main-projectwise365 .container-table table td span,
.admin-page #main-aerial .container-table table td span,
.admin-page #main-schedule .container-table table td span,
.admin-page #main-schedulemap .container-table table td span,
.admin-page #main-eot .container-table table td span,
.admin-page #main-uploaddata .container-table table td span {
    margin-right: 10px;
  }
  .admin-page #main-user .container-table table td span img,
.admin-page #main-project .container-table table td span img,
.admin-page #main-layerdata .container-table table td span img,
.admin-page #main-powerbi .container-table table td span img,
.admin-page #main-projectwise .container-table table td span img,
.admin-page #main-projectwise365 .container-table table td span img,
.admin-page #main-aerial .container-table table td span img,
.admin-page #main-schedule .container-table table td span img,
.admin-page #main-schedulemap .container-table table td span img,
.admin-page #main-eot .container-table table td span img,
.admin-page #main-uploaddata .container-table table td span img {
    height: 15px;
    width: 15px;
  }
  .admin-page #main-user .container-table table td input,
.admin-page #main-project .container-table table td input,
.admin-page #main-layerdata .container-table table td input,
.admin-page #main-powerbi .container-table table td input,
.admin-page #main-projectwise .container-table table td input,
.admin-page #main-projectwise365 .container-table table td input,
.admin-page #main-aerial .container-table table td input,
.admin-page #main-schedule .container-table table td input,
.admin-page #main-schedulemap .container-table table td input,
.admin-page #main-eot .container-table table td input,
.admin-page #main-uploaddata .container-table table td input {
    height: 10px;
  }
  .admin-page #main-user .container-table table td:hover,
.admin-page #main-project .container-table table td:hover,
.admin-page #main-layerdata .container-table table td:hover,
.admin-page #main-powerbi .container-table table td:hover,
.admin-page #main-projectwise .container-table table td:hover,
.admin-page #main-projectwise365 .container-table table td:hover,
.admin-page #main-aerial .container-table table td:hover,
.admin-page #main-schedule .container-table table td:hover,
.admin-page #main-schedulemap .container-table table td:hover,
.admin-page #main-eot .container-table table td:hover,
.admin-page #main-uploaddata .container-table table td:hover {
    cursor: pointer;
  }
  .admin-page #main-user .container-table table th:first-child,
.admin-page #main-project .container-table table th:first-child,
.admin-page #main-layerdata .container-table table th:first-child,
.admin-page #main-powerbi .container-table table th:first-child,
.admin-page #main-projectwise .container-table table th:first-child,
.admin-page #main-projectwise365 .container-table table th:first-child,
.admin-page #main-aerial .container-table table th:first-child,
.admin-page #main-schedule .container-table table th:first-child,
.admin-page #main-schedulemap .container-table table th:first-child,
.admin-page #main-eot .container-table table th:first-child,
.admin-page #main-uploaddata .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .admin-page #main-user .container-table table th:last-child,
.admin-page #main-project .container-table table th:last-child,
.admin-page #main-layerdata .container-table table th:last-child,
.admin-page #main-powerbi .container-table table th:last-child,
.admin-page #main-projectwise .container-table table th:last-child,
.admin-page #main-projectwise365 .container-table table th:last-child,
.admin-page #main-aerial .container-table table th:last-child,
.admin-page #main-schedule .container-table table th:last-child,
.admin-page #main-schedulemap .container-table table th:last-child,
.admin-page #main-eot .container-table table th:last-child,
.admin-page #main-uploaddata .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .admin-page #main-user .container-table table tr,
.admin-page #main-project .container-table table tr,
.admin-page #main-layerdata .container-table table tr,
.admin-page #main-powerbi .container-table table tr,
.admin-page #main-projectwise .container-table table tr,
.admin-page #main-projectwise365 .container-table table tr,
.admin-page #main-aerial .container-table table tr,
.admin-page #main-schedule .container-table table tr,
.admin-page #main-schedulemap .container-table table tr,
.admin-page #main-eot .container-table table tr,
.admin-page #main-uploaddata .container-table table tr {
    height: 30px;
  }
  .admin-page #main-user .container-table table tr:nth-of-type(even),
.admin-page #main-project .container-table table tr:nth-of-type(even),
.admin-page #main-layerdata .container-table table tr:nth-of-type(even),
.admin-page #main-powerbi .container-table table tr:nth-of-type(even),
.admin-page #main-projectwise .container-table table tr:nth-of-type(even),
.admin-page #main-projectwise365 .container-table table tr:nth-of-type(even),
.admin-page #main-aerial .container-table table tr:nth-of-type(even),
.admin-page #main-schedule .container-table table tr:nth-of-type(even),
.admin-page #main-schedulemap .container-table table tr:nth-of-type(even),
.admin-page #main-eot .container-table table tr:nth-of-type(even),
.admin-page #main-uploaddata .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .admin-page #main-user .container-table table tr:nth-of-type(odd),
.admin-page #main-project .container-table table tr:nth-of-type(odd),
.admin-page #main-layerdata .container-table table tr:nth-of-type(odd),
.admin-page #main-powerbi .container-table table tr:nth-of-type(odd),
.admin-page #main-projectwise .container-table table tr:nth-of-type(odd),
.admin-page #main-projectwise365 .container-table table tr:nth-of-type(odd),
.admin-page #main-aerial .container-table table tr:nth-of-type(odd),
.admin-page #main-schedule .container-table table tr:nth-of-type(odd),
.admin-page #main-schedulemap .container-table table tr:nth-of-type(odd),
.admin-page #main-eot .container-table table tr:nth-of-type(odd),
.admin-page #main-uploaddata .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .admin-page #main-user .container-table table tr:hover,
.admin-page #main-project .container-table table tr:hover,
.admin-page #main-layerdata .container-table table tr:hover,
.admin-page #main-powerbi .container-table table tr:hover,
.admin-page #main-projectwise .container-table table tr:hover,
.admin-page #main-projectwise365 .container-table table tr:hover,
.admin-page #main-aerial .container-table table tr:hover,
.admin-page #main-schedule .container-table table tr:hover,
.admin-page #main-schedulemap .container-table table tr:hover,
.admin-page #main-eot .container-table table tr:hover,
.admin-page #main-uploaddata .container-table table tr:hover {
    background-color: #ddd;
  }
  .admin-page #main-user .container-table table tr.active,
.admin-page #main-project .container-table table tr.active,
.admin-page #main-layerdata .container-table table tr.active,
.admin-page #main-powerbi .container-table table tr.active,
.admin-page #main-projectwise .container-table table tr.active,
.admin-page #main-projectwise365 .container-table table tr.active,
.admin-page #main-aerial .container-table table tr.active,
.admin-page #main-schedule .container-table table tr.active,
.admin-page #main-schedulemap .container-table table tr.active,
.admin-page #main-eot .container-table table tr.active,
.admin-page #main-uploaddata .container-table table tr.active {
    background-color: #ddd;
  }
  .admin-page #main-user .container-table table tr.active td,
.admin-page #main-project .container-table table tr.active td,
.admin-page #main-layerdata .container-table table tr.active td,
.admin-page #main-powerbi .container-table table tr.active td,
.admin-page #main-projectwise .container-table table tr.active td,
.admin-page #main-projectwise365 .container-table table tr.active td,
.admin-page #main-aerial .container-table table tr.active td,
.admin-page #main-schedule .container-table table tr.active td,
.admin-page #main-schedulemap .container-table table tr.active td,
.admin-page #main-eot .container-table table tr.active td,
.admin-page #main-uploaddata .container-table table tr.active td {
    font-weight: bold;
  }
  .admin-page #main-user .container-table table th,
.admin-page #main-project .container-table table th,
.admin-page #main-layerdata .container-table table th,
.admin-page #main-powerbi .container-table table th,
.admin-page #main-projectwise .container-table table th,
.admin-page #main-projectwise365 .container-table table th,
.admin-page #main-aerial .container-table table th,
.admin-page #main-schedule .container-table table th,
.admin-page #main-schedulemap .container-table table th,
.admin-page #main-eot .container-table table th,
.admin-page #main-uploaddata .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 0 8px 0 8px;
    line-height: 25px;
  }
  .admin-page #main-user .container-table table th:hover,
.admin-page #main-project .container-table table th:hover,
.admin-page #main-layerdata .container-table table th:hover,
.admin-page #main-powerbi .container-table table th:hover,
.admin-page #main-projectwise .container-table table th:hover,
.admin-page #main-projectwise365 .container-table table th:hover,
.admin-page #main-aerial .container-table table th:hover,
.admin-page #main-schedule .container-table table th:hover,
.admin-page #main-schedulemap .container-table table th:hover,
.admin-page #main-eot .container-table table th:hover,
.admin-page #main-uploaddata .container-table table th:hover {
    cursor: default;
  }
  .admin-page #main-user .container-table table th img,
.admin-page #main-project .container-table table th img,
.admin-page #main-layerdata .container-table table th img,
.admin-page #main-powerbi .container-table table th img,
.admin-page #main-projectwise .container-table table th img,
.admin-page #main-projectwise365 .container-table table th img,
.admin-page #main-aerial .container-table table th img,
.admin-page #main-schedule .container-table table th img,
.admin-page #main-schedulemap .container-table table th img,
.admin-page #main-eot .container-table table th img,
.admin-page #main-uploaddata .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .admin-page #main-user .container-table table th img:hover,
.admin-page #main-project .container-table table th img:hover,
.admin-page #main-layerdata .container-table table th img:hover,
.admin-page #main-powerbi .container-table table th img:hover,
.admin-page #main-projectwise .container-table table th img:hover,
.admin-page #main-projectwise365 .container-table table th img:hover,
.admin-page #main-aerial .container-table table th img:hover,
.admin-page #main-schedule .container-table table th img:hover,
.admin-page #main-schedulemap .container-table table th img:hover,
.admin-page #main-eot .container-table table th img:hover,
.admin-page #main-uploaddata .container-table table th img:hover {
    cursor: pointer;
  }
  .admin-page #main-user .container-table .searchUser,
.admin-page #main-project .container-table .searchUser,
.admin-page #main-layerdata .container-table .searchUser,
.admin-page #main-powerbi .container-table .searchUser,
.admin-page #main-projectwise .container-table .searchUser,
.admin-page #main-projectwise365 .container-table .searchUser,
.admin-page #main-aerial .container-table .searchUser,
.admin-page #main-schedule .container-table .searchUser,
.admin-page #main-schedulemap .container-table .searchUser,
.admin-page #main-eot .container-table .searchUser,
.admin-page #main-uploaddata .container-table .searchUser {
    padding: 10px 5px;
    position: fixed;
    text-align: right;
    top: 70px;
    width: calc(100% - 350px);
  }
  .admin-page #main-user .container-table .searchUser input,
.admin-page #main-project .container-table .searchUser input,
.admin-page #main-layerdata .container-table .searchUser input,
.admin-page #main-powerbi .container-table .searchUser input,
.admin-page #main-projectwise .container-table .searchUser input,
.admin-page #main-projectwise365 .container-table .searchUser input,
.admin-page #main-aerial .container-table .searchUser input,
.admin-page #main-schedule .container-table .searchUser input,
.admin-page #main-schedulemap .container-table .searchUser input,
.admin-page #main-eot .container-table .searchUser input,
.admin-page #main-uploaddata .container-table .searchUser input {
    height: 20px;
    padding: 5px;
    border-radius: 5px;
  }
  .admin-page #main-user .container-table .searchUser button,
.admin-page #main-project .container-table .searchUser button,
.admin-page #main-layerdata .container-table .searchUser button,
.admin-page #main-powerbi .container-table .searchUser button,
.admin-page #main-projectwise .container-table .searchUser button,
.admin-page #main-projectwise365 .container-table .searchUser button,
.admin-page #main-aerial .container-table .searchUser button,
.admin-page #main-schedule .container-table .searchUser button,
.admin-page #main-schedulemap .container-table .searchUser button,
.admin-page #main-eot .container-table .searchUser button,
.admin-page #main-uploaddata .container-table .searchUser button {
    padding: 8px 20px;
    border-radius: 5px;
  }
  .admin-page #main-user .container-table .searchUser button#admindeleteUser,
.admin-page #main-project .container-table .searchUser button#admindeleteUser,
.admin-page #main-layerdata .container-table .searchUser button#admindeleteUser,
.admin-page #main-powerbi .container-table .searchUser button#admindeleteUser,
.admin-page #main-projectwise .container-table .searchUser button#admindeleteUser,
.admin-page #main-projectwise365 .container-table .searchUser button#admindeleteUser,
.admin-page #main-aerial .container-table .searchUser button#admindeleteUser,
.admin-page #main-schedule .container-table .searchUser button#admindeleteUser,
.admin-page #main-schedulemap .container-table .searchUser button#admindeleteUser,
.admin-page #main-eot .container-table .searchUser button#admindeleteUser,
.admin-page #main-uploaddata .container-table .searchUser button#admindeleteUser {
    display: none;
    float: left;
  }
  .admin-page #main-user .project-container,
.admin-page #main-project .project-container,
.admin-page #main-layerdata .project-container,
.admin-page #main-powerbi .project-container,
.admin-page #main-projectwise .project-container,
.admin-page #main-projectwise365 .project-container,
.admin-page #main-aerial .project-container,
.admin-page #main-schedule .project-container,
.admin-page #main-schedulemap .project-container,
.admin-page #main-eot .project-container,
.admin-page #main-uploaddata .project-container {
    width: 100%;
    height: calc(100% + 35px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody,
.admin-page #main-project .project-container .formcontainerMainBody,
.admin-page #main-layerdata .project-container .formcontainerMainBody,
.admin-page #main-powerbi .project-container .formcontainerMainBody,
.admin-page #main-projectwise .project-container .formcontainerMainBody,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody,
.admin-page #main-aerial .project-container .formcontainerMainBody,
.admin-page #main-schedule .project-container .formcontainerMainBody,
.admin-page #main-schedulemap .project-container .formcontainerMainBody,
.admin-page #main-eot .project-container .formcontainerMainBody,
.admin-page #main-uploaddata .project-container .formcontainerMainBody {
    position: relative;
    background: white;
    height: calc(100% - 115px);
    width: 100%;
    overflow-y: auto;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view,
.admin-page #main-project .project-container .formcontainerMainBody .project-view,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view {
    width: calc(100% - 30px);
    line-height: 20px;
    height: 100vh;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view img {
    height: 30px;
    vertical-align: middle;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-project .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view img span,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view img span {
    align-items: center;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit {
    display: none;
    padding: 0 20px;
    width: calc(100% - 40px);
    height: auto;
    font-size: 11px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit label,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit label {
    font-weight: bold;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]),
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input:not([type=checkbox]) {
    width: calc(100% - 6px);
    padding: 3px 3px;
    border-radius: 3px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input:hover,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit input:focus,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit select,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .doublefield,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .doublefield {
    display: flex;
    margin-top: 10px;
    line-height: 26px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .doublefield .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .doublefield .column1 {
    margin-right: 5px;
    width: calc(50% - 5px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .doublefield .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .doublefield .column2 {
    margin-left: 5px;
    width: calc(50% - 5px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer {
    height: 250px;
    width: 100%;
    border: 2px solid lightgrey;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .projectimageupload .imagecontainer #projectimage {
    margin: 20px auto 20px;
    height: 200px;
    display: flex;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer {
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    color: #525865;
    border-radius: 4px;
    /* width: 516px; */
    padding: 0px;
    margin: 0;
    height: 20px;
    margin-bottom: 16px;
    margin-top: 2px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer :focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer .coordinateval2 {
    padding: 3px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .coordcontainer button,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .coordcontainer button {
    padding: 3px;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-project .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view#edit .RIWindow,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view#edit .RIWindow {
    background: green;
    height: 315px;
    width: calc(100% - 5px);
    margin-left: 5px;
    border: 2px solid grey;
    border-radius: 5px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer {
    width: calc(80% - 0px);
    display: inline-block;
    float: left;
    position: relative;
    left: 4px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield {
    line-height: 4vh;
    margin-right: 20px;
    display: flex;
    width: calc(100% - 40px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-right: 10px;
    border: 1px solid gray;
    border-radius: 8px;
    background: lightgray;
    overflow: hidden;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column1 img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-left: 10px;
    border: 1px solid gray;
    border-radius: 8px;
    background: lightgray;
    overflow: hidden;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2.invi {
    display: none;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer .doublefield .column2 img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow {
    width: calc(100% - 0px);
    display: inline-block;
    float: left;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield {
    line-height: 4vh;
    display: flex;
    width: calc(100% - 0px);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 {
    display: inline;
    width: calc(40% - 30px);
    margin-right: 8px;
    border: 1px solid gray;
    border-radius: 10px;
    background: lightgray;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column1 img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 {
    display: inline-block;
    width: calc(60% - 0px);
    margin-left: 10px;
    border: 1px solid gray;
    border-radius: 8px;
    background: lightgray;
    font-size: 10px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 span {
    margin-left: 5px;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column1 {
    display: inline;
    border: none;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .fieldcontainer.secondrow .doublefield .column2 .column2 {
    display: inline;
    border: none;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .projecticoncontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .projecticoncontainer {
    width: calc(20% - 4px);
    display: inline-block;
    text-align: center;
    height: calc(10% + 75px + 5vh);
    border: 1px solid gray;
    border-radius: 10px;
    background-image: url(../../Images/icons/admin_page/newprojectform/Transparency100.png);
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .projecticoncontainer .imagecontainer {
    width: calc(100% - 4px);
    margin: 2px;
    height: calc(100% - 4px);
    border-radius: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .admin-page #main-user .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-project .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-layerdata .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-powerbi .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-projectwise .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-projectwise365 .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-aerial .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-schedule .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-schedulemap .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-eot .project-container .formcontainerMainBody .project-view .RIWindow,
.admin-page #main-uploaddata .project-container .formcontainerMainBody .project-view .RIWindow {
    background: green;
    margin-bottom: 20px;
    float: right;
    width: 100%;
    height: 50%;
  }
  .admin-page #main-user .config-container,
.admin-page #main-project .config-container,
.admin-page #main-layerdata .config-container,
.admin-page #main-powerbi .config-container,
.admin-page #main-projectwise .config-container,
.admin-page #main-projectwise365 .config-container,
.admin-page #main-aerial .config-container,
.admin-page #main-schedule .config-container,
.admin-page #main-schedulemap .config-container,
.admin-page #main-eot .config-container,
.admin-page #main-uploaddata .config-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    height: calc(100vh - 185px);
  }
  .admin-page #main-user .config-container .edit,
.admin-page #main-project .config-container .edit,
.admin-page #main-layerdata .config-container .edit,
.admin-page #main-powerbi .config-container .edit,
.admin-page #main-projectwise .config-container .edit,
.admin-page #main-projectwise365 .config-container .edit,
.admin-page #main-aerial .config-container .edit,
.admin-page #main-schedule .config-container .edit,
.admin-page #main-schedulemap .config-container .edit,
.admin-page #main-eot .config-container .edit,
.admin-page #main-uploaddata .config-container .edit {
    display: none;
    padding: 0 20px;
    width: calc(100% - 40px);
    height: auto;
    line-height: 30px;
  }
  .admin-page #main-user .config-container .edit .doubleinput,
.admin-page #main-project .config-container .edit .doubleinput,
.admin-page #main-layerdata .config-container .edit .doubleinput,
.admin-page #main-powerbi .config-container .edit .doubleinput,
.admin-page #main-projectwise .config-container .edit .doubleinput,
.admin-page #main-projectwise365 .config-container .edit .doubleinput,
.admin-page #main-aerial .config-container .edit .doubleinput,
.admin-page #main-schedule .config-container .edit .doubleinput,
.admin-page #main-schedulemap .config-container .edit .doubleinput,
.admin-page #main-eot .config-container .edit .doubleinput,
.admin-page #main-uploaddata .config-container .edit .doubleinput {
    display: flex;
    flex-direction: row;
  }
  .admin-page #main-user .config-container .edit .doubleinput .column1,
.admin-page #main-project .config-container .edit .doubleinput .column1,
.admin-page #main-layerdata .config-container .edit .doubleinput .column1,
.admin-page #main-powerbi .config-container .edit .doubleinput .column1,
.admin-page #main-projectwise .config-container .edit .doubleinput .column1,
.admin-page #main-projectwise365 .config-container .edit .doubleinput .column1,
.admin-page #main-aerial .config-container .edit .doubleinput .column1,
.admin-page #main-schedule .config-container .edit .doubleinput .column1,
.admin-page #main-schedulemap .config-container .edit .doubleinput .column1,
.admin-page #main-eot .config-container .edit .doubleinput .column1,
.admin-page #main-uploaddata .config-container .edit .doubleinput .column1 {
    display: inline-block;
    width: calc(50% - 5px);
    margin-right: 5px;
    float: left;
  }
  .admin-page #main-user .config-container .edit .doubleinput .column2,
.admin-page #main-project .config-container .edit .doubleinput .column2,
.admin-page #main-layerdata .config-container .edit .doubleinput .column2,
.admin-page #main-powerbi .config-container .edit .doubleinput .column2,
.admin-page #main-projectwise .config-container .edit .doubleinput .column2,
.admin-page #main-projectwise365 .config-container .edit .doubleinput .column2,
.admin-page #main-aerial .config-container .edit .doubleinput .column2,
.admin-page #main-schedule .config-container .edit .doubleinput .column2,
.admin-page #main-schedulemap .config-container .edit .doubleinput .column2,
.admin-page #main-eot .config-container .edit .doubleinput .column2,
.admin-page #main-uploaddata .config-container .edit .doubleinput .column2 {
    display: inline-block;
    width: calc(50% - 5px);
    margin-left: 5px;
    float: right;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-project .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-aerial .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-schedule .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-eot .config-container .edit.pwfilesPage .hideoninitial,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .hideoninitial {
    display: none;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer {
    display: flex;
    flex-direction: row;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column1,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column1 {
    display: inline-block;
    width: 90%;
    float: left;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 {
    display: inline-block;
    width: calc(10% - 5px);
    margin-left: 5px;
    float: right;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 .hideoncancel {
    display: none;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 select,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 select {
    padding: 3px 3px;
    height: 30px;
    border-radius: 3px;
    width: calc(100% - 106px);
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideonclick {
    margin-top: 37px;
    padding: 4px 6px;
    vertical-align: middle;
    width: 100%;
    border-radius: 3px;
    font-size: 10px;
  }
  .admin-page #main-user .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-project .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-layerdata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-powerbi .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-projectwise .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-projectwise365 .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-aerial .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-schedule .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-schedulemap .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-eot .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel,
.admin-page #main-uploaddata .config-container .edit.pwfilesPage .pwurlContainer .column2 button.hideoncancel {
    padding: 5px;
    vertical-align: middle;
    border-radius: 3px;
    width: 100px;
  }
  .admin-page #main-user .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-project .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-layerdata .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-powerbi .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-projectwise .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-projectwise365 .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-aerial .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-schedule .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-schedulemap .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-eot .config-container .edit.powerbiPage .doubleinput,
.admin-page #main-uploaddata .config-container .edit.powerbiPage .doubleinput {
    display: flex;
    flex-direction: row;
  }
  .admin-page #main-user .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-project .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-layerdata .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-powerbi .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-projectwise .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-projectwise365 .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-aerial .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-schedule .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-schedulemap .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-eot .config-container .edit.powerbiPage .doubleinput .column1,
.admin-page #main-uploaddata .config-container .edit.powerbiPage .doubleinput .column1 {
    display: inline-block;
    width: calc(50% - 5px);
    margin-right: 5px;
    float: left;
  }
  .admin-page #main-user .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-project .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-layerdata .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-powerbi .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-projectwise .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-projectwise365 .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-aerial .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-schedule .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-schedulemap .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-eot .config-container .edit.powerbiPage .doubleinput .column2,
.admin-page #main-uploaddata .config-container .edit.powerbiPage .doubleinput .column2 {
    display: inline-block;
    width: calc(50% - 5px);
    margin-left: 5px;
    float: right;
  }
  .admin-page #main-user .config-container .edit label,
.admin-page #main-project .config-container .edit label,
.admin-page #main-layerdata .config-container .edit label,
.admin-page #main-powerbi .config-container .edit label,
.admin-page #main-projectwise .config-container .edit label,
.admin-page #main-projectwise365 .config-container .edit label,
.admin-page #main-aerial .config-container .edit label,
.admin-page #main-schedule .config-container .edit label,
.admin-page #main-schedulemap .config-container .edit label,
.admin-page #main-eot .config-container .edit label,
.admin-page #main-uploaddata .config-container .edit label {
    font-weight: bold;
    font-size: 11px;
  }
  .admin-page #main-user .config-container .edit label.hideonclick,
.admin-page #main-project .config-container .edit label.hideonclick,
.admin-page #main-layerdata .config-container .edit label.hideonclick,
.admin-page #main-powerbi .config-container .edit label.hideonclick,
.admin-page #main-projectwise .config-container .edit label.hideonclick,
.admin-page #main-projectwise365 .config-container .edit label.hideonclick,
.admin-page #main-aerial .config-container .edit label.hideonclick,
.admin-page #main-schedule .config-container .edit label.hideonclick,
.admin-page #main-schedulemap .config-container .edit label.hideonclick,
.admin-page #main-eot .config-container .edit label.hideonclick,
.admin-page #main-uploaddata .config-container .edit label.hideonclick {
    display: none;
  }
  .admin-page #main-user .config-container .edit input,
.admin-page #main-project .config-container .edit input,
.admin-page #main-layerdata .config-container .edit input,
.admin-page #main-powerbi .config-container .edit input,
.admin-page #main-projectwise .config-container .edit input,
.admin-page #main-projectwise365 .config-container .edit input,
.admin-page #main-aerial .config-container .edit input,
.admin-page #main-schedule .config-container .edit input,
.admin-page #main-schedulemap .config-container .edit input,
.admin-page #main-eot .config-container .edit input,
.admin-page #main-uploaddata .config-container .edit input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    font-size: 10px;
  }
  .admin-page #main-user .config-container .edit input.hideonclick,
.admin-page #main-project .config-container .edit input.hideonclick,
.admin-page #main-layerdata .config-container .edit input.hideonclick,
.admin-page #main-powerbi .config-container .edit input.hideonclick,
.admin-page #main-projectwise .config-container .edit input.hideonclick,
.admin-page #main-projectwise365 .config-container .edit input.hideonclick,
.admin-page #main-aerial .config-container .edit input.hideonclick,
.admin-page #main-schedule .config-container .edit input.hideonclick,
.admin-page #main-schedulemap .config-container .edit input.hideonclick,
.admin-page #main-eot .config-container .edit input.hideonclick,
.admin-page #main-uploaddata .config-container .edit input.hideonclick {
    display: none;
  }
  .admin-page #main-user .config-container .edit select,
.admin-page #main-project .config-container .edit select,
.admin-page #main-layerdata .config-container .edit select,
.admin-page #main-powerbi .config-container .edit select,
.admin-page #main-projectwise .config-container .edit select,
.admin-page #main-projectwise365 .config-container .edit select,
.admin-page #main-aerial .config-container .edit select,
.admin-page #main-schedule .config-container .edit select,
.admin-page #main-schedulemap .config-container .edit select,
.admin-page #main-eot .config-container .edit select,
.admin-page #main-uploaddata .config-container .edit select {
    font-size: 10px;
  }
  .admin-page #main-user .config-container .edit input:not([type=checkbox]),
.admin-page #main-project .config-container .edit input:not([type=checkbox]),
.admin-page #main-layerdata .config-container .edit input:not([type=checkbox]),
.admin-page #main-powerbi .config-container .edit input:not([type=checkbox]),
.admin-page #main-projectwise .config-container .edit input:not([type=checkbox]),
.admin-page #main-projectwise365 .config-container .edit input:not([type=checkbox]),
.admin-page #main-aerial .config-container .edit input:not([type=checkbox]),
.admin-page #main-schedule .config-container .edit input:not([type=checkbox]),
.admin-page #main-schedulemap .config-container .edit input:not([type=checkbox]),
.admin-page #main-eot .config-container .edit input:not([type=checkbox]),
.admin-page #main-uploaddata .config-container .edit input:not([type=checkbox]) {
    width: calc(100% - 6px);
    padding: 3px 3px;
    border-radius: 3px;
  }
  .admin-page #main-user .config-container .edit input:hover,
.admin-page #main-project .config-container .edit input:hover,
.admin-page #main-layerdata .config-container .edit input:hover,
.admin-page #main-powerbi .config-container .edit input:hover,
.admin-page #main-projectwise .config-container .edit input:hover,
.admin-page #main-projectwise365 .config-container .edit input:hover,
.admin-page #main-aerial .config-container .edit input:hover,
.admin-page #main-schedule .config-container .edit input:hover,
.admin-page #main-schedulemap .config-container .edit input:hover,
.admin-page #main-eot .config-container .edit input:hover,
.admin-page #main-uploaddata .config-container .edit input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .admin-page #main-user .config-container .edit input:focus,
.admin-page #main-project .config-container .edit input:focus,
.admin-page #main-layerdata .config-container .edit input:focus,
.admin-page #main-powerbi .config-container .edit input:focus,
.admin-page #main-projectwise .config-container .edit input:focus,
.admin-page #main-projectwise365 .config-container .edit input:focus,
.admin-page #main-aerial .config-container .edit input:focus,
.admin-page #main-schedule .config-container .edit input:focus,
.admin-page #main-schedulemap .config-container .edit input:focus,
.admin-page #main-eot .config-container .edit input:focus,
.admin-page #main-uploaddata .config-container .edit input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .admin-page #main-user .config-container .readonly,
.admin-page #main-project .config-container .readonly,
.admin-page #main-layerdata .config-container .readonly,
.admin-page #main-powerbi .config-container .readonly,
.admin-page #main-projectwise .config-container .readonly,
.admin-page #main-projectwise365 .config-container .readonly,
.admin-page #main-aerial .config-container .readonly,
.admin-page #main-schedule .config-container .readonly,
.admin-page #main-schedulemap .config-container .readonly,
.admin-page #main-eot .config-container .readonly,
.admin-page #main-uploaddata .config-container .readonly {
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    left: 4px;
  }
  .admin-page #main-user .config-container .readonly div,
.admin-page #main-project .config-container .readonly div,
.admin-page #main-layerdata .config-container .readonly div,
.admin-page #main-powerbi .config-container .readonly div,
.admin-page #main-projectwise .config-container .readonly div,
.admin-page #main-projectwise365 .config-container .readonly div,
.admin-page #main-aerial .config-container .readonly div,
.admin-page #main-schedule .config-container .readonly div,
.admin-page #main-schedulemap .config-container .readonly div,
.admin-page #main-eot .config-container .readonly div,
.admin-page #main-uploaddata .config-container .readonly div {
    background: lightgrey;
    border-radius: 5px;
    height: 25px;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 4px;
  }
  .admin-page #main-user .config-container .readonly div img,
.admin-page #main-project .config-container .readonly div img,
.admin-page #main-layerdata .config-container .readonly div img,
.admin-page #main-powerbi .config-container .readonly div img,
.admin-page #main-projectwise .config-container .readonly div img,
.admin-page #main-projectwise365 .config-container .readonly div img,
.admin-page #main-aerial .config-container .readonly div img,
.admin-page #main-schedule .config-container .readonly div img,
.admin-page #main-schedulemap .config-container .readonly div img,
.admin-page #main-eot .config-container .readonly div img,
.admin-page #main-uploaddata .config-container .readonly div img {
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 5px 15px 5px 5px;
  }
  .admin-page #main-user .config-container .readonly div p,
.admin-page #main-project .config-container .readonly div p,
.admin-page #main-layerdata .config-container .readonly div p,
.admin-page #main-powerbi .config-container .readonly div p,
.admin-page #main-projectwise .config-container .readonly div p,
.admin-page #main-projectwise365 .config-container .readonly div p,
.admin-page #main-aerial .config-container .readonly div p,
.admin-page #main-schedule .config-container .readonly div p,
.admin-page #main-schedulemap .config-container .readonly div p,
.admin-page #main-eot .config-container .readonly div p,
.admin-page #main-uploaddata .config-container .readonly div p {
    width: calc(100% - 60px);
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    font-size: 11px;
  }
  .admin-page #main-user .config-container#pwfiles,
.admin-page #main-project .config-container#pwfiles,
.admin-page #main-layerdata .config-container#pwfiles,
.admin-page #main-powerbi .config-container#pwfiles,
.admin-page #main-projectwise .config-container#pwfiles,
.admin-page #main-projectwise365 .config-container#pwfiles,
.admin-page #main-aerial .config-container#pwfiles,
.admin-page #main-schedule .config-container#pwfiles,
.admin-page #main-schedulemap .config-container#pwfiles,
.admin-page #main-eot .config-container#pwfiles,
.admin-page #main-uploaddata .config-container#pwfiles {
    margin-right: 5px;
  }
  .admin-page #main-user .config-container#powerbi,
.admin-page #main-project .config-container#powerbi,
.admin-page #main-layerdata .config-container#powerbi,
.admin-page #main-powerbi .config-container#powerbi,
.admin-page #main-projectwise .config-container#powerbi,
.admin-page #main-projectwise365 .config-container#powerbi,
.admin-page #main-aerial .config-container#powerbi,
.admin-page #main-schedule .config-container#powerbi,
.admin-page #main-schedulemap .config-container#powerbi,
.admin-page #main-eot .config-container#powerbi,
.admin-page #main-uploaddata .config-container#powerbi {
    margin-left: 5px;
  }
  .admin-page #main-user .schedule-container,
.admin-page #main-project .schedule-container,
.admin-page #main-layerdata .schedule-container,
.admin-page #main-powerbi .schedule-container,
.admin-page #main-projectwise .schedule-container,
.admin-page #main-projectwise365 .schedule-container,
.admin-page #main-aerial .schedule-container,
.admin-page #main-schedule .schedule-container,
.admin-page #main-schedulemap .schedule-container,
.admin-page #main-eot .schedule-container,
.admin-page #main-uploaddata .schedule-container {
    display: flex;
    width: 100%;
    flex-direction: row;
    height: calc(100vh - 170px);
    margin-top: 15px;
  }
  .admin-page #main-user .schedule-container .sidebar,
.admin-page #main-project .schedule-container .sidebar,
.admin-page #main-layerdata .schedule-container .sidebar,
.admin-page #main-powerbi .schedule-container .sidebar,
.admin-page #main-projectwise .schedule-container .sidebar,
.admin-page #main-projectwise365 .schedule-container .sidebar,
.admin-page #main-aerial .schedule-container .sidebar,
.admin-page #main-schedule .schedule-container .sidebar,
.admin-page #main-schedulemap .schedule-container .sidebar,
.admin-page #main-eot .schedule-container .sidebar,
.admin-page #main-uploaddata .schedule-container .sidebar {
    padding: 0px;
    height: 100%;
    width: 20%;
    background: #3f3f3f;
    margin-right: 5px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList,
.admin-page #main-project .schedule-container .sidebar .scheduleList,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList,
.admin-page #main-eot .schedule-container .sidebar .scheduleList,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList {
    height: inherit;
    background: #3f3f3f;
    height: 60%;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .selectcontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .selectcontainer {
    height: 25px;
    width: calc(100% - 10px);
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-project .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .selectcontainer select,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .selectcontainer select {
    width: 100%;
    background: #fff;
    color: #525865;
    border-radius: 0px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 10px;
    line-height: 1.45;
    padding: 2px;
    margin: 5px 5px 5px 5px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer {
    height: calc(100% - 25px);
    overflow-y: auto;
    margin: 5px 0 0 0;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul {
    margin: 0 0px 0 0;
    list-style: none;
    line-height: 24px;
    padding: 0px;
    font-size: 15px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li {
    background: linear-gradient(to bottom, #505050, #181818, #000000);
    color: white;
    height: 30px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li:hover {
    cursor: pointer;
    background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li.active {
    background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li a,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li a {
    width: calc(100% - 75px);
    height: 24px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0px;
    padding: 0;
    font-size: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 2px 5px 5px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.file {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Green_Icon_256.png");
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.nofile {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Gray_Icon_256.png");
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.status.late {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Red_Icon_256.png");
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 2px 5px 5px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.revised {
    background-image: url("../../Images/icons/admin_page/schedulestatus/check.png");
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-project .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-aerial .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedule .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-eot .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleList .scrollcontainer ul li div.revision.none {
    background-image: none;
  }
  .admin-page #main-user .schedule-container .sidebar .buttonContainer,
.admin-page #main-project .schedule-container .sidebar .buttonContainer,
.admin-page #main-layerdata .schedule-container .sidebar .buttonContainer,
.admin-page #main-powerbi .schedule-container .sidebar .buttonContainer,
.admin-page #main-projectwise .schedule-container .sidebar .buttonContainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .buttonContainer,
.admin-page #main-aerial .schedule-container .sidebar .buttonContainer,
.admin-page #main-schedule .schedule-container .sidebar .buttonContainer,
.admin-page #main-schedulemap .schedule-container .sidebar .buttonContainer,
.admin-page #main-eot .schedule-container .sidebar .buttonContainer,
.admin-page #main-uploaddata .schedule-container .sidebar .buttonContainer {
    height: 20px;
    padding: 5px;
    margin: 5px 0 0 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .admin-page #main-user .schedule-container .sidebar .buttonContainer button,
.admin-page #main-project .schedule-container .sidebar .buttonContainer button,
.admin-page #main-layerdata .schedule-container .sidebar .buttonContainer button,
.admin-page #main-powerbi .schedule-container .sidebar .buttonContainer button,
.admin-page #main-projectwise .schedule-container .sidebar .buttonContainer button,
.admin-page #main-projectwise365 .schedule-container .sidebar .buttonContainer button,
.admin-page #main-aerial .schedule-container .sidebar .buttonContainer button,
.admin-page #main-schedule .schedule-container .sidebar .buttonContainer button,
.admin-page #main-schedulemap .schedule-container .sidebar .buttonContainer button,
.admin-page #main-eot .schedule-container .sidebar .buttonContainer button,
.admin-page #main-uploaddata .schedule-container .sidebar .buttonContainer button {
    padding: 1.5px 11px;
    border-radius: 5px;
    font-size: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .propcontainer,
.admin-page #main-project .schedule-container .sidebar .propcontainer,
.admin-page #main-layerdata .schedule-container .sidebar .propcontainer,
.admin-page #main-powerbi .schedule-container .sidebar .propcontainer,
.admin-page #main-projectwise .schedule-container .sidebar .propcontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .propcontainer,
.admin-page #main-aerial .schedule-container .sidebar .propcontainer,
.admin-page #main-schedule .schedule-container .sidebar .propcontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .propcontainer,
.admin-page #main-eot .schedule-container .sidebar .propcontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .propcontainer {
    position: relative;
    background: #3f3f3f;
    width: 145px;
    top: -5px;
    left: 20px;
    text-align: center;
    color: white;
    display: inline-block;
    font-size: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo {
    height: calc(40% - 70px);
    background: #3f3f3f;
    overflow: auto;
    padding: 16px 5px 5px 5px;
    margin: -15px 8px 0px 8px;
    border: 1px solid grey;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer {
    padding: 0px;
    line-height: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield {
    display: inline-flex;
    width: 100%;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1 {
    font-size: 10px;
    padding: 3px;
    overflow: hidden;
    color: white;
    width: 30%;
    border: 1px solid black;
    border-top: none;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column1.first {
    border: 1px solid black;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2 {
    font-size: 10px;
    padding: 3px;
    overflow: hidden;
    color: white;
    width: 70%;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .metadatacontainer .doublefield .column2.first {
    border: 1px solid black;
    border-left: none;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer {
    height: 110px;
    font-size: 15px;
    overflow-y: auto;
    padding: 0px;
    position: relative;
    bottom: 0px;
    background: #3f3f3f;
    margin-top: 5px;
    border: 1px solid black;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul {
    margin: 0px;
    list-style: none;
    line-height: 20px;
    padding: 0px;
    font-size: 15px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul li,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul li {
    background: linear-gradient(to bottom, #505050, #424242, #505050);
    color: white;
    margin: 5px;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 10px;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul li:hover {
    background: linear-gradient(to bottom, #3c3c3c, #141414, #3c3c3c);
    cursor: pointer;
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer ul li.active {
    background: linear-gradient(to bottom, #282828, black, #282828);
  }
  .admin-page #main-user .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-project .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-layerdata .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-powerbi .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-projectwise .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-projectwise365 .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-aerial .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-schedule .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-schedulemap .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-eot .schedule-container .sidebar .scheduleInfo .filescontainer input,
.admin-page #main-uploaddata .schedule-container .sidebar .scheduleInfo .filescontainer input {
    width: 100%;
  }
  .admin-page #main-user .schedule-container .right-container,
.admin-page #main-project .schedule-container .right-container,
.admin-page #main-layerdata .schedule-container .right-container,
.admin-page #main-powerbi .schedule-container .right-container,
.admin-page #main-projectwise .schedule-container .right-container,
.admin-page #main-projectwise365 .schedule-container .right-container,
.admin-page #main-aerial .schedule-container .right-container,
.admin-page #main-schedule .schedule-container .right-container,
.admin-page #main-schedulemap .schedule-container .right-container,
.admin-page #main-eot .schedule-container .right-container,
.admin-page #main-uploaddata .schedule-container .right-container {
    padding: 0px;
    padding: 0px;
    height: 100%;
    width: 80%;
    overflow: auto;
  }
  .admin-page #main-user .schedule-container .right-container .messagecontainer,
.admin-page #main-project .schedule-container .right-container .messagecontainer,
.admin-page #main-layerdata .schedule-container .right-container .messagecontainer,
.admin-page #main-powerbi .schedule-container .right-container .messagecontainer,
.admin-page #main-projectwise .schedule-container .right-container .messagecontainer,
.admin-page #main-projectwise365 .schedule-container .right-container .messagecontainer,
.admin-page #main-aerial .schedule-container .right-container .messagecontainer,
.admin-page #main-schedule .schedule-container .right-container .messagecontainer,
.admin-page #main-schedulemap .schedule-container .right-container .messagecontainer,
.admin-page #main-eot .schedule-container .right-container .messagecontainer,
.admin-page #main-uploaddata .schedule-container .right-container .messagecontainer {
    text-align: center;
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 200px);
    font-size: 11px;
  }
  .admin-page #main-user .schedule-container .right-container .messagecontainer button,
.admin-page #main-project .schedule-container .right-container .messagecontainer button,
.admin-page #main-layerdata .schedule-container .right-container .messagecontainer button,
.admin-page #main-powerbi .schedule-container .right-container .messagecontainer button,
.admin-page #main-projectwise .schedule-container .right-container .messagecontainer button,
.admin-page #main-projectwise365 .schedule-container .right-container .messagecontainer button,
.admin-page #main-aerial .schedule-container .right-container .messagecontainer button,
.admin-page #main-schedule .schedule-container .right-container .messagecontainer button,
.admin-page #main-schedulemap .schedule-container .right-container .messagecontainer button,
.admin-page #main-eot .schedule-container .right-container .messagecontainer button,
.admin-page #main-uploaddata .schedule-container .right-container .messagecontainer button {
    position: relative;
    font-size: 10px;
    position: relative;
  }
  .admin-page #main-user .schedule-container .right-container #gdiv,
.admin-page #main-project .schedule-container .right-container #gdiv,
.admin-page #main-layerdata .schedule-container .right-container #gdiv,
.admin-page #main-powerbi .schedule-container .right-container #gdiv,
.admin-page #main-projectwise .schedule-container .right-container #gdiv,
.admin-page #main-projectwise365 .schedule-container .right-container #gdiv,
.admin-page #main-aerial .schedule-container .right-container #gdiv,
.admin-page #main-schedule .schedule-container .right-container #gdiv,
.admin-page #main-schedulemap .schedule-container .right-container #gdiv,
.admin-page #main-eot .schedule-container .right-container #gdiv,
.admin-page #main-uploaddata .schedule-container .right-container #gdiv {
    height: 100%;
  }
  .admin-page #main-user .aerial-container,
.admin-page #main-project .aerial-container,
.admin-page #main-layerdata .aerial-container,
.admin-page #main-powerbi .aerial-container,
.admin-page #main-projectwise .aerial-container,
.admin-page #main-projectwise365 .aerial-container,
.admin-page #main-aerial .aerial-container,
.admin-page #main-schedule .aerial-container,
.admin-page #main-schedulemap .aerial-container,
.admin-page #main-eot .aerial-container,
.admin-page #main-uploaddata .aerial-container {
    display: flex;
    flex-direction: row;
    line-height: 35px;
    margin: auto;
    margin-top: 20px;
    height: calc(100% - 70px);
  }
  .admin-page #main-user .aerial-container .sidebar,
.admin-page #main-project .aerial-container .sidebar,
.admin-page #main-layerdata .aerial-container .sidebar,
.admin-page #main-powerbi .aerial-container .sidebar,
.admin-page #main-projectwise .aerial-container .sidebar,
.admin-page #main-projectwise365 .aerial-container .sidebar,
.admin-page #main-aerial .aerial-container .sidebar,
.admin-page #main-schedule .aerial-container .sidebar,
.admin-page #main-schedulemap .aerial-container .sidebar,
.admin-page #main-eot .aerial-container .sidebar,
.admin-page #main-uploaddata .aerial-container .sidebar {
    padding: 0px;
    height: 100%;
    width: 20%;
    background: #3f3f3f;
    margin-right: 5px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList,
.admin-page #main-project .aerial-container .sidebar .aerialList,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList,
.admin-page #main-aerial .aerial-container .sidebar .aerialList,
.admin-page #main-schedule .aerial-container .sidebar .aerialList,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList,
.admin-page #main-eot .aerial-container .sidebar .aerialList,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList {
    height: inherit;
    background: #3f3f3f;
    height: 100%;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-project .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-eot .aerial-container .sidebar .aerialList .selectcontainer,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .selectcontainer {
    height: 30px;
    width: calc(100% - 10px);
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-project .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-eot .aerial-container .sidebar .aerialList .selectcontainer select,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .selectcontainer select {
    width: 100%;
    background: #fff;
    color: #525865;
    border-radius: 0px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 10px;
    line-height: 1.45;
    padding: 2px;
    margin: 7px 5px 5px 5px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer {
    height: calc(100% - 35px);
    overflow-y: auto;
    margin: 5px 0 0 0;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul {
    margin: 0 0px 0 0;
    list-style: none;
    line-height: 20px;
    padding: 0px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li {
    background: linear-gradient(to bottom, #505050, #181818, #000000);
    color: white;
    height: 20px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li:hover {
    cursor: pointer;
    background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li.active,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li.active {
    background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li a,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li a {
    width: calc(100% - 75px);
    height: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    /* margin: 3px; */
    padding: 0;
    font-size: 10px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 2px 5px 4px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.file {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Green_Icon_256.png");
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.nofile {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Gray_Icon_256.png");
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.status.late {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Red_Icon_256.png");
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 0px 5px 2px;
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.revised {
    background-image: url("../../Images/icons/admin_page/schedulestatus/check.png");
  }
  .admin-page #main-user .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-project .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-layerdata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-powerbi .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-projectwise365 .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-aerial .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedule .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-schedulemap .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-eot .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none,
.admin-page #main-uploaddata .aerial-container .sidebar .aerialList .scrollcontainer ul li div.revision.none {
    background-image: none;
  }
  .admin-page #main-user .aerial-container .right-container,
.admin-page #main-project .aerial-container .right-container,
.admin-page #main-layerdata .aerial-container .right-container,
.admin-page #main-powerbi .aerial-container .right-container,
.admin-page #main-projectwise .aerial-container .right-container,
.admin-page #main-projectwise365 .aerial-container .right-container,
.admin-page #main-aerial .aerial-container .right-container,
.admin-page #main-schedule .aerial-container .right-container,
.admin-page #main-schedulemap .aerial-container .right-container,
.admin-page #main-eot .aerial-container .right-container,
.admin-page #main-uploaddata .aerial-container .right-container {
    padding: 0px;
    padding: 0px;
    height: 100%;
    width: 80%;
    overflow: hidden;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title,
.admin-page #main-project .aerial-container .right-container .sub-title,
.admin-page #main-layerdata .aerial-container .right-container .sub-title,
.admin-page #main-powerbi .aerial-container .right-container .sub-title,
.admin-page #main-projectwise .aerial-container .right-container .sub-title,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title,
.admin-page #main-aerial .aerial-container .right-container .sub-title,
.admin-page #main-schedule .aerial-container .right-container .sub-title,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title,
.admin-page #main-eot .aerial-container .right-container .sub-title,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title {
    display: flex;
    width: calc(100% - 10px);
    background-color: #3f3f3f;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 5px;
    color: white;
    font-size: 12px;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title select,
.admin-page #main-project .aerial-container .right-container .sub-title select,
.admin-page #main-layerdata .aerial-container .right-container .sub-title select,
.admin-page #main-powerbi .aerial-container .right-container .sub-title select,
.admin-page #main-projectwise .aerial-container .right-container .sub-title select,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title select,
.admin-page #main-aerial .aerial-container .right-container .sub-title select,
.admin-page #main-schedule .aerial-container .right-container .sub-title select,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title select,
.admin-page #main-eot .aerial-container .right-container .sub-title select,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title select {
    height: 35px;
    border-radius: 5px;
    padding: 5px;
    width: calc(100% - 5px);
    border: 1px solid #d1d1d1;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title .column1,
.admin-page #main-project .aerial-container .right-container .sub-title .column1,
.admin-page #main-layerdata .aerial-container .right-container .sub-title .column1,
.admin-page #main-powerbi .aerial-container .right-container .sub-title .column1,
.admin-page #main-projectwise .aerial-container .right-container .sub-title .column1,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title .column1,
.admin-page #main-aerial .aerial-container .right-container .sub-title .column1,
.admin-page #main-schedule .aerial-container .right-container .sub-title .column1,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title .column1,
.admin-page #main-eot .aerial-container .right-container .sub-title .column1,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title .column1 {
    width: 33%;
    text-align: center;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title .column2,
.admin-page #main-project .aerial-container .right-container .sub-title .column2,
.admin-page #main-layerdata .aerial-container .right-container .sub-title .column2,
.admin-page #main-powerbi .aerial-container .right-container .sub-title .column2,
.admin-page #main-projectwise .aerial-container .right-container .sub-title .column2,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title .column2,
.admin-page #main-aerial .aerial-container .right-container .sub-title .column2,
.admin-page #main-schedule .aerial-container .right-container .sub-title .column2,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title .column2,
.admin-page #main-eot .aerial-container .right-container .sub-title .column2,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title .column2 {
    width: 33%;
    text-align: center;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title .column3,
.admin-page #main-project .aerial-container .right-container .sub-title .column3,
.admin-page #main-layerdata .aerial-container .right-container .sub-title .column3,
.admin-page #main-powerbi .aerial-container .right-container .sub-title .column3,
.admin-page #main-projectwise .aerial-container .right-container .sub-title .column3,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title .column3,
.admin-page #main-aerial .aerial-container .right-container .sub-title .column3,
.admin-page #main-schedule .aerial-container .right-container .sub-title .column3,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title .column3,
.admin-page #main-eot .aerial-container .right-container .sub-title .column3,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title .column3 {
    width: 33%;
    text-align: center;
  }
  .admin-page #main-user .aerial-container .right-container .sub-title h4,
.admin-page #main-project .aerial-container .right-container .sub-title h4,
.admin-page #main-layerdata .aerial-container .right-container .sub-title h4,
.admin-page #main-powerbi .aerial-container .right-container .sub-title h4,
.admin-page #main-projectwise .aerial-container .right-container .sub-title h4,
.admin-page #main-projectwise365 .aerial-container .right-container .sub-title h4,
.admin-page #main-aerial .aerial-container .right-container .sub-title h4,
.admin-page #main-schedule .aerial-container .right-container .sub-title h4,
.admin-page #main-schedulemap .aerial-container .right-container .sub-title h4,
.admin-page #main-eot .aerial-container .right-container .sub-title h4,
.admin-page #main-uploaddata .aerial-container .right-container .sub-title h4 {
    margin: 0;
    height: 33px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2,
.admin-page #main-project .aerial-container .right-container #gdiv2,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2,
.admin-page #main-aerial .aerial-container .right-container #gdiv2,
.admin-page #main-schedule .aerial-container .right-container #gdiv2,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2,
.admin-page #main-eot .aerial-container .right-container #gdiv2,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 {
    height: calc(100% - 50px);
    overflow: auto;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td {
    text-align: left;
    padding: 8px;
    border: none;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer {
    height: 80px;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer img {
    height: 80px;
    width: auto;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer {
    height: 90px;
    width: 100%;
    display: flex;
    position: relative;
    top: -96px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer:hover button {
    background: rgba(80, 80, 80, 0.425);
    color: white;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button {
    width: 33%;
    border: none;
    color: #ffffff00;
    background: #ffffff00;
    outline: none;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td .imagecontainer .buttoncontainer button:hover {
    background: rgba(80, 80, 80, 0.63);
    color: white;
    cursor: pointer;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table td:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table td:hover {
    cursor: pointer;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th:first-child {
    border-top-left-radius: 5px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th:last-child {
    border-top-right-radius: 5px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even),
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd),
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr:nth-of-type(odd) {
    background: white;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr:hover {
    background-color: #ddd;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr.active,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active {
    background-color: #ddd;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table tr.active td {
    font-weight: bold;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th {
    background-color: #3f3f3f;
    color: white;
    padding: 3px;
    font-size: 15px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th:hover {
    cursor: default;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th img,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th img {
    height: 10px;
    width: auto;
    margin-left: 5px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .tablecontainer table th img:hover {
    cursor: pointer;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer {
    margin: 0 20%;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .doubleinput,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput {
    display: flex;
    margin-top: 10px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column1 {
    margin-right: 5px;
    width: calc(50% - 5px);
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .doubleinput .column2 {
    margin-left: 5px;
    width: calc(50% - 5px);
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .singleinput,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .singleinput {
    margin-top: 10px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 5px;
    outline: none;
    width: calc(100% - 20px);
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only, .admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only {
    background: #d6d6d6;
    color: #525865;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:read-only,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:read-only {
    background: #d6d6d6;
    color: #525865;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover, .admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:-moz-read-only:hover {
    cursor: not-allowed;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer input:read-only:hover {
    cursor: not-allowed;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer button,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer button {
    border-radius: 5px;
    padding: 5px 10px;
    margin-right: 5px;
  }
  .admin-page #main-user .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-project .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-layerdata .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-powerbi .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-projectwise .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-projectwise365 .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-aerial .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-schedule .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-schedulemap .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-eot .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer,
.admin-page #main-uploaddata .aerial-container .right-container #gdiv2 .formcontainer .buttoncontainer {
    text-align: right;
    background: #3f3f3f;
    border-radius: 5px;
    padding: 3px 5px;
    margin: 10px 0;
  }
  .admin-page #main-user .aerial-container .messagecontainer,
.admin-page #main-project .aerial-container .messagecontainer,
.admin-page #main-layerdata .aerial-container .messagecontainer,
.admin-page #main-powerbi .aerial-container .messagecontainer,
.admin-page #main-projectwise .aerial-container .messagecontainer,
.admin-page #main-projectwise365 .aerial-container .messagecontainer,
.admin-page #main-aerial .aerial-container .messagecontainer,
.admin-page #main-schedule .aerial-container .messagecontainer,
.admin-page #main-schedulemap .aerial-container .messagecontainer,
.admin-page #main-eot .aerial-container .messagecontainer,
.admin-page #main-uploaddata .aerial-container .messagecontainer {
    display: none;
    text-align: center;
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 105px);
    font-size: 11px;
  }
  .admin-page #main-user .aerial-container .messagecontainer p,
.admin-page #main-project .aerial-container .messagecontainer p,
.admin-page #main-layerdata .aerial-container .messagecontainer p,
.admin-page #main-powerbi .aerial-container .messagecontainer p,
.admin-page #main-projectwise .aerial-container .messagecontainer p,
.admin-page #main-projectwise365 .aerial-container .messagecontainer p,
.admin-page #main-aerial .aerial-container .messagecontainer p,
.admin-page #main-schedule .aerial-container .messagecontainer p,
.admin-page #main-schedulemap .aerial-container .messagecontainer p,
.admin-page #main-eot .aerial-container .messagecontainer p,
.admin-page #main-uploaddata .aerial-container .messagecontainer p {
    margin: 0px;
  }
  .admin-page #main-user .aerial-container .messagecontainer button,
.admin-page #main-project .aerial-container .messagecontainer button,
.admin-page #main-layerdata .aerial-container .messagecontainer button,
.admin-page #main-powerbi .aerial-container .messagecontainer button,
.admin-page #main-projectwise .aerial-container .messagecontainer button,
.admin-page #main-projectwise365 .aerial-container .messagecontainer button,
.admin-page #main-aerial .aerial-container .messagecontainer button,
.admin-page #main-schedule .aerial-container .messagecontainer button,
.admin-page #main-schedulemap .aerial-container .messagecontainer button,
.admin-page #main-eot .aerial-container .messagecontainer button,
.admin-page #main-uploaddata .aerial-container .messagecontainer button {
    position: relative;
    font-size: 10px;
  }
  .admin-page #main-user .eot-container,
.admin-page #main-project .eot-container,
.admin-page #main-layerdata .eot-container,
.admin-page #main-powerbi .eot-container,
.admin-page #main-projectwise .eot-container,
.admin-page #main-projectwise365 .eot-container,
.admin-page #main-aerial .eot-container,
.admin-page #main-schedule .eot-container,
.admin-page #main-schedulemap .eot-container,
.admin-page #main-eot .eot-container,
.admin-page #main-uploaddata .eot-container {
    margin-top: 15px;
    overflow: auto;
    height: calc(100vh - 170px);
  }
  .admin-page #main-user .eot-container .cards-container,
.admin-page #main-project .eot-container .cards-container,
.admin-page #main-layerdata .eot-container .cards-container,
.admin-page #main-powerbi .eot-container .cards-container,
.admin-page #main-projectwise .eot-container .cards-container,
.admin-page #main-projectwise365 .eot-container .cards-container,
.admin-page #main-aerial .eot-container .cards-container,
.admin-page #main-schedule .eot-container .cards-container,
.admin-page #main-schedulemap .eot-container .cards-container,
.admin-page #main-eot .eot-container .cards-container,
.admin-page #main-uploaddata .eot-container .cards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
  }
  .admin-page #main-user .eot-container .cards-container .cards,
.admin-page #main-project .eot-container .cards-container .cards,
.admin-page #main-layerdata .eot-container .cards-container .cards,
.admin-page #main-powerbi .eot-container .cards-container .cards,
.admin-page #main-projectwise .eot-container .cards-container .cards,
.admin-page #main-projectwise365 .eot-container .cards-container .cards,
.admin-page #main-aerial .eot-container .cards-container .cards,
.admin-page #main-schedule .eot-container .cards-container .cards,
.admin-page #main-schedulemap .eot-container .cards-container .cards,
.admin-page #main-eot .eot-container .cards-container .cards,
.admin-page #main-uploaddata .eot-container .cards-container .cards {
    width: auto;
    height: 200px;
    width: 500px;
    background-color: #cccccc;
    color: black;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
  }
  .admin-page #main-user .eot-container .cards-container .cards .readonlypage,
.admin-page #main-project .eot-container .cards-container .cards .readonlypage,
.admin-page #main-layerdata .eot-container .cards-container .cards .readonlypage,
.admin-page #main-powerbi .eot-container .cards-container .cards .readonlypage,
.admin-page #main-projectwise .eot-container .cards-container .cards .readonlypage,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .readonlypage,
.admin-page #main-aerial .eot-container .cards-container .cards .readonlypage,
.admin-page #main-schedule .eot-container .cards-container .cards .readonlypage,
.admin-page #main-schedulemap .eot-container .cards-container .cards .readonlypage,
.admin-page #main-eot .eot-container .cards-container .cards .readonlypage,
.admin-page #main-uploaddata .eot-container .cards-container .cards .readonlypage {
    margin: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
  }
  .admin-page #main-user .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-project .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-layerdata .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-powerbi .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-projectwise .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-aerial .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-schedule .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-schedulemap .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-eot .eot-container .cards-container .cards .readonlypage button.addeot,
.admin-page #main-uploaddata .eot-container .cards-container .cards .readonlypage button.addeot {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: relative;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    background-image: url("../../Images/icons/admin_page/eot/plus.png");
    background-size: 100%;
    background-repeat: no-repeat;
    outline: none;
  }
  .admin-page #main-user .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-project .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-layerdata .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-powerbi .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-projectwise .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-aerial .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-schedule .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-schedulemap .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-eot .eot-container .cards-container .cards .readonlypage button.addeot:active,
.admin-page #main-uploaddata .eot-container .cards-container .cards .readonlypage button.addeot:active {
    background-image: url("../../Images/icons/admin_page/eot/plusactive.png");
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage,
.admin-page #main-project .eot-container .cards-container .cards .editpage,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage,
.admin-page #main-eot .eot-container .cards-container .cards .editpage,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage {
    display: none;
    margin: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    line-height: 20px;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-project .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .doublefield,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .doublefield {
    display: flex;
    flex-direction: row;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-project .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .doublefield .column1,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .doublefield .column1 {
    width: calc(50% - 6px);
    margin-right: 5px;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-project .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .doublefield .column2,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .doublefield .column2 {
    width: calc(50% - 6px);
    margin-left: 5px;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage label,
.admin-page #main-project .eot-container .cards-container .cards .editpage label,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage label,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage label,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage label,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage label,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage label,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage label,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage label,
.admin-page #main-eot .eot-container .cards-container .cards .editpage label,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage label {
    font-weight: bold;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage input,
.admin-page #main-project .eot-container .cards-container .cards .editpage input,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input,
.admin-page #main-eot .eot-container .cards-container .cards .editpage input,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-project .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-eot .eot-container .cards-container .cards .editpage input:not([type=checkbox]),
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input:not([type=checkbox]) {
    width: 100%;
    padding: 3px 0px;
    border-radius: 3px;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-project .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-eot .eot-container .cards-container .cards .editpage input:hover,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-project .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-eot .eot-container .cards-container .cards .editpage input:focus,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage select,
.admin-page #main-project .eot-container .cards-container .cards .editpage select,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage select,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage select,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage select,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage select,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage select,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage select,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage select,
.admin-page #main-eot .eot-container .cards-container .cards .editpage select,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-project .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-eot .eot-container .cards-container .cards .editpage textarea,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage textarea {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 1px;
    height: 30px;
    width: calc(100% - 2px);
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-project .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .buttoncontianer,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .buttoncontianer {
    position: relative;
    bottom: 0px;
    display: inline-block;
    outline: none;
    width: calc(100% - 10px);
    margin: 5px;
    text-align: right;
  }
  .admin-page #main-user .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-project .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-layerdata .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-powerbi .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-projectwise .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-projectwise365 .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-aerial .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-schedule .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-schedulemap .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-eot .eot-container .cards-container .cards .editpage .buttoncontianer button,
.admin-page #main-uploaddata .eot-container .cards-container .cards .editpage .buttoncontianer button {
    border-radius: 4px;
    padding: 2px 5px;
  }
  .admin-page #main-user .upload-container,
.admin-page #main-project .upload-container,
.admin-page #main-layerdata .upload-container,
.admin-page #main-powerbi .upload-container,
.admin-page #main-projectwise .upload-container,
.admin-page #main-projectwise365 .upload-container,
.admin-page #main-aerial .upload-container,
.admin-page #main-schedule .upload-container,
.admin-page #main-schedulemap .upload-container,
.admin-page #main-eot .upload-container,
.admin-page #main-uploaddata .upload-container {
    margin-top: 15px;
    overflow: auto;
    height: calc(100vh - 170px);
  }
  .admin-page #main-user .upload-container .topcontainer,
.admin-page #main-project .upload-container .topcontainer,
.admin-page #main-layerdata .upload-container .topcontainer,
.admin-page #main-powerbi .upload-container .topcontainer,
.admin-page #main-projectwise .upload-container .topcontainer,
.admin-page #main-projectwise365 .upload-container .topcontainer,
.admin-page #main-aerial .upload-container .topcontainer,
.admin-page #main-schedule .upload-container .topcontainer,
.admin-page #main-schedulemap .upload-container .topcontainer,
.admin-page #main-eot .upload-container .topcontainer,
.admin-page #main-uploaddata .upload-container .topcontainer {
    height: calc(50% - 10px);
    width: 100%;
    background: green;
    margin: 5px 0;
  }
  .admin-page #main-user .upload-container .topcontainer .instruction-container,
.admin-page #main-project .upload-container .topcontainer .instruction-container,
.admin-page #main-layerdata .upload-container .topcontainer .instruction-container,
.admin-page #main-powerbi .upload-container .topcontainer .instruction-container,
.admin-page #main-projectwise .upload-container .topcontainer .instruction-container,
.admin-page #main-projectwise365 .upload-container .topcontainer .instruction-container,
.admin-page #main-aerial .upload-container .topcontainer .instruction-container,
.admin-page #main-schedule .upload-container .topcontainer .instruction-container,
.admin-page #main-schedulemap .upload-container .topcontainer .instruction-container,
.admin-page #main-eot .upload-container .topcontainer .instruction-container,
.admin-page #main-uploaddata .upload-container .topcontainer .instruction-container {
    display: inline-block;
    width: 100%;
  }
  .admin-page #main-user .upload-container .topcontainer .instruction-container p,
.admin-page #main-project .upload-container .topcontainer .instruction-container p,
.admin-page #main-layerdata .upload-container .topcontainer .instruction-container p,
.admin-page #main-powerbi .upload-container .topcontainer .instruction-container p,
.admin-page #main-projectwise .upload-container .topcontainer .instruction-container p,
.admin-page #main-projectwise365 .upload-container .topcontainer .instruction-container p,
.admin-page #main-aerial .upload-container .topcontainer .instruction-container p,
.admin-page #main-schedule .upload-container .topcontainer .instruction-container p,
.admin-page #main-schedulemap .upload-container .topcontainer .instruction-container p,
.admin-page #main-eot .upload-container .topcontainer .instruction-container p,
.admin-page #main-uploaddata .upload-container .topcontainer .instruction-container p {
    margin: 0px;
    display: inline;
  }
  .admin-page #main-user .upload-container .topcontainer .instruction-container button,
.admin-page #main-project .upload-container .topcontainer .instruction-container button,
.admin-page #main-layerdata .upload-container .topcontainer .instruction-container button,
.admin-page #main-powerbi .upload-container .topcontainer .instruction-container button,
.admin-page #main-projectwise .upload-container .topcontainer .instruction-container button,
.admin-page #main-projectwise365 .upload-container .topcontainer .instruction-container button,
.admin-page #main-aerial .upload-container .topcontainer .instruction-container button,
.admin-page #main-schedule .upload-container .topcontainer .instruction-container button,
.admin-page #main-schedulemap .upload-container .topcontainer .instruction-container button,
.admin-page #main-eot .upload-container .topcontainer .instruction-container button,
.admin-page #main-uploaddata .upload-container .topcontainer .instruction-container button {
    float: right;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 5px;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container,
.admin-page #main-project .upload-container .topcontainer .table-container,
.admin-page #main-layerdata .upload-container .topcontainer .table-container,
.admin-page #main-powerbi .upload-container .topcontainer .table-container,
.admin-page #main-projectwise .upload-container .topcontainer .table-container,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container,
.admin-page #main-aerial .upload-container .topcontainer .table-container,
.admin-page #main-schedule .upload-container .topcontainer .table-container,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container,
.admin-page #main-eot .upload-container .topcontainer .table-container,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container {
    padding: 5px;
    overflow: auto;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container table,
.admin-page #main-project .upload-container .topcontainer .table-container table,
.admin-page #main-layerdata .upload-container .topcontainer .table-container table,
.admin-page #main-powerbi .upload-container .topcontainer .table-container table,
.admin-page #main-projectwise .upload-container .topcontainer .table-container table,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container table,
.admin-page #main-aerial .upload-container .topcontainer .table-container table,
.admin-page #main-schedule .upload-container .topcontainer .table-container table,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container table,
.admin-page #main-eot .upload-container .topcontainer .table-container table,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container td,
.admin-page #main-project .upload-container .topcontainer .table-container td,
.admin-page #main-layerdata .upload-container .topcontainer .table-container td,
.admin-page #main-powerbi .upload-container .topcontainer .table-container td,
.admin-page #main-projectwise .upload-container .topcontainer .table-container td,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container td,
.admin-page #main-aerial .upload-container .topcontainer .table-container td,
.admin-page #main-schedule .upload-container .topcontainer .table-container td,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container td,
.admin-page #main-eot .upload-container .topcontainer .table-container td,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container td {
    text-align: left;
    padding: 5px;
    border: none;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container td:hover,
.admin-page #main-project .upload-container .topcontainer .table-container td:hover,
.admin-page #main-layerdata .upload-container .topcontainer .table-container td:hover,
.admin-page #main-powerbi .upload-container .topcontainer .table-container td:hover,
.admin-page #main-projectwise .upload-container .topcontainer .table-container td:hover,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container td:hover,
.admin-page #main-aerial .upload-container .topcontainer .table-container td:hover,
.admin-page #main-schedule .upload-container .topcontainer .table-container td:hover,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container td:hover,
.admin-page #main-eot .upload-container .topcontainer .table-container td:hover,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container td:hover {
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-project .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-layerdata .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-powerbi .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-projectwise .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-aerial .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-schedule .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-eot .upload-container .topcontainer .table-container th:first-child,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container th:first-child {
    border-top-left-radius: 5px;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-project .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-layerdata .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-powerbi .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-projectwise .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-aerial .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-schedule .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-eot .upload-container .topcontainer .table-container th:last-child,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container th:last-child {
    border-top-right-radius: 5px;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-project .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-aerial .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedule .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-eot .upload-container .topcontainer .table-container tr:nth-of-type(even),
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-project .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-aerial .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedule .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-eot .upload-container .topcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr:nth-of-type(odd) {
    background: white;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-project .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-aerial .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-schedule .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-eot .upload-container .topcontainer .table-container tr:hover,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr.active,
.admin-page #main-project .upload-container .topcontainer .table-container tr.active,
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr.active,
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr.active,
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr.active,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr.active,
.admin-page #main-aerial .upload-container .topcontainer .table-container tr.active,
.admin-page #main-schedule .upload-container .topcontainer .table-container tr.active,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr.active,
.admin-page #main-eot .upload-container .topcontainer .table-container tr.active,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr.active {
    background-color: #ddd;
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-project .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-layerdata .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-powerbi .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-projectwise .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-aerial .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-schedule .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-eot .upload-container .topcontainer .table-container tr.active td,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container tr.active td {
    font-weight: bold;
  }
  .admin-page #main-user .upload-container .topcontainer .table-container th,
.admin-page #main-project .upload-container .topcontainer .table-container th,
.admin-page #main-layerdata .upload-container .topcontainer .table-container th,
.admin-page #main-powerbi .upload-container .topcontainer .table-container th,
.admin-page #main-projectwise .upload-container .topcontainer .table-container th,
.admin-page #main-projectwise365 .upload-container .topcontainer .table-container th,
.admin-page #main-aerial .upload-container .topcontainer .table-container th,
.admin-page #main-schedule .upload-container .topcontainer .table-container th,
.admin-page #main-schedulemap .upload-container .topcontainer .table-container th,
.admin-page #main-eot .upload-container .topcontainer .table-container th,
.admin-page #main-uploaddata .upload-container .topcontainer .table-container th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 8px;
  }
  .admin-page #main-user .upload-container .bottomcontainer,
.admin-page #main-project .upload-container .bottomcontainer,
.admin-page #main-layerdata .upload-container .bottomcontainer,
.admin-page #main-powerbi .upload-container .bottomcontainer,
.admin-page #main-projectwise .upload-container .bottomcontainer,
.admin-page #main-projectwise365 .upload-container .bottomcontainer,
.admin-page #main-aerial .upload-container .bottomcontainer,
.admin-page #main-schedule .upload-container .bottomcontainer,
.admin-page #main-schedulemap .upload-container .bottomcontainer,
.admin-page #main-eot .upload-container .bottomcontainer,
.admin-page #main-uploaddata .upload-container .bottomcontainer {
    height: calc(50% - 10px);
    width: 100%;
    background: blue;
    margin: 5px 0;
  }
  .admin-page #main-user .upload-container .bottomcontainer .instruction-container,
.admin-page #main-project .upload-container .bottomcontainer .instruction-container,
.admin-page #main-layerdata .upload-container .bottomcontainer .instruction-container,
.admin-page #main-powerbi .upload-container .bottomcontainer .instruction-container,
.admin-page #main-projectwise .upload-container .bottomcontainer .instruction-container,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .instruction-container,
.admin-page #main-aerial .upload-container .bottomcontainer .instruction-container,
.admin-page #main-schedule .upload-container .bottomcontainer .instruction-container,
.admin-page #main-schedulemap .upload-container .bottomcontainer .instruction-container,
.admin-page #main-eot .upload-container .bottomcontainer .instruction-container,
.admin-page #main-uploaddata .upload-container .bottomcontainer .instruction-container {
    display: inline-block;
    width: 100%;
  }
  .admin-page #main-user .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-project .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-layerdata .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-powerbi .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-projectwise .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-aerial .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-schedule .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-schedulemap .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-eot .upload-container .bottomcontainer .instruction-container p,
.admin-page #main-uploaddata .upload-container .bottomcontainer .instruction-container p {
    margin: 0px;
    display: inline;
  }
  .admin-page #main-user .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-project .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-layerdata .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-powerbi .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-projectwise .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-aerial .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-schedule .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-schedulemap .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-eot .upload-container .bottomcontainer .instruction-container button,
.admin-page #main-uploaddata .upload-container .bottomcontainer .instruction-container button {
    float: right;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 5px;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container,
.admin-page #main-project .upload-container .bottomcontainer .table-container,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container,
.admin-page #main-eot .upload-container .bottomcontainer .table-container,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container {
    padding: 5px;
    overflow: auto;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container table,
.admin-page #main-project .upload-container .bottomcontainer .table-container table,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container table,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container table,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container table,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container table,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container table,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container table,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container table,
.admin-page #main-eot .upload-container .bottomcontainer .table-container table,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container td,
.admin-page #main-project .upload-container .bottomcontainer .table-container td,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container td,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container td,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container td,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container td,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container td,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container td,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container td,
.admin-page #main-eot .upload-container .bottomcontainer .table-container td,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container td {
    text-align: left;
    padding: 5px;
    border: none;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-project .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-eot .upload-container .bottomcontainer .table-container td:hover,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container td:hover {
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-project .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-eot .upload-container .bottomcontainer .table-container th:first-child,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container th:first-child {
    border-top-left-radius: 5px;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-project .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-eot .upload-container .bottomcontainer .table-container th:last-child,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container th:last-child {
    border-top-right-radius: 5px;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-project .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr:nth-of-type(even),
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-project .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr:nth-of-type(odd),
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr:nth-of-type(odd) {
    background: white;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-project .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr:hover,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-project .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr.active,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr.active {
    background-color: #ddd;
    cursor: pointer;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-project .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-eot .upload-container .bottomcontainer .table-container tr.active td,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container tr.active td {
    font-weight: bold;
  }
  .admin-page #main-user .upload-container .bottomcontainer .table-container th,
.admin-page #main-project .upload-container .bottomcontainer .table-container th,
.admin-page #main-layerdata .upload-container .bottomcontainer .table-container th,
.admin-page #main-powerbi .upload-container .bottomcontainer .table-container th,
.admin-page #main-projectwise .upload-container .bottomcontainer .table-container th,
.admin-page #main-projectwise365 .upload-container .bottomcontainer .table-container th,
.admin-page #main-aerial .upload-container .bottomcontainer .table-container th,
.admin-page #main-schedule .upload-container .bottomcontainer .table-container th,
.admin-page #main-schedulemap .upload-container .bottomcontainer .table-container th,
.admin-page #main-eot .upload-container .bottomcontainer .table-container th,
.admin-page #main-uploaddata .upload-container .bottomcontainer .table-container th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 8px;
  }
  .admin-page #main-user .loadingcontainer-mainadmin,
.admin-page #main-project .loadingcontainer-mainadmin,
.admin-page #main-layerdata .loadingcontainer-mainadmin,
.admin-page #main-powerbi .loadingcontainer-mainadmin,
.admin-page #main-projectwise .loadingcontainer-mainadmin,
.admin-page #main-projectwise365 .loadingcontainer-mainadmin,
.admin-page #main-aerial .loadingcontainer-mainadmin,
.admin-page #main-schedule .loadingcontainer-mainadmin,
.admin-page #main-schedulemap .loadingcontainer-mainadmin,
.admin-page #main-eot .loadingcontainer-mainadmin,
.admin-page #main-uploaddata .loadingcontainer-mainadmin {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    right: 0px;
    background: rgba(78, 78, 78, 0.438);
    height: calc(100vh - 70px);
    text-align: center;
    z-index: 1;
  }
  .admin-page #main-user .loadingcontainer-mainadmin .loader,
.admin-page #main-project .loadingcontainer-mainadmin .loader,
.admin-page #main-layerdata .loadingcontainer-mainadmin .loader,
.admin-page #main-powerbi .loadingcontainer-mainadmin .loader,
.admin-page #main-projectwise .loadingcontainer-mainadmin .loader,
.admin-page #main-projectwise365 .loadingcontainer-mainadmin .loader,
.admin-page #main-aerial .loadingcontainer-mainadmin .loader,
.admin-page #main-schedule .loadingcontainer-mainadmin .loader,
.admin-page #main-schedulemap .loadingcontainer-mainadmin .loader,
.admin-page #main-eot .loadingcontainer-mainadmin .loader,
.admin-page #main-uploaddata .loadingcontainer-mainadmin .loader {
    position: relative;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation-name: spin;
            animation-name: spin;
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    top: calc(50% - 60px);
    left: calc(50% - 25px);
  }
  .admin-page #main-user .loadingcontainer-mainadmin #loadingText,
.admin-page #main-project .loadingcontainer-mainadmin #loadingText,
.admin-page #main-layerdata .loadingcontainer-mainadmin #loadingText,
.admin-page #main-powerbi .loadingcontainer-mainadmin #loadingText,
.admin-page #main-projectwise .loadingcontainer-mainadmin #loadingText,
.admin-page #main-projectwise365 .loadingcontainer-mainadmin #loadingText,
.admin-page #main-aerial .loadingcontainer-mainadmin #loadingText,
.admin-page #main-schedule .loadingcontainer-mainadmin #loadingText,
.admin-page #main-schedulemap .loadingcontainer-mainadmin #loadingText,
.admin-page #main-eot .loadingcontainer-mainadmin #loadingText,
.admin-page #main-uploaddata .loadingcontainer-mainadmin #loadingText {
    width: 300px;
    text-align: center;
    position: absolute;
    top: calc(50% + 35px);
    left: calc(50% - 135px);
    color: white;
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .admin-page #main-project {
    height: calc(100vh - 100px);
    overflow: hidden;
  }
  .admin-page #main-schedulemap .topcontainer {
    display: flex;
    height: calc(50vh - 100px);
    width: 100%;
    margin-top: 10px;
  }
  .admin-page #main-schedulemap .topcontainer .leftcontainer {
    width: 50%;
    background: gray;
    margin: 5px;
  }
  .admin-page #main-schedulemap .topcontainer .leftcontainer .selectcontainer {
    padding: 10px 10px 0 10px;
  }
  .admin-page #main-schedulemap .topcontainer .leftcontainer .selectcontainer select {
    width: 50%;
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
  }
  .admin-page #main-schedulemap .topcontainer .leftcontainer .jstreecontainer {
    margin: 10px;
    height: calc(50vh - 160px);
    background: #d8d8d8;
    overflow: auto;
  }
  .admin-page #main-schedulemap .topcontainer .rightcontainer {
    width: 50%;
    background: grey;
    margin: 5px;
  }
  .admin-page #main-schedulemap .topcontainer .rightcontainer .buttoncontainer {
    text-align: right;
    padding: 10px 10px 0 10px;
  }
  .admin-page #main-schedulemap .topcontainer .rightcontainer .buttoncontainer button {
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 10px;
  }
  .admin-page #main-schedulemap .topcontainer .rightcontainer .jstreecontainer {
    margin: 10px;
    height: calc(50vh - 160px);
    background: #d8d8d8;
    overflow: auto;
  }
  .admin-page #main-schedulemap .bottomcontainer {
    background: grey;
    height: calc(50vh - 60px);
    margin: 0 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader {
    display: flex;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader .headercontainer {
    width: 50%;
    text-align: center;
    margin: 20px 0 0 0;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader .headercontainer h3 {
    margin: 0;
    font-size: 12px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader .buttoncontainer {
    width: 140px;
    margin: 15px 0 0 0;
    display: flex;
  }
  .admin-page #main-schedulemap .bottomcontainer .innerheader .buttoncontainer button {
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer {
    padding: 10px;
    height: calc(50vh - 160px);
    overflow: auto;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput {
    display: flex;
    margin: 10px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput input[type=text] {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    height: 6px;
    padding: 5px;
    font-size: 10px;
    width: calc(100% - 10px);
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput input[type=checkbox] {
    height: 10px;
    margin: 5px 10px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .comumn1 {
    width: 10px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column2 {
    width: calc(50% - 55px);
    margin: 0 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column3 {
    margin: 0 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column3 img {
    width: 23px;
  }
  .admin-page #main-schedulemap .bottomcontainer .innercontainer .doubleinput .column4 {
    width: calc(50% - 55px);
    margin: 0 5px;
  }
  .admin-page #main-schedulemap .bottomcontainer .footercontainer {
    width: calc(100% - 20px);
    position: relative;
    bottom: 0px;
    /* right: 0px; */
    text-align: right;
  }
  .admin-page #main-schedulemap .bottomcontainer .footercontainer button {
    float: right;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 0 0 5px;
    font-size: 10px;
  }

  .formView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .formView .formContent {
    position: relative;
    background: lightgrey;
    margin: 2% auto;
    width: 95%;
    height: 90%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .formView .formContent .formHeader-inviteuser,
.formView .formContent .formHeader-addschedule,
.formView .formContent .formHeader-addactual,
.formView .formContent .formHeader-registeraerial,
.formView .formContent .formHeader-imageviewer {
    background: linear-gradient(to bottom, #363636, #363636);
    color: white;
    width: 100%;
    height: 35px;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 17px 0 0 0;
    font-size: 12px;
  }
  .formView .formContent .formHeader-inviteuser h3,
.formView .formContent .formHeader-addschedule h3,
.formView .formContent .formHeader-addactual h3,
.formView .formContent .formHeader-registeraerial h3,
.formView .formContent .formHeader-imageviewer h3 {
    margin: 0 0 0 0;
  }
  .formView .formContent .formHeader-inviteuser h4,
.formView .formContent .formHeader-addschedule h4,
.formView .formContent .formHeader-addactual h4,
.formView .formContent .formHeader-registeraerial h4,
.formView .formContent .formHeader-imageviewer h4 {
    margin: 0px;
  }
  .formView .formContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .formView .formContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody {
    position: relative;
    background: #e0e0e0;
    height: calc(100% - 142px);
    margin: auto;
    padding: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser {
    width: calc(100% - 50px);
    padding: 10px 5px;
    text-align: left;
    top: 0px;
    position: absolute;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser input {
    height: 15px;
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser input.right {
    float: right;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser button {
    padding: 8px 20px;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .formsearchUser button#formadmindeleteUser {
    display: none;
    float: left;
  }
  .formView .formContent .formcontainerMainBody .filterContainer {
    line-height: 30px;
    width: 18%;
    color: white;
    height: calc(100% - 20px);
    background: #5a5a5a;
    padding: 10px 15px;
    position: absolute;
  }
  .formView .formContent .formcontainerMainBody .filterContainer h4 {
    text-align: center;
    padding: 10px;
    margin: 0px;
  }
  .formView .formContent .formcontainerMainBody .filterContainer label {
    font-weight: bold;
  }
  .formView .formContent .formcontainerMainBody .filterContainer input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
  }
  .formView .formContent .formcontainerMainBody .filterContainer input:not([type=checkbox]) {
    width: 100%;
    padding: 3px 0px;
    border-radius: 3px;
  }
  .formView .formContent .formcontainerMainBody .filterContainer input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .formView .formContent .formcontainerMainBody .filterContainer input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .formView .formContent .formcontainerMainBody .filterContainer select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
  }
  .formView .formContent .formcontainerMainBody .filterContainer button {
    float: right;
    padding: 7.5px 15px;
    border-radius: 5px;
    margin-top: 15px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft {
    position: relative;
    display: inline-block;
    width: calc(45% - 90px);
    overflow: auto;
    left: 0px;
    height: calc(100% - 40px);
    top: 25px;
    background-color: white;
    border: 10px solid white;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .headercontainer {
    height: 30px;
    font-size: 12px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .headercontainer h4 {
    margin: 0px;
    padding: 5px 0;
    color: black;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer {
    height: calc(100% - 38px);
    overflow: auto;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td {
    text-align: left;
    padding: 8px;
    border: none;
    line-height: 0;
    vertical-align: center;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td span {
    margin-right: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td span img {
    height: 15px;
    width: 15px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td input {
    height: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table td:hover {
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr {
    height: 30px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr:nth-of-type(odd) {
    background: white;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr:hover {
    background-color: #ddd;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr.active {
    background-color: #ddd;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table tr.active td {
    font-weight: bold;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th {
    background-color: #363636;
    color: white;
    text-align: left;
    padding: 5px;
    /* line-height: 25px; */
    text-transform: uppercase;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th:hover {
    cursor: default;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableLeft .tablecontainer table th img:hover {
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody .container-button {
    z-index: 3;
    width: 55px;
    height: calc(100% - 50px);
    position: absolute;
    display: inline-block;
  }
  .formView .formContent .formcontainerMainBody .container-button .buttoncontainer {
    position: relative;
    top: calc(50% - 60px);
    flex-direction: column;
  }
  .formView .formContent .formcontainerMainBody .container-button .buttoncontainer button {
    margin-bottom: 10px;
    width: 100%;
    height: 25px;
    border-radius: 3px;
    font-size: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight {
    display: inline-block;
    position: relative;
    width: calc(55% - 15px - 0px);
    overflow: auto;
    height: calc(100% - 40px);
    top: 25px;
    margin-left: 60px;
    background-color: white;
    border: 10px solid white;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .headercontainer {
    height: 30px;
    font-size: 12px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .headercontainer h4 {
    margin: 0px;
    padding: 5px 0;
    color: black;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer {
    height: calc(100% - 38px);
    overflow: auto;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td {
    text-align: left;
    padding: 8px;
    border: none;
    line-height: 0;
    vertical-align: center;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td span {
    margin-right: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td span img {
    height: 15px;
    width: 15px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td input {
    height: 10px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table td:hover {
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr {
    height: 30px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr:nth-of-type(odd) {
    background: white;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr:hover {
    background-color: #ddd;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr.active {
    background-color: #ddd;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table tr.active td {
    font-weight: bold;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th {
    background-color: #363636;
    color: white;
    text-align: left;
    padding: 5px;
    /* line-height: 25px; */
    text-transform: uppercase;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th:hover {
    cursor: default;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .tablecontainer table th img:hover {
    cursor: pointer;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser {
    padding: 10px 5px;
    text-align: right;
    top: 100px;
    position: fixed;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser input {
    height: 20px;
    padding: 5px;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser button {
    padding: 8px 20px;
    border-radius: 5px;
  }
  .formView .formContent .formcontainerMainBody .container-tableRight .formsearchUser button#formadmindeleteUser {
    display: none;
    float: left;
  }
  .formView .formContent .inviteuserFooter {
    background-color: #363636;
    height: 22px;
    padding: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .formView .formContent .inviteuserFooter div {
    padding: 0px;
    margin: 0px;
  }
  .formView .formContent .inviteuserFooter div button {
    padding: 4.5px 12px;
    border-radius: 5px;
    font-size: 10px;
  }
  .formView #addscheduleformContent, .formView #addactualformContent {
    margin: 5% auto;
    width: 40%;
    height: 70%;
  }
  .formView #addscheduleformContent .formcontainerMainBody, .formView #addactualformContent .formcontainerMainBody {
    position: relative;
    background: #e0e0e0;
    height: calc(100% - 130px);
    margin: auto;
    padding: 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    line-height: 35px;
  }
  .formView #addscheduleformContent .formcontainerMainBody .revisioncontainer, .formView #addactualformContent .formcontainerMainBody .revisioncontainer {
    display: none;
    height: calc(100% - 244px);
  }
  .formView #addscheduleformContent .formcontainerMainBody label, .formView #addactualformContent .formcontainerMainBody label {
    font-weight: bold;
  }
  .formView #addscheduleformContent .formcontainerMainBody select, .formView #addactualformContent .formcontainerMainBody select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
  }
  .formView #addscheduleformContent .formcontainerMainBody textarea, .formView #addactualformContent .formcontainerMainBody textarea {
    font-size: 15px;
    width: 100%;
    height: calc(100% - 80px);
    padding: 6px 5px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    resize: vertical;
    max-height: calc(100% - 80px);
  }
  .formView #addscheduleformContent .formcontainerMainBody input, .formView #addactualformContent .formcontainerMainBody input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:not([type=checkbox]), .formView #addactualformContent .formcontainerMainBody input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:not([type=checkbox]), .formView #addactualformContent .formcontainerMainBody input#newpassword:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newconfirmpassword:not([type=checkbox]), .formView #addactualformContent .formcontainerMainBody input#newconfirmpassword:not([type=checkbox]) {
    width: calc(100% - 49px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:valid:not([type=checkbox]):required, .formView #addactualformContent .formcontainerMainBody input#newpassword:valid:not([type=checkbox]):required {
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:valid:not([type=checkbox]):required, .formView #addactualformContent .formcontainerMainBody input:valid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:focus:invalid:not([type=checkbox]):required, .formView #addactualformContent .formcontainerMainBody input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody label.required:after, .formView #addactualformContent .formcontainerMainBody label.required:after {
    content: "*";
    color: lightcoral;
  }
  .formView #addscheduleformContent .formcontainerMainBody input, .formView #addactualformContent .formcontainerMainBody input {
    border-color: #d1d1d1;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:not(:-moz-placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:not(:-ms-input-placeholder):invalid:required, .formView #addactualformContent .formcontainerMainBody input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:not(:placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:not(:-moz-placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input#newpassword:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:not(:-ms-input-placeholder):invalid:required, .formView #addactualformContent .formcontainerMainBody input#newpassword:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input#newpassword:not(:placeholder-shown):invalid:required, .formView #addactualformContent .formcontainerMainBody input#newpassword:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:-moz-placeholder-shown:focus:invalid:required, .formView #addactualformContent .formcontainerMainBody input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:-ms-input-placeholder:focus:invalid:required, .formView #addactualformContent .formcontainerMainBody input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:placeholder-shown:focus:invalid:required, .formView #addactualformContent .formcontainerMainBody input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:focus:valid:required, .formView #addactualformContent .formcontainerMainBody input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .formView #addscheduleformContent .formcontainerMainBody input:valid:required, .formView #addactualformContent .formcontainerMainBody input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .formView #addscheduleformContent .formcontainerMainBody .doubleinput, .formView #addactualformContent .formcontainerMainBody .doubleinput {
    width: 100%;
    display: flex;
  }
  .formView #addscheduleformContent .formcontainerMainBody .doubleinput .column1, .formView #addactualformContent .formcontainerMainBody .doubleinput .column1 {
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  .formView #addscheduleformContent .formcontainerMainBody .doubleinput .column2, .formView #addactualformContent .formcontainerMainBody .doubleinput .column2 {
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  .formView #addscheduleformContent .addscheduleFooter, .formView #addscheduleformContent .addactualFooter, .formView #addactualformContent .addscheduleFooter, .formView #addactualformContent .addactualFooter {
    background-color: #363636;
    height: 30px;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .formView #addscheduleformContent .addscheduleFooter div, .formView #addscheduleformContent .addactualFooter div, .formView #addactualformContent .addscheduleFooter div, .formView #addactualformContent .addactualFooter div {
    padding: 0px;
    margin: 0px;
  }
  .formView #addscheduleformContent .addscheduleFooter div button, .formView #addscheduleformContent .addactualFooter div button, .formView #addactualformContent .addscheduleFooter div button, .formView #addactualformContent .addactualFooter div button {
    padding: 6.5px 15px;
    border-radius: 5px;
    font-size: 10px;
  }
  .formView #addscheduleformContent#imageviewerformContent, .formView #addactualformContent#imageviewerformContent {
    margin: 1% auto;
    width: 97%;
    height: 95%;
  }
  .formView #addscheduleformContent#imageviewerformContent .formcontainerMainBody, .formView #addactualformContent#imageviewerformContent .formcontainerMainBody {
    height: 100%;
    width: 100%;
    text-align: center;
  }
  .formView #addscheduleformContent#imageviewerformContent .formcontainerMainBody img, .formView #addactualformContent#imageviewerformContent .formcontainerMainBody img {
    height: 100%;
    width: 100%;
  }
}
.sysadmin-page {
  display: block;
  padding: 0px;
  margin: 0px;
  top: 70px;
  position: absolute;
  height: calc(100% - 70px);
  width: 100%;
  background: white;
}
.sysadmin-page #sidebar-admin {
  position: absolute;
  height: 100%;
  width: 300px;
  background: #363636;
  box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
}
.sysadmin-page #sidebar-admin .sidebar-items {
  vertical-align: middle;
  line-height: 45px;
  padding: 0px;
  margin: 0px;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminHead {
  padding: 15px;
  font-weight: bold;
  color: white;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminHead a {
  margin-left: 15px;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminHead img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminHead img:hover {
  cursor: pointer;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminItems {
  color: white;
  text-decoration: none;
  list-style: none;
  padding-left: 15px;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminItems:hover {
  cursor: pointer;
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminItems a {
  text-decoration: none;
  margin-left: 15px;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminItems img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
  float: right;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin: 14px;
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.sysadmin-page #sidebar-admin .sidebar-items li.adminItems.active {
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.sysadmin-page #sidebar-admin .sidebar-items ul {
  display: none;
  list-style: none;
  line-height: 45px;
  padding-left: 0;
}
.sysadmin-page #sidebar-admin .sidebar-items ul li {
  color: white;
  text-decoration: none;
  list-style: none;
}
.sysadmin-page #sidebar-admin .sidebar-items ul li:hover {
  cursor: pointer;
  background: grey;
}
.sysadmin-page #sidebar-admin .sidebar-items ul li a {
  text-decoration: none;
  margin-left: 15px;
}
.sysadmin-page #sidebar-admin .sidebar-items ul li img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding-left: 35px;
}
.sysadmin-page #sidebar-admin .sidebar-items ul li.active {
  background: #5f5f5f;
}
.sysadmin-page #main-home {
  display: block;
  position: relative;
  padding: 0 20px;
  width: calc(100% - 340px);
  height: calc(100vh - 75px);
  float: right;
  overflow: auto;
}
.sysadmin-page #main-home .container-welcome .top-welcome {
  margin: 10px 10px;
  border-bottom: 1px solid black;
  line-height: 52px;
  font-weight: bolder;
  font-size: 20px;
}
.sysadmin-page #main-home .container-welcome .top-welcome a {
  margin: 0 10px;
}
.sysadmin-page #main-home .container-welcome .bottom-welcome {
  margin: 20px;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
}
.sysadmin-page #main-home .container-welcome .bottom-welcome a.secondary {
  font-weight: normal;
  font-size: 17px;
}
.sysadmin-page #main-home .container-card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: white;
}
.sysadmin-page #main-home .container-card .cards {
  position: relative;
  background: black;
  border-radius: 5px;
  top: 0px;
  width: 500px;
  height: 100%;
  margin: 20px auto;
  box-shadow: 2px 2px 10px 2px #c0c0c0;
  transition: all 0.3s;
}
.sysadmin-page #main-home .container-card .cards:hover {
  position: relative;
  transform: scale(1.02);
  box-shadow: 3px 3px 8px 3px #616161;
  transition: all 0.3s;
}
.sysadmin-page #main-home .container-card .cards .card-header {
  margin: 0 10px;
  border-bottom: 1px solid #bdbdbd;
  text-align: center;
}
.sysadmin-page #main-home .container-card .cards .card-header:hover {
  cursor: move;
}
.sysadmin-page #main-home .container-card .cards .card-header h3 {
  margin: 10px 0;
  color: #cfcfcf;
}
.sysadmin-page #main-home .container-card .cards .card-body {
  border-radius: 3px;
  background: black;
  margin: 10px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image {
  padding: 15px;
  height: auto;
  background-size: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
  color: white;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph {
  margin: 35px 0 35px 0;
  font-size: 16px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
  display: inline-block;
  width: calc(50% - 3px);
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a {
  font-size: 14px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
  font-size: 17px;
  font-weight: bold;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
  font-size: 40px;
  font-weight: bold;
  position: relative;
  top: 8px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
  font-size: 20px;
  position: relative;
  font-weight: bold;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
  font-size: 17px;
  position: relative;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
  text-align: center;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
  text-align: left;
  line-height: 45px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.left .filterProject {
  line-height: 20px;
  padding: 10px 10px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.left .filterProject:hover {
  cursor: pointer;
  background: #a9a9a961;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
  text-align: right;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
  margin: 15px 0 0 0;
  font-size: 20px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
  margin: 0 0 15px 0;
  font-size: 12px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph img {
  height: 25%;
  width: 25%;
  border-radius: 50%;
  margin: 10px 0;
  vertical-align: middle;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
  height: auto;
  width: 50px;
  border-radius: 3px;
  margin: 10px 10px;
  padding: 5px;
  background: #363636;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
  margin: 15px 0;
  text-align: left;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
  width: 100%;
  height: 30px;
  background-color: #b72f2f;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
  height: 30px;
  background-image: linear-gradient(to right, #1f5667, #01cbf9);
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
  margin: 15px 0;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
  margin-right: 5px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
  margin: 0 5px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-image: linear-gradient(to right, #1f5667, #01cbf9);
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
  margin-right: 5px;
}
.sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
  margin: 0 5px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-color: #b72f2f;
}
.sysadmin-page #main-home .container-card .cards .card-body .list-items {
  height: 45%;
  margin: 0px;
  line-height: 30px;
  list-style: none;
  padding-left: 0px;
}
.sysadmin-page #main-home .container-card .cards .card-body .list-items li {
  list-style-type: none;
}
.sysadmin-page #main-home .container-card .cards .card-body .list-items .items {
  background: #484848;
  color: white;
  font-size: 15px;
  margin: 3px 0;
  padding: 10px 5px;
  line-height: 20px;
}
.sysadmin-page #main-home .container-card .cards .card-body .list-items .items a {
  padding-left: 15px;
  font-weight: bold;
}
.sysadmin-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
  font-size: 12px;
  color: #bebebe;
}
.sysadmin-page #main-home .container-card .cards .card-body .list-items .items:hover {
  cursor: pointer;
  background: grey;
}
.sysadmin-page #main-user,
.sysadmin-page #main-project,
.sysadmin-page #archived-user,
.sysadmin-page #archived-project,
.sysadmin-page #main-account {
  display: none;
  position: relative;
  padding: 0 20px;
  width: calc(100% - 340px);
  height: calc(100vh - 75px);
  float: right;
  overflow: auto;
}
.sysadmin-page #main-user .mainHeader,
.sysadmin-page #main-project .mainHeader,
.sysadmin-page #archived-user .mainHeader,
.sysadmin-page #archived-project .mainHeader,
.sysadmin-page #main-account .mainHeader {
  width: 100%;
  height: 50px;
  background-color: #3f3f3f;
  color: white;
  border-radius: 5px;
  text-align: center;
}
.sysadmin-page #main-user .mainHeader h3,
.sysadmin-page #main-project .mainHeader h3,
.sysadmin-page #archived-user .mainHeader h3,
.sysadmin-page #archived-project .mainHeader h3,
.sysadmin-page #main-account .mainHeader h3 {
  margin: 0px;
  top: 15px;
  position: relative;
}
.sysadmin-page #main-user .headerButton,
.sysadmin-page #main-project .headerButton,
.sysadmin-page #archived-user .headerButton,
.sysadmin-page #archived-project .headerButton,
.sysadmin-page #main-account .headerButton {
  top: -42px;
  position: relative;
  float: right;
  display: inline-block;
  z-index: 1;
  right: 15px;
}
.sysadmin-page #main-user .headerButton button,
.sysadmin-page #main-project .headerButton button,
.sysadmin-page #archived-user .headerButton button,
.sysadmin-page #archived-project .headerButton button,
.sysadmin-page #main-account .headerButton button {
  border-radius: 5px;
  padding: 8px 20px;
}
.sysadmin-page #main-user .headerButton button.edit,
.sysadmin-page #main-project .headerButton button.edit,
.sysadmin-page #archived-user .headerButton button.edit,
.sysadmin-page #archived-project .headerButton button.edit,
.sysadmin-page #main-account .headerButton button.edit {
  display: none;
}
.sysadmin-page #main-user .checkcounter,
.sysadmin-page #main-project .checkcounter,
.sysadmin-page #archived-user .checkcounter,
.sysadmin-page #archived-project .checkcounter,
.sysadmin-page #main-account .checkcounter {
  top: 8px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  left: 20px;
}
.sysadmin-page #main-user .checkcounter.package,
.sysadmin-page #main-project .checkcounter.package,
.sysadmin-page #archived-user .checkcounter.package,
.sysadmin-page #archived-project .checkcounter.package,
.sysadmin-page #main-account .checkcounter.package {
  top: 447px;
}
.sysadmin-page #main-user .checkcounter p,
.sysadmin-page #main-project .checkcounter p,
.sysadmin-page #archived-user .checkcounter p,
.sysadmin-page #archived-project .checkcounter p,
.sysadmin-page #main-account .checkcounter p {
  margin: 5px 15px;
  display: inline-block;
  float: left;
  display: none;
  color: white;
}
.sysadmin-page #main-user .checkcounter button,
.sysadmin-page #main-project .checkcounter button,
.sysadmin-page #archived-user .checkcounter button,
.sysadmin-page #archived-project .checkcounter button,
.sysadmin-page #main-account .checkcounter button {
  padding: 3px 18px;
  border-radius: 5px;
}
.sysadmin-page #main-user .checkcounter button#sysadmindeleteUser, .sysadmin-page #main-user .checkcounter button#systemadminrecoverUser, .sysadmin-page #main-user .checkcounter button#sysadmindeleteProject, .sysadmin-page #main-user .checkcounter button#systemadminrecoverProject, .sysadmin-page #main-user .checkcounter button#sysadmindeletePackage, .sysadmin-page #main-user .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #main-project .checkcounter button#sysadmindeleteUser,
.sysadmin-page #main-project .checkcounter button#systemadminrecoverUser,
.sysadmin-page #main-project .checkcounter button#sysadmindeleteProject,
.sysadmin-page #main-project .checkcounter button#systemadminrecoverProject,
.sysadmin-page #main-project .checkcounter button#sysadmindeletePackage,
.sysadmin-page #main-project .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #archived-user .checkcounter button#sysadmindeleteUser,
.sysadmin-page #archived-user .checkcounter button#systemadminrecoverUser,
.sysadmin-page #archived-user .checkcounter button#sysadmindeleteProject,
.sysadmin-page #archived-user .checkcounter button#systemadminrecoverProject,
.sysadmin-page #archived-user .checkcounter button#sysadmindeletePackage,
.sysadmin-page #archived-user .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #archived-project .checkcounter button#sysadmindeleteUser,
.sysadmin-page #archived-project .checkcounter button#systemadminrecoverUser,
.sysadmin-page #archived-project .checkcounter button#sysadmindeleteProject,
.sysadmin-page #archived-project .checkcounter button#systemadminrecoverProject,
.sysadmin-page #archived-project .checkcounter button#sysadmindeletePackage,
.sysadmin-page #archived-project .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #main-account .checkcounter button#sysadmindeleteUser,
.sysadmin-page #main-account .checkcounter button#systemadminrecoverUser,
.sysadmin-page #main-account .checkcounter button#sysadmindeleteProject,
.sysadmin-page #main-account .checkcounter button#systemadminrecoverProject,
.sysadmin-page #main-account .checkcounter button#sysadmindeletePackage,
.sysadmin-page #main-account .checkcounter button#systemadminrecoverPackage {
  float: left;
  display: none;
  height: 25px;
}
.sysadmin-page #main-user .checkcounter button#systemadmindeleteparmanentUser, .sysadmin-page #main-user .checkcounter button#systemadmindeleteparmanentProject, .sysadmin-page #main-user .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #main-project .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #main-project .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #main-project .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #archived-user .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #archived-user .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #archived-user .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #archived-project .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #archived-project .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #archived-project .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #main-account .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #main-account .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #main-account .checkcounter button#systemadmindeleteparmanentPackage {
  float: left;
  display: none;
  margin-left: 5px;
}
.sysadmin-page #main-user .searchTable,
.sysadmin-page #main-project .searchTable,
.sysadmin-page #archived-user .searchTable,
.sysadmin-page #archived-project .searchTable,
.sysadmin-page #main-account .searchTable {
  top: 8px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  width: auto;
  right: 20px;
}
.sysadmin-page #main-user .searchTable button,
.sysadmin-page #main-project .searchTable button,
.sysadmin-page #archived-user .searchTable button,
.sysadmin-page #archived-project .searchTable button,
.sysadmin-page #main-account .searchTable button {
  display: none;
  border-radius: 5px;
  padding: 3px 15px;
  width: calc(100% - 70px);
  height: 25px;
}
.sysadmin-page #main-user .searchTable input,
.sysadmin-page #main-project .searchTable input,
.sysadmin-page #archived-user .searchTable input,
.sysadmin-page #archived-project .searchTable input,
.sysadmin-page #main-account .searchTable input {
  height: 10px;
  padding: 10px;
  border-radius: 5px;
  font-size: 10px;
  width: calc(100% - 20px);
}
.sysadmin-page #main-user .searchTable.project, .sysadmin-page #main-user .searchTable.package,
.sysadmin-page #main-project .searchTable.project,
.sysadmin-page #main-project .searchTable.package,
.sysadmin-page #archived-user .searchTable.project,
.sysadmin-page #archived-user .searchTable.package,
.sysadmin-page #archived-project .searchTable.project,
.sysadmin-page #archived-project .searchTable.package,
.sysadmin-page #main-account .searchTable.project,
.sysadmin-page #main-account .searchTable.package {
  top: -12px;
  position: relative;
  float: right;
  display: inline-flex;
  z-index: 1;
  width: auto;
  right: 14px;
}
.sysadmin-page #main-user .container-table,
.sysadmin-page #main-project .container-table,
.sysadmin-page #archived-user .container-table,
.sysadmin-page #archived-project .container-table,
.sysadmin-page #main-account .container-table {
  margin-top: 15px;
}
.sysadmin-page #main-user .container-table.project,
.sysadmin-page #main-project .container-table.project,
.sysadmin-page #archived-user .container-table.project,
.sysadmin-page #archived-project .container-table.project,
.sysadmin-page #main-account .container-table.project {
  overflow: auto;
  height: calc(50vh - 75px);
  margin-bottom: 10px;
}
.sysadmin-page #main-user .container-table.package,
.sysadmin-page #main-project .container-table.package,
.sysadmin-page #archived-user .container-table.package,
.sysadmin-page #archived-project .container-table.package,
.sysadmin-page #main-account .container-table.package {
  overflow: auto;
  height: calc(50vh - 150px);
  margin-top: 15px;
}
.sysadmin-page #main-user .container-table table,
.sysadmin-page #main-project .container-table table,
.sysadmin-page #archived-user .container-table table,
.sysadmin-page #archived-project .container-table table,
.sysadmin-page #main-account .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.sysadmin-page #main-user .container-table table td,
.sysadmin-page #main-project .container-table table td,
.sysadmin-page #archived-user .container-table table td,
.sysadmin-page #archived-project .container-table table td,
.sysadmin-page #main-account .container-table table td {
  text-align: left;
  padding: 8px;
  border: none;
  vertical-align: middle;
}
.sysadmin-page #main-user .container-table table td .flex,
.sysadmin-page #main-project .container-table table td .flex,
.sysadmin-page #archived-user .container-table table td .flex,
.sysadmin-page #archived-project .container-table table td .flex,
.sysadmin-page #main-account .container-table table td .flex {
  display: flex;
}
.sysadmin-page #main-user .container-table table td .flex span,
.sysadmin-page #main-project .container-table table td .flex span,
.sysadmin-page #archived-user .container-table table td .flex span,
.sysadmin-page #archived-project .container-table table td .flex span,
.sysadmin-page #main-account .container-table table td .flex span {
  margin-right: 10px;
}
.sysadmin-page #main-user .container-table table td .flex span img,
.sysadmin-page #main-project .container-table table td .flex span img,
.sysadmin-page #archived-user .container-table table td .flex span img,
.sysadmin-page #archived-project .container-table table td .flex span img,
.sysadmin-page #main-account .container-table table td .flex span img {
  height: 15px;
  width: 15px;
}
.sysadmin-page #main-user .container-table table th:first-child,
.sysadmin-page #main-project .container-table table th:first-child,
.sysadmin-page #archived-user .container-table table th:first-child,
.sysadmin-page #archived-project .container-table table th:first-child,
.sysadmin-page #main-account .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.sysadmin-page #main-user .container-table table th:last-child,
.sysadmin-page #main-project .container-table table th:last-child,
.sysadmin-page #archived-user .container-table table th:last-child,
.sysadmin-page #archived-project .container-table table th:last-child,
.sysadmin-page #main-account .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.sysadmin-page #main-user .container-table table tr:nth-of-type(even),
.sysadmin-page #main-project .container-table table tr:nth-of-type(even),
.sysadmin-page #archived-user .container-table table tr:nth-of-type(even),
.sysadmin-page #archived-project .container-table table tr:nth-of-type(even),
.sysadmin-page #main-account .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.sysadmin-page #main-user .container-table table tr:nth-of-type(odd),
.sysadmin-page #main-project .container-table table tr:nth-of-type(odd),
.sysadmin-page #archived-user .container-table table tr:nth-of-type(odd),
.sysadmin-page #archived-project .container-table table tr:nth-of-type(odd),
.sysadmin-page #main-account .container-table table tr:nth-of-type(odd) {
  background: white;
}
.sysadmin-page #main-user .container-table table tr:hover,
.sysadmin-page #main-project .container-table table tr:hover,
.sysadmin-page #archived-user .container-table table tr:hover,
.sysadmin-page #archived-project .container-table table tr:hover,
.sysadmin-page #main-account .container-table table tr:hover {
  background-color: #ddd;
  cursor: pointer;
}
.sysadmin-page #main-user .container-table table th,
.sysadmin-page #main-project .container-table table th,
.sysadmin-page #archived-user .container-table table th,
.sysadmin-page #archived-project .container-table table th,
.sysadmin-page #main-account .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.sysadmin-page #main-user .container-table table th:hover,
.sysadmin-page #main-project .container-table table th:hover,
.sysadmin-page #archived-user .container-table table th:hover,
.sysadmin-page #archived-project .container-table table th:hover,
.sysadmin-page #main-account .container-table table th:hover {
  cursor: default;
}
.sysadmin-page #main-user .container-table table th img,
.sysadmin-page #main-project .container-table table th img,
.sysadmin-page #archived-user .container-table table th img,
.sysadmin-page #archived-project .container-table table th img,
.sysadmin-page #main-account .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.sysadmin-page #main-user .container-table table th img:hover,
.sysadmin-page #main-project .container-table table th img:hover,
.sysadmin-page #archived-user .container-table table th img:hover,
.sysadmin-page #archived-project .container-table table th img:hover,
.sysadmin-page #main-account .container-table table th img:hover {
  cursor: pointer;
}
.sysadmin-page #main-user .account-container,
.sysadmin-page #main-project .account-container,
.sysadmin-page #archived-user .account-container,
.sysadmin-page #archived-project .account-container,
.sysadmin-page #main-account .account-container {
  width: 100%;
}
.sysadmin-page #main-user .account-container .formHeader-account,
.sysadmin-page #main-project .account-container .formHeader-account,
.sysadmin-page #archived-user .account-container .formHeader-account,
.sysadmin-page #archived-project .account-container .formHeader-account,
.sysadmin-page #main-account .account-container .formHeader-account {
  background-image: linear-gradient(to bottom, #414141, #363636);
  width: 100%;
  text-align: center;
  border-radius: 5px;
  margin-top: 40px;
  margin-bottom: 25px;
}
.sysadmin-page #main-user .account-container .formHeader-account h3,
.sysadmin-page #main-project .account-container .formHeader-account h3,
.sysadmin-page #archived-user .account-container .formHeader-account h3,
.sysadmin-page #archived-project .account-container .formHeader-account h3,
.sysadmin-page #main-account .account-container .formHeader-account h3 {
  color: white;
  margin: 0px;
  padding: 20px;
  size: 30px;
  display: inline-block;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody,
.sysadmin-page #main-project .account-container .formcontainerMainBody,
.sysadmin-page #archived-user .account-container .formcontainerMainBody,
.sysadmin-page #archived-project .account-container .formcontainerMainBody,
.sysadmin-page #main-account .account-container .formcontainerMainBody {
  position: relative;
  background: white;
  height: calc(100% - 115px);
  width: calc(100% - 20px);
  padding: 0 15px;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view {
  width: auto;
  line-height: 35px;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view img {
  height: 30px;
  vertical-align: middle;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view img span {
  align-items: center;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer {
  width: 100%;
  display: inline-block;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield {
  line-height: 3vh;
  display: flex;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 {
  display: inline-block;
  width: calc(50% - 9px);
  margin-right: 20px;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label {
  font-weight: bold;
  font-size: 20px;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div {
  height: 32px;
  margin: 0px;
  background-color: lightgrey;
  outline: none;
  font-size: 16px;
  cursor: not-allowed;
  padding: 5px 10px;
  width: calc(100% - 30px);
  color: black;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 {
  display: inline-block;
  width: calc(50% - 9px);
  margin-left: 20px;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label {
  font-weight: bold;
  font-size: 20px;
}
.sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div {
  height: 32px;
  margin: 0px;
  background-color: lightgrey;
  outline: none;
  font-size: 16px;
  cursor: not-allowed;
  padding: 5px 10px;
  width: calc(100% - 30px);
  color: black;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
}
.sysadmin-page #main-user,
.sysadmin-page #archived-user {
  height: calc(100vh - 90px);
  float: right;
  overflow: auto;
  padding: 0px;
  top: 0px;
  margin: 10px;
}
.sysadmin-page #main-project,
.sysadmin-page #archived-project {
  height: calc(100vh - 90px);
  float: right;
  overflow: auto;
  padding: 0px;
  top: 0px;
  margin: 10px;
}
.sysadmin-page #main-project {
  height: calc(100vh - 40px);
  float: right;
  overflow: auto;
  padding: 0px;
  top: 0px;
  margin: 10px;
}
.sysadmin-page #main-project .topcontainer {
  height: 50vh;
}
.sysadmin-page #main-project .bottomcontainer {
  height: calc(50vh - 100px);
}

.systemadminformView {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.479);
}
.systemadminformView .formContent {
  position: relative;
  background: lightgrey;
  margin: 5% auto;
  width: 40%;
  height: auto;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
  border-radius: 5px;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}
.systemadminformView .formContent .newuserPicture {
  display: none;
  position: absolute;
  line-height: 25px;
  right: 0;
  left: calc(50% - 50px);
  top: -70px;
  color: black;
  font-size: 16px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  font-weight: bold;
  /* text-align: center; */
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
  border: 3px solid #363636;
  vertical-align: middle;
}
.systemadminformView .formContent .newuserPicture .newuserInitial {
  position: relative;
  top: calc(-11px + 50px);
  color: white;
  font-size: 30px;
}
.systemadminformView .formContent .formHeader-user,
.systemadminformView .formContent .formHeader-project,
.systemadminformView .formContent .formHeader-org,
.systemadminformView .formContent .formHeader-group {
  background-color: #363636;
  color: white;
  width: 100%;
  height: 45px;
  text-align: center;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 25px 0 0 0;
}
.systemadminformView .formContent .formHeader-user h3,
.systemadminformView .formContent .formHeader-project h3,
.systemadminformView .formContent .formHeader-org h3,
.systemadminformView .formContent .formHeader-group h3 {
  margin: 10px 0 0 0;
}
.systemadminformView .formContent .formHeader-user h4,
.systemadminformView .formContent .formHeader-project h4,
.systemadminformView .formContent .formHeader-org h4,
.systemadminformView .formContent .formHeader-group h4 {
  margin: 0px;
}
.systemadminformView .formContent .closebutton {
  position: absolute;
  line-height: 25px;
  right: -12px;
  top: -10px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 25px;
  height: 25px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.systemadminformView .formContent .closebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody {
  position: relative;
  background: white;
  height: 60vh;
  overflow: auto;
  padding: 20px 20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit {
  line-height: 35px;
  margin: 0px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput.idcontainer,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .idcontainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput.idcontainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .idcontainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput.idcontainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .idcontainer {
  display: none;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept {
  margin: 15px 0;
  border: 1px solid grey;
  border-radius: 5px;
  display: none;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems {
  display: inline-block;
  padding: 0 5px;
  margin: 3px 2px;
  background-image: linear-gradient(to bottom, #bfbebe, #8a8a8a, #bfbebe);
  border-radius: 5px;
  height: 26px;
  width: auto;
  vertical-align: middle;
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag {
  padding: 0px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag a,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag a,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag a {
  position: relative;
  top: -4px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div {
  padding: 0;
  float: right;
  margin-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div {
  position: relative;
  top: -4px;
  color: #464646;
  font-weight: bold;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div:hover,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div:hover,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div:hover {
  color: black;
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit label,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit label,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit label {
  font-weight: bold;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
  outline: none;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input::-moz-placeholder, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input::-moz-placeholder, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input::-moz-placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:-ms-input-placeholder, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:-ms-input-placeholder, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:-ms-input-placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input::placeholder,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input::placeholder,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input::placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not([type=checkbox]) {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newconfirmpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newconfirmpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newconfirmpassword:not([type=checkbox]) {
  width: calc(100% - 49px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:valid:not([type=checkbox]):required {
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:valid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus:invalid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus:invalid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus:invalid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:hover,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:hover,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus {
  background: #fff;
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus.newid,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus.newid,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus.newid {
  color: lightgrey;
  border: 1px solid lightgrey;
  box-shadow: none;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit label.required:after,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit label.required:after,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit label.required:after {
  content: "*";
  color: lightcoral;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input {
  border-color: #d1d1d1;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:-ms-input-placeholder:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:-ms-input-placeholder:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:-ms-input-placeholder:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:placeholder-shown:focus:invalid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:placeholder-shown:focus:invalid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus:valid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus:valid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus:valid:required {
  border-color: #1fe01f;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:valid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:valid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:valid:required {
  border-color: #d1d1d1;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser {
  display: inline-flex;
  border: 1px solid grey;
  height: 28px;
  /* padding: 8px; */
  border-radius: 4px;
  outline: none;
  /* border-style: none; */
  width: 29px;
  position: relative;
  top: -1px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button {
  background: none;
  border-style: none;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button img {
  cursor: pointer;
  width: 15px;
  vertical-align: middle;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button img:active {
  outline: 0;
  background: #888;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  box-shadow: 0 0 0px 5px #888;
  transition-duration: 10ms;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button:focus {
  outline: 0;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator {
  display: none;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator #newpasswordstrengthContainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator #newpasswordstrengthContainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator #newpasswordstrengthContainer {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  width: 200px;
  height: 20px;
  display: inline-block;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator #newpasswordstrengthContainer #newpasswordstrength,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator #newpasswordstrengthContainer #newpasswordstrength,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator #newpasswordstrengthContainer #newpasswordstrength {
  background: red;
  width: 50px;
  height: 20px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator #newpasswordstrengthText,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator #newpasswordstrengthText,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator #newpasswordstrengthText {
  display: inline-block;
  position: relative;
  align-items: center;
  top: -4px;
  margin-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .resetcheck,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .resetcheck,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .resetcheck {
  display: none;
  margin-top: 0px;
  width: auto;
  padding: 3px 0px;
  border-radius: 3px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .resetcheck#checkresetpassword,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .resetcheck#checkresetpassword,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .resetcheck#checkresetpassword {
  margin-top: 20px;
  padding-left: 10px;
  display: none;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit select,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit select,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit select {
  font-size: 1em;
  width: 100%;
  padding: 3px 0px 3px 6px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
  outline: none;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit select option:disabled,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit select option:disabled,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit select option:disabled {
  color: #aaaaaa;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput {
  display: flex;
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column1,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column1,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column1 {
  width: 50%;
  margin-right: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column11,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column11,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column11 {
  width: calc(100% - 100px);
  margin-right: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column2,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column2,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column2 {
  width: 50%;
  margin-left: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column22,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column22,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column22 {
  width: 200px;
  margin-left: 5px;
  height: 30px;
  position: relative;
  top: 35px;
  overflow: hidden;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column22 button,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column22 button,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column22 button {
  position: relative;
  top: 33px;
  width: 100%;
  padding: 4px 10px;
  border-radius: 3px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly {
  display: none;
  width: 100%;
  line-height: 40px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly img {
  width: 30px;
  vertical-align: middle;
  margin: 0 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .viewonedit {
  display: none;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td {
  text-align: left;
  padding: 8px;
  border: none;
  vertical-align: middle;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td .flex {
  display: flex;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td .flex span {
  margin-right: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td .flex span img {
  height: 15px;
  width: 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table tr:nth-of-type(odd) {
  background: white;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table tr:hover {
  background-color: #ddd;
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th:hover {
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th img:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .pagenumber {
  height: 30px;
  margin-top: -5px;
  margin-bottom: 15px;
  list-style: none;
  padding-left: calc(50% - 235px);
  font-size: 12px;
}
.systemadminformView .formContent .formcontainerMainBody .pagenumber .slash {
  text-decoration: none;
  margin-left: 0px;
  padding: 10px 0;
  color: grey;
  list-style-type: none;
}
.systemadminformView .formContent .formcontainerMainBody .pagenumber .slash.hide {
  display: none;
}
.systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter {
  text-decoration: none;
  margin-left: 0px;
  padding: 10px;
  color: grey;
  list-style-type: none;
}
.systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter.active {
  font-weight: bolder;
  color: black;
}
.systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter.hide {
  display: none;
}
.systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 {
  line-height: 30px;
  margin: 0px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput {
  display: flex;
  width: 100%;
  margin: 5px 0;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column1 {
  width: 50%;
  text-align: center;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column1 input {
  width: auto;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column2 {
  width: 50%;
  text-align: center;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column2 input {
  width: auto;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .hiddencontainer {
  display: none;
  line-height: 33px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .hiddencontainer.active {
  display: block;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 label {
  font-weight: bold;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em;
  outline: none;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input::-moz-placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:-ms-input-placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input::placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input.readonly {
  background: lightgray;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input.readonly:hover {
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not([type=radio]) {
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not([type=checkbox]) {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:valid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus:invalid:not([type=checkbox]):required {
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus.readonly {
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 label.required:after {
  content: "*";
  color: lightcoral;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input {
  border-color: #d1d1d1;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:-moz-placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:-ms-input-placeholder:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus:valid:required {
  border-color: #1fe01f;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:valid:required {
  border-color: #d1d1d1;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 select {
  font-size: 1em;
  width: 100%;
  padding: 3px 0px 3px 6px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
  outline: none;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 select.readonly {
  background: lightgray;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .projectimageupload {
  text-align: center;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .projectimageupload img#projectimage {
  width: 207px;
  margin: 0 240px 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 {
  line-height: 35px;
  margin: 0px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer {
  background: white;
  margin: 30px 5px;
  padding: 20px 10px;
  border: 1px solid grey;
  box-shadow: 3px 5px 6px rgba(92, 92, 92, 0.562);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer h3 {
  margin: 0 0 5px 0;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer label {
  font-weight: bold;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer select {
  font-size: 1em;
  width: 100%;
  padding: 3px 0px 3px 6px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
  outline: none;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .singleinput {
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .singleinput h3 {
  border-radius: 5px;
  padding: 0px 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .doubleinput {
  display: flex;
  width: 100%;
  width: calc(100% - 20px);
  padding: 0 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .doubleinput .column1 {
  width: 60%;
  margin-right: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .doubleinput .column2 {
  width: 40%;
  margin-left: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 {
  line-height: 35px;
  margin: 0px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 label {
  font-weight: bold;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em;
  outline: none;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input::-moz-placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:-ms-input-placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input::placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:focus {
  background: #fff;
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:focus.newid {
  color: lightgrey;
  border: 1px solid lightgrey;
  box-shadow: none;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 label.required:after {
  content: "*";
  color: lightcoral;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input {
  border-color: #d1d1d1;
  width: calc(100% - 50px);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 25px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input#newpassword:not(:-moz-placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input#newpassword:not(:-ms-input-placeholder):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input#newpassword:not(:placeholder-shown):invalid:required {
  background: url(../../Images/icons/gen_button/cancel.svg);
  border-color: red;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
  width: calc(100% - 64px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:-moz-placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:-ms-input-placeholder:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:placeholder-shown:focus:invalid:required {
  width: calc(100% - 10px);
  padding: 3px 0px;
  border-radius: 3px;
  padding-left: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:focus:valid:required {
  border-color: #1fe01f;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:valid:required {
  border-color: #d1d1d1;
  background: url(../../Images/icons/gen_button/checked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 select {
  font-size: 1em;
  width: 100%;
  padding: 3px 0px 3px 6px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
  outline: none;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 .doubleinput {
  display: flex;
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 .doubleinput .column1 {
  width: 50%;
  margin-right: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 .doubleinput .column2 {
  width: 50%;
  margin-left: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 {
  display: none;
  height: calc(100% - 40px);
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .RIWindow {
  background: green;
  height: 60%;
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer {
  position: relative;
  margin: 10px 0;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer .coodirnateinstruction {
  background-color: #4e4e4e;
  border-radius: 5px;
  padding: 10px;
  color: white;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer label.coordinates {
  font-weight: bold;
  font-size: 20px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer span button {
  padding: 5px 10px;
  border-radius: 3px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer #Fusecoordinateval2 {
  margin: 10px 0;
  font-size: 16px;
  margin: 10px 0;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 {
  display: none;
  height: calc(100% - 40px);
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 input.searchuserAddProject {
  position: relative;
  width: 254px;
  height: 29px;
  top: -44px;
  z-index: 3;
  border-radius: 5px;
  padding: 5px 5px;
  /* background: lightgrey; */
  color: black;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .organizeuser {
  position: fixed;
  top: 115px;
  z-index: 3;
  border-radius: 5px;
  padding: 10px 20px;
  background: lightgrey;
  color: black;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer {
  display: none;
  line-height: 30px;
  width: 18%;
  color: white;
  height: calc(100% - 100px);
  background: #5a5a5a;
  padding: 10px 15px;
  position: absolute;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer h4 {
  text-align: center;
  padding: 10px;
  margin: 0px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer label {
  font-weight: bold;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input {
  background: #fff;
  color: #525865;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  font-size: 1em;
  line-height: 1.45;
  padding: 0.6em 1.45em 0.7em 1.45em;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input::-moz-placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:-ms-input-placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input::placeholder {
  color: #c9c8c8;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:not([type=checkbox]) {
  width: 100%;
  padding: 3px 0px;
  border-radius: 3px;
  margin-top: 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:hover {
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:focus {
  color: #4b515d;
  border: 1px solid #B8B6B6;
  box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer select {
  font-size: 15px;
  width: 100%;
  padding: 6px 0px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer button {
  float: right;
  padding: 7.5px 15px;
  border-radius: 5px;
  margin-top: 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table {
  position: absolute;
  width: calc(100% - 40px);
  overflow: auto;
  left: 20px;
  float: right;
  top: 55px;
  /*
  .formsearchUser{
      padding: 10px 5px;
      text-align: right;
      top: 100px;
      position: fixed;
      input{
          height: 20px;
          padding: 5px;
          border-radius: 5px;
      }
      button{
          padding: 8px 20px;
          border-radius: 5px;
          &#formadmindeleteUser{
              display:none;
              float: left;
          }
      }
  }*/
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td {
  text-align: left;
  padding: 8px;
  border: none;
  vertical-align: middle;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td .flex {
  display: flex;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td .flex span {
  margin-right: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td .flex span img {
  height: 15px;
  width: 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table tr:nth-of-type(odd) {
  background: white;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table tr:hover {
  background-color: #ddd;
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th:hover {
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th img:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 {
  display: none;
  height: calc(100% - 40px);
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer {
  width: 100%;
  height: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer {
  height: 50%;
  width: 100%;
  margin-bottom: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .inputContainer {
  height: 30px;
  display: inline-block;
  width: 190px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .headerContainer {
  display: inline-block;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table {
  position: ralative;
  overflow: auto;
  height: calc(100% - 40px);
  /*
  .formsearchUser{
      padding: 10px 5px;
      text-align: right;
      top: 100px;
      position: fixed;
      input{
          height: 20px;
          padding: 5px;
          border-radius: 5px;
      }
      button{
          padding: 8px 20px;
          border-radius: 5px;
          &#formadmindeleteUser{
              display:none;
              float: left;
          }
      }
  }*/
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td {
  text-align: left;
  padding: 8px;
  vertical-align: middle;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td .flex {
  display: flex;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td .flex span {
  margin-right: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td .flex span img {
  height: 15px;
  width: 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table tr:nth-of-type(odd) {
  background: white;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table tr:hover {
  background-color: #ddd;
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th:hover {
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th img:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer {
  height: 50%;
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .inputContainer {
  height: 30px;
  display: inline-block;
  width: 190px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .inputContainer h4 {
  margin: 0px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .headerContainer {
  display: inline-block;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table {
  position: relative;
  overflow: auto;
  height: calc(100% - 40px);
  /*
  .formsearchUser{
      padding: 10px 5px;
      text-align: right;
      top: 100px;
      position: fixed;
      input{
          height: 20px;
          padding: 5px;
          border-radius: 5px;
      }
      button{
          padding: 8px 20px;
          border-radius: 5px;
          &#formadmindeleteUser{
              display:none;
              float: left;
          }
      }
  }*/
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td {
  text-align: left;
  padding: 8px;
  vertical-align: middle;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td .flex {
  display: flex;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td .flex span {
  margin-right: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td .flex span img {
  height: 15px;
  width: 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table tr:nth-of-type(odd) {
  background: white;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table tr:hover {
  background-color: #ddd;
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th:hover {
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th img:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 {
  display: none;
  height: calc(100% - 40px);
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 input.searchuserAddProject {
  position: relative;
  width: 254px;
  height: 29px;
  top: -44px;
  z-index: 3;
  border-radius: 5px;
  padding: 5px 5px;
  /* background: lightgrey; */
  color: black;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table {
  position: absolute;
  width: calc(100% - 40px);
  overflow: auto;
  left: 20px;
  float: right;
  top: 55px;
  /*
  .formsearchUser{
      padding: 10px 5px;
      text-align: right;
      top: 100px;
      position: fixed;
      input{
          height: 20px;
          padding: 5px;
          border-radius: 5px;
      }
      button{
          padding: 8px 20px;
          border-radius: 5px;
          &#formadmindeleteUser{
              display:none;
              float: left;
          }
      }
  }*/
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td {
  text-align: left;
  padding: 8px;
  border: none;
  vertical-align: middle;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td .flex {
  display: flex;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td .flex span {
  margin-right: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td .flex span img {
  height: 15px;
  width: 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table tr:nth-of-type(odd) {
  background: white;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table tr:hover {
  background-color: #ddd;
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th:hover {
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th img:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly {
  display: none;
  width: 100%;
  line-height: 25px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer {
  width: 80%;
  display: inline-block;
  float: left;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield {
  margin-right: 20px;
  margin-left: 20px;
  display: flex;
  width: calc(100% - 40px);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column1 {
  display: inline-block;
  width: calc(50% - 9px);
  margin-right: 10px;
  border: 1px solid gray;
  border-radius: 10px;
  background: lightgray;
  overflow: hidden;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column1 img {
  width: 18px;
  vertical-align: middle;
  margin: 0 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column1 div {
  width: calc(100% - 65px);
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  padding: 3px 0;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2 {
  display: inline-block;
  width: calc(50% - 9px);
  margin-left: 10px;
  border: 1px solid gray;
  border-radius: 10px;
  background: lightgray;
  overflow: hidden;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2.invi {
  display: none;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2 img {
  width: 18px;
  vertical-align: middle;
  margin: 0 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2 div {
  width: calc(100% - 65px);
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  padding: 3px 0;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .projecticoncontainer {
  width: calc(20% - 4px);
  display: inline-block;
  text-align: center;
  height: 200px;
  border: 2px solid gray;
  border-radius: 10px;
  background-image: url(../../Images/icons/admin_page/newprojectform/Transparency100.png);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .projecticoncontainer .imagecontainer {
  width: calc(100% - 4px);
  margin: 2px;
  height: calc(100% - 4px);
  border-radius: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer {
  margin-top: 30px;
  width: calc(100% - 20px);
  overflow: auto;
  height: calc(100% - 60px);
  top: 55px;
  float: right;
  border-top: 3px dashed gray;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer {
  border: 1px solid grey;
  margin: 20px 0;
  padding: 0 10px 10px 10px;
  box-shadow: 3px 5px 6px rgba(92, 92, 92, 0.562);
  width: calc(100% - 30px);
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer h3, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer h3, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer h3 {
  margin: 0;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput {
  display: flex;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput .column1, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput .column1, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput .column1 {
  width: calc(50% - 20px);
  margin-right: 10px;
  text-align: left;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput .column2, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput .column2, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput .column2 {
  width: calc(50% - 20px);
  margin-left: 10px;
  text-align: center;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput input, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput input, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput input {
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  background: lightgray;
  outline: none;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput input :hover, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput input :hover, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput input :hover {
  cursor: not-allowed;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput select, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput select, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput select {
  font-size: 1em;
  width: 100%;
  padding: 3px 0px 3px 6px;
  border-radius: 4px;
  border: 1px solid #d1d1d1;
  background: #fff;
  color: #525865;
  box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  font-family: inherit;
  line-height: 1.45;
  outline: none;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table {
  margin-top: 30px;
  width: calc(100% - 20px);
  overflow: auto;
  height: calc(100% - 60px);
  top: 55px;
  float: right;
  border-top: 3px dashed gray;
  /*
  .formsearchUser{
      padding: 10px 5px;
      text-align: right;
      top: 100px;
      position: fixed;
      input{
          height: 20px;
          padding: 5px;
          border-radius: 5px;
      }
      button{
          padding: 8px 20px;
          border-radius: 5px;
          &#formadmindeleteUser{
              display:none;
              float: left;
          }
      }
  }*/
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table h3 {
  margin: 10px 0;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
  font-size: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td {
  text-align: left;
  padding: 8px;
  border: none;
  vertical-align: middle;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td .flex {
  display: flex;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td .flex span {
  margin-right: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td .flex span img {
  height: 15px;
  width: 15px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td input {
  height: 10px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr {
  height: 30px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr:nth-of-type(odd) {
  background: white;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr:hover {
  background-color: #ddd;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr.active {
  background-color: #ddd;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr.active td {
  font-weight: bold;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 5px;
  line-height: 1;
  text-transform: uppercase;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th:hover {
  cursor: default;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th img {
  height: 8px;
  width: auto;
  margin-left: 5px;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th img:hover {
  cursor: pointer;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .RIWindow {
  margin-top: 30px;
  margin-bottom: 60px;
  float: right;
  width: calc(100% - 20px);
  height: 500px;
  border-top: 3px dashed gray;
}
.systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .RIWindow h3 {
  margin: 10px 0;
}
.systemadminformView .formContent .newuserFooter,
.systemadminformView .formContent .neworgFooter,
.systemadminformView .formContent .newgroupFooter {
  background-color: #363636;
  height: 30px;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}
.systemadminformView .formContent .newuserFooter div,
.systemadminformView .formContent .neworgFooter div,
.systemadminformView .formContent .newgroupFooter div {
  padding: 0px;
  margin: 0px;
}
.systemadminformView .formContent .newuserFooter div button,
.systemadminformView .formContent .neworgFooter div button,
.systemadminformView .formContent .newgroupFooter div button {
  padding: 7.5px 15px;
  border-radius: 5px;
}
.systemadminformView .formContent .newuserFooter .edit-page2,
.systemadminformView .formContent .neworgFooter .edit-page2,
.systemadminformView .formContent .newgroupFooter .edit-page2 {
  display: none;
}
.systemadminformView .formContent .newuserFooter .readonly,
.systemadminformView .formContent .neworgFooter .readonly,
.systemadminformView .formContent .newgroupFooter .readonly {
  display: none;
}
.systemadminformView .formContent .newprojectFooter {
  background-color: #363636;
  height: 30px;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}
.systemadminformView .formContent .newprojectFooter div {
  padding: 0px;
  margin: 0px;
}
.systemadminformView .formContent .newprojectFooter div button {
  padding: 7.5px 15px;
  border-radius: 5px;
}
.systemadminformView .formContent .newprojectFooter div button#newprojectnextpage1-1, .systemadminformView .formContent .newprojectFooter div button#newprojectback2-2, .systemadminformView .formContent .newprojectFooter div button#newprojectSave1, .systemadminformView .formContent .newprojectFooter div button#newprojectUpdate1, .systemadminformView .formContent .newprojectFooter div button#newprojectEdit1 {
  display: none;
}
.systemadminformView .formContent .newprojectFooter .edit-page2 {
  display: none;
}
.systemadminformView .formContent .newprojectFooter .edit-page3 {
  display: none;
}
.systemadminformView .formContent .newprojectFooter .edit-page4 {
  display: none;
}
.systemadminformView .formContent .newprojectFooter .edit-page5 {
  display: none;
}
.systemadminformView .formContent .newprojectFooter .edit-page6 {
  display: none;
}
.systemadminformView .formContent .newprojectFooter .edit-page7 {
  display: none;
}
.systemadminformView .formContent .newprojectFooter .readonly {
  display: none;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .sysadmin-page {
    display: block;
    padding: 0px;
    margin: 0px;
    top: 50px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
  }
  .sysadmin-page #sidebar-admin {
    position: absolute;
    height: 100%;
    width: 220px;
    background: #363636;
    box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
  }
  .sysadmin-page #sidebar-admin .sidebar-items {
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminHead {
    padding: 10px;
    font-weight: bold;
    color: white;
    font-size: 12px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminHead a {
    margin-left: 10px;
    vertical-align: middle;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminHead img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminHead img:hover {
    cursor: pointer;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems {
    color: white;
    text-decoration: none;
    list-style: none;
    padding-left: 10px;
    font-size: 12px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems:hover {
    cursor: pointer;
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems a {
    text-decoration: none;
    margin-left: 10px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
    float: right;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 9px;
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems.active {
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul {
    display: none;
    list-style: none;
    line-height: 30px;
    padding-left: 0;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li {
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: 12px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li:hover {
    cursor: pointer;
    background: grey;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li a {
    text-decoration: none;
    margin-left: 15px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-left: 35px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li.active {
    background: #5f5f5f;
  }
  .sysadmin-page #main-home {
    display: block;
    position: relative;
    padding: 0 20px;
    width: calc(100% - 255px);
    height: calc(100vh - 50px);
    float: right;
    overflow: auto;
  }
  .sysadmin-page #main-home .container-welcome .top-welcome {
    margin: 10px 10px;
    border-bottom: 1px solid black;
    line-height: 52px;
    font-weight: bolder;
    font-size: 14px;
  }
  .sysadmin-page #main-home .container-welcome .top-welcome a {
    margin: 0 10px;
  }
  .sysadmin-page #main-home .container-welcome .bottom-welcome {
    margin: 20px;
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
  }
  .sysadmin-page #main-home .container-welcome .bottom-welcome a.secondary {
    font-weight: normal;
    font-size: 13px;
  }
  .sysadmin-page #main-home .container-card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: white;
  }
  .sysadmin-page #main-home .container-card .cards {
    position: relative;
    background: black;
    border-radius: 5px;
    top: 0px;
    width: 340px;
    height: 100%;
    margin: 20px auto;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
    transition: all 0.3s;
  }
  .sysadmin-page #main-home .container-card .cards:hover {
    position: relative;
    transform: scale(1.02);
    box-shadow: 3px 3px 8px 3px #616161;
    transition: all 0.3s;
  }
  .sysadmin-page #main-home .container-card .cards .card-header {
    margin: 0 10px;
    border-bottom: 1px solid #bdbdbd;
    text-align: center;
  }
  .sysadmin-page #main-home .container-card .cards .card-header:hover {
    cursor: move;
  }
  .sysadmin-page #main-home .container-card .cards .card-header h3 {
    margin: 10px 0;
    color: #cfcfcf;
    font-size: 15px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body {
    border-radius: 3px;
    background: black;
    margin: 10px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image {
    padding: 15px;
    height: auto;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    color: white;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph {
    margin: 25px 0 25px 0;
    font-size: 10px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
    display: inline-block;
    width: calc(50% - 3px);
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a {
    font-size: 10px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
    font-size: 14px;
    font-weight: bold;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
    font-size: 26px;
    font-weight: bold;
    position: relative;
    top: 5px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
    font-size: 12px;
    position: relative;
    font-weight: bold;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
    font-size: 12px;
    position: relative;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
    text-align: center;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
    text-align: left;
    line-height: 30px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.left .filterProject {
    line-height: 10px;
    padding: 8px 10px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.left .filterProject:hover {
    cursor: pointer;
    background: #a9a9a961;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
    text-align: right;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
    margin: 5px 0 0 0;
    font-size: 15px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
    margin: 0 0 15px 0;
    font-size: 12px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph img {
    height: 25%;
    width: 25%;
    border-radius: 50%;
    margin: 10px 0;
    vertical-align: middle;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
    height: auto;
    width: 35px;
    border-radius: 3px;
    margin: 5px 5px;
    padding: 5px;
    background: #363636;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
    margin: 15px 0;
    text-align: left;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
    width: 100%;
    height: 25px;
    background-color: #b72f2f;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
    height: 25px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
    margin: 15px 0;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
    margin-right: 5px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
    margin-right: 5px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-color: #b72f2f;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items {
    height: 45%;
    margin: 0px;
    line-height: 30px;
    list-style: none;
    padding-left: 0px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items li {
    list-style-type: none;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items .items {
    background: #484848;
    color: white;
    font-size: 12px;
    margin: 3px 0;
    padding: 10px 5px;
    line-height: 15px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items .items a {
    padding-left: 15px;
    font-weight: bold;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
    font-size: 10px;
    color: #bebebe;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items .items:hover {
    cursor: pointer;
    background: grey;
  }
  .sysadmin-page #main-user,
.sysadmin-page #main-project,
.sysadmin-page #archived-user,
.sysadmin-page #archived-project,
.sysadmin-page #main-account {
    display: none;
    position: relative;
    padding: 0 20px;
    width: calc(100% - 250px);
    height: calc(100vh - 75px);
    float: right;
    overflow: auto;
  }
  .sysadmin-page #main-user .mainHeader,
.sysadmin-page #main-project .mainHeader,
.sysadmin-page #archived-user .mainHeader,
.sysadmin-page #archived-project .mainHeader,
.sysadmin-page #main-account .mainHeader {
    width: 100%;
    height: 40px;
    background: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
  }
  .sysadmin-page #main-user .mainHeader h3,
.sysadmin-page #main-project .mainHeader h3,
.sysadmin-page #archived-user .mainHeader h3,
.sysadmin-page #archived-project .mainHeader h3,
.sysadmin-page #main-account .mainHeader h3 {
    margin: 0px;
    top: 12px;
    position: relative;
    font-size: 12px;
  }
  .sysadmin-page #main-user .headerButton,
.sysadmin-page #main-project .headerButton,
.sysadmin-page #archived-user .headerButton,
.sysadmin-page #archived-project .headerButton,
.sysadmin-page #main-account .headerButton {
    top: -42px;
    position: relative;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 15px;
  }
  .sysadmin-page #main-user .headerButton button,
.sysadmin-page #main-project .headerButton button,
.sysadmin-page #archived-user .headerButton button,
.sysadmin-page #archived-project .headerButton button,
.sysadmin-page #main-account .headerButton button {
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 10px;
  }
  .sysadmin-page #main-user .headerButton button.edit,
.sysadmin-page #main-project .headerButton button.edit,
.sysadmin-page #archived-user .headerButton button.edit,
.sysadmin-page #archived-project .headerButton button.edit,
.sysadmin-page #main-account .headerButton button.edit {
    display: none;
  }
  .sysadmin-page #main-user .checkcounter,
.sysadmin-page #main-project .checkcounter,
.sysadmin-page #archived-user .checkcounter,
.sysadmin-page #archived-project .checkcounter,
.sysadmin-page #main-account .checkcounter {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    left: 20px;
  }
  .sysadmin-page #main-user .checkcounter.package,
.sysadmin-page #main-project .checkcounter.package,
.sysadmin-page #archived-user .checkcounter.package,
.sysadmin-page #archived-project .checkcounter.package,
.sysadmin-page #main-account .checkcounter.package {
    top: 447px;
  }
  .sysadmin-page #main-user .checkcounter p,
.sysadmin-page #main-project .checkcounter p,
.sysadmin-page #archived-user .checkcounter p,
.sysadmin-page #archived-project .checkcounter p,
.sysadmin-page #main-account .checkcounter p {
    margin: 3px 15px;
    display: inline-block;
    float: left;
    display: none;
    color: white;
  }
  .sysadmin-page #main-user .checkcounter button,
.sysadmin-page #main-project .checkcounter button,
.sysadmin-page #archived-user .checkcounter button,
.sysadmin-page #archived-project .checkcounter button,
.sysadmin-page #main-account .checkcounter button {
    padding: 3px 18px;
    border-radius: 5px;
  }
  .sysadmin-page #main-user .checkcounter button#sysadmindeleteUser, .sysadmin-page #main-user .checkcounter button#systemadminrecoverUser, .sysadmin-page #main-user .checkcounter button#sysadmindeleteProject, .sysadmin-page #main-user .checkcounter button#systemadminrecoverProject, .sysadmin-page #main-user .checkcounter button#sysadmindeletePackage, .sysadmin-page #main-user .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #main-project .checkcounter button#sysadmindeleteUser,
.sysadmin-page #main-project .checkcounter button#systemadminrecoverUser,
.sysadmin-page #main-project .checkcounter button#sysadmindeleteProject,
.sysadmin-page #main-project .checkcounter button#systemadminrecoverProject,
.sysadmin-page #main-project .checkcounter button#sysadmindeletePackage,
.sysadmin-page #main-project .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #archived-user .checkcounter button#sysadmindeleteUser,
.sysadmin-page #archived-user .checkcounter button#systemadminrecoverUser,
.sysadmin-page #archived-user .checkcounter button#sysadmindeleteProject,
.sysadmin-page #archived-user .checkcounter button#systemadminrecoverProject,
.sysadmin-page #archived-user .checkcounter button#sysadmindeletePackage,
.sysadmin-page #archived-user .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #archived-project .checkcounter button#sysadmindeleteUser,
.sysadmin-page #archived-project .checkcounter button#systemadminrecoverUser,
.sysadmin-page #archived-project .checkcounter button#sysadmindeleteProject,
.sysadmin-page #archived-project .checkcounter button#systemadminrecoverProject,
.sysadmin-page #archived-project .checkcounter button#sysadmindeletePackage,
.sysadmin-page #archived-project .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #main-account .checkcounter button#sysadmindeleteUser,
.sysadmin-page #main-account .checkcounter button#systemadminrecoverUser,
.sysadmin-page #main-account .checkcounter button#sysadmindeleteProject,
.sysadmin-page #main-account .checkcounter button#systemadminrecoverProject,
.sysadmin-page #main-account .checkcounter button#sysadmindeletePackage,
.sysadmin-page #main-account .checkcounter button#systemadminrecoverPackage {
    float: left;
    display: none;
    height: 25px;
  }
  .sysadmin-page #main-user .checkcounter button#systemadmindeleteparmanentUser, .sysadmin-page #main-user .checkcounter button#systemadmindeleteparmanentProject, .sysadmin-page #main-user .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #main-project .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #main-project .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #main-project .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #archived-user .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #archived-user .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #archived-user .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #archived-project .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #archived-project .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #archived-project .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #main-account .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #main-account .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #main-account .checkcounter button#systemadmindeleteparmanentPackage {
    float: left;
    display: none;
    margin-left: 5px;
  }
  .sysadmin-page #main-user .searchTable,
.sysadmin-page #main-project .searchTable,
.sysadmin-page #archived-user .searchTable,
.sysadmin-page #archived-project .searchTable,
.sysadmin-page #main-account .searchTable {
    top: -30px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 0px;
  }
  .sysadmin-page #main-user .searchTable input,
.sysadmin-page #main-project .searchTable input,
.sysadmin-page #archived-user .searchTable input,
.sysadmin-page #archived-project .searchTable input,
.sysadmin-page #main-account .searchTable input {
    height: 10px;
    padding: 8px;
    border-radius: 5px;
    font-size: 10px;
    width: calc(100% - 20px);
  }
  .sysadmin-page #main-user .searchTable button,
.sysadmin-page #main-project .searchTable button,
.sysadmin-page #archived-user .searchTable button,
.sysadmin-page #archived-project .searchTable button,
.sysadmin-page #main-account .searchTable button {
    display: none;
    border-radius: 5px;
    padding: 2px 2px;
    width: calc(100%-110px);
    font-size: 11px;
    height: 20px;
  }
  .sysadmin-page #main-user .searchTable.project, .sysadmin-page #main-user .searchTable.package,
.sysadmin-page #main-project .searchTable.project,
.sysadmin-page #main-project .searchTable.package,
.sysadmin-page #archived-user .searchTable.project,
.sysadmin-page #archived-user .searchTable.package,
.sysadmin-page #archived-project .searchTable.project,
.sysadmin-page #archived-project .searchTable.package,
.sysadmin-page #main-account .searchTable.project,
.sysadmin-page #main-account .searchTable.package {
    top: -5px;
    position: relative;
    float: right;
    display: inline-flex;
    z-index: 1;
    width: auto;
    right: 14px;
  }
  .sysadmin-page #main-user .container-table,
.sysadmin-page #main-project .container-table,
.sysadmin-page #archived-user .container-table,
.sysadmin-page #archived-project .container-table,
.sysadmin-page #main-account .container-table {
    margin-top: 15px;
  }
  .sysadmin-page #main-user .container-table.project,
.sysadmin-page #main-project .container-table.project,
.sysadmin-page #archived-user .container-table.project,
.sysadmin-page #archived-project .container-table.project,
.sysadmin-page #main-account .container-table.project {
    overflow: auto;
    height: calc(50vh - 75px);
    margin-bottom: 10px;
  }
  .sysadmin-page #main-user .container-table.package,
.sysadmin-page #main-project .container-table.package,
.sysadmin-page #archived-user .container-table.package,
.sysadmin-page #archived-project .container-table.package,
.sysadmin-page #main-account .container-table.package {
    overflow: auto;
    height: calc(50vh - 150px);
    margin-top: 15px;
  }
  .sysadmin-page #main-user .container-table table,
.sysadmin-page #main-project .container-table table,
.sysadmin-page #archived-user .container-table table,
.sysadmin-page #archived-project .container-table table,
.sysadmin-page #main-account .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
  }
  .sysadmin-page #main-user .container-table table td,
.sysadmin-page #main-project .container-table table td,
.sysadmin-page #archived-user .container-table table td,
.sysadmin-page #archived-project .container-table table td,
.sysadmin-page #main-account .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .sysadmin-page #main-user .container-table table td .flex,
.sysadmin-page #main-project .container-table table td .flex,
.sysadmin-page #archived-user .container-table table td .flex,
.sysadmin-page #archived-project .container-table table td .flex,
.sysadmin-page #main-account .container-table table td .flex {
    display: flex;
  }
  .sysadmin-page #main-user .container-table table td .flex span,
.sysadmin-page #main-project .container-table table td .flex span,
.sysadmin-page #archived-user .container-table table td .flex span,
.sysadmin-page #archived-project .container-table table td .flex span,
.sysadmin-page #main-account .container-table table td .flex span {
    margin-right: 10px;
  }
  .sysadmin-page #main-user .container-table table td .flex span img,
.sysadmin-page #main-project .container-table table td .flex span img,
.sysadmin-page #archived-user .container-table table td .flex span img,
.sysadmin-page #archived-project .container-table table td .flex span img,
.sysadmin-page #main-account .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .sysadmin-page #main-user .container-table table td input,
.sysadmin-page #main-project .container-table table td input,
.sysadmin-page #archived-user .container-table table td input,
.sysadmin-page #archived-project .container-table table td input,
.sysadmin-page #main-account .container-table table td input {
    height: 10px;
  }
  .sysadmin-page #main-user .container-table table th:first-child,
.sysadmin-page #main-project .container-table table th:first-child,
.sysadmin-page #archived-user .container-table table th:first-child,
.sysadmin-page #archived-project .container-table table th:first-child,
.sysadmin-page #main-account .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .sysadmin-page #main-user .container-table table th:last-child,
.sysadmin-page #main-project .container-table table th:last-child,
.sysadmin-page #archived-user .container-table table th:last-child,
.sysadmin-page #archived-project .container-table table th:last-child,
.sysadmin-page #main-account .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .sysadmin-page #main-user .container-table table tr:nth-of-type(even),
.sysadmin-page #main-project .container-table table tr:nth-of-type(even),
.sysadmin-page #archived-user .container-table table tr:nth-of-type(even),
.sysadmin-page #archived-project .container-table table tr:nth-of-type(even),
.sysadmin-page #main-account .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .sysadmin-page #main-user .container-table table tr:nth-of-type(odd),
.sysadmin-page #main-project .container-table table tr:nth-of-type(odd),
.sysadmin-page #archived-user .container-table table tr:nth-of-type(odd),
.sysadmin-page #archived-project .container-table table tr:nth-of-type(odd),
.sysadmin-page #main-account .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .sysadmin-page #main-user .container-table table tr:hover,
.sysadmin-page #main-project .container-table table tr:hover,
.sysadmin-page #archived-user .container-table table tr:hover,
.sysadmin-page #archived-project .container-table table tr:hover,
.sysadmin-page #main-account .container-table table tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .sysadmin-page #main-user .container-table table th,
.sysadmin-page #main-project .container-table table th,
.sysadmin-page #archived-user .container-table table th,
.sysadmin-page #archived-project .container-table table th,
.sysadmin-page #main-account .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 20px;
  }
  .sysadmin-page #main-user .container-table table th:hover,
.sysadmin-page #main-project .container-table table th:hover,
.sysadmin-page #archived-user .container-table table th:hover,
.sysadmin-page #archived-project .container-table table th:hover,
.sysadmin-page #main-account .container-table table th:hover {
    cursor: default;
  }
  .sysadmin-page #main-user .container-table table th input,
.sysadmin-page #main-project .container-table table th input,
.sysadmin-page #archived-user .container-table table th input,
.sysadmin-page #archived-project .container-table table th input,
.sysadmin-page #main-account .container-table table th input {
    height: 10px;
  }
  .sysadmin-page #main-user .container-table table th img,
.sysadmin-page #main-project .container-table table th img,
.sysadmin-page #archived-user .container-table table th img,
.sysadmin-page #archived-project .container-table table th img,
.sysadmin-page #main-account .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .sysadmin-page #main-user .container-table table th img:hover,
.sysadmin-page #main-project .container-table table th img:hover,
.sysadmin-page #archived-user .container-table table th img:hover,
.sysadmin-page #archived-project .container-table table th img:hover,
.sysadmin-page #main-account .container-table table th img:hover {
    cursor: pointer;
  }
  .sysadmin-page #main-user .account-container,
.sysadmin-page #main-project .account-container,
.sysadmin-page #archived-user .account-container,
.sysadmin-page #archived-project .account-container,
.sysadmin-page #main-account .account-container {
    width: 100%;
  }
  .sysadmin-page #main-user .account-container .formHeader-account,
.sysadmin-page #main-project .account-container .formHeader-account,
.sysadmin-page #archived-user .account-container .formHeader-account,
.sysadmin-page #archived-project .account-container .formHeader-account,
.sysadmin-page #main-account .account-container .formHeader-account {
    background-image: linear-gradient(to bottom, #414141, #363636);
    width: 100%;
    height: 40px;
    background: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sysadmin-page #main-user .account-container .formHeader-account h3,
.sysadmin-page #main-project .account-container .formHeader-account h3,
.sysadmin-page #archived-user .account-container .formHeader-account h3,
.sysadmin-page #archived-project .account-container .formHeader-account h3,
.sysadmin-page #main-account .account-container .formHeader-account h3 {
    margin: auto;
    padding: 14px;
    position: relative;
    font-size: 12px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody,
.sysadmin-page #main-project .account-container .formcontainerMainBody,
.sysadmin-page #archived-user .account-container .formcontainerMainBody,
.sysadmin-page #archived-project .account-container .formcontainerMainBody,
.sysadmin-page #main-account .account-container .formcontainerMainBody {
    position: relative;
    background: white;
    height: calc(100% - 115px);
    width: calc(100% - 20px);
    padding: 0 15px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view {
    width: auto;
    line-height: 35px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view img {
    height: 30px;
    vertical-align: middle;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view img span {
    align-items: center;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer {
    width: 100%;
    display: inline-block;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield {
    line-height: 3vh;
    display: flex;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-right: 20px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label {
    font-weight: bold;
    font-size: 15px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div {
    margin: 0px;
    background-color: lightgrey;
    outline: none;
    font-size: 12px;
    cursor: not-allowed;
    padding: 2px 10px;
    width: calc(100% - 30px);
    height: 22px;
    color: black;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-left: 20px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label {
    font-weight: bold;
    font-size: 15px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div {
    margin: 0px;
    background-color: lightgrey;
    outline: none;
    font-size: 12px;
    cursor: not-allowed;
    padding: 2px 10px;
    width: calc(100% - 30px);
    height: 22px;
    color: black;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  }
  .sysadmin-page #main-user,
.sysadmin-page #archived-user {
    height: calc(100vh - 90px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .sysadmin-page #main-project,
.sysadmin-page #archived-project {
    height: calc(100vh - 90px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .sysadmin-page #main-project {
    height: calc(100vh - 40px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .sysadmin-page #main-project .topcontainer {
    height: 50vh;
  }
  .sysadmin-page #main-project .bottomcontainer {
    height: calc(50vh - 100px);
  }

  .systemadminformView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 6;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .systemadminformView .formContent {
    position: relative;
    background: lightgrey;
    margin: 5% auto;
    width: 40%;
    height: auto;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .systemadminformView .formContent .newuserPicture {
    position: none;
    line-height: 0px;
    right: 0px;
    left: calc(50% - 35px);
    top: -55px;
    color: black;
    font-size: 16px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
    border: 3px solid #363636;
    vertical-align: middle;
  }
  .systemadminformView .formContent .newuserPicture .newuserInitial {
    position: relative;
    top: calc(-11px + 50px);
    color: white;
    font-size: 30px;
  }
  .systemadminformView .formContent .formHeader-user,
.systemadminformView .formContent .formHeader-project,
.systemadminformView .formContent .formHeader-org,
.systemadminformView .formContent .formHeader-group {
    background-color: #363636;
    color: white;
    width: 100%;
    height: 35px;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 17px 0 0 0;
    font-size: 12px;
  }
  .systemadminformView .formContent .formHeader-user h3,
.systemadminformView .formContent .formHeader-project h3,
.systemadminformView .formContent .formHeader-org h3,
.systemadminformView .formContent .formHeader-group h3 {
    margin: 5px 0 0 0;
  }
  .systemadminformView .formContent .formHeader-user h4,
.systemadminformView .formContent .formHeader-project h4,
.systemadminformView .formContent .formHeader-org h4,
.systemadminformView .formContent .formHeader-group h4 {
    margin: 0px;
  }
  .systemadminformView .formContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .systemadminformView .formContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody {
    position: relative;
    background: white;
    height: 60vh;
    overflow: auto;
    padding: 20px 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit {
    line-height: 25px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput.idcontainer,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .idcontainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput.idcontainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .idcontainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput.idcontainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .idcontainer {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept {
    margin: 15px 0;
    border: 1px solid grey;
    border-radius: 5px;
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems {
    display: inline-block;
    padding: 0 5px;
    margin: 3px 2px;
    background-image: linear-gradient(to bottom, #bfbebe, #8a8a8a, #bfbebe);
    border-radius: 5px;
    height: 26px;
    width: auto;
    vertical-align: middle;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag {
    padding: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag a,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag a,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag a {
    position: relative;
    top: -4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div {
    padding: 0;
    float: right;
    margin-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div {
    position: relative;
    top: -4px;
    color: #464646;
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div:hover,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div:hover,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div:hover {
    color: black;
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit label,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit label,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input::-moz-placeholder, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input::-moz-placeholder, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input::-moz-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:-ms-input-placeholder, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:-ms-input-placeholder, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:-ms-input-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input::placeholder,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input::placeholder,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input::placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not([type=checkbox]) {
    width: calc(100% - 37px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newconfirmpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newconfirmpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newconfirmpassword:not([type=checkbox]) {
    width: calc(100% - 37px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:valid:not([type=checkbox]):required {
    width: calc(100% - 37px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:valid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus:invalid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus:invalid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:hover,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:hover,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus {
    background: #fff;
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus.newid,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus.newid,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus.newid {
    color: lightgrey;
    border: 1px solid lightgrey;
    box-shadow: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit label.required:after,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit label.required:after,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit label.required:after {
    content: "*";
    color: lightcoral;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input {
    border-color: #d1d1d1;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 47px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 47px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 47px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:-ms-input-placeholder:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:-ms-input-placeholder:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:placeholder-shown:focus:invalid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:placeholder-shown:focus:invalid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus:valid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus:valid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:valid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:valid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser {
    display: inline-flex;
    border: 1px solid grey;
    height: 20px;
    border-radius: 4px;
    outline: none;
    width: 20px;
    position: relative;
    top: 1px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button {
    background: none;
    border-style: none;
    padding: 0 3px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button img {
    cursor: pointer;
    width: 15px;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button img:active {
    outline: 0;
    background: #888;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    box-shadow: 0 0 0px 5px #888;
    transition-duration: 10ms;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button:focus {
    outline: 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator #newpasswordstrengthContainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator #newpasswordstrengthContainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator #newpasswordstrengthContainer {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    width: 200px;
    height: 20px;
    display: inline-block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator #newpasswordstrengthContainer #newpasswordstrength,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator #newpasswordstrengthContainer #newpasswordstrength,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator #newpasswordstrengthContainer #newpasswordstrength {
    background: red;
    width: 50px;
    height: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator #newpasswordstrengthText,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator #newpasswordstrengthText,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator #newpasswordstrengthText {
    display: inline-block;
    position: relative;
    align-items: center;
    top: -4px;
    margin-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .resetcheck,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .resetcheck,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .resetcheck {
    display: none;
    margin-top: 0px;
    width: auto;
    padding: 3px 0px;
    border-radius: 3px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .resetcheck#checkresetpassword,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .resetcheck#checkresetpassword,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .resetcheck#checkresetpassword {
    margin-top: 20px;
    padding-left: 10px;
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit select,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit select,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit select option:disabled,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit select option:disabled,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit select option:disabled {
    color: #aaaaaa;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput {
    display: flex;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column1,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column1,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column1 {
    width: 50%;
    margin-right: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column11,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column11,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column11 {
    width: calc(100% - 100px);
    margin-right: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column2,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column2,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column2 {
    width: 50%;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column22,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column22,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column22 {
    width: 200px;
    margin-left: 5px;
    height: 30px;
    position: relative;
    top: 35px;
    overflow: hidden;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column22 button,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column22 button,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column22 button {
    position: relative;
    top: 33px;
    width: 100%;
    padding: 4px 10px;
    border-radius: 3px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly {
    display: none;
    width: 100%;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly img {
    width: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .viewonedit {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td {
    text-align: left;
    padding: 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 8px;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th img {
    height: 10px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber {
    height: 30px;
    margin-top: -5px;
    margin-bottom: 15px;
    list-style: none;
    padding-left: calc(50% - 235px);
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .slash {
    text-decoration: none;
    margin-left: 0px;
    padding: 10px 0;
    color: grey;
    list-style-type: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .slash.hide {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter {
    text-decoration: none;
    margin-left: 0px;
    padding: 10px;
    color: grey;
    list-style-type: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter.active {
    font-weight: bolder;
    color: black;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter.hide {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 {
    line-height: 25px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput {
    display: flex;
    width: 100%;
    margin: 5px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column1, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column2 {
    width: 50%;
    text-align: center;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column1 input, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column2 input {
    width: auto;
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .hiddencontainer {
    display: none;
    line-height: 33px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .hiddencontainer.active {
    display: block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input::-moz-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:-ms-input-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input::placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input.readonly {
    background: lightgray;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input.readonly:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not([type=radio]) {
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:valid:not([type=checkbox]):required {
    width: calc(100% - 20px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 20px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus.readonly {
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 label.required:after {
    content: "*";
    color: lightcoral;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input {
    border-color: #d1d1d1;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 select.readonly {
    background: lightgray;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .projectimageupload {
    text-align: center;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .projectimageupload img#projectimage {
    width: 207px;
    margin: 0 240px 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 {
    line-height: 20px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer {
    background: white;
    margin: 30px 5px;
    padding: 20px 10px;
    border: 1px solid grey;
    box-shadow: 3px 5px 6px rgba(92, 92, 92, 0.562);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer h3 {
    margin: 0 0 5px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .singleinput {
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .singleinput h3 {
    border-radius: 5px;
    padding: 0px 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .doubleinput {
    display: flex;
    width: 100%;
    width: calc(100% - 20px);
    padding: 0 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .doubleinput .column1 {
    width: 60%;
    margin-right: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .doubleinput .column2 {
    width: 40%;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 {
    line-height: 30px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input::-moz-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:-ms-input-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input::placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:focus {
    background: #fff;
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:focus.newid {
    color: lightgrey;
    border: 1px solid lightgrey;
    box-shadow: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 label.required:after {
    content: "*";
    color: lightcoral;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input {
    border-color: #d1d1d1;
    width: calc(100% - 50px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input#newpassword:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input#newpassword:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input#newpassword:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 .doubleinput {
    display: flex;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 .doubleinput .column1 {
    width: 50%;
    margin-right: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 .doubleinput .column2 {
    width: 50%;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 {
    display: none;
    height: calc(100% - 40px);
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .RIWindow {
    background: green;
    height: 60%;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer {
    position: relative;
    margin: 10px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer .coodirnateinstruction {
    background-color: #4e4e4e;
    border-radius: 5px;
    padding: 10px;
    color: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer label.coordinates {
    font-weight: bold;
    font-size: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer span button {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer #Fusecoordinateval2 {
    margin: 10px 0;
    font-size: 16px;
    margin: 10px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 {
    display: none;
    height: calc(100% - 40px);
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 input.searchuserAddProject {
    position: relative;
    width: 165px;
    height: 23px;
    top: -38px;
    z-index: 3;
    border-radius: 5px;
    padding: 3px 3px;
    font-size: 10px;
    /* background: lightgrey; */
    color: black;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .organizeuser {
    position: fixed;
    top: 115px;
    z-index: 3;
    border-radius: 5px;
    padding: 10px 20px;
    background: lightgrey;
    color: black;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer {
    display: none;
    line-height: 30px;
    width: 18%;
    color: white;
    height: calc(100% - 100px);
    background: #5a5a5a;
    padding: 10px 15px;
    position: absolute;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer h4 {
    text-align: center;
    padding: 10px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input::-moz-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:-ms-input-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input::placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:not([type=checkbox]) {
    width: 100%;
    padding: 3px 0px;
    border-radius: 3px;
    margin-top: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer button {
    float: right;
    padding: 7.5px 15px;
    border-radius: 5px;
    margin-top: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table {
    position: absolute;
    width: calc(100% - 40px);
    overflow: auto;
    left: 20px;
    float: right;
    top: 55px;
    /*
    .formsearchUser{
        padding: 10px 5px;
        text-align: right;
        top: 100px;
        position: fixed;
        input{
            height: 20px;
            padding: 5px;
            border-radius: 5px;
        }
        button{
            padding: 8px 20px;
            border-radius: 5px;
            &#formadmindeleteUser{
                display:none;
                float: left;
            }
        }
    }*/
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td input {
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td select {
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th input {
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 {
    display: none;
    height: calc(100% - 40px);
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer {
    width: 100%;
    height: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer {
    height: 50%;
    width: 100%;
    margin-bottom: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .inputContainer {
    height: 30px;
    display: inline-block;
    width: 190px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .inputContainer select {
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .headerContainer {
    display: inline-block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table {
    position: ralative;
    overflow: auto;
    height: calc(100% - 40px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer {
    height: 50%;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .inputContainer {
    height: 30px;
    display: inline-block;
    width: 190px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .inputContainer select {
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .headerContainer {
    display: inline-block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table {
    position: relative;
    overflow: auto;
    height: calc(100% - 40px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 {
    display: none;
    height: calc(100% - 40px);
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table {
    position: absolute;
    width: calc(100% - 40px);
    overflow: auto;
    left: 20px;
    float: right;
    top: 55px;
    /*
    .formsearchUser{
        padding: 10px 5px;
        text-align: right;
        top: 100px;
        position: fixed;
        input{
            height: 20px;
            padding: 5px;
            border-radius: 5px;
        }
        button{
            padding: 8px 20px;
            border-radius: 5px;
            &#formadmindeleteUser{
                display:none;
                float: left;
            }
        }
    }*/
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td input {
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td select {
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th input {
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly {
    display: none;
    width: 100%;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer {
    width: 80%;
    display: inline-block;
    float: left;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield {
    margin-right: 20px;
    margin-left: 20px;
    display: flex;
    width: calc(100% - 40px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column1 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-right: 10px;
    border: 1px solid gray;
    border-radius: 10px;
    background: lightgray;
    overflow: hidden;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column1 img {
    width: 18px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column1 div {
    width: calc(100% - 65px);
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    padding: 3px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-left: 10px;
    border: 1px solid gray;
    border-radius: 10px;
    background: lightgray;
    overflow: hidden;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2.invi {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2 img {
    width: 18px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2 div {
    width: calc(100% - 65px);
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    padding: 3px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .projecticoncontainer {
    width: calc(20% - 4px);
    display: inline-block;
    text-align: center;
    height: 200px;
    border: 2px solid gray;
    border-radius: 10px;
    background-image: url(../../Images/icons/admin_page/newprojectform/Transparency100.png);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .projecticoncontainer .imagecontainer {
    width: calc(100% - 4px);
    margin: 2px;
    height: calc(100% - 4px);
    border-radius: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer {
    margin-top: 30px;
    width: calc(100% - 20px);
    overflow: auto;
    height: calc(100% - 60px);
    top: 55px;
    float: right;
    border-top: 3px dashed gray;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer {
    border: 1px solid grey;
    margin: 20px 0;
    padding: 0 10px 10px 10px;
    box-shadow: 3px 5px 6px rgba(92, 92, 92, 0.562);
    width: calc(100% - 30px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer h3, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer h3, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer h3 {
    margin: 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput .column1, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput .column1, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput .column1 {
    width: calc(50% - 20px);
    margin-right: 10px;
    text-align: left;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput .column2, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput .column2, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput .column2 {
    width: calc(50% - 20px);
    margin-left: 10px;
    text-align: center;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput input, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput input, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput input {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    background: lightgray;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput input :hover, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput input :hover, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput input :hover {
    cursor: not-allowed;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput select, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput select, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table {
    margin-top: 30px;
    width: calc(100% - 20px);
    overflow: auto;
    height: calc(100% - 60px);
    top: 55px;
    float: right;
    border-top: 3px dashed gray;
    /*
    .formsearchUser{
        padding: 10px 5px;
        text-align: right;
        top: 100px;
        position: fixed;
        input{
            height: 20px;
            padding: 5px;
            border-radius: 5px;
        }
        button{
            padding: 8px 20px;
            border-radius: 5px;
            &#formadmindeleteUser{
                display:none;
                float: left;
            }
        }
    }*/
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table h3 {
    margin: 10px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td {
    text-align: left;
    padding: 2px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .RIWindow {
    margin-top: 30px;
    margin-bottom: 60px;
    float: right;
    width: calc(100% - 20px);
    height: 500px;
    border-top: 3px dashed gray;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .RIWindow h3 {
    margin: 10px 0;
  }
  .systemadminformView .formContent .newuserFooter,
.systemadminformView .formContent .neworgFooter,
.systemadminformView .formContent .newgroupFooter {
    background-color: #363636;
    height: 20px;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .systemadminformView .formContent .newuserFooter div,
.systemadminformView .formContent .neworgFooter div,
.systemadminformView .formContent .newgroupFooter div {
    padding: 0px;
    margin: 0px;
  }
  .systemadminformView .formContent .newuserFooter div button,
.systemadminformView .formContent .neworgFooter div button,
.systemadminformView .formContent .newgroupFooter div button {
    padding: 3.5px 11px;
    border-radius: 5px;
    font-size: 10px;
  }
  .systemadminformView .formContent .newuserFooter .edit-page2,
.systemadminformView .formContent .neworgFooter .edit-page2,
.systemadminformView .formContent .newgroupFooter .edit-page2 {
    display: none;
  }
  .systemadminformView .formContent .newuserFooter .readonly,
.systemadminformView .formContent .neworgFooter .readonly,
.systemadminformView .formContent .newgroupFooter .readonly {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter {
    height: 20px;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .systemadminformView .formContent .newprojectFooter div {
    padding: 0px;
    margin: 0px;
  }
  .systemadminformView .formContent .newprojectFooter div button {
    padding: 3.5px 11px;
    border-radius: 5px;
    font-size: 10px;
  }
  .systemadminformView .formContent .newprojectFooter div button#newprojectnextpage1-1, .systemadminformView .formContent .newprojectFooter div button#newprojectback2-2, .systemadminformView .formContent .newprojectFooter div button#newprojectSave1, .systemadminformView .formContent .newprojectFooter div button#newprojectUpdate1, .systemadminformView .formContent .newprojectFooter div button#newprojectEdit1 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page2 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page3 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page4 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page5 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page6 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page7 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .readonly {
    display: none;
  }
}
@media screen and (max-width: 1366px) {
  .sysadmin-page {
    display: block;
    padding: 0px;
    margin: 0px;
    top: 50px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: white;
  }
  .sysadmin-page #sidebar-admin {
    position: absolute;
    height: 100%;
    width: 220px;
    background: #363636;
    box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
  }
  .sysadmin-page #sidebar-admin .sidebar-items {
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminHead {
    padding: 10px;
    font-weight: bold;
    color: white;
    font-size: 12px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminHead a {
    margin-left: 10px;
    vertical-align: middle;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminHead img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminHead img:hover {
    cursor: pointer;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems {
    color: white;
    text-decoration: none;
    list-style: none;
    padding-left: 10px;
    font-size: 12px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems:hover {
    cursor: pointer;
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems a {
    text-decoration: none;
    margin-left: 10px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
    float: right;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 9px;
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .sysadmin-page #sidebar-admin .sidebar-items li.adminItems.active {
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul {
    display: none;
    list-style: none;
    line-height: 30px;
    padding-left: 0;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li {
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: 12px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li:hover {
    cursor: pointer;
    background: grey;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li a {
    text-decoration: none;
    margin-left: 15px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-left: 35px;
  }
  .sysadmin-page #sidebar-admin .sidebar-items ul li.active {
    background: #5f5f5f;
  }
  .sysadmin-page #main-home {
    display: block;
    position: relative;
    padding: 0 20px;
    width: calc(100% - 255px);
    height: calc(100vh - 50px);
    float: right;
    overflow: auto;
  }
  .sysadmin-page #main-home .container-welcome .top-welcome {
    margin: 10px 10px;
    border-bottom: 1px solid black;
    line-height: 52px;
    font-weight: bolder;
    font-size: 14px;
  }
  .sysadmin-page #main-home .container-welcome .top-welcome a {
    margin: 0 10px;
  }
  .sysadmin-page #main-home .container-welcome .bottom-welcome {
    margin: 20px;
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
  }
  .sysadmin-page #main-home .container-welcome .bottom-welcome a.secondary {
    font-weight: normal;
    font-size: 13px;
  }
  .sysadmin-page #main-home .container-card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: white;
  }
  .sysadmin-page #main-home .container-card .cards {
    position: relative;
    background: black;
    border-radius: 5px;
    top: 0px;
    width: 340px;
    height: 100%;
    margin: 20px auto;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
    transition: all 0.3s;
  }
  .sysadmin-page #main-home .container-card .cards:hover {
    position: relative;
    transform: scale(1.02);
    box-shadow: 3px 3px 8px 3px #616161;
    transition: all 0.3s;
  }
  .sysadmin-page #main-home .container-card .cards .card-header {
    margin: 0 10px;
    border-bottom: 1px solid #bdbdbd;
    text-align: center;
  }
  .sysadmin-page #main-home .container-card .cards .card-header:hover {
    cursor: move;
  }
  .sysadmin-page #main-home .container-card .cards .card-header h3 {
    margin: 10px 0;
    color: #cfcfcf;
    font-size: 15px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body {
    border-radius: 3px;
    background: black;
    margin: 10px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image {
    padding: 15px;
    height: auto;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    color: white;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph {
    margin: 25px 0 25px 0;
    font-size: 10px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
    display: inline-block;
    width: calc(50% - 3px);
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a {
    font-size: 10px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
    font-size: 14px;
    font-weight: bold;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
    font-size: 26px;
    font-weight: bold;
    position: relative;
    top: 5px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
    font-size: 12px;
    position: relative;
    font-weight: bold;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
    font-size: 12px;
    position: relative;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
    text-align: center;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
    text-align: left;
    line-height: 30px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.left .filterProject {
    line-height: 10px;
    padding: 8px 10px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.left .filterProject:hover {
    cursor: pointer;
    background: #a9a9a961;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
    text-align: right;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
    margin: 5px 0 0 0;
    font-size: 15px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
    margin: 0 0 15px 0;
    font-size: 12px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph img {
    height: 25%;
    width: 25%;
    border-radius: 50%;
    margin: 10px 0;
    vertical-align: middle;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
    height: auto;
    width: 35px;
    border-radius: 3px;
    margin: 5px 5px;
    padding: 5px;
    background: #363636;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
    margin: 15px 0;
    text-align: left;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
    width: 100%;
    height: 25px;
    background-color: #b72f2f;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
    height: 25px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
    margin: 15px 0;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
    margin-right: 5px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
    margin-right: 5px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-color: #b72f2f;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items {
    height: 45%;
    margin: 0px;
    line-height: 30px;
    list-style: none;
    padding-left: 0px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items li {
    list-style-type: none;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items .items {
    background: #484848;
    color: white;
    font-size: 12px;
    margin: 3px 0;
    padding: 10px 5px;
    line-height: 15px;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items .items a {
    padding-left: 15px;
    font-weight: bold;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
    font-size: 10px;
    color: #bebebe;
  }
  .sysadmin-page #main-home .container-card .cards .card-body .list-items .items:hover {
    cursor: pointer;
    background: grey;
  }
  .sysadmin-page #main-user,
.sysadmin-page #main-project,
.sysadmin-page #archived-user,
.sysadmin-page #archived-project,
.sysadmin-page #main-account {
    display: none;
    position: relative;
    padding: 0 20px;
    width: calc(100% - 280px);
    height: calc(100vh - 75px);
    float: right;
    overflow: auto;
  }
  .sysadmin-page #main-user .mainHeader,
.sysadmin-page #main-project .mainHeader,
.sysadmin-page #archived-user .mainHeader,
.sysadmin-page #archived-project .mainHeader,
.sysadmin-page #main-account .mainHeader {
    width: 100%;
    height: 40px;
    background: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
  }
  .sysadmin-page #main-user .mainHeader h3,
.sysadmin-page #main-project .mainHeader h3,
.sysadmin-page #archived-user .mainHeader h3,
.sysadmin-page #archived-project .mainHeader h3,
.sysadmin-page #main-account .mainHeader h3 {
    margin: 0px;
    top: 12px;
    position: relative;
    font-size: 12px;
  }
  .sysadmin-page #main-user .headerButton,
.sysadmin-page #main-project .headerButton,
.sysadmin-page #archived-user .headerButton,
.sysadmin-page #archived-project .headerButton,
.sysadmin-page #main-account .headerButton {
    top: -42px;
    position: relative;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 15px;
  }
  .sysadmin-page #main-user .headerButton button,
.sysadmin-page #main-project .headerButton button,
.sysadmin-page #archived-user .headerButton button,
.sysadmin-page #archived-project .headerButton button,
.sysadmin-page #main-account .headerButton button {
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 10px;
  }
  .sysadmin-page #main-user .headerButton button.edit,
.sysadmin-page #main-project .headerButton button.edit,
.sysadmin-page #archived-user .headerButton button.edit,
.sysadmin-page #archived-project .headerButton button.edit,
.sysadmin-page #main-account .headerButton button.edit {
    display: none;
  }
  .sysadmin-page #main-user .checkcounter,
.sysadmin-page #main-project .checkcounter,
.sysadmin-page #archived-user .checkcounter,
.sysadmin-page #archived-project .checkcounter,
.sysadmin-page #main-account .checkcounter {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    left: 20px;
  }
  .sysadmin-page #main-user .checkcounter.package,
.sysadmin-page #main-project .checkcounter.package,
.sysadmin-page #archived-user .checkcounter.package,
.sysadmin-page #archived-project .checkcounter.package,
.sysadmin-page #main-account .checkcounter.package {
    top: 447px;
  }
  .sysadmin-page #main-user .checkcounter p,
.sysadmin-page #main-project .checkcounter p,
.sysadmin-page #archived-user .checkcounter p,
.sysadmin-page #archived-project .checkcounter p,
.sysadmin-page #main-account .checkcounter p {
    margin: 3px 15px;
    display: inline-block;
    float: left;
    display: none;
    color: white;
  }
  .sysadmin-page #main-user .checkcounter button,
.sysadmin-page #main-project .checkcounter button,
.sysadmin-page #archived-user .checkcounter button,
.sysadmin-page #archived-project .checkcounter button,
.sysadmin-page #main-account .checkcounter button {
    padding: 3px 18px;
    border-radius: 5px;
  }
  .sysadmin-page #main-user .checkcounter button#sysadmindeleteUser, .sysadmin-page #main-user .checkcounter button#systemadminrecoverUser, .sysadmin-page #main-user .checkcounter button#sysadmindeleteProject, .sysadmin-page #main-user .checkcounter button#systemadminrecoverProject, .sysadmin-page #main-user .checkcounter button#sysadmindeletePackage, .sysadmin-page #main-user .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #main-project .checkcounter button#sysadmindeleteUser,
.sysadmin-page #main-project .checkcounter button#systemadminrecoverUser,
.sysadmin-page #main-project .checkcounter button#sysadmindeleteProject,
.sysadmin-page #main-project .checkcounter button#systemadminrecoverProject,
.sysadmin-page #main-project .checkcounter button#sysadmindeletePackage,
.sysadmin-page #main-project .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #archived-user .checkcounter button#sysadmindeleteUser,
.sysadmin-page #archived-user .checkcounter button#systemadminrecoverUser,
.sysadmin-page #archived-user .checkcounter button#sysadmindeleteProject,
.sysadmin-page #archived-user .checkcounter button#systemadminrecoverProject,
.sysadmin-page #archived-user .checkcounter button#sysadmindeletePackage,
.sysadmin-page #archived-user .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #archived-project .checkcounter button#sysadmindeleteUser,
.sysadmin-page #archived-project .checkcounter button#systemadminrecoverUser,
.sysadmin-page #archived-project .checkcounter button#sysadmindeleteProject,
.sysadmin-page #archived-project .checkcounter button#systemadminrecoverProject,
.sysadmin-page #archived-project .checkcounter button#sysadmindeletePackage,
.sysadmin-page #archived-project .checkcounter button#systemadminrecoverPackage,
.sysadmin-page #main-account .checkcounter button#sysadmindeleteUser,
.sysadmin-page #main-account .checkcounter button#systemadminrecoverUser,
.sysadmin-page #main-account .checkcounter button#sysadmindeleteProject,
.sysadmin-page #main-account .checkcounter button#systemadminrecoverProject,
.sysadmin-page #main-account .checkcounter button#sysadmindeletePackage,
.sysadmin-page #main-account .checkcounter button#systemadminrecoverPackage {
    float: left;
    display: none;
    height: 23px;
  }
  .sysadmin-page #main-user .checkcounter button#systemadmindeleteparmanentUser, .sysadmin-page #main-user .checkcounter button#systemadmindeleteparmanentProject, .sysadmin-page #main-user .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #main-project .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #main-project .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #main-project .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #archived-user .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #archived-user .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #archived-user .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #archived-project .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #archived-project .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #archived-project .checkcounter button#systemadmindeleteparmanentPackage,
.sysadmin-page #main-account .checkcounter button#systemadmindeleteparmanentUser,
.sysadmin-page #main-account .checkcounter button#systemadmindeleteparmanentProject,
.sysadmin-page #main-account .checkcounter button#systemadmindeleteparmanentPackage {
    float: left;
    display: none;
    margin-left: 5px;
  }
  .sysadmin-page #main-user .searchTable,
.sysadmin-page #main-project .searchTable,
.sysadmin-page #archived-user .searchTable,
.sysadmin-page #archived-project .searchTable,
.sysadmin-page #main-account .searchTable {
    top: -30px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 0px;
  }
  .sysadmin-page #main-user .searchTable input,
.sysadmin-page #main-project .searchTable input,
.sysadmin-page #archived-user .searchTable input,
.sysadmin-page #archived-project .searchTable input,
.sysadmin-page #main-account .searchTable input {
    height: 10px;
    padding: 8px;
    border-radius: 5px;
    font-size: 10px;
    width: calc(100% - 20px);
  }
  .sysadmin-page #main-user .searchTable button,
.sysadmin-page #main-project .searchTable button,
.sysadmin-page #archived-user .searchTable button,
.sysadmin-page #archived-project .searchTable button,
.sysadmin-page #main-account .searchTable button {
    display: none;
    border-radius: 5px;
    padding: 1px 1px;
    width: calc(100%-110px);
    font-size: 11px;
  }
  .sysadmin-page #main-user .searchTable.project, .sysadmin-page #main-user .searchTable.package,
.sysadmin-page #main-project .searchTable.project,
.sysadmin-page #main-project .searchTable.package,
.sysadmin-page #archived-user .searchTable.project,
.sysadmin-page #archived-user .searchTable.package,
.sysadmin-page #archived-project .searchTable.project,
.sysadmin-page #archived-project .searchTable.package,
.sysadmin-page #main-account .searchTable.project,
.sysadmin-page #main-account .searchTable.package {
    top: -5px;
    position: relative;
    float: right;
    display: inline-flex;
    z-index: 1;
    width: auto;
    right: 14px;
  }
  .sysadmin-page #main-user .container-table,
.sysadmin-page #main-project .container-table,
.sysadmin-page #archived-user .container-table,
.sysadmin-page #archived-project .container-table,
.sysadmin-page #main-account .container-table {
    margin-top: 15px;
  }
  .sysadmin-page #main-user .container-table.project,
.sysadmin-page #main-project .container-table.project,
.sysadmin-page #archived-user .container-table.project,
.sysadmin-page #archived-project .container-table.project,
.sysadmin-page #main-account .container-table.project {
    overflow: auto;
    height: calc(50vh - 75px);
    margin-bottom: 10px;
  }
  .sysadmin-page #main-user .container-table.package,
.sysadmin-page #main-project .container-table.package,
.sysadmin-page #archived-user .container-table.package,
.sysadmin-page #archived-project .container-table.package,
.sysadmin-page #main-account .container-table.package {
    overflow: auto;
    height: calc(50vh - 150px);
    margin-top: 15px;
  }
  .sysadmin-page #main-user .container-table table,
.sysadmin-page #main-project .container-table table,
.sysadmin-page #archived-user .container-table table,
.sysadmin-page #archived-project .container-table table,
.sysadmin-page #main-account .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
  }
  .sysadmin-page #main-user .container-table table td,
.sysadmin-page #main-project .container-table table td,
.sysadmin-page #archived-user .container-table table td,
.sysadmin-page #archived-project .container-table table td,
.sysadmin-page #main-account .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .sysadmin-page #main-user .container-table table td .flex,
.sysadmin-page #main-project .container-table table td .flex,
.sysadmin-page #archived-user .container-table table td .flex,
.sysadmin-page #archived-project .container-table table td .flex,
.sysadmin-page #main-account .container-table table td .flex {
    display: flex;
  }
  .sysadmin-page #main-user .container-table table td .flex span,
.sysadmin-page #main-project .container-table table td .flex span,
.sysadmin-page #archived-user .container-table table td .flex span,
.sysadmin-page #archived-project .container-table table td .flex span,
.sysadmin-page #main-account .container-table table td .flex span {
    margin-right: 10px;
  }
  .sysadmin-page #main-user .container-table table td .flex span img,
.sysadmin-page #main-project .container-table table td .flex span img,
.sysadmin-page #archived-user .container-table table td .flex span img,
.sysadmin-page #archived-project .container-table table td .flex span img,
.sysadmin-page #main-account .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .sysadmin-page #main-user .container-table table td input,
.sysadmin-page #main-project .container-table table td input,
.sysadmin-page #archived-user .container-table table td input,
.sysadmin-page #archived-project .container-table table td input,
.sysadmin-page #main-account .container-table table td input {
    height: 10px;
  }
  .sysadmin-page #main-user .container-table table th:first-child,
.sysadmin-page #main-project .container-table table th:first-child,
.sysadmin-page #archived-user .container-table table th:first-child,
.sysadmin-page #archived-project .container-table table th:first-child,
.sysadmin-page #main-account .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .sysadmin-page #main-user .container-table table th:last-child,
.sysadmin-page #main-project .container-table table th:last-child,
.sysadmin-page #archived-user .container-table table th:last-child,
.sysadmin-page #archived-project .container-table table th:last-child,
.sysadmin-page #main-account .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .sysadmin-page #main-user .container-table table tr:nth-of-type(even),
.sysadmin-page #main-project .container-table table tr:nth-of-type(even),
.sysadmin-page #archived-user .container-table table tr:nth-of-type(even),
.sysadmin-page #archived-project .container-table table tr:nth-of-type(even),
.sysadmin-page #main-account .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .sysadmin-page #main-user .container-table table tr:nth-of-type(odd),
.sysadmin-page #main-project .container-table table tr:nth-of-type(odd),
.sysadmin-page #archived-user .container-table table tr:nth-of-type(odd),
.sysadmin-page #archived-project .container-table table tr:nth-of-type(odd),
.sysadmin-page #main-account .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .sysadmin-page #main-user .container-table table tr:hover,
.sysadmin-page #main-project .container-table table tr:hover,
.sysadmin-page #archived-user .container-table table tr:hover,
.sysadmin-page #archived-project .container-table table tr:hover,
.sysadmin-page #main-account .container-table table tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .sysadmin-page #main-user .container-table table th,
.sysadmin-page #main-project .container-table table th,
.sysadmin-page #archived-user .container-table table th,
.sysadmin-page #archived-project .container-table table th,
.sysadmin-page #main-account .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 20px;
  }
  .sysadmin-page #main-user .container-table table th:hover,
.sysadmin-page #main-project .container-table table th:hover,
.sysadmin-page #archived-user .container-table table th:hover,
.sysadmin-page #archived-project .container-table table th:hover,
.sysadmin-page #main-account .container-table table th:hover {
    cursor: default;
  }
  .sysadmin-page #main-user .container-table table th input,
.sysadmin-page #main-project .container-table table th input,
.sysadmin-page #archived-user .container-table table th input,
.sysadmin-page #archived-project .container-table table th input,
.sysadmin-page #main-account .container-table table th input {
    height: 10px;
  }
  .sysadmin-page #main-user .container-table table th img,
.sysadmin-page #main-project .container-table table th img,
.sysadmin-page #archived-user .container-table table th img,
.sysadmin-page #archived-project .container-table table th img,
.sysadmin-page #main-account .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .sysadmin-page #main-user .container-table table th img:hover,
.sysadmin-page #main-project .container-table table th img:hover,
.sysadmin-page #archived-user .container-table table th img:hover,
.sysadmin-page #archived-project .container-table table th img:hover,
.sysadmin-page #main-account .container-table table th img:hover {
    cursor: pointer;
  }
  .sysadmin-page #main-user .account-container,
.sysadmin-page #main-project .account-container,
.sysadmin-page #archived-user .account-container,
.sysadmin-page #archived-project .account-container,
.sysadmin-page #main-account .account-container {
    width: 100%;
  }
  .sysadmin-page #main-user .account-container .formHeader-account,
.sysadmin-page #main-project .account-container .formHeader-account,
.sysadmin-page #archived-user .account-container .formHeader-account,
.sysadmin-page #archived-project .account-container .formHeader-account,
.sysadmin-page #main-account .account-container .formHeader-account {
    background-image: linear-gradient(to bottom, #414141, #363636);
    width: 100%;
    height: 40px;
    background: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sysadmin-page #main-user .account-container .formHeader-account h3,
.sysadmin-page #main-project .account-container .formHeader-account h3,
.sysadmin-page #archived-user .account-container .formHeader-account h3,
.sysadmin-page #archived-project .account-container .formHeader-account h3,
.sysadmin-page #main-account .account-container .formHeader-account h3 {
    margin: auto;
    padding: 14px;
    position: relative;
    font-size: 12px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody,
.sysadmin-page #main-project .account-container .formcontainerMainBody,
.sysadmin-page #archived-user .account-container .formcontainerMainBody,
.sysadmin-page #archived-project .account-container .formcontainerMainBody,
.sysadmin-page #main-account .account-container .formcontainerMainBody {
    position: relative;
    background: white;
    height: calc(100% - 115px);
    width: calc(100% - 20px);
    padding: 0 15px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view {
    width: auto;
    line-height: 35px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view img,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view img {
    height: 30px;
    vertical-align: middle;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view img span,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view img span {
    align-items: center;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer {
    width: 100%;
    display: inline-block;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield {
    line-height: 3vh;
    display: flex;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-right: 20px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 label {
    font-weight: bold;
    font-size: 15px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column1 div {
    margin: 0px;
    background-color: lightgrey;
    outline: none;
    font-size: 12px;
    cursor: not-allowed;
    padding: 2px 10px;
    width: calc(100% - 30px);
    height: 22px;
    color: black;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-left: 20px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 label {
    font-weight: bold;
    font-size: 15px;
  }
  .sysadmin-page #main-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #main-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #archived-user .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #archived-project .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div,
.sysadmin-page #main-account .account-container .formcontainerMainBody .account-view .fieldcontainer .doublefield .column2 div {
    margin: 0px;
    background-color: lightgrey;
    outline: none;
    font-size: 12px;
    cursor: not-allowed;
    padding: 2px 10px;
    width: calc(100% - 30px);
    height: 22px;
    color: black;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  }
  .sysadmin-page #main-user,
.sysadmin-page #archived-user {
    height: calc(100vh - 90px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .sysadmin-page #main-project,
.sysadmin-page #archived-project {
    height: calc(100vh - 90px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .sysadmin-page #main-project {
    height: calc(100vh - 40px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .sysadmin-page #main-project .topcontainer {
    height: 50vh;
  }
  .sysadmin-page #main-project .bottomcontainer {
    height: calc(50vh - 100px);
  }

  .systemadminformView {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: absolute;
    z-index: 6;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.479);
  }
  .systemadminformView .formContent {
    position: relative;
    background: lightgrey;
    margin: 5% auto;
    width: 40%;
    height: auto;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
    border-radius: 5px;
    -webkit-animation-name: fade;
            animation-name: fade;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  .systemadminformView .formContent .newuserPicture {
    position: none;
    line-height: 0px;
    right: 0px;
    left: calc(50% - 35px);
    top: -55px;
    color: black;
    font-size: 16px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
    border: 3px solid #363636;
    vertical-align: middle;
  }
  .systemadminformView .formContent .newuserPicture .newuserInitial {
    position: relative;
    top: calc(-11px + 50px);
    color: white;
    font-size: 30px;
  }
  .systemadminformView .formContent .formHeader-user,
.systemadminformView .formContent .formHeader-project,
.systemadminformView .formContent .formHeader-org,
.systemadminformView .formContent .formHeader-group {
    background-color: #363636;
    color: white;
    width: 100%;
    height: 35px;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 17px 0 0 0;
    font-size: 12px;
  }
  .systemadminformView .formContent .formHeader-user h3,
.systemadminformView .formContent .formHeader-project h3,
.systemadminformView .formContent .formHeader-org h3,
.systemadminformView .formContent .formHeader-group h3 {
    margin: 5px 0 0 0;
  }
  .systemadminformView .formContent .formHeader-user h4,
.systemadminformView .formContent .formHeader-project h4,
.systemadminformView .formContent .formHeader-org h4,
.systemadminformView .formContent .formHeader-group h4 {
    margin: 0px;
  }
  .systemadminformView .formContent .closebutton {
    position: absolute;
    line-height: 25px;
    right: -12px;
    top: -10px;
    padding: 2em, 2em;
    color: black;
    background: #e7e7e7;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 5px, 5px, 10px, #000;
    z-index: 2;
  }
  .systemadminformView .formContent .closebutton:hover {
    background-image: linear-gradient(to bottom, white, grey);
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody {
    position: relative;
    background: white;
    height: 60vh;
    overflow: auto;
    padding: 20px 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit {
    line-height: 25px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput.idcontainer,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .idcontainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput.idcontainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .idcontainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput.idcontainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .idcontainer {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept {
    margin: 15px 0;
    border: 1px solid grey;
    border-radius: 5px;
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems {
    display: inline-block;
    padding: 0 5px;
    margin: 3px 2px;
    background-image: linear-gradient(to bottom, #bfbebe, #8a8a8a, #bfbebe);
    border-radius: 5px;
    height: 26px;
    width: auto;
    vertical-align: middle;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag {
    padding: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag a,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag a,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.atag a {
    position: relative;
    top: -4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div {
    padding: 0;
    float: right;
    margin-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div {
    position: relative;
    top: -4px;
    color: #464646;
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div:hover,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div:hover,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .selectedDept .selectedContainer .selectedItems span.div div:hover {
    color: black;
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit label,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit label,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input::-moz-placeholder, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input::-moz-placeholder, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input::-moz-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:-ms-input-placeholder, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:-ms-input-placeholder, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:-ms-input-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input::placeholder,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input::placeholder,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input::placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not([type=checkbox]) {
    width: calc(100% - 37px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newconfirmpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newconfirmpassword:not([type=checkbox]),
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newconfirmpassword:not([type=checkbox]) {
    width: calc(100% - 37px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:valid:not([type=checkbox]):required {
    width: calc(100% - 37px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:valid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:valid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus:invalid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus:invalid:not([type=checkbox]):required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:hover,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:hover,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus {
    background: #fff;
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus.newid,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus.newid,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus.newid {
    color: lightgrey;
    border: 1px solid lightgrey;
    box-shadow: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit label.required:after,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit label.required:after,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit label.required:after {
    content: "*";
    color: lightcoral;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input {
    border-color: #d1d1d1;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not(:-moz-placeholder-shown):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 47px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not(:-ms-input-placeholder):invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 47px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input#newpassword:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input#newpassword:not(:placeholder-shown):invalid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input#newpassword:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
    width: calc(100% - 47px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:-ms-input-placeholder:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:-ms-input-placeholder:focus:invalid:required, .systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:placeholder-shown:focus:invalid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:placeholder-shown:focus:invalid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:focus:valid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:focus:valid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit input:valid:required,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit input:valid:required,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser {
    display: inline-flex;
    border: 1px solid grey;
    height: 20px;
    border-radius: 4px;
    outline: none;
    width: 20px;
    position: relative;
    top: 1px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button {
    background: none;
    border-style: none;
    padding: 0 3px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button img,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button img {
    cursor: pointer;
    width: 15px;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button img:active,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button img:active {
    outline: 0;
    background: #888;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    box-shadow: 0 0 0px 5px #888;
    transition-duration: 10ms;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .confirm-password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .confirm-password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .password-showhide-adduser button:focus,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .confirm-password-showhide-adduser button:focus {
    outline: 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator #newpasswordstrengthContainer,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator #newpasswordstrengthContainer,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator #newpasswordstrengthContainer {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    width: 200px;
    height: 20px;
    display: inline-block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator #newpasswordstrengthContainer #newpasswordstrength,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator #newpasswordstrengthContainer #newpasswordstrength,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator #newpasswordstrengthContainer #newpasswordstrength {
    background: red;
    width: 50px;
    height: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .passindicator #newpasswordstrengthText,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .passindicator #newpasswordstrengthText,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .passindicator #newpasswordstrengthText {
    display: inline-block;
    position: relative;
    align-items: center;
    top: -4px;
    margin-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .resetcheck,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .resetcheck,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .resetcheck {
    display: none;
    margin-top: 0px;
    width: auto;
    padding: 3px 0px;
    border-radius: 3px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .resetcheck#checkresetpassword,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .resetcheck#checkresetpassword,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .resetcheck#checkresetpassword {
    margin-top: 20px;
    padding-left: 10px;
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit select,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit select,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit select option:disabled,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit select option:disabled,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit select option:disabled {
    color: #aaaaaa;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput {
    display: flex;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column1,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column1,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column1 {
    width: 50%;
    margin-right: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column11,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column11,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column11 {
    width: calc(100% - 100px);
    margin-right: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column2,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column2,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column2 {
    width: 50%;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column22,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column22,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column22 {
    width: 200px;
    margin-left: 5px;
    height: 30px;
    position: relative;
    top: 35px;
    overflow: hidden;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-edit .doubleinput .column22 button,
.systemadminformView .formContent .formcontainerMainBody .neworgContainerBody-edit .doubleinput .column22 button,
.systemadminformView .formContent .formcontainerMainBody .newgroupContainerBody-edit .doubleinput .column22 button {
    position: relative;
    top: 33px;
    width: 100%;
    padding: 4px 10px;
    border-radius: 3px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly {
    display: none;
    width: 100%;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly img {
    width: 20px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .viewonedit {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td {
    text-align: left;
    padding: 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 8px;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th img {
    height: 10px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newuserContainerBody-readonly .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber {
    height: 30px;
    margin-top: -5px;
    margin-bottom: 15px;
    list-style: none;
    padding-left: calc(50% - 235px);
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .slash {
    text-decoration: none;
    margin-left: 0px;
    padding: 10px 0;
    color: grey;
    list-style-type: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .slash.hide {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter {
    text-decoration: none;
    margin-left: 0px;
    padding: 10px;
    color: grey;
    list-style-type: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter.active {
    font-weight: bolder;
    color: black;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter.hide {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .pagenumber .pagecounter:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 {
    line-height: 25px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput {
    display: flex;
    width: 100%;
    margin: 5px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column1, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column2 {
    width: 50%;
    text-align: center;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column1 input, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .doubleinput .column2 input {
    width: auto;
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .hiddencontainer {
    display: none;
    line-height: 33px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .hiddencontainer.active {
    display: block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input::-moz-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:-ms-input-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input::placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input.readonly {
    background: lightgray;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input.readonly:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not([type=radio]) {
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not([type=checkbox]) {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:valid:not([type=checkbox]):required {
    width: calc(100% - 20px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus:invalid:not([type=checkbox]):required {
    width: calc(100% - 20px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus.readonly {
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 label.required:after {
    content: "*";
    color: lightcoral;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input {
    border-color: #d1d1d1;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 4px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 select.readonly {
    background: lightgray;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .projectimageupload {
    text-align: center;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage1 .projectimageupload img#projectimage {
    width: 207px;
    margin: 0 240px 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 {
    line-height: 20px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer {
    background: white;
    margin: 30px 5px;
    padding: 20px 10px;
    border: 1px solid grey;
    box-shadow: 3px 5px 6px rgba(92, 92, 92, 0.562);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer h3 {
    margin: 0 0 5px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .singleinput {
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .singleinput h3 {
    border-radius: 5px;
    padding: 0px 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .doubleinput {
    display: flex;
    width: 100%;
    width: calc(100% - 20px);
    padding: 0 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .doubleinput .column1 {
    width: 60%;
    margin-right: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage2 .itemsContainer .doubleinput .column2 {
    width: 40%;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 {
    line-height: 30px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input::-moz-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:-ms-input-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input::placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:focus {
    background: #fff;
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:focus.newid {
    color: lightgrey;
    border: 1px solid lightgrey;
    box-shadow: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 label.required:after {
    content: "*";
    color: lightcoral;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input {
    border-color: #d1d1d1;
    width: calc(100% - 50px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 25px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input#newpassword:not(:-moz-placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input#newpassword:not(:-ms-input-placeholder):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input#newpassword:not(:placeholder-shown):invalid:required {
    background: url(../../Images/icons/gen_button/cancel.svg);
    border-color: red;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    width: calc(100% - 64px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:-moz-placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:-ms-input-placeholder:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:placeholder-shown:focus:invalid:required {
    width: calc(100% - 10px);
    padding: 3px 0px;
    border-radius: 3px;
    padding-left: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:focus:valid:required {
    border-color: #1fe01f;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 input:valid:required {
    border-color: #d1d1d1;
    background: url(../../Images/icons/gen_button/checked.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 .doubleinput {
    display: flex;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 .doubleinput .column1 {
    width: 50%;
    margin-right: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage3 .doubleinput .column2 {
    width: 50%;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 {
    display: none;
    height: calc(100% - 40px);
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .RIWindow {
    background: green;
    height: 60%;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer {
    position: relative;
    margin: 10px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer .coodirnateinstruction {
    background-color: #4e4e4e;
    border-radius: 5px;
    padding: 10px;
    color: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer label.coordinates {
    font-weight: bold;
    font-size: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer span button {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage4 .coordinatecontainer #Fusecoordinateval2 {
    margin: 10px 0;
    font-size: 16px;
    margin: 10px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 {
    display: none;
    height: calc(100% - 40px);
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 input.searchuserAddProject {
    position: relative;
    width: 165px;
    height: 23px;
    top: -38px;
    z-index: 3;
    border-radius: 5px;
    padding: 3px 3px;
    font-size: 10px;
    /* background: lightgrey; */
    color: black;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .organizeuser {
    position: fixed;
    top: 115px;
    z-index: 3;
    border-radius: 5px;
    padding: 10px 20px;
    background: lightgrey;
    color: black;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer {
    display: none;
    line-height: 30px;
    width: 18%;
    color: white;
    height: calc(100% - 100px);
    background: #5a5a5a;
    padding: 10px 15px;
    position: absolute;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer h4 {
    text-align: center;
    padding: 10px;
    margin: 0px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer label {
    font-weight: bold;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input {
    background: #fff;
    color: #525865;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    padding: 0.6em 1.45em 0.7em 1.45em;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input::-moz-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:-ms-input-placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input::placeholder {
    color: #c9c8c8;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:not([type=checkbox]) {
    width: 100%;
    padding: 3px 0px;
    border-radius: 3px;
    margin-top: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer input:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer select {
    font-size: 15px;
    width: 100%;
    padding: 6px 0px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .filterContainer button {
    float: right;
    padding: 7.5px 15px;
    border-radius: 5px;
    margin-top: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table {
    position: absolute;
    width: calc(100% - 40px);
    overflow: auto;
    left: 20px;
    float: right;
    top: 55px;
    /*
    .formsearchUser{
        padding: 10px 5px;
        text-align: right;
        top: 100px;
        position: fixed;
        input{
            height: 20px;
            padding: 5px;
            border-radius: 5px;
        }
        button{
            padding: 8px 20px;
            border-radius: 5px;
            &#formadmindeleteUser{
                display:none;
                float: left;
            }
        }
    }*/
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td input {
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td select {
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table td:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th input {
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage5 .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 {
    display: none;
    height: calc(100% - 40px);
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer {
    width: 100%;
    height: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer {
    height: 50%;
    width: 100%;
    margin-bottom: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .inputContainer {
    height: 30px;
    display: inline-block;
    width: 190px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .inputContainer select {
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .headerContainer {
    display: inline-block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table {
    position: ralative;
    overflow: auto;
    height: calc(100% - 40px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table td:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .topContainer .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer {
    height: 50%;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .inputContainer {
    height: 30px;
    display: inline-block;
    width: 190px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .inputContainer select {
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .headerContainer {
    display: inline-block;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table {
    position: relative;
    overflow: auto;
    height: calc(100% - 40px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table td:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 20px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage6 .projectContainer .bottomContainer .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 {
    display: none;
    height: calc(100% - 40px);
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table {
    position: absolute;
    width: calc(100% - 40px);
    overflow: auto;
    left: 20px;
    float: right;
    top: 55px;
    /*
    .formsearchUser{
        padding: 10px 5px;
        text-align: right;
        top: 100px;
        position: fixed;
        input{
            height: 20px;
            padding: 5px;
            border-radius: 5px;
        }
        button{
            padding: 8px 20px;
            border-radius: 5px;
            &#formadmindeleteUser{
                display:none;
                float: left;
            }
        }
    }*/
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td input {
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td select {
    font-size: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table td:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th input {
    height: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-editpage7 .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly {
    display: none;
    width: 100%;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer {
    width: 80%;
    display: inline-block;
    float: left;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield {
    margin-right: 20px;
    margin-left: 20px;
    display: flex;
    width: calc(100% - 40px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column1 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-right: 10px;
    border: 1px solid gray;
    border-radius: 10px;
    background: lightgray;
    overflow: hidden;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column1 img {
    width: 18px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column1 div {
    width: calc(100% - 65px);
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    padding: 3px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2 {
    display: inline-block;
    width: calc(50% - 9px);
    margin-left: 10px;
    border: 1px solid gray;
    border-radius: 10px;
    background: lightgray;
    overflow: hidden;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2.invi {
    display: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2 img {
    width: 18px;
    vertical-align: middle;
    margin: 0 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .fieldcontainer .doublefield .column2 div {
    width: calc(100% - 65px);
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    padding: 3px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .projecticoncontainer {
    width: calc(20% - 4px);
    display: inline-block;
    text-align: center;
    height: 200px;
    border: 2px solid gray;
    border-radius: 10px;
    background-image: url(../../Images/icons/admin_page/newprojectform/Transparency100.png);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .projecticoncontainer .imagecontainer {
    width: calc(100% - 4px);
    margin: 2px;
    height: calc(100% - 4px);
    border-radius: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer {
    margin-top: 30px;
    width: calc(100% - 20px);
    overflow: auto;
    height: calc(100% - 60px);
    top: 55px;
    float: right;
    border-top: 3px dashed gray;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer {
    border: 1px solid grey;
    margin: 20px 0;
    padding: 0 10px 10px 10px;
    box-shadow: 3px 5px 6px rgba(92, 92, 92, 0.562);
    width: calc(100% - 30px);
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer h3, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer h3, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer h3 {
    margin: 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput .column1, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput .column1, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput .column1 {
    width: calc(50% - 20px);
    margin-right: 10px;
    text-align: left;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput .column2, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput .column2, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput .column2 {
    width: calc(50% - 20px);
    margin-left: 10px;
    text-align: center;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput input, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput input, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput input {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    background: lightgray;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput input :hover, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput input :hover, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput input :hover {
    cursor: not-allowed;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .constructContainer .doubleinput select, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .financeContainer .doubleinput select, .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .appassignContainer .docContainer .doubleinput select {
    font-size: 1em;
    width: 100%;
    padding: 3px 0px 3px 6px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    background: #fff;
    color: #525865;
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
    font-family: inherit;
    line-height: 1.45;
    outline: none;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table {
    margin-top: 30px;
    width: calc(100% - 20px);
    overflow: auto;
    height: calc(100% - 60px);
    top: 55px;
    float: right;
    border-top: 3px dashed gray;
    /*
    .formsearchUser{
        padding: 10px 5px;
        text-align: right;
        top: 100px;
        position: fixed;
        input{
            height: 20px;
            padding: 5px;
            border-radius: 5px;
        }
        button{
            padding: 8px 20px;
            border-radius: 5px;
            &#formadmindeleteUser{
                display:none;
                float: left;
            }
        }
    }*/
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table h3 {
    margin: 10px 0;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td {
    text-align: left;
    padding: 2px 8px;
    border: none;
    vertical-align: middle;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td .flex {
    display: flex;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td .flex span {
    margin-right: 10px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table td .flex span img {
    height: 15px;
    width: 15px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table tr:hover {
    background-color: #ddd;
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 25px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th:hover {
    cursor: default;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .container-table table th img:hover {
    cursor: pointer;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .RIWindow {
    margin-top: 30px;
    margin-bottom: 60px;
    float: right;
    width: calc(100% - 20px);
    height: 500px;
    border-top: 3px dashed gray;
  }
  .systemadminformView .formContent .formcontainerMainBody .newprojectContainerBody-readonly .RIWindow h3 {
    margin: 10px 0;
  }
  .systemadminformView .formContent .newuserFooter,
.systemadminformView .formContent .neworgFooter,
.systemadminformView .formContent .newgroupFooter {
    background-color: #363636;
    height: 20px;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .systemadminformView .formContent .newuserFooter div,
.systemadminformView .formContent .neworgFooter div,
.systemadminformView .formContent .newgroupFooter div {
    padding: 0px;
    margin: 0px;
  }
  .systemadminformView .formContent .newuserFooter div button,
.systemadminformView .formContent .neworgFooter div button,
.systemadminformView .formContent .newgroupFooter div button {
    padding: 3.5px 11px;
    border-radius: 5px;
    font-size: 10px;
  }
  .systemadminformView .formContent .newuserFooter .edit-page2,
.systemadminformView .formContent .neworgFooter .edit-page2,
.systemadminformView .formContent .newgroupFooter .edit-page2 {
    display: none;
  }
  .systemadminformView .formContent .newuserFooter .readonly,
.systemadminformView .formContent .neworgFooter .readonly,
.systemadminformView .formContent .newgroupFooter .readonly {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter {
    height: 20px;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: right;
  }
  .systemadminformView .formContent .newprojectFooter div {
    padding: 0px;
    margin: 0px;
  }
  .systemadminformView .formContent .newprojectFooter div button {
    padding: 3.5px 11px;
    border-radius: 5px;
    font-size: 10px;
  }
  .systemadminformView .formContent .newprojectFooter div button#newprojectnextpage1-1, .systemadminformView .formContent .newprojectFooter div button#newprojectback2-2, .systemadminformView .formContent .newprojectFooter div button#newprojectSave1, .systemadminformView .formContent .newprojectFooter div button#newprojectUpdate1, .systemadminformView .formContent .newprojectFooter div button#newprojectEdit1 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page2 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page3 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page4 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page5 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page6 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .edit-page7 {
    display: none;
  }
  .systemadminformView .formContent .newprojectFooter .readonly {
    display: none;
  }
}
@-webkit-keyframes example {
  from {
    background-color: red;
  }
  to {
    background-color: yellow;
  }
}
@keyframes example {
  from {
    background-color: red;
  }
  to {
    background-color: yellow;
  }
}
.card-background {
  opacity: 0.6;
}

.finance-page {
  display: block;
  padding: 0px;
  margin: 0px;
  top: 70px;
  position: absolute;
  height: calc(100% - 70px);
  width: 100%;
  background: white;
}
.finance-page #sidebar-admin {
  position: absolute;
  height: 100%;
  width: 300px;
  background: #363636;
  box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
}
.finance-page #sidebar-admin .sidebar-items {
  vertical-align: middle;
  line-height: 45px;
  padding: 0px;
  margin: 0px;
}
.finance-page #sidebar-admin .sidebar-items li.adminHead {
  padding: 15px;
  font-weight: bold;
  color: white;
}
.finance-page #sidebar-admin .sidebar-items li.adminHead a {
  margin-left: 15px;
}
.finance-page #sidebar-admin .sidebar-items li.adminHead img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.finance-page #sidebar-admin .sidebar-items li.adminHead img:hover {
  cursor: pointer;
}
.finance-page #sidebar-admin .sidebar-items li.adminItems {
  color: white;
  text-decoration: none;
  list-style: none;
  padding-left: 15px;
}
.finance-page #sidebar-admin .sidebar-items li.adminItems:hover {
  cursor: pointer;
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.finance-page #sidebar-admin .sidebar-items li.adminItems a {
  text-decoration: none;
  margin-left: 15px;
}
.finance-page #sidebar-admin .sidebar-items li.adminItems img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.finance-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
  float: right;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin: 14px;
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.finance-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.finance-page #sidebar-admin .sidebar-items li.adminItems.active {
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.finance-page #sidebar-admin .sidebar-items ul {
  display: none;
  list-style: none;
  line-height: 45px;
  padding-left: 0;
}
.finance-page #sidebar-admin .sidebar-items ul li {
  color: white;
  text-decoration: none;
  list-style: none;
}
.finance-page #sidebar-admin .sidebar-items ul li:hover {
  cursor: pointer;
  background: grey;
}
.finance-page #sidebar-admin .sidebar-items ul li a {
  text-decoration: none;
  margin-left: 15px;
}
.finance-page #sidebar-admin .sidebar-items ul li img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding-left: 35px;
}
.finance-page #sidebar-admin .sidebar-items ul li.active {
  background: #5f5f5f;
}
.finance-page #main-home {
  display: block;
  position: relative;
  padding: 0 20px;
  width: calc(100% - 340px);
  height: calc(100vh - 75px);
  float: right;
  overflow: auto;
}
.finance-page #main-home .container-welcome .top-welcome {
  margin: 10px 10px;
  border-bottom: 1px solid black;
  line-height: 52px;
  font-weight: bolder;
  font-size: 20px;
}
.finance-page #main-home .container-welcome .top-welcome a {
  margin: 0 10px;
}
.finance-page #main-home .container-welcome .bottom-welcome {
  margin: 20px;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
}
.finance-page #main-home .container-welcome .bottom-welcome a.secondary {
  font-weight: normal;
  font-size: 17px;
}
.finance-page #main-home .container-card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: white;
}
.finance-page #main-home .container-card .cards {
  position: relative;
  background: black;
  border-radius: 5px;
  top: 0px;
  width: 500px;
  height: 100%;
  margin: 20px auto;
  box-shadow: 2px 2px 10px 2px #c0c0c0;
  transition: all 0.3s;
}
.finance-page #main-home .container-card .cards:hover {
  position: relative;
  transform: scale(1.02);
  box-shadow: 3px 3px 8px 3px #616161;
  transition: all 0.3s;
}
.finance-page #main-home .container-card .cards .card-header {
  margin: 0 10px;
  border-bottom: 1px solid #bdbdbd;
  text-align: center;
}
.finance-page #main-home .container-card .cards .card-header:hover {
  cursor: move;
}
.finance-page #main-home .container-card .cards .card-header h3 {
  margin: 10px 0;
  color: #cfcfcf;
}
.finance-page #main-home .container-card .cards .card-body {
  border-radius: 3px;
  background: black;
  margin: 10px;
}
.finance-page #main-home .container-card .cards .card-body .body-image {
  padding: 15px;
  height: auto;
  background-size: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
  color: white;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph {
  margin: 35px 0 35px 0;
  font-size: 16px;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
  display: inline-block;
  width: calc(50% - 3px);
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph a {
  font-size: 14px;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
  font-size: 17px;
  font-weight: bold;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
  font-size: 40px;
  font-weight: bold;
  position: relative;
  top: 8px;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
  font-size: 20px;
  position: relative;
  font-weight: bold;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
  font-size: 17px;
  position: relative;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
  text-align: center;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
  text-align: left;
  line-height: 45px;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
  text-align: right;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
  margin: 15px 0 0 0;
  font-size: 20px;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
  margin: 0 0 15px 0;
  font-size: 12px;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph img {
  height: 25%;
  width: 25%;
  border-radius: 50%;
  margin: 10px 0;
  vertical-align: middle;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
  height: auto;
  width: 50px;
  border-radius: 3px;
  margin: 10px 10px;
  padding: 5px;
  background: #363636;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
  margin: 15px 0;
  text-align: left;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
  width: 100%;
  height: 30px;
  background-color: #b72f2f;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
  height: 30px;
  background-image: linear-gradient(to right, #1f5667, #01cbf9);
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
  margin: 15px 0;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
  margin-right: 5px;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
  margin: 0 5px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-image: linear-gradient(to right, #1f5667, #01cbf9);
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
  margin-right: 5px;
}
.finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
  margin: 0 5px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-color: #b72f2f;
}
.finance-page #main-home .container-card .cards .card-body .list-items {
  height: 45%;
  margin: 0px;
  line-height: 30px;
  list-style: none;
  padding-left: 0px;
}
.finance-page #main-home .container-card .cards .card-body .list-items li {
  list-style-type: none;
}
.finance-page #main-home .container-card .cards .card-body .list-items .items {
  background: #484848;
  color: white;
  font-size: 15px;
  margin: 3px 0;
  padding: 10px 5px;
  line-height: 20px;
}
.finance-page #main-home .container-card .cards .card-body .list-items .items a {
  padding-left: 15px;
  font-weight: bold;
}
.finance-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
  font-size: 12px;
  color: #bebebe;
}
.finance-page #main-home .container-card .cards .card-body .list-items .items:hover {
  cursor: pointer;
  background: grey;
}
.finance-page #main-claims,
.finance-page #main-contracts,
.finance-page #main-budget,
.finance-page #main-vo,
.finance-page #main-amendment,
.finance-page #main-schedule,
.finance-page #main-unit,
.finance-page #main-cashoutflow {
  display: none;
  position: relative;
  margin: 10px;
  /* padding: 0 20px; */
  width: calc(100% - 340px);
  height: calc(100vh - 90px);
  float: right;
}
.finance-page #main-claims .mainHeader,
.finance-page #main-contracts .mainHeader,
.finance-page #main-budget .mainHeader,
.finance-page #main-vo .mainHeader,
.finance-page #main-amendment .mainHeader,
.finance-page #main-schedule .mainHeader,
.finance-page #main-unit .mainHeader,
.finance-page #main-cashoutflow .mainHeader {
  width: 100%;
  height: 50px;
  background-color: #3f3f3f;
  color: white;
  border-radius: 5px;
  text-align: center;
}
.finance-page #main-claims .mainHeader h3,
.finance-page #main-contracts .mainHeader h3,
.finance-page #main-budget .mainHeader h3,
.finance-page #main-vo .mainHeader h3,
.finance-page #main-amendment .mainHeader h3,
.finance-page #main-schedule .mainHeader h3,
.finance-page #main-unit .mainHeader h3,
.finance-page #main-cashoutflow .mainHeader h3 {
  margin: 0px;
  top: 15px;
  position: relative;
}
.finance-page #main-claims .tabContainer,
.finance-page #main-contracts .tabContainer,
.finance-page #main-budget .tabContainer,
.finance-page #main-vo .tabContainer,
.finance-page #main-amendment .tabContainer,
.finance-page #main-schedule .tabContainer,
.finance-page #main-unit .tabContainer,
.finance-page #main-cashoutflow .tabContainer {
  margin-top: 10px;
  height: 30px;
}
.finance-page #main-claims .tabContainer .tabsContainer,
.finance-page #main-contracts .tabContainer .tabsContainer,
.finance-page #main-budget .tabContainer .tabsContainer,
.finance-page #main-vo .tabContainer .tabsContainer,
.finance-page #main-amendment .tabContainer .tabsContainer,
.finance-page #main-schedule .tabContainer .tabsContainer,
.finance-page #main-unit .tabContainer .tabsContainer,
.finance-page #main-cashoutflow .tabContainer .tabsContainer {
  list-style: none;
  display: inline-block;
  margin: 0px;
  padding: 0px;
}
.finance-page #main-claims .tabContainer .tabsContainer .tab,
.finance-page #main-contracts .tabContainer .tabsContainer .tab,
.finance-page #main-budget .tabContainer .tabsContainer .tab,
.finance-page #main-vo .tabContainer .tabsContainer .tab,
.finance-page #main-amendment .tabContainer .tabsContainer .tab,
.finance-page #main-schedule .tabContainer .tabsContainer .tab,
.finance-page #main-unit .tabContainer .tabsContainer .tab,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab {
  display: inline-block;
  background: black;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin: 0px;
  padding: 10px 0 0 0;
  height: 20px;
}
.finance-page #main-claims .tabContainer .tabsContainer .tab label,
.finance-page #main-contracts .tabContainer .tabsContainer .tab label,
.finance-page #main-budget .tabContainer .tabsContainer .tab label,
.finance-page #main-vo .tabContainer .tabsContainer .tab label,
.finance-page #main-amendment .tabContainer .tabsContainer .tab label,
.finance-page #main-schedule .tabContainer .tabsContainer .tab label,
.finance-page #main-unit .tabContainer .tabsContainer .tab label,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab label {
  background: transparent;
  color: white;
  padding: 4px 10px;
  margin: 0px 0px;
}
.finance-page #main-claims .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-contracts .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-budget .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-vo .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-amendment .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-schedule .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-unit .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab label:hover {
  cursor: pointer;
}
.finance-page #main-claims .tabContainer .tabsContainer .tab:hover,
.finance-page #main-contracts .tabContainer .tabsContainer .tab:hover,
.finance-page #main-budget .tabContainer .tabsContainer .tab:hover,
.finance-page #main-vo .tabContainer .tabsContainer .tab:hover,
.finance-page #main-amendment .tabContainer .tabsContainer .tab:hover,
.finance-page #main-schedule .tabContainer .tabsContainer .tab:hover,
.finance-page #main-unit .tabContainer .tabsContainer .tab:hover,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab:hover {
  cursor: pointer;
}
.finance-page #main-claims .tabContainer .tabsContainer .tab.active,
.finance-page #main-contracts .tabContainer .tabsContainer .tab.active,
.finance-page #main-budget .tabContainer .tabsContainer .tab.active,
.finance-page #main-vo .tabContainer .tabsContainer .tab.active,
.finance-page #main-amendment .tabContainer .tabsContainer .tab.active,
.finance-page #main-schedule .tabContainer .tabsContainer .tab.active,
.finance-page #main-unit .tabContainer .tabsContainer .tab.active,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab.active {
  background: #5d5d5d;
}
.finance-page #main-claims .tabContainer .tabsContainer .tab.active label,
.finance-page #main-contracts .tabContainer .tabsContainer .tab.active label,
.finance-page #main-budget .tabContainer .tabsContainer .tab.active label,
.finance-page #main-vo .tabContainer .tabsContainer .tab.active label,
.finance-page #main-amendment .tabContainer .tabsContainer .tab.active label,
.finance-page #main-schedule .tabContainer .tabsContainer .tab.active label,
.finance-page #main-unit .tabContainer .tabsContainer .tab.active label,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab.active label {
  color: white;
}
.finance-page #main-claims .headerButton,
.finance-page #main-contracts .headerButton,
.finance-page #main-budget .headerButton,
.finance-page #main-vo .headerButton,
.finance-page #main-amendment .headerButton,
.finance-page #main-schedule .headerButton,
.finance-page #main-unit .headerButton,
.finance-page #main-cashoutflow .headerButton {
  top: 6px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  right: 15px;
}
.finance-page #main-claims .headerButton button,
.finance-page #main-contracts .headerButton button,
.finance-page #main-budget .headerButton button,
.finance-page #main-vo .headerButton button,
.finance-page #main-amendment .headerButton button,
.finance-page #main-schedule .headerButton button,
.finance-page #main-unit .headerButton button,
.finance-page #main-cashoutflow .headerButton button {
  border-radius: 5px;
  padding: 8px 20px;
}
.finance-page #main-claims .headerButton button.edit,
.finance-page #main-contracts .headerButton button.edit,
.finance-page #main-budget .headerButton button.edit,
.finance-page #main-vo .headerButton button.edit,
.finance-page #main-amendment .headerButton button.edit,
.finance-page #main-schedule .headerButton button.edit,
.finance-page #main-unit .headerButton button.edit,
.finance-page #main-cashoutflow .headerButton button.edit {
  display: none;
}
.finance-page #main-claims .checkcounter,
.finance-page #main-contracts .checkcounter,
.finance-page #main-budget .checkcounter,
.finance-page #main-vo .checkcounter,
.finance-page #main-amendment .checkcounter,
.finance-page #main-schedule .checkcounter,
.finance-page #main-unit .checkcounter,
.finance-page #main-cashoutflow .checkcounter {
  top: 8px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  left: 20px;
}
.finance-page #main-claims .checkcounter.package,
.finance-page #main-contracts .checkcounter.package,
.finance-page #main-budget .checkcounter.package,
.finance-page #main-vo .checkcounter.package,
.finance-page #main-amendment .checkcounter.package,
.finance-page #main-schedule .checkcounter.package,
.finance-page #main-unit .checkcounter.package,
.finance-page #main-cashoutflow .checkcounter.package {
  top: 447px;
}
.finance-page #main-claims .checkcounter p,
.finance-page #main-contracts .checkcounter p,
.finance-page #main-budget .checkcounter p,
.finance-page #main-vo .checkcounter p,
.finance-page #main-amendment .checkcounter p,
.finance-page #main-schedule .checkcounter p,
.finance-page #main-unit .checkcounter p,
.finance-page #main-cashoutflow .checkcounter p {
  margin: 10px 15px;
  display: inline-block;
  float: left;
  display: none;
  color: white;
}
.finance-page #main-claims .searchTable,
.finance-page #main-contracts .searchTable,
.finance-page #main-budget .searchTable,
.finance-page #main-vo .searchTable,
.finance-page #main-amendment .searchTable,
.finance-page #main-schedule .searchTable,
.finance-page #main-unit .searchTable,
.finance-page #main-cashoutflow .searchTable {
  top: 8px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  width: auto;
  right: 20px;
}
.finance-page #main-claims .searchTable input,
.finance-page #main-contracts .searchTable input,
.finance-page #main-budget .searchTable input,
.finance-page #main-vo .searchTable input,
.finance-page #main-amendment .searchTable input,
.finance-page #main-schedule .searchTable input,
.finance-page #main-unit .searchTable input,
.finance-page #main-cashoutflow .searchTable input {
  height: 30px;
  width: 250px;
  padding: 5px;
  border-radius: 5px;
  margin-left: 10px;
}
.finance-page #main-claims iframe,
.finance-page #main-contracts iframe,
.finance-page #main-budget iframe,
.finance-page #main-vo iframe,
.finance-page #main-amendment iframe,
.finance-page #main-schedule iframe,
.finance-page #main-unit iframe,
.finance-page #main-cashoutflow iframe {
  height: calc(100% - 10px);
  width: 100%;
  border: 0px;
  margin: 0px;
  padding: 5px 0;
}
.finance-page #main-claims iframe.tabiframe,
.finance-page #main-contracts iframe.tabiframe,
.finance-page #main-budget iframe.tabiframe,
.finance-page #main-vo iframe.tabiframe,
.finance-page #main-amendment iframe.tabiframe,
.finance-page #main-schedule iframe.tabiframe,
.finance-page #main-unit iframe.tabiframe,
.finance-page #main-cashoutflow iframe.tabiframe {
  height: calc(100% - 10px);
}
.finance-page #main-claims .contractContainer, .finance-page #main-claims .claimContainer, .finance-page #main-claims .vo, .finance-page #main-claims .lookupContainer, .finance-page #main-claims .amendment,
.finance-page #main-contracts .contractContainer,
.finance-page #main-contracts .claimContainer,
.finance-page #main-contracts .vo,
.finance-page #main-contracts .lookupContainer,
.finance-page #main-contracts .amendment,
.finance-page #main-budget .contractContainer,
.finance-page #main-budget .claimContainer,
.finance-page #main-budget .vo,
.finance-page #main-budget .lookupContainer,
.finance-page #main-budget .amendment,
.finance-page #main-vo .contractContainer,
.finance-page #main-vo .claimContainer,
.finance-page #main-vo .vo,
.finance-page #main-vo .lookupContainer,
.finance-page #main-vo .amendment,
.finance-page #main-amendment .contractContainer,
.finance-page #main-amendment .claimContainer,
.finance-page #main-amendment .vo,
.finance-page #main-amendment .lookupContainer,
.finance-page #main-amendment .amendment,
.finance-page #main-schedule .contractContainer,
.finance-page #main-schedule .claimContainer,
.finance-page #main-schedule .vo,
.finance-page #main-schedule .lookupContainer,
.finance-page #main-schedule .amendment,
.finance-page #main-unit .contractContainer,
.finance-page #main-unit .claimContainer,
.finance-page #main-unit .vo,
.finance-page #main-unit .lookupContainer,
.finance-page #main-unit .amendment,
.finance-page #main-cashoutflow .contractContainer,
.finance-page #main-cashoutflow .claimContainer,
.finance-page #main-cashoutflow .vo,
.finance-page #main-cashoutflow .lookupContainer,
.finance-page #main-cashoutflow .amendment {
  background: #5d5d5d;
  height: calc(100vh - 150px);
  overflow: hidden;
  padding: 0px 5px;
  margin-top: 10px;
}
.finance-page #main-claims .budgetContainer,
.finance-page #main-contracts .budgetContainer,
.finance-page #main-budget .budgetContainer,
.finance-page #main-vo .budgetContainer,
.finance-page #main-amendment .budgetContainer,
.finance-page #main-schedule .budgetContainer,
.finance-page #main-unit .budgetContainer,
.finance-page #main-cashoutflow .budgetContainer {
  background: #5d5d5d;
  height: calc(100vh - 180px);
  padding: 0 5px;
}
.finance-page #main-claims .container-table,
.finance-page #main-contracts .container-table,
.finance-page #main-budget .container-table,
.finance-page #main-vo .container-table,
.finance-page #main-amendment .container-table,
.finance-page #main-schedule .container-table,
.finance-page #main-unit .container-table,
.finance-page #main-cashoutflow .container-table {
  position: absolute;
  width: calc(100% - 40px);
  overflow: auto;
  left: 20px;
  float: right;
  top: 55px;
}
.finance-page #main-claims .container-table table,
.finance-page #main-contracts .container-table table,
.finance-page #main-budget .container-table table,
.finance-page #main-vo .container-table table,
.finance-page #main-amendment .container-table table,
.finance-page #main-schedule .container-table table,
.finance-page #main-unit .container-table table,
.finance-page #main-cashoutflow .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.finance-page #main-claims .container-table table td,
.finance-page #main-contracts .container-table table td,
.finance-page #main-budget .container-table table td,
.finance-page #main-vo .container-table table td,
.finance-page #main-amendment .container-table table td,
.finance-page #main-schedule .container-table table td,
.finance-page #main-unit .container-table table td,
.finance-page #main-cashoutflow .container-table table td {
  text-align: left;
  padding: 8px;
  border: none;
  line-height: 25px;
  vertical-align: center;
}
.finance-page #main-claims .container-table table td span,
.finance-page #main-contracts .container-table table td span,
.finance-page #main-budget .container-table table td span,
.finance-page #main-vo .container-table table td span,
.finance-page #main-amendment .container-table table td span,
.finance-page #main-schedule .container-table table td span,
.finance-page #main-unit .container-table table td span,
.finance-page #main-cashoutflow .container-table table td span {
  margin-right: 10px;
}
.finance-page #main-claims .container-table table td span img,
.finance-page #main-contracts .container-table table td span img,
.finance-page #main-budget .container-table table td span img,
.finance-page #main-vo .container-table table td span img,
.finance-page #main-amendment .container-table table td span img,
.finance-page #main-schedule .container-table table td span img,
.finance-page #main-unit .container-table table td span img,
.finance-page #main-cashoutflow .container-table table td span img {
  height: 15px;
  width: 15px;
}
.finance-page #main-claims .container-table table th:first-child,
.finance-page #main-contracts .container-table table th:first-child,
.finance-page #main-budget .container-table table th:first-child,
.finance-page #main-vo .container-table table th:first-child,
.finance-page #main-amendment .container-table table th:first-child,
.finance-page #main-schedule .container-table table th:first-child,
.finance-page #main-unit .container-table table th:first-child,
.finance-page #main-cashoutflow .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.finance-page #main-claims .container-table table th:last-child,
.finance-page #main-contracts .container-table table th:last-child,
.finance-page #main-budget .container-table table th:last-child,
.finance-page #main-vo .container-table table th:last-child,
.finance-page #main-amendment .container-table table th:last-child,
.finance-page #main-schedule .container-table table th:last-child,
.finance-page #main-unit .container-table table th:last-child,
.finance-page #main-cashoutflow .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.finance-page #main-claims .container-table table tr:nth-of-type(even),
.finance-page #main-contracts .container-table table tr:nth-of-type(even),
.finance-page #main-budget .container-table table tr:nth-of-type(even),
.finance-page #main-vo .container-table table tr:nth-of-type(even),
.finance-page #main-amendment .container-table table tr:nth-of-type(even),
.finance-page #main-schedule .container-table table tr:nth-of-type(even),
.finance-page #main-unit .container-table table tr:nth-of-type(even),
.finance-page #main-cashoutflow .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.finance-page #main-claims .container-table table tr:nth-of-type(odd),
.finance-page #main-contracts .container-table table tr:nth-of-type(odd),
.finance-page #main-budget .container-table table tr:nth-of-type(odd),
.finance-page #main-vo .container-table table tr:nth-of-type(odd),
.finance-page #main-amendment .container-table table tr:nth-of-type(odd),
.finance-page #main-schedule .container-table table tr:nth-of-type(odd),
.finance-page #main-unit .container-table table tr:nth-of-type(odd),
.finance-page #main-cashoutflow .container-table table tr:nth-of-type(odd) {
  background: white;
}
.finance-page #main-claims .container-table table tr:hover,
.finance-page #main-contracts .container-table table tr:hover,
.finance-page #main-budget .container-table table tr:hover,
.finance-page #main-vo .container-table table tr:hover,
.finance-page #main-amendment .container-table table tr:hover,
.finance-page #main-schedule .container-table table tr:hover,
.finance-page #main-unit .container-table table tr:hover,
.finance-page #main-cashoutflow .container-table table tr:hover {
  background-color: #ddd;
  cursor: pointer;
}
.finance-page #main-claims .container-table table th,
.finance-page #main-contracts .container-table table th,
.finance-page #main-budget .container-table table th,
.finance-page #main-vo .container-table table th,
.finance-page #main-amendment .container-table table th,
.finance-page #main-schedule .container-table table th,
.finance-page #main-unit .container-table table th,
.finance-page #main-cashoutflow .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.finance-page #main-claims .container-table table th:hover,
.finance-page #main-contracts .container-table table th:hover,
.finance-page #main-budget .container-table table th:hover,
.finance-page #main-vo .container-table table th:hover,
.finance-page #main-amendment .container-table table th:hover,
.finance-page #main-schedule .container-table table th:hover,
.finance-page #main-unit .container-table table th:hover,
.finance-page #main-cashoutflow .container-table table th:hover {
  cursor: default;
}
.finance-page #main-claims .container-table table th img,
.finance-page #main-contracts .container-table table th img,
.finance-page #main-budget .container-table table th img,
.finance-page #main-vo .container-table table th img,
.finance-page #main-amendment .container-table table th img,
.finance-page #main-schedule .container-table table th img,
.finance-page #main-unit .container-table table th img,
.finance-page #main-cashoutflow .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.finance-page #main-claims .container-table table th img:hover,
.finance-page #main-contracts .container-table table th img:hover,
.finance-page #main-budget .container-table table th img:hover,
.finance-page #main-vo .container-table table th img:hover,
.finance-page #main-amendment .container-table table th img:hover,
.finance-page #main-schedule .container-table table th img:hover,
.finance-page #main-unit .container-table table th img:hover,
.finance-page #main-cashoutflow .container-table table th img:hover {
  cursor: pointer;
}
.finance-page #main-claims,
.finance-page #main-vo {
  margin: 10px;
  padding: 0px;
  top: 0px;
}
.finance-page #main-vo .topcontainer {
  height: 50vh;
}
.finance-page #main-vo .bottomcontainer {
  height: calc(50vh - 100px);
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .finance-page {
    display: block;
    padding: 0px;
    margin: 0px;
    top: 50px;
    position: absolute;
    height: calc(100% - 50px);
    width: 100%;
    background: white;
  }
  .finance-page #sidebar-admin {
    position: absolute;
    height: 100%;
    width: 220px;
    background: #363636;
    box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
  }
  .finance-page #sidebar-admin .sidebar-items {
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminHead {
    padding: 10px;
    font-weight: bold;
    color: white;
    font-size: 12px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminHead a {
    margin-left: 10px;
    vertical-align: middle;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminHead img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminHead img:hover {
    cursor: pointer;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems {
    color: white;
    text-decoration: none;
    list-style: none;
    padding-left: 10px;
    font-size: 12px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems:hover {
    cursor: pointer;
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems a {
    text-decoration: none;
    margin-left: 10px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
    float: right;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 9px;
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems.active {
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .finance-page #sidebar-admin .sidebar-items ul {
    display: none;
    list-style: none;
    line-height: 30px;
    padding-left: 0;
  }
  .finance-page #sidebar-admin .sidebar-items ul li {
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: 12px;
  }
  .finance-page #sidebar-admin .sidebar-items ul li:hover {
    cursor: pointer;
    background: grey;
  }
  .finance-page #sidebar-admin .sidebar-items ul li a {
    text-decoration: none;
    margin-left: 15px;
  }
  .finance-page #sidebar-admin .sidebar-items ul li img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-left: 35px;
  }
  .finance-page #sidebar-admin .sidebar-items ul li.active {
    background: #5f5f5f;
  }
  .finance-page #main-home {
    display: block;
    position: relative;
    padding: 0 20px;
    width: calc(100% - 260px);
    height: calc(100vh - 50px);
    float: right;
    overflow: auto;
  }
  .finance-page #main-home .container-welcome .top-welcome {
    margin: 10px 10px;
    border-bottom: 1px solid black;
    line-height: 52px;
    font-weight: bolder;
    font-size: 14px;
  }
  .finance-page #main-home .container-welcome .top-welcome a {
    margin: 0 10px;
  }
  .finance-page #main-home .container-welcome .bottom-welcome {
    margin: 20px;
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
  }
  .finance-page #main-home .container-welcome .bottom-welcome a.secondary {
    font-weight: normal;
    font-size: 13px;
  }
  .finance-page #main-home .container-card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: white;
  }
  .finance-page #main-home .container-card .cards {
    position: relative;
    background: black;
    border-radius: 5px;
    top: 0px;
    width: 340px;
    height: 100%;
    margin: 20px auto;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
    transition: all 0.3s;
  }
  .finance-page #main-home .container-card .cards:hover {
    position: relative;
    transform: scale(1.02);
    box-shadow: 3px 3px 8px 3px #616161;
    transition: all 0.3s;
  }
  .finance-page #main-home .container-card .cards .card-header {
    margin: 0 10px;
    border-bottom: 1px solid #bdbdbd;
    text-align: center;
  }
  .finance-page #main-home .container-card .cards .card-header:hover {
    cursor: move;
  }
  .finance-page #main-home .container-card .cards .card-header h3 {
    margin: 10px 0;
    color: #cfcfcf;
    font-size: 15px;
  }
  .finance-page #main-home .container-card .cards .card-body {
    border-radius: 3px;
    background: black;
    margin: 10px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image {
    padding: 15px;
    height: auto;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    color: white;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph {
    margin: 25px 0 25px 0;
    font-size: 10px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
    display: inline-block;
    width: calc(50% - 3px);
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a {
    font-size: 10px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
    font-size: 14px;
    font-weight: bold;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 8px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
    font-size: 15px;
    position: relative;
    font-weight: bold;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
    font-size: 12px;
    position: relative;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
    text-align: center;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
    text-align: left;
    line-height: 30px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
    text-align: right;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
    margin: 5px 0 0 0;
    font-size: 15px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
    margin: 0 0 15px 0;
    font-size: 12px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph img {
    height: 25%;
    width: 25%;
    border-radius: 50%;
    margin: 10px 0;
    vertical-align: middle;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
    height: auto;
    width: 37px;
    border-radius: 3px;
    margin: 10px 10px;
    padding: 5px;
    background: #363636;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
    margin: 15px 0;
    text-align: left;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
    width: 100%;
    height: 25px;
    background-color: #b72f2f;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
    height: 25px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
    margin: 15px 0;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
    margin-right: 5px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
    margin-right: 5px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-color: #b72f2f;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items {
    height: 45%;
    margin: 0px;
    line-height: 30px;
    list-style: none;
    padding-left: 0px;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items li {
    list-style-type: none;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items .items {
    background: #484848;
    color: white;
    font-size: 12px;
    margin: 3px 0;
    padding: 10px 5px;
    line-height: 15px;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items .items a {
    padding-left: 15px;
    font-weight: bold;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
    font-size: 12px;
    color: #bebebe;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items .items:hover {
    cursor: pointer;
    background: grey;
  }
  .finance-page #main-claims,
.finance-page #main-contracts,
.finance-page #main-budget,
.finance-page #main-vo,
.finance-page #main-amendment,
.finance-page #main-unit,
.finance-page #main-cashoutflow {
    display: none;
    position: relative;
    margin: 10px;
    /* padding: 0 20px; */
    width: calc(100% - 250px);
    height: calc(100vh - 90px);
    float: right;
  }
  .finance-page #main-claims .mainHeader,
.finance-page #main-contracts .mainHeader,
.finance-page #main-budget .mainHeader,
.finance-page #main-vo .mainHeader,
.finance-page #main-amendment .mainHeader,
.finance-page #main-unit .mainHeader,
.finance-page #main-cashoutflow .mainHeader {
    width: 100%;
    height: 40px;
    background-color: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
  }
  .finance-page #main-claims .mainHeader h3,
.finance-page #main-contracts .mainHeader h3,
.finance-page #main-budget .mainHeader h3,
.finance-page #main-vo .mainHeader h3,
.finance-page #main-amendment .mainHeader h3,
.finance-page #main-unit .mainHeader h3,
.finance-page #main-cashoutflow .mainHeader h3 {
    margin: 0px;
    top: 12px;
    position: relative;
    font-size: 12px;
  }
  .finance-page #main-claims .tabContainer,
.finance-page #main-contracts .tabContainer,
.finance-page #main-budget .tabContainer,
.finance-page #main-vo .tabContainer,
.finance-page #main-amendment .tabContainer,
.finance-page #main-unit .tabContainer,
.finance-page #main-cashoutflow .tabContainer {
    margin-top: 10px;
    height: 25px;
  }
  .finance-page #main-claims .tabContainer .tabsContainer,
.finance-page #main-contracts .tabContainer .tabsContainer,
.finance-page #main-budget .tabContainer .tabsContainer,
.finance-page #main-vo .tabContainer .tabsContainer,
.finance-page #main-amendment .tabContainer .tabsContainer,
.finance-page #main-unit .tabContainer .tabsContainer,
.finance-page #main-cashoutflow .tabContainer .tabsContainer {
    list-style: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab,
.finance-page #main-contracts .tabContainer .tabsContainer .tab,
.finance-page #main-budget .tabContainer .tabsContainer .tab,
.finance-page #main-vo .tabContainer .tabsContainer .tab,
.finance-page #main-amendment .tabContainer .tabsContainer .tab,
.finance-page #main-unit .tabContainer .tabsContainer .tab,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab {
    display: inline-block;
    background: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0px;
    padding: 10px 0 0 0;
    height: 15px;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab label,
.finance-page #main-contracts .tabContainer .tabsContainer .tab label,
.finance-page #main-budget .tabContainer .tabsContainer .tab label,
.finance-page #main-vo .tabContainer .tabsContainer .tab label,
.finance-page #main-amendment .tabContainer .tabsContainer .tab label,
.finance-page #main-unit .tabContainer .tabsContainer .tab label,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab label {
    background: transparent;
    color: white;
    padding: 4px 12px;
    margin: 0px 0px;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-contracts .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-budget .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-vo .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-amendment .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-unit .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab label:hover {
    cursor: pointer;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab:hover,
.finance-page #main-contracts .tabContainer .tabsContainer .tab:hover,
.finance-page #main-budget .tabContainer .tabsContainer .tab:hover,
.finance-page #main-vo .tabContainer .tabsContainer .tab:hover,
.finance-page #main-amendment .tabContainer .tabsContainer .tab:hover,
.finance-page #main-unit .tabContainer .tabsContainer .tab:hover,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab:hover {
    cursor: pointer;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab.active,
.finance-page #main-contracts .tabContainer .tabsContainer .tab.active,
.finance-page #main-budget .tabContainer .tabsContainer .tab.active,
.finance-page #main-vo .tabContainer .tabsContainer .tab.active,
.finance-page #main-amendment .tabContainer .tabsContainer .tab.active,
.finance-page #main-unit .tabContainer .tabsContainer .tab.active,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab.active {
    background: #5d5d5d;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab.active label,
.finance-page #main-contracts .tabContainer .tabsContainer .tab.active label,
.finance-page #main-budget .tabContainer .tabsContainer .tab.active label,
.finance-page #main-vo .tabContainer .tabsContainer .tab.active label,
.finance-page #main-amendment .tabContainer .tabsContainer .tab.active label,
.finance-page #main-unit .tabContainer .tabsContainer .tab.active label,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab.active label {
    color: white;
  }
  .finance-page #main-claims .headerButton,
.finance-page #main-contracts .headerButton,
.finance-page #main-budget .headerButton,
.finance-page #main-vo .headerButton,
.finance-page #main-amendment .headerButton,
.finance-page #main-unit .headerButton,
.finance-page #main-cashoutflow .headerButton {
    top: 5px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 10px;
  }
  .finance-page #main-claims .headerButton button,
.finance-page #main-contracts .headerButton button,
.finance-page #main-budget .headerButton button,
.finance-page #main-vo .headerButton button,
.finance-page #main-amendment .headerButton button,
.finance-page #main-unit .headerButton button,
.finance-page #main-cashoutflow .headerButton button {
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 10px;
  }
  .finance-page #main-claims .headerButton button.edit,
.finance-page #main-contracts .headerButton button.edit,
.finance-page #main-budget .headerButton button.edit,
.finance-page #main-vo .headerButton button.edit,
.finance-page #main-amendment .headerButton button.edit,
.finance-page #main-unit .headerButton button.edit,
.finance-page #main-cashoutflow .headerButton button.edit {
    display: none;
  }
  .finance-page #main-claims .checkcounter,
.finance-page #main-contracts .checkcounter,
.finance-page #main-budget .checkcounter,
.finance-page #main-vo .checkcounter,
.finance-page #main-amendment .checkcounter,
.finance-page #main-unit .checkcounter,
.finance-page #main-cashoutflow .checkcounter {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    left: 20px;
  }
  .finance-page #main-claims .checkcounter.package,
.finance-page #main-contracts .checkcounter.package,
.finance-page #main-budget .checkcounter.package,
.finance-page #main-vo .checkcounter.package,
.finance-page #main-amendment .checkcounter.package,
.finance-page #main-unit .checkcounter.package,
.finance-page #main-cashoutflow .checkcounter.package {
    top: 447px;
  }
  .finance-page #main-claims .checkcounter p,
.finance-page #main-contracts .checkcounter p,
.finance-page #main-budget .checkcounter p,
.finance-page #main-vo .checkcounter p,
.finance-page #main-amendment .checkcounter p,
.finance-page #main-unit .checkcounter p,
.finance-page #main-cashoutflow .checkcounter p {
    margin: 10px 15px;
    display: inline-block;
    float: left;
    display: none;
    color: white;
  }
  .finance-page #main-claims .searchTable,
.finance-page #main-contracts .searchTable,
.finance-page #main-budget .searchTable,
.finance-page #main-vo .searchTable,
.finance-page #main-amendment .searchTable,
.finance-page #main-unit .searchTable,
.finance-page #main-cashoutflow .searchTable {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    width: auto;
    right: 20px;
  }
  .finance-page #main-claims .searchTable input,
.finance-page #main-contracts .searchTable input,
.finance-page #main-budget .searchTable input,
.finance-page #main-vo .searchTable input,
.finance-page #main-amendment .searchTable input,
.finance-page #main-unit .searchTable input,
.finance-page #main-cashoutflow .searchTable input {
    height: 10px;
    width: 250px;
    padding: 5px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 10px;
  }
  .finance-page #main-claims iframe,
.finance-page #main-contracts iframe,
.finance-page #main-budget iframe,
.finance-page #main-vo iframe,
.finance-page #main-amendment iframe,
.finance-page #main-unit iframe,
.finance-page #main-cashoutflow iframe {
    height: calc(100% - 10px);
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 5px 0;
  }
  .finance-page #main-claims iframe.tabiframe,
.finance-page #main-contracts iframe.tabiframe,
.finance-page #main-budget iframe.tabiframe,
.finance-page #main-vo iframe.tabiframe,
.finance-page #main-amendment iframe.tabiframe,
.finance-page #main-unit iframe.tabiframe,
.finance-page #main-cashoutflow iframe.tabiframe {
    height: calc(100% - 10px);
  }
  .finance-page #main-claims .contractContainer, .finance-page #main-claims .claimContainer, .finance-page #main-claims .vo,
.finance-page #main-contracts .contractContainer,
.finance-page #main-contracts .claimContainer,
.finance-page #main-contracts .vo,
.finance-page #main-budget .contractContainer,
.finance-page #main-budget .claimContainer,
.finance-page #main-budget .vo,
.finance-page #main-vo .contractContainer,
.finance-page #main-vo .claimContainer,
.finance-page #main-vo .vo,
.finance-page #main-amendment .contractContainer,
.finance-page #main-amendment .claimContainer,
.finance-page #main-amendment .vo,
.finance-page #main-unit .contractContainer,
.finance-page #main-unit .claimContainer,
.finance-page #main-unit .vo,
.finance-page #main-cashoutflow .contractContainer,
.finance-page #main-cashoutflow .claimContainer,
.finance-page #main-cashoutflow .vo {
    background: #5d5d5d;
    height: calc(100vh - 150px);
    overflow: hidden;
    padding: 0px 5px;
    margin-top: 10px;
  }
  .finance-page #main-claims .budgetContainer,
.finance-page #main-contracts .budgetContainer,
.finance-page #main-budget .budgetContainer,
.finance-page #main-vo .budgetContainer,
.finance-page #main-amendment .budgetContainer,
.finance-page #main-unit .budgetContainer,
.finance-page #main-cashoutflow .budgetContainer {
    background: #5d5d5d;
    height: calc(100vh - 180px);
    padding: 0 5px;
  }
  .finance-page #main-claims .container-table,
.finance-page #main-contracts .container-table,
.finance-page #main-budget .container-table,
.finance-page #main-vo .container-table,
.finance-page #main-amendment .container-table,
.finance-page #main-unit .container-table,
.finance-page #main-cashoutflow .container-table {
    position: absolute;
    width: calc(100% - 40px);
    overflow: auto;
    left: 20px;
    float: right;
    top: 55px;
  }
  .finance-page #main-claims .container-table table,
.finance-page #main-contracts .container-table table,
.finance-page #main-budget .container-table table,
.finance-page #main-vo .container-table table,
.finance-page #main-amendment .container-table table,
.finance-page #main-unit .container-table table,
.finance-page #main-cashoutflow .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .finance-page #main-claims .container-table table td,
.finance-page #main-contracts .container-table table td,
.finance-page #main-budget .container-table table td,
.finance-page #main-vo .container-table table td,
.finance-page #main-amendment .container-table table td,
.finance-page #main-unit .container-table table td,
.finance-page #main-cashoutflow .container-table table td {
    text-align: left;
    padding: 8px;
    border: none;
    line-height: 25px;
    vertical-align: center;
  }
  .finance-page #main-claims .container-table table td span,
.finance-page #main-contracts .container-table table td span,
.finance-page #main-budget .container-table table td span,
.finance-page #main-vo .container-table table td span,
.finance-page #main-amendment .container-table table td span,
.finance-page #main-unit .container-table table td span,
.finance-page #main-cashoutflow .container-table table td span {
    margin-right: 10px;
  }
  .finance-page #main-claims .container-table table td span img,
.finance-page #main-contracts .container-table table td span img,
.finance-page #main-budget .container-table table td span img,
.finance-page #main-vo .container-table table td span img,
.finance-page #main-amendment .container-table table td span img,
.finance-page #main-unit .container-table table td span img,
.finance-page #main-cashoutflow .container-table table td span img {
    height: 15px;
    width: 15px;
  }
  .finance-page #main-claims .container-table table th:first-child,
.finance-page #main-contracts .container-table table th:first-child,
.finance-page #main-budget .container-table table th:first-child,
.finance-page #main-vo .container-table table th:first-child,
.finance-page #main-amendment .container-table table th:first-child,
.finance-page #main-unit .container-table table th:first-child,
.finance-page #main-cashoutflow .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .finance-page #main-claims .container-table table th:last-child,
.finance-page #main-contracts .container-table table th:last-child,
.finance-page #main-budget .container-table table th:last-child,
.finance-page #main-vo .container-table table th:last-child,
.finance-page #main-amendment .container-table table th:last-child,
.finance-page #main-unit .container-table table th:last-child,
.finance-page #main-cashoutflow .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .finance-page #main-claims .container-table table tr:nth-of-type(even),
.finance-page #main-contracts .container-table table tr:nth-of-type(even),
.finance-page #main-budget .container-table table tr:nth-of-type(even),
.finance-page #main-vo .container-table table tr:nth-of-type(even),
.finance-page #main-amendment .container-table table tr:nth-of-type(even),
.finance-page #main-unit .container-table table tr:nth-of-type(even),
.finance-page #main-cashoutflow .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .finance-page #main-claims .container-table table tr:nth-of-type(odd),
.finance-page #main-contracts .container-table table tr:nth-of-type(odd),
.finance-page #main-budget .container-table table tr:nth-of-type(odd),
.finance-page #main-vo .container-table table tr:nth-of-type(odd),
.finance-page #main-amendment .container-table table tr:nth-of-type(odd),
.finance-page #main-unit .container-table table tr:nth-of-type(odd),
.finance-page #main-cashoutflow .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .finance-page #main-claims .container-table table tr:hover,
.finance-page #main-contracts .container-table table tr:hover,
.finance-page #main-budget .container-table table tr:hover,
.finance-page #main-vo .container-table table tr:hover,
.finance-page #main-amendment .container-table table tr:hover,
.finance-page #main-unit .container-table table tr:hover,
.finance-page #main-cashoutflow .container-table table tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .finance-page #main-claims .container-table table th,
.finance-page #main-contracts .container-table table th,
.finance-page #main-budget .container-table table th,
.finance-page #main-vo .container-table table th,
.finance-page #main-amendment .container-table table th,
.finance-page #main-unit .container-table table th,
.finance-page #main-cashoutflow .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 8px;
    line-height: 25px;
  }
  .finance-page #main-claims .container-table table th:hover,
.finance-page #main-contracts .container-table table th:hover,
.finance-page #main-budget .container-table table th:hover,
.finance-page #main-vo .container-table table th:hover,
.finance-page #main-amendment .container-table table th:hover,
.finance-page #main-unit .container-table table th:hover,
.finance-page #main-cashoutflow .container-table table th:hover {
    cursor: default;
  }
  .finance-page #main-claims .container-table table th img,
.finance-page #main-contracts .container-table table th img,
.finance-page #main-budget .container-table table th img,
.finance-page #main-vo .container-table table th img,
.finance-page #main-amendment .container-table table th img,
.finance-page #main-unit .container-table table th img,
.finance-page #main-cashoutflow .container-table table th img {
    height: 10px;
    width: auto;
    margin-left: 5px;
  }
  .finance-page #main-claims .container-table table th img:hover,
.finance-page #main-contracts .container-table table th img:hover,
.finance-page #main-budget .container-table table th img:hover,
.finance-page #main-vo .container-table table th img:hover,
.finance-page #main-amendment .container-table table th img:hover,
.finance-page #main-unit .container-table table th img:hover,
.finance-page #main-cashoutflow .container-table table th img:hover {
    cursor: pointer;
  }
  .finance-page #main-claims,
.finance-page #main-vo {
    margin: 10px;
    padding: 0px;
    top: 0px;
  }
  .finance-page #main-vo .topcontainer {
    height: 50vh;
  }
  .finance-page #main-vo .bottomcontainer {
    height: calc(50vh - 100px);
  }
}
@media screen and (max-width: 1366px) {
  .finance-page {
    display: block;
    padding: 0px;
    margin: 0px;
    top: 50px;
    position: absolute;
    height: calc(100% - 50px);
    width: 100%;
    background: white;
  }
  .finance-page #sidebar-admin {
    position: absolute;
    height: 100%;
    width: 220px;
    background: #363636;
    box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
  }
  .finance-page #sidebar-admin .sidebar-items {
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminHead {
    padding: 10px;
    font-weight: bold;
    color: white;
    font-size: 12px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminHead a {
    margin-left: 10px;
    vertical-align: middle;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminHead img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminHead img:hover {
    cursor: pointer;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems {
    color: white;
    text-decoration: none;
    list-style: none;
    padding-left: 10px;
    font-size: 12px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems:hover {
    cursor: pointer;
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems a {
    text-decoration: none;
    margin-left: 10px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
    float: right;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 10px;
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .finance-page #sidebar-admin .sidebar-items li.adminItems.active {
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .finance-page #sidebar-admin .sidebar-items ul {
    display: none;
    list-style: none;
    line-height: 30px;
    padding-left: 0;
  }
  .finance-page #sidebar-admin .sidebar-items ul li {
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: 12px;
  }
  .finance-page #sidebar-admin .sidebar-items ul li:hover {
    cursor: pointer;
    background: grey;
  }
  .finance-page #sidebar-admin .sidebar-items ul li a {
    text-decoration: none;
    margin-left: 15px;
  }
  .finance-page #sidebar-admin .sidebar-items ul li img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-left: 35px;
  }
  .finance-page #sidebar-admin .sidebar-items ul li.active {
    background: #5f5f5f;
  }
  .finance-page #main-home {
    display: block;
    position: relative;
    padding: 0 20px;
    width: calc(100% - 260px);
    height: calc(100vh - 50px);
    float: right;
    overflow: auto;
  }
  .finance-page #main-home .container-welcome .top-welcome {
    margin: 10px 10px;
    border-bottom: 1px solid black;
    line-height: 52px;
    font-weight: bolder;
    font-size: 14px;
  }
  .finance-page #main-home .container-welcome .top-welcome a {
    margin: 0 10px;
  }
  .finance-page #main-home .container-welcome .bottom-welcome {
    margin: 20px;
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
  }
  .finance-page #main-home .container-welcome .bottom-welcome a.secondary {
    font-weight: normal;
    font-size: 13px;
  }
  .finance-page #main-home .container-card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: white;
  }
  .finance-page #main-home .container-card .cards {
    position: relative;
    background: black;
    border-radius: 5px;
    top: 0px;
    width: 340px;
    height: 100%;
    margin: 20px auto;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
    transition: all 0.3s;
  }
  .finance-page #main-home .container-card .cards:hover {
    position: relative;
    transform: scale(1.02);
    box-shadow: 3px 3px 8px 3px #616161;
    transition: all 0.3s;
  }
  .finance-page #main-home .container-card .cards .card-header {
    margin: 0 10px;
    border-bottom: 1px solid #bdbdbd;
    text-align: center;
  }
  .finance-page #main-home .container-card .cards .card-header:hover {
    cursor: move;
  }
  .finance-page #main-home .container-card .cards .card-header h3 {
    margin: 10px 0;
    color: #cfcfcf;
    font-size: 15px;
  }
  .finance-page #main-home .container-card .cards .card-body {
    border-radius: 3px;
    background: black;
    margin: 10px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image {
    padding: 15px;
    height: auto;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    color: white;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph {
    margin: 25px 0 25px 0;
    font-size: 10px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
    display: inline-block;
    width: calc(50% - 3px);
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a {
    font-size: 10px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
    font-size: 14px;
    font-weight: bold;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 8px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
    font-size: 15px;
    position: relative;
    font-weight: bold;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
    font-size: 12px;
    position: relative;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
    text-align: center;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
    text-align: left;
    line-height: 30px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
    text-align: right;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
    margin: 5px 0 0 0;
    font-size: 15px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
    margin: 0 0 15px 0;
    font-size: 12px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph img {
    height: 25%;
    width: 25%;
    border-radius: 50%;
    margin: 10px 0;
    vertical-align: middle;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
    height: auto;
    width: 37px;
    border-radius: 3px;
    margin: 10px 10px;
    padding: 5px;
    background: #363636;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
    margin: 15px 0;
    text-align: left;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
    width: 100%;
    height: 25px;
    background-color: #b72f2f;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
    height: 25px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
    margin: 15px 0;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
    margin-right: 5px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
    margin-right: 5px;
  }
  .finance-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-color: #b72f2f;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items {
    height: 45%;
    margin: 0px;
    line-height: 30px;
    list-style: none;
    padding-left: 0px;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items li {
    list-style-type: none;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items .items {
    background: #484848;
    color: white;
    font-size: 12px;
    margin: 3px 0;
    padding: 10px 5px;
    line-height: 15px;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items .items a {
    padding-left: 15px;
    font-weight: bold;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
    font-size: 12px;
    color: #bebebe;
  }
  .finance-page #main-home .container-card .cards .card-body .list-items .items:hover {
    cursor: pointer;
    background: grey;
  }
  .finance-page #main-claims,
.finance-page #main-contracts,
.finance-page #main-budget,
.finance-page #main-vo,
.finance-page #main-amendment,
.finance-page #main-unit,
.finance-page #main-cashoutflow {
    display: none;
    position: relative;
    margin: 10px;
    /* padding: 0 20px; */
    width: calc(100% - 250px);
    height: calc(100vh - 90px);
    float: right;
  }
  .finance-page #main-claims .mainHeader,
.finance-page #main-contracts .mainHeader,
.finance-page #main-budget .mainHeader,
.finance-page #main-vo .mainHeader,
.finance-page #main-amendment .mainHeader,
.finance-page #main-unit .mainHeader,
.finance-page #main-cashoutflow .mainHeader {
    width: 100%;
    height: 40px;
    background-color: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
  }
  .finance-page #main-claims .mainHeader h3,
.finance-page #main-contracts .mainHeader h3,
.finance-page #main-budget .mainHeader h3,
.finance-page #main-vo .mainHeader h3,
.finance-page #main-amendment .mainHeader h3,
.finance-page #main-unit .mainHeader h3,
.finance-page #main-cashoutflow .mainHeader h3 {
    margin: 0px;
    top: 12px;
    position: relative;
    font-size: 12px;
  }
  .finance-page #main-claims .tabContainer,
.finance-page #main-contracts .tabContainer,
.finance-page #main-budget .tabContainer,
.finance-page #main-vo .tabContainer,
.finance-page #main-amendment .tabContainer,
.finance-page #main-unit .tabContainer,
.finance-page #main-cashoutflow .tabContainer {
    margin-top: 10px;
    height: 25px;
  }
  .finance-page #main-claims .tabContainer .tabsContainer,
.finance-page #main-contracts .tabContainer .tabsContainer,
.finance-page #main-budget .tabContainer .tabsContainer,
.finance-page #main-vo .tabContainer .tabsContainer,
.finance-page #main-amendment .tabContainer .tabsContainer,
.finance-page #main-unit .tabContainer .tabsContainer,
.finance-page #main-cashoutflow .tabContainer .tabsContainer {
    list-style: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab,
.finance-page #main-contracts .tabContainer .tabsContainer .tab,
.finance-page #main-budget .tabContainer .tabsContainer .tab,
.finance-page #main-vo .tabContainer .tabsContainer .tab,
.finance-page #main-amendment .tabContainer .tabsContainer .tab,
.finance-page #main-unit .tabContainer .tabsContainer .tab,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab {
    display: inline-block;
    background: black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0px;
    padding: 10px 0 0 0;
    height: 15px;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab label,
.finance-page #main-contracts .tabContainer .tabsContainer .tab label,
.finance-page #main-budget .tabContainer .tabsContainer .tab label,
.finance-page #main-vo .tabContainer .tabsContainer .tab label,
.finance-page #main-amendment .tabContainer .tabsContainer .tab label,
.finance-page #main-unit .tabContainer .tabsContainer .tab label,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab label {
    background: transparent;
    color: white;
    padding: 4px 12px;
    margin: 0px 0px;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-contracts .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-budget .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-vo .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-amendment .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-unit .tabContainer .tabsContainer .tab label:hover,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab label:hover {
    cursor: pointer;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab:hover,
.finance-page #main-contracts .tabContainer .tabsContainer .tab:hover,
.finance-page #main-budget .tabContainer .tabsContainer .tab:hover,
.finance-page #main-vo .tabContainer .tabsContainer .tab:hover,
.finance-page #main-amendment .tabContainer .tabsContainer .tab:hover,
.finance-page #main-unit .tabContainer .tabsContainer .tab:hover,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab:hover {
    cursor: pointer;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab.active,
.finance-page #main-contracts .tabContainer .tabsContainer .tab.active,
.finance-page #main-budget .tabContainer .tabsContainer .tab.active,
.finance-page #main-vo .tabContainer .tabsContainer .tab.active,
.finance-page #main-amendment .tabContainer .tabsContainer .tab.active,
.finance-page #main-unit .tabContainer .tabsContainer .tab.active,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab.active {
    background: #5d5d5d;
  }
  .finance-page #main-claims .tabContainer .tabsContainer .tab.active label,
.finance-page #main-contracts .tabContainer .tabsContainer .tab.active label,
.finance-page #main-budget .tabContainer .tabsContainer .tab.active label,
.finance-page #main-vo .tabContainer .tabsContainer .tab.active label,
.finance-page #main-amendment .tabContainer .tabsContainer .tab.active label,
.finance-page #main-unit .tabContainer .tabsContainer .tab.active label,
.finance-page #main-cashoutflow .tabContainer .tabsContainer .tab.active label {
    color: white;
  }
  .finance-page #main-claims .headerButton,
.finance-page #main-contracts .headerButton,
.finance-page #main-budget .headerButton,
.finance-page #main-vo .headerButton,
.finance-page #main-amendment .headerButton,
.finance-page #main-unit .headerButton,
.finance-page #main-cashoutflow .headerButton {
    top: 5px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 10px;
  }
  .finance-page #main-claims .headerButton button,
.finance-page #main-contracts .headerButton button,
.finance-page #main-budget .headerButton button,
.finance-page #main-vo .headerButton button,
.finance-page #main-amendment .headerButton button,
.finance-page #main-unit .headerButton button,
.finance-page #main-cashoutflow .headerButton button {
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 10px;
  }
  .finance-page #main-claims .headerButton button.edit,
.finance-page #main-contracts .headerButton button.edit,
.finance-page #main-budget .headerButton button.edit,
.finance-page #main-vo .headerButton button.edit,
.finance-page #main-amendment .headerButton button.edit,
.finance-page #main-unit .headerButton button.edit,
.finance-page #main-cashoutflow .headerButton button.edit {
    display: none;
  }
  .finance-page #main-claims .checkcounter,
.finance-page #main-contracts .checkcounter,
.finance-page #main-budget .checkcounter,
.finance-page #main-vo .checkcounter,
.finance-page #main-amendment .checkcounter,
.finance-page #main-unit .checkcounter,
.finance-page #main-cashoutflow .checkcounter {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    left: 20px;
  }
  .finance-page #main-claims .checkcounter.package,
.finance-page #main-contracts .checkcounter.package,
.finance-page #main-budget .checkcounter.package,
.finance-page #main-vo .checkcounter.package,
.finance-page #main-amendment .checkcounter.package,
.finance-page #main-unit .checkcounter.package,
.finance-page #main-cashoutflow .checkcounter.package {
    top: 447px;
  }
  .finance-page #main-claims .checkcounter p,
.finance-page #main-contracts .checkcounter p,
.finance-page #main-budget .checkcounter p,
.finance-page #main-vo .checkcounter p,
.finance-page #main-amendment .checkcounter p,
.finance-page #main-unit .checkcounter p,
.finance-page #main-cashoutflow .checkcounter p {
    margin: 10px 15px;
    display: inline-block;
    float: left;
    display: none;
    color: white;
  }
  .finance-page #main-claims .searchTable,
.finance-page #main-contracts .searchTable,
.finance-page #main-budget .searchTable,
.finance-page #main-vo .searchTable,
.finance-page #main-amendment .searchTable,
.finance-page #main-unit .searchTable,
.finance-page #main-cashoutflow .searchTable {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    width: auto;
    right: 20px;
  }
  .finance-page #main-claims .searchTable input,
.finance-page #main-contracts .searchTable input,
.finance-page #main-budget .searchTable input,
.finance-page #main-vo .searchTable input,
.finance-page #main-amendment .searchTable input,
.finance-page #main-unit .searchTable input,
.finance-page #main-cashoutflow .searchTable input {
    height: 10px;
    width: 250px;
    padding: 5px;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 10px;
  }
  .finance-page #main-claims iframe,
.finance-page #main-contracts iframe,
.finance-page #main-budget iframe,
.finance-page #main-vo iframe,
.finance-page #main-amendment iframe,
.finance-page #main-unit iframe,
.finance-page #main-cashoutflow iframe {
    height: calc(100% - 10px);
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 5px 0;
  }
  .finance-page #main-claims iframe.tabiframe,
.finance-page #main-contracts iframe.tabiframe,
.finance-page #main-budget iframe.tabiframe,
.finance-page #main-vo iframe.tabiframe,
.finance-page #main-amendment iframe.tabiframe,
.finance-page #main-unit iframe.tabiframe,
.finance-page #main-cashoutflow iframe.tabiframe {
    height: calc(100% - 10px);
  }
  .finance-page #main-claims .contractContainer, .finance-page #main-claims .claimContainer, .finance-page #main-claims .vo,
.finance-page #main-contracts .contractContainer,
.finance-page #main-contracts .claimContainer,
.finance-page #main-contracts .vo,
.finance-page #main-budget .contractContainer,
.finance-page #main-budget .claimContainer,
.finance-page #main-budget .vo,
.finance-page #main-vo .contractContainer,
.finance-page #main-vo .claimContainer,
.finance-page #main-vo .vo,
.finance-page #main-amendment .contractContainer,
.finance-page #main-amendment .claimContainer,
.finance-page #main-amendment .vo,
.finance-page #main-unit .contractContainer,
.finance-page #main-unit .claimContainer,
.finance-page #main-unit .vo,
.finance-page #main-cashoutflow .contractContainer,
.finance-page #main-cashoutflow .claimContainer,
.finance-page #main-cashoutflow .vo {
    background: #5d5d5d;
    height: calc(100vh - 150px);
    overflow: hidden;
    padding: 0px 5px;
    margin-top: 10px;
  }
  .finance-page #main-claims .budgetContainer,
.finance-page #main-contracts .budgetContainer,
.finance-page #main-budget .budgetContainer,
.finance-page #main-vo .budgetContainer,
.finance-page #main-amendment .budgetContainer,
.finance-page #main-unit .budgetContainer,
.finance-page #main-cashoutflow .budgetContainer {
    background: #5d5d5d;
    height: calc(100vh - 180px);
    padding: 0 5px;
  }
  .finance-page #main-claims .container-table,
.finance-page #main-contracts .container-table,
.finance-page #main-budget .container-table,
.finance-page #main-vo .container-table,
.finance-page #main-amendment .container-table,
.finance-page #main-unit .container-table,
.finance-page #main-cashoutflow .container-table {
    position: absolute;
    width: calc(100% - 40px);
    overflow: auto;
    left: 20px;
    float: right;
    top: 55px;
  }
  .finance-page #main-claims .container-table table,
.finance-page #main-contracts .container-table table,
.finance-page #main-budget .container-table table,
.finance-page #main-vo .container-table table,
.finance-page #main-amendment .container-table table,
.finance-page #main-unit .container-table table,
.finance-page #main-cashoutflow .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .finance-page #main-claims .container-table table td,
.finance-page #main-contracts .container-table table td,
.finance-page #main-budget .container-table table td,
.finance-page #main-vo .container-table table td,
.finance-page #main-amendment .container-table table td,
.finance-page #main-unit .container-table table td,
.finance-page #main-cashoutflow .container-table table td {
    text-align: left;
    padding: 8px;
    border: none;
    line-height: 25px;
    vertical-align: center;
  }
  .finance-page #main-claims .container-table table td span,
.finance-page #main-contracts .container-table table td span,
.finance-page #main-budget .container-table table td span,
.finance-page #main-vo .container-table table td span,
.finance-page #main-amendment .container-table table td span,
.finance-page #main-unit .container-table table td span,
.finance-page #main-cashoutflow .container-table table td span {
    margin-right: 10px;
  }
  .finance-page #main-claims .container-table table td span img,
.finance-page #main-contracts .container-table table td span img,
.finance-page #main-budget .container-table table td span img,
.finance-page #main-vo .container-table table td span img,
.finance-page #main-amendment .container-table table td span img,
.finance-page #main-unit .container-table table td span img,
.finance-page #main-cashoutflow .container-table table td span img {
    height: 15px;
    width: 15px;
  }
  .finance-page #main-claims .container-table table th:first-child,
.finance-page #main-contracts .container-table table th:first-child,
.finance-page #main-budget .container-table table th:first-child,
.finance-page #main-vo .container-table table th:first-child,
.finance-page #main-amendment .container-table table th:first-child,
.finance-page #main-unit .container-table table th:first-child,
.finance-page #main-cashoutflow .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .finance-page #main-claims .container-table table th:last-child,
.finance-page #main-contracts .container-table table th:last-child,
.finance-page #main-budget .container-table table th:last-child,
.finance-page #main-vo .container-table table th:last-child,
.finance-page #main-amendment .container-table table th:last-child,
.finance-page #main-unit .container-table table th:last-child,
.finance-page #main-cashoutflow .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .finance-page #main-claims .container-table table tr:nth-of-type(even),
.finance-page #main-contracts .container-table table tr:nth-of-type(even),
.finance-page #main-budget .container-table table tr:nth-of-type(even),
.finance-page #main-vo .container-table table tr:nth-of-type(even),
.finance-page #main-amendment .container-table table tr:nth-of-type(even),
.finance-page #main-unit .container-table table tr:nth-of-type(even),
.finance-page #main-cashoutflow .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .finance-page #main-claims .container-table table tr:nth-of-type(odd),
.finance-page #main-contracts .container-table table tr:nth-of-type(odd),
.finance-page #main-budget .container-table table tr:nth-of-type(odd),
.finance-page #main-vo .container-table table tr:nth-of-type(odd),
.finance-page #main-amendment .container-table table tr:nth-of-type(odd),
.finance-page #main-unit .container-table table tr:nth-of-type(odd),
.finance-page #main-cashoutflow .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .finance-page #main-claims .container-table table tr:hover,
.finance-page #main-contracts .container-table table tr:hover,
.finance-page #main-budget .container-table table tr:hover,
.finance-page #main-vo .container-table table tr:hover,
.finance-page #main-amendment .container-table table tr:hover,
.finance-page #main-unit .container-table table tr:hover,
.finance-page #main-cashoutflow .container-table table tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .finance-page #main-claims .container-table table th,
.finance-page #main-contracts .container-table table th,
.finance-page #main-budget .container-table table th,
.finance-page #main-vo .container-table table th,
.finance-page #main-amendment .container-table table th,
.finance-page #main-unit .container-table table th,
.finance-page #main-cashoutflow .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 8px;
    line-height: 25px;
  }
  .finance-page #main-claims .container-table table th:hover,
.finance-page #main-contracts .container-table table th:hover,
.finance-page #main-budget .container-table table th:hover,
.finance-page #main-vo .container-table table th:hover,
.finance-page #main-amendment .container-table table th:hover,
.finance-page #main-unit .container-table table th:hover,
.finance-page #main-cashoutflow .container-table table th:hover {
    cursor: default;
  }
  .finance-page #main-claims .container-table table th img,
.finance-page #main-contracts .container-table table th img,
.finance-page #main-budget .container-table table th img,
.finance-page #main-vo .container-table table th img,
.finance-page #main-amendment .container-table table th img,
.finance-page #main-unit .container-table table th img,
.finance-page #main-cashoutflow .container-table table th img {
    height: 10px;
    width: auto;
    margin-left: 5px;
  }
  .finance-page #main-claims .container-table table th img:hover,
.finance-page #main-contracts .container-table table th img:hover,
.finance-page #main-budget .container-table table th img:hover,
.finance-page #main-vo .container-table table th img:hover,
.finance-page #main-amendment .container-table table th img:hover,
.finance-page #main-unit .container-table table th img:hover,
.finance-page #main-cashoutflow .container-table table th img:hover {
    cursor: pointer;
  }
  .finance-page #main-claims,
.finance-page #main-vo {
    margin: 10px;
    padding: 0px;
    top: 0px;
  }
  .finance-page #main-vo .topcontainer {
    height: 50vh;
  }
  .finance-page #main-vo .bottomcontainer {
    height: calc(50vh - 100px);
  }
}
.document-page {
  display: block;
  padding: 0px;
  margin: 0px;
  top: 70px;
  position: absolute;
  height: calc(100% - 70px);
  width: 100%;
  background: white;
}
.document-page #sidebar-admin {
  position: absolute;
  height: 100%;
  width: 300px;
  background: #363636;
  box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
}
.document-page #sidebar-admin .sidebar-items {
  vertical-align: middle;
  line-height: 45px;
  padding: 0px;
  margin: 0px;
}
.document-page #sidebar-admin .sidebar-items li.adminHead {
  padding: 15px;
  font-weight: bold;
  color: white;
}
.document-page #sidebar-admin .sidebar-items li.adminHead a {
  margin-left: 15px;
}
.document-page #sidebar-admin .sidebar-items li.adminHead img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.document-page #sidebar-admin .sidebar-items li.adminHead img:hover {
  cursor: pointer;
}
.document-page #sidebar-admin .sidebar-items li.adminItems {
  color: white;
  text-decoration: none;
  list-style: none;
  padding-left: 15px;
}
.document-page #sidebar-admin .sidebar-items li.adminItems:hover {
  cursor: pointer;
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.document-page #sidebar-admin .sidebar-items li.adminItems a {
  text-decoration: none;
  margin-left: 15px;
}
.document-page #sidebar-admin .sidebar-items li.adminItems img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.document-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
  float: right;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin: 14px;
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.document-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.document-page #sidebar-admin .sidebar-items li.adminItems.active {
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.document-page #sidebar-admin .sidebar-items ul {
  display: none;
  list-style: none;
  line-height: 45px;
  padding-left: 0;
}
.document-page #sidebar-admin .sidebar-items ul li {
  color: white;
  text-decoration: none;
  list-style: none;
}
.document-page #sidebar-admin .sidebar-items ul li:hover {
  cursor: pointer;
  background: grey;
}
.document-page #sidebar-admin .sidebar-items ul li a {
  text-decoration: none;
  margin-left: 15px;
}
.document-page #sidebar-admin .sidebar-items ul li img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding-left: 35px;
}
.document-page #sidebar-admin .sidebar-items ul li.active {
  background: #5f5f5f;
}
.document-page #main-home {
  display: block;
  position: relative;
  padding: 0 20px;
  width: calc(100% - 340px);
  height: calc(100vh - 75px);
  float: right;
  overflow: auto;
}
.document-page #main-home .container-welcome .top-welcome {
  margin: 10px 10px;
  border-bottom: 1px solid black;
  line-height: 52px;
  font-weight: bolder;
  font-size: 20px;
}
.document-page #main-home .container-welcome .top-welcome a {
  margin: 0 10px;
}
.document-page #main-home .container-welcome .bottom-welcome {
  margin: 20px;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
}
.document-page #main-home .container-welcome .bottom-welcome a.secondary {
  font-weight: normal;
  font-size: 17px;
}
.document-page #main-home .container-card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: white;
}
.document-page #main-home .container-card .cards {
  position: relative;
  background: black;
  border-radius: 5px;
  top: 0px;
  width: 500px;
  height: 100%;
  margin: 20px auto;
  box-shadow: 2px 2px 10px 2px #c0c0c0;
  transition: all 0.3s;
}
.document-page #main-home .container-card .cards:hover {
  position: relative;
  transform: scale(1.02);
  box-shadow: 3px 3px 8px 3px #616161;
  transition: all 0.3s;
}
.document-page #main-home .container-card .cards .card-header {
  margin: 0 10px;
  border-bottom: 1px solid #bdbdbd;
  text-align: center;
}
.document-page #main-home .container-card .cards .card-header:hover {
  cursor: move;
}
.document-page #main-home .container-card .cards .card-header h3 {
  margin: 10px 0;
  color: #cfcfcf;
}
.document-page #main-home .container-card .cards .card-body {
  border-radius: 3px;
  background: black;
  margin: 10px;
}
.document-page #main-home .container-card .cards .card-body .body-image {
  padding: 15px;
  height: auto;
  background-size: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
  color: white;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph {
  margin: 35px 0 35px 0;
  font-size: 16px;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
  display: inline-block;
  width: calc(50% - 3px);
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph a {
  font-size: 14px;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
  font-size: 17px;
  font-weight: bold;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
  font-size: 40px;
  font-weight: bold;
  position: relative;
  top: 8px;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
  font-size: 20px;
  position: relative;
  font-weight: bold;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
  font-size: 17px;
  position: relative;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
  text-align: center;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
  text-align: left;
  line-height: 45px;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
  text-align: right;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
  margin: 15px 0 0 0;
  font-size: 20px;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
  margin: 0 0 15px 0;
  font-size: 12px;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph img {
  height: 25%;
  width: 25%;
  border-radius: 50%;
  margin: 10px 0;
  vertical-align: middle;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
  height: auto;
  width: 50px;
  border-radius: 3px;
  margin: 10px 10px;
  padding: 5px;
  background: #363636;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
  margin: 15px 0;
  text-align: left;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
  width: 100%;
  height: 30px;
  background-color: #b72f2f;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
  height: 30px;
  background-image: linear-gradient(to right, #1f5667, #01cbf9);
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
  margin: 15px 0;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
  margin-right: 5px;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
  margin: 0 5px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-image: linear-gradient(to right, #1f5667, #01cbf9);
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
  margin-right: 5px;
}
.document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
  margin: 0 5px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-color: #b72f2f;
}
.document-page #main-home .container-card .cards .card-body .list-items {
  height: 45%;
  margin: 0px;
  line-height: 30px;
  list-style: none;
  padding-left: 0px;
}
.document-page #main-home .container-card .cards .card-body .list-items li {
  list-style-type: none;
}
.document-page #main-home .container-card .cards .card-body .list-items .items {
  background: #484848;
  color: white;
  font-size: 15px;
  margin: 3px 0;
  padding: 10px 5px;
  line-height: 20px;
}
.document-page #main-home .container-card .cards .card-body .list-items .items a {
  padding-left: 15px;
  font-weight: bold;
}
.document-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
  font-size: 12px;
  color: #bebebe;
}
.document-page #main-home .container-card .cards .card-body .list-items .items:hover {
  cursor: pointer;
  background: grey;
}
.document-page #main-projectInfo,
.document-page #status-document,
.document-page #main-document,
.document-page #main-setup,
.document-page #register-document,
.document-page #dataIcon-document,
.document-page #setup-doc-type,
.document-page #setup-discipline,
.document-page #setup-section,
.document-page #setup-entity,
.document-page #setup-volume,
.document-page #setup-distribution-group,
.document-page #setup-distribution-matrix,
.document-page #main-inboxCorrespondence,
.document-page #main-newCorrespondence,
.document-page #main-bulkCorrespondenceRegister,
.document-page #main-myCorrespondence,
.document-page #main-incomingCorrespondence,
.document-page #main-outgoingCorrespondence {
  display: none;
  position: relative;
  margin: 10px;
  /* padding: 0 20px; */
  width: calc(100% - 340px);
  height: calc(100vh - 90px);
  float: right;
}
.document-page #main-projectInfo .mainHeader,
.document-page #status-document .mainHeader,
.document-page #main-document .mainHeader,
.document-page #main-setup .mainHeader,
.document-page #register-document .mainHeader,
.document-page #dataIcon-document .mainHeader,
.document-page #setup-doc-type .mainHeader,
.document-page #setup-discipline .mainHeader,
.document-page #setup-section .mainHeader,
.document-page #setup-entity .mainHeader,
.document-page #setup-volume .mainHeader,
.document-page #setup-distribution-group .mainHeader,
.document-page #setup-distribution-matrix .mainHeader,
.document-page #main-inboxCorrespondence .mainHeader,
.document-page #main-newCorrespondence .mainHeader,
.document-page #main-bulkCorrespondenceRegister .mainHeader,
.document-page #main-myCorrespondence .mainHeader,
.document-page #main-incomingCorrespondence .mainHeader,
.document-page #main-outgoingCorrespondence .mainHeader {
  width: 100%;
  height: 50px;
  background-color: #3f3f3f;
  color: white;
  border-radius: 5px;
  text-align: center;
}
.document-page #main-projectInfo .mainHeader h3,
.document-page #status-document .mainHeader h3,
.document-page #main-document .mainHeader h3,
.document-page #main-setup .mainHeader h3,
.document-page #register-document .mainHeader h3,
.document-page #dataIcon-document .mainHeader h3,
.document-page #setup-doc-type .mainHeader h3,
.document-page #setup-discipline .mainHeader h3,
.document-page #setup-section .mainHeader h3,
.document-page #setup-entity .mainHeader h3,
.document-page #setup-volume .mainHeader h3,
.document-page #setup-distribution-group .mainHeader h3,
.document-page #setup-distribution-matrix .mainHeader h3,
.document-page #main-inboxCorrespondence .mainHeader h3,
.document-page #main-newCorrespondence .mainHeader h3,
.document-page #main-bulkCorrespondenceRegister .mainHeader h3,
.document-page #main-myCorrespondence .mainHeader h3,
.document-page #main-incomingCorrespondence .mainHeader h3,
.document-page #main-outgoingCorrespondence .mainHeader h3 {
  margin: 0px;
  top: 15px;
  position: relative;
}
.document-page #main-projectInfo .headerButton,
.document-page #status-document .headerButton,
.document-page #main-document .headerButton,
.document-page #main-setup .headerButton,
.document-page #register-document .headerButton,
.document-page #dataIcon-document .headerButton,
.document-page #setup-doc-type .headerButton,
.document-page #setup-discipline .headerButton,
.document-page #setup-section .headerButton,
.document-page #setup-entity .headerButton,
.document-page #setup-volume .headerButton,
.document-page #setup-distribution-group .headerButton,
.document-page #setup-distribution-matrix .headerButton,
.document-page #main-inboxCorrespondence .headerButton,
.document-page #main-newCorrespondence .headerButton,
.document-page #main-bulkCorrespondenceRegister .headerButton,
.document-page #main-myCorrespondence .headerButton,
.document-page #main-incomingCorrespondence .headerButton,
.document-page #main-outgoingCorrespondence .headerButton {
  top: 6px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  right: 10px;
}
.document-page #main-projectInfo .headerButton button,
.document-page #status-document .headerButton button,
.document-page #main-document .headerButton button,
.document-page #main-setup .headerButton button,
.document-page #register-document .headerButton button,
.document-page #dataIcon-document .headerButton button,
.document-page #setup-doc-type .headerButton button,
.document-page #setup-discipline .headerButton button,
.document-page #setup-section .headerButton button,
.document-page #setup-entity .headerButton button,
.document-page #setup-volume .headerButton button,
.document-page #setup-distribution-group .headerButton button,
.document-page #setup-distribution-matrix .headerButton button,
.document-page #main-inboxCorrespondence .headerButton button,
.document-page #main-newCorrespondence .headerButton button,
.document-page #main-bulkCorrespondenceRegister .headerButton button,
.document-page #main-myCorrespondence .headerButton button,
.document-page #main-incomingCorrespondence .headerButton button,
.document-page #main-outgoingCorrespondence .headerButton button {
  border-radius: 5px;
  padding: 8px 20px;
}
.document-page #main-projectInfo .headerButton button.edit,
.document-page #status-document .headerButton button.edit,
.document-page #main-document .headerButton button.edit,
.document-page #main-setup .headerButton button.edit,
.document-page #register-document .headerButton button.edit,
.document-page #dataIcon-document .headerButton button.edit,
.document-page #setup-doc-type .headerButton button.edit,
.document-page #setup-discipline .headerButton button.edit,
.document-page #setup-section .headerButton button.edit,
.document-page #setup-entity .headerButton button.edit,
.document-page #setup-volume .headerButton button.edit,
.document-page #setup-distribution-group .headerButton button.edit,
.document-page #setup-distribution-matrix .headerButton button.edit,
.document-page #main-inboxCorrespondence .headerButton button.edit,
.document-page #main-newCorrespondence .headerButton button.edit,
.document-page #main-bulkCorrespondenceRegister .headerButton button.edit,
.document-page #main-myCorrespondence .headerButton button.edit,
.document-page #main-incomingCorrespondence .headerButton button.edit,
.document-page #main-outgoingCorrespondence .headerButton button.edit {
  display: none;
}
.document-page #main-projectInfo .checkcounter,
.document-page #status-document .checkcounter,
.document-page #main-document .checkcounter,
.document-page #main-setup .checkcounter,
.document-page #register-document .checkcounter,
.document-page #dataIcon-document .checkcounter,
.document-page #setup-doc-type .checkcounter,
.document-page #setup-discipline .checkcounter,
.document-page #setup-section .checkcounter,
.document-page #setup-entity .checkcounter,
.document-page #setup-volume .checkcounter,
.document-page #setup-distribution-group .checkcounter,
.document-page #setup-distribution-matrix .checkcounter,
.document-page #main-inboxCorrespondence .checkcounter,
.document-page #main-newCorrespondence .checkcounter,
.document-page #main-bulkCorrespondenceRegister .checkcounter,
.document-page #main-myCorrespondence .checkcounter,
.document-page #main-incomingCorrespondence .checkcounter,
.document-page #main-outgoingCorrespondence .checkcounter {
  top: 8px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  left: 20px;
}
.document-page #main-projectInfo .checkcounter.package,
.document-page #status-document .checkcounter.package,
.document-page #main-document .checkcounter.package,
.document-page #main-setup .checkcounter.package,
.document-page #register-document .checkcounter.package,
.document-page #dataIcon-document .checkcounter.package,
.document-page #setup-doc-type .checkcounter.package,
.document-page #setup-discipline .checkcounter.package,
.document-page #setup-section .checkcounter.package,
.document-page #setup-entity .checkcounter.package,
.document-page #setup-volume .checkcounter.package,
.document-page #setup-distribution-group .checkcounter.package,
.document-page #setup-distribution-matrix .checkcounter.package,
.document-page #main-inboxCorrespondence .checkcounter.package,
.document-page #main-newCorrespondence .checkcounter.package,
.document-page #main-bulkCorrespondenceRegister .checkcounter.package,
.document-page #main-myCorrespondence .checkcounter.package,
.document-page #main-incomingCorrespondence .checkcounter.package,
.document-page #main-outgoingCorrespondence .checkcounter.package {
  top: 447px;
}
.document-page #main-projectInfo .checkcounter p,
.document-page #status-document .checkcounter p,
.document-page #main-document .checkcounter p,
.document-page #main-setup .checkcounter p,
.document-page #register-document .checkcounter p,
.document-page #dataIcon-document .checkcounter p,
.document-page #setup-doc-type .checkcounter p,
.document-page #setup-discipline .checkcounter p,
.document-page #setup-section .checkcounter p,
.document-page #setup-entity .checkcounter p,
.document-page #setup-volume .checkcounter p,
.document-page #setup-distribution-group .checkcounter p,
.document-page #setup-distribution-matrix .checkcounter p,
.document-page #main-inboxCorrespondence .checkcounter p,
.document-page #main-newCorrespondence .checkcounter p,
.document-page #main-bulkCorrespondenceRegister .checkcounter p,
.document-page #main-myCorrespondence .checkcounter p,
.document-page #main-incomingCorrespondence .checkcounter p,
.document-page #main-outgoingCorrespondence .checkcounter p {
  margin: 10px 15px;
  display: inline-block;
  float: left;
  display: none;
  color: white;
}
.document-page #main-projectInfo .searchTable,
.document-page #status-document .searchTable,
.document-page #main-document .searchTable,
.document-page #main-setup .searchTable,
.document-page #register-document .searchTable,
.document-page #dataIcon-document .searchTable,
.document-page #setup-doc-type .searchTable,
.document-page #setup-discipline .searchTable,
.document-page #setup-section .searchTable,
.document-page #setup-entity .searchTable,
.document-page #setup-volume .searchTable,
.document-page #setup-distribution-group .searchTable,
.document-page #setup-distribution-matrix .searchTable,
.document-page #main-inboxCorrespondence .searchTable,
.document-page #main-newCorrespondence .searchTable,
.document-page #main-bulkCorrespondenceRegister .searchTable,
.document-page #main-myCorrespondence .searchTable,
.document-page #main-incomingCorrespondence .searchTable,
.document-page #main-outgoingCorrespondence .searchTable {
  top: 8px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  width: auto;
  right: 20px;
}
.document-page #main-projectInfo .searchTable input,
.document-page #status-document .searchTable input,
.document-page #main-document .searchTable input,
.document-page #main-setup .searchTable input,
.document-page #register-document .searchTable input,
.document-page #dataIcon-document .searchTable input,
.document-page #setup-doc-type .searchTable input,
.document-page #setup-discipline .searchTable input,
.document-page #setup-section .searchTable input,
.document-page #setup-entity .searchTable input,
.document-page #setup-volume .searchTable input,
.document-page #setup-distribution-group .searchTable input,
.document-page #setup-distribution-matrix .searchTable input,
.document-page #main-inboxCorrespondence .searchTable input,
.document-page #main-newCorrespondence .searchTable input,
.document-page #main-bulkCorrespondenceRegister .searchTable input,
.document-page #main-myCorrespondence .searchTable input,
.document-page #main-incomingCorrespondence .searchTable input,
.document-page #main-outgoingCorrespondence .searchTable input {
  height: 30px;
  width: 250px;
  padding: 5px;
  border-radius: 5px;
  margin-left: 10px;
}
.document-page #main-projectInfo .templateContainer,
.document-page #status-document .templateContainer,
.document-page #main-document .templateContainer,
.document-page #main-setup .templateContainer,
.document-page #register-document .templateContainer,
.document-page #dataIcon-document .templateContainer,
.document-page #setup-doc-type .templateContainer,
.document-page #setup-discipline .templateContainer,
.document-page #setup-section .templateContainer,
.document-page #setup-entity .templateContainer,
.document-page #setup-volume .templateContainer,
.document-page #setup-distribution-group .templateContainer,
.document-page #setup-distribution-matrix .templateContainer,
.document-page #main-inboxCorrespondence .templateContainer,
.document-page #main-newCorrespondence .templateContainer,
.document-page #main-bulkCorrespondenceRegister .templateContainer,
.document-page #main-myCorrespondence .templateContainer,
.document-page #main-incomingCorrespondence .templateContainer,
.document-page #main-outgoingCorrespondence .templateContainer {
  height: 100px;
  padding: 5px 40px;
  display: none;
  font-size: 13px;
}
.document-page #main-projectInfo iframe,
.document-page #status-document iframe,
.document-page #main-document iframe,
.document-page #main-setup iframe,
.document-page #register-document iframe,
.document-page #dataIcon-document iframe,
.document-page #setup-doc-type iframe,
.document-page #setup-discipline iframe,
.document-page #setup-section iframe,
.document-page #setup-entity iframe,
.document-page #setup-volume iframe,
.document-page #setup-distribution-group iframe,
.document-page #setup-distribution-matrix iframe,
.document-page #main-inboxCorrespondence iframe,
.document-page #main-newCorrespondence iframe,
.document-page #main-bulkCorrespondenceRegister iframe,
.document-page #main-myCorrespondence iframe,
.document-page #main-incomingCorrespondence iframe,
.document-page #main-outgoingCorrespondence iframe {
  height: 100%;
  width: 100%;
  border: 0px;
  margin: 0px;
}
.document-page #main-projectInfo .documentContainer, .document-page #main-projectInfo .setupContainer,
.document-page #status-document .documentContainer,
.document-page #status-document .setupContainer,
.document-page #main-document .documentContainer,
.document-page #main-document .setupContainer,
.document-page #main-setup .documentContainer,
.document-page #main-setup .setupContainer,
.document-page #register-document .documentContainer,
.document-page #register-document .setupContainer,
.document-page #dataIcon-document .documentContainer,
.document-page #dataIcon-document .setupContainer,
.document-page #setup-doc-type .documentContainer,
.document-page #setup-doc-type .setupContainer,
.document-page #setup-discipline .documentContainer,
.document-page #setup-discipline .setupContainer,
.document-page #setup-section .documentContainer,
.document-page #setup-section .setupContainer,
.document-page #setup-entity .documentContainer,
.document-page #setup-entity .setupContainer,
.document-page #setup-volume .documentContainer,
.document-page #setup-volume .setupContainer,
.document-page #setup-distribution-group .documentContainer,
.document-page #setup-distribution-group .setupContainer,
.document-page #setup-distribution-matrix .documentContainer,
.document-page #setup-distribution-matrix .setupContainer,
.document-page #main-inboxCorrespondence .documentContainer,
.document-page #main-inboxCorrespondence .setupContainer,
.document-page #main-newCorrespondence .documentContainer,
.document-page #main-newCorrespondence .setupContainer,
.document-page #main-bulkCorrespondenceRegister .documentContainer,
.document-page #main-bulkCorrespondenceRegister .setupContainer,
.document-page #main-myCorrespondence .documentContainer,
.document-page #main-myCorrespondence .setupContainer,
.document-page #main-incomingCorrespondence .documentContainer,
.document-page #main-incomingCorrespondence .setupContainer,
.document-page #main-outgoingCorrespondence .documentContainer,
.document-page #main-outgoingCorrespondence .setupContainer {
  height: calc(100vh - 165px);
  width: 100%;
  overflow: auto;
}
.document-page #main-projectInfo .datalistIcon,
.document-page #status-document .datalistIcon,
.document-page #main-document .datalistIcon,
.document-page #main-setup .datalistIcon,
.document-page #register-document .datalistIcon,
.document-page #dataIcon-document .datalistIcon,
.document-page #setup-doc-type .datalistIcon,
.document-page #setup-discipline .datalistIcon,
.document-page #setup-section .datalistIcon,
.document-page #setup-entity .datalistIcon,
.document-page #setup-volume .datalistIcon,
.document-page #setup-distribution-group .datalistIcon,
.document-page #setup-distribution-matrix .datalistIcon,
.document-page #main-inboxCorrespondence .datalistIcon,
.document-page #main-newCorrespondence .datalistIcon,
.document-page #main-bulkCorrespondenceRegister .datalistIcon,
.document-page #main-myCorrespondence .datalistIcon,
.document-page #main-incomingCorrespondence .datalistIcon,
.document-page #main-outgoingCorrespondence .datalistIcon {
  margin: 10px;
  text-align: center;
  grid-template-columns: 120px 120px 120px;
  grid-template-rows: auto auto auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
}
.document-page #main-projectInfo .datalistIcon #scrollcontainer,
.document-page #status-document .datalistIcon #scrollcontainer,
.document-page #main-document .datalistIcon #scrollcontainer,
.document-page #main-setup .datalistIcon #scrollcontainer,
.document-page #register-document .datalistIcon #scrollcontainer,
.document-page #dataIcon-document .datalistIcon #scrollcontainer,
.document-page #setup-doc-type .datalistIcon #scrollcontainer,
.document-page #setup-discipline .datalistIcon #scrollcontainer,
.document-page #setup-section .datalistIcon #scrollcontainer,
.document-page #setup-entity .datalistIcon #scrollcontainer,
.document-page #setup-volume .datalistIcon #scrollcontainer,
.document-page #setup-distribution-group .datalistIcon #scrollcontainer,
.document-page #setup-distribution-matrix .datalistIcon #scrollcontainer,
.document-page #main-inboxCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-newCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-bulkCorrespondenceRegister .datalistIcon #scrollcontainer,
.document-page #main-myCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-incomingCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-outgoingCorrespondence .datalistIcon #scrollcontainer {
  height: calc(100% - 10px);
  overflow-y: auto;
}
.document-page #main-projectInfo .datalistIcon .listColumnOne img,
.document-page #status-document .datalistIcon .listColumnOne img,
.document-page #main-document .datalistIcon .listColumnOne img,
.document-page #main-setup .datalistIcon .listColumnOne img,
.document-page #register-document .datalistIcon .listColumnOne img,
.document-page #dataIcon-document .datalistIcon .listColumnOne img,
.document-page #setup-doc-type .datalistIcon .listColumnOne img,
.document-page #setup-discipline .datalistIcon .listColumnOne img,
.document-page #setup-section .datalistIcon .listColumnOne img,
.document-page #setup-entity .datalistIcon .listColumnOne img,
.document-page #setup-volume .datalistIcon .listColumnOne img,
.document-page #setup-distribution-group .datalistIcon .listColumnOne img,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne img,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne img,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne img {
  width: 70px;
  height: 70px;
}
.document-page #main-projectInfo .datalistIcon .listColumnOne .docDetails,
.document-page #status-document .datalistIcon .listColumnOne .docDetails,
.document-page #main-document .datalistIcon .listColumnOne .docDetails,
.document-page #main-setup .datalistIcon .listColumnOne .docDetails,
.document-page #register-document .datalistIcon .listColumnOne .docDetails,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docDetails,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docDetails,
.document-page #setup-discipline .datalistIcon .listColumnOne .docDetails,
.document-page #setup-section .datalistIcon .listColumnOne .docDetails,
.document-page #setup-entity .datalistIcon .listColumnOne .docDetails,
.document-page #setup-volume .datalistIcon .listColumnOne .docDetails,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docDetails,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docDetails,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docDetails,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docDetails {
  padding: 10px;
  display: inline-block;
  width: 100px;
  height: 100px;
  position: relative;
}
.document-page #main-projectInfo .datalistIcon .listColumnOne .docDetails:hover,
.document-page #status-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-setup .datalistIcon .listColumnOne .docDetails:hover,
.document-page #register-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-discipline .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-section .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-entity .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-volume .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docDetails:hover {
  cursor: pointer;
  background-color: rgba(194, 197, 204, 0.7);
}
.document-page #main-projectInfo .datalistIcon .listColumnOne .editDatalist,
.document-page #status-document .datalistIcon .listColumnOne .editDatalist,
.document-page #main-document .datalistIcon .listColumnOne .editDatalist,
.document-page #main-setup .datalistIcon .listColumnOne .editDatalist,
.document-page #register-document .datalistIcon .listColumnOne .editDatalist,
.document-page #dataIcon-document .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-doc-type .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-discipline .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-section .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-entity .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-volume .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .editDatalist,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .editDatalist,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .editDatalist {
  display: inline-block;
  float: right;
  margin: 5px 5px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
}
.document-page #main-projectInfo .datalistIcon .listColumnOne label:hover,
.document-page #status-document .datalistIcon .listColumnOne label:hover,
.document-page #main-document .datalistIcon .listColumnOne label:hover,
.document-page #main-setup .datalistIcon .listColumnOne label:hover,
.document-page #register-document .datalistIcon .listColumnOne label:hover,
.document-page #dataIcon-document .datalistIcon .listColumnOne label:hover,
.document-page #setup-doc-type .datalistIcon .listColumnOne label:hover,
.document-page #setup-discipline .datalistIcon .listColumnOne label:hover,
.document-page #setup-section .datalistIcon .listColumnOne label:hover,
.document-page #setup-entity .datalistIcon .listColumnOne label:hover,
.document-page #setup-volume .datalistIcon .listColumnOne label:hover,
.document-page #setup-distribution-group .datalistIcon .listColumnOne label:hover,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne label:hover,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne label:hover,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne label:hover {
  cursor: pointer;
}
.document-page #main-projectInfo .datalistIcon .listColumnOne .docRef,
.document-page #status-document .datalistIcon .listColumnOne .docRef,
.document-page #main-document .datalistIcon .listColumnOne .docRef,
.document-page #main-setup .datalistIcon .listColumnOne .docRef,
.document-page #register-document .datalistIcon .listColumnOne .docRef,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docRef,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docRef,
.document-page #setup-discipline .datalistIcon .listColumnOne .docRef,
.document-page #setup-section .datalistIcon .listColumnOne .docRef,
.document-page #setup-entity .datalistIcon .listColumnOne .docRef,
.document-page #setup-volume .datalistIcon .listColumnOne .docRef,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docRef,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docRef,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docRef,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docRef {
  margin-top: 10px;
}
.document-page #main-projectInfo .datalistIcon .listColumnOne .docButton,
.document-page #status-document .datalistIcon .listColumnOne .docButton,
.document-page #main-document .datalistIcon .listColumnOne .docButton,
.document-page #main-setup .datalistIcon .listColumnOne .docButton,
.document-page #register-document .datalistIcon .listColumnOne .docButton,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docButton,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docButton,
.document-page #setup-discipline .datalistIcon .listColumnOne .docButton,
.document-page #setup-section .datalistIcon .listColumnOne .docButton,
.document-page #setup-entity .datalistIcon .listColumnOne .docButton,
.document-page #setup-volume .datalistIcon .listColumnOne .docButton,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docButton,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docButton,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docButton,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docButton {
  margin-top: 15px;
}
.document-page #main-projectInfo .datalistIcon .listColumnOne .docButton button,
.document-page #status-document .datalistIcon .listColumnOne .docButton button,
.document-page #main-document .datalistIcon .listColumnOne .docButton button,
.document-page #main-setup .datalistIcon .listColumnOne .docButton button,
.document-page #register-document .datalistIcon .listColumnOne .docButton button,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docButton button,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docButton button,
.document-page #setup-discipline .datalistIcon .listColumnOne .docButton button,
.document-page #setup-section .datalistIcon .listColumnOne .docButton button,
.document-page #setup-entity .datalistIcon .listColumnOne .docButton button,
.document-page #setup-volume .datalistIcon .listColumnOne .docButton button,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docButton button,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docButton button,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docButton button,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docButton button {
  width: 100px;
  font-size: 11.5px;
  color: #494949;
  text-decoration: none;
  background: #ffffff;
  padding: 5px;
  border: 1.2px solid #494949;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.4s ease 0s;
}
.document-page #main-projectInfo .datalistIcon .listColumnOne .docButton button:hover,
.document-page #status-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-setup .datalistIcon .listColumnOne .docButton button:hover,
.document-page #register-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-discipline .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-section .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-entity .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-volume .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docButton button:hover {
  cursor: pointer;
  color: #ffffff;
  transition: all 0.4s ease 0s;
}
.document-page #main-projectInfo .container-table,
.document-page #status-document .container-table,
.document-page #main-document .container-table,
.document-page #main-setup .container-table,
.document-page #register-document .container-table,
.document-page #dataIcon-document .container-table,
.document-page #setup-doc-type .container-table,
.document-page #setup-discipline .container-table,
.document-page #setup-section .container-table,
.document-page #setup-entity .container-table,
.document-page #setup-volume .container-table,
.document-page #setup-distribution-group .container-table,
.document-page #setup-distribution-matrix .container-table,
.document-page #main-inboxCorrespondence .container-table,
.document-page #main-newCorrespondence .container-table,
.document-page #main-bulkCorrespondenceRegister .container-table,
.document-page #main-myCorrespondence .container-table,
.document-page #main-incomingCorrespondence .container-table,
.document-page #main-outgoingCorrespondence .container-table {
  position: absolute;
  width: calc(100% - 40px);
  overflow: auto;
  left: 20px;
  float: right;
  top: 55px;
}
.document-page #main-projectInfo .container-table table,
.document-page #status-document .container-table table,
.document-page #main-document .container-table table,
.document-page #main-setup .container-table table,
.document-page #register-document .container-table table,
.document-page #dataIcon-document .container-table table,
.document-page #setup-doc-type .container-table table,
.document-page #setup-discipline .container-table table,
.document-page #setup-section .container-table table,
.document-page #setup-entity .container-table table,
.document-page #setup-volume .container-table table,
.document-page #setup-distribution-group .container-table table,
.document-page #setup-distribution-matrix .container-table table,
.document-page #main-inboxCorrespondence .container-table table,
.document-page #main-newCorrespondence .container-table table,
.document-page #main-bulkCorrespondenceRegister .container-table table,
.document-page #main-myCorrespondence .container-table table,
.document-page #main-incomingCorrespondence .container-table table,
.document-page #main-outgoingCorrespondence .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.document-page #main-projectInfo .container-table table td,
.document-page #status-document .container-table table td,
.document-page #main-document .container-table table td,
.document-page #main-setup .container-table table td,
.document-page #register-document .container-table table td,
.document-page #dataIcon-document .container-table table td,
.document-page #setup-doc-type .container-table table td,
.document-page #setup-discipline .container-table table td,
.document-page #setup-section .container-table table td,
.document-page #setup-entity .container-table table td,
.document-page #setup-volume .container-table table td,
.document-page #setup-distribution-group .container-table table td,
.document-page #setup-distribution-matrix .container-table table td,
.document-page #main-inboxCorrespondence .container-table table td,
.document-page #main-newCorrespondence .container-table table td,
.document-page #main-bulkCorrespondenceRegister .container-table table td,
.document-page #main-myCorrespondence .container-table table td,
.document-page #main-incomingCorrespondence .container-table table td,
.document-page #main-outgoingCorrespondence .container-table table td {
  text-align: left;
  padding: 8px;
  border: none;
  line-height: 25px;
  vertical-align: center;
}
.document-page #main-projectInfo .container-table table td span,
.document-page #status-document .container-table table td span,
.document-page #main-document .container-table table td span,
.document-page #main-setup .container-table table td span,
.document-page #register-document .container-table table td span,
.document-page #dataIcon-document .container-table table td span,
.document-page #setup-doc-type .container-table table td span,
.document-page #setup-discipline .container-table table td span,
.document-page #setup-section .container-table table td span,
.document-page #setup-entity .container-table table td span,
.document-page #setup-volume .container-table table td span,
.document-page #setup-distribution-group .container-table table td span,
.document-page #setup-distribution-matrix .container-table table td span,
.document-page #main-inboxCorrespondence .container-table table td span,
.document-page #main-newCorrespondence .container-table table td span,
.document-page #main-bulkCorrespondenceRegister .container-table table td span,
.document-page #main-myCorrespondence .container-table table td span,
.document-page #main-incomingCorrespondence .container-table table td span,
.document-page #main-outgoingCorrespondence .container-table table td span {
  margin-right: 10px;
}
.document-page #main-projectInfo .container-table table td span img,
.document-page #status-document .container-table table td span img,
.document-page #main-document .container-table table td span img,
.document-page #main-setup .container-table table td span img,
.document-page #register-document .container-table table td span img,
.document-page #dataIcon-document .container-table table td span img,
.document-page #setup-doc-type .container-table table td span img,
.document-page #setup-discipline .container-table table td span img,
.document-page #setup-section .container-table table td span img,
.document-page #setup-entity .container-table table td span img,
.document-page #setup-volume .container-table table td span img,
.document-page #setup-distribution-group .container-table table td span img,
.document-page #setup-distribution-matrix .container-table table td span img,
.document-page #main-inboxCorrespondence .container-table table td span img,
.document-page #main-newCorrespondence .container-table table td span img,
.document-page #main-bulkCorrespondenceRegister .container-table table td span img,
.document-page #main-myCorrespondence .container-table table td span img,
.document-page #main-incomingCorrespondence .container-table table td span img,
.document-page #main-outgoingCorrespondence .container-table table td span img {
  height: 15px;
  width: 15px;
}
.document-page #main-projectInfo .container-table table th:first-child,
.document-page #status-document .container-table table th:first-child,
.document-page #main-document .container-table table th:first-child,
.document-page #main-setup .container-table table th:first-child,
.document-page #register-document .container-table table th:first-child,
.document-page #dataIcon-document .container-table table th:first-child,
.document-page #setup-doc-type .container-table table th:first-child,
.document-page #setup-discipline .container-table table th:first-child,
.document-page #setup-section .container-table table th:first-child,
.document-page #setup-entity .container-table table th:first-child,
.document-page #setup-volume .container-table table th:first-child,
.document-page #setup-distribution-group .container-table table th:first-child,
.document-page #setup-distribution-matrix .container-table table th:first-child,
.document-page #main-inboxCorrespondence .container-table table th:first-child,
.document-page #main-newCorrespondence .container-table table th:first-child,
.document-page #main-bulkCorrespondenceRegister .container-table table th:first-child,
.document-page #main-myCorrespondence .container-table table th:first-child,
.document-page #main-incomingCorrespondence .container-table table th:first-child,
.document-page #main-outgoingCorrespondence .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.document-page #main-projectInfo .container-table table th:last-child,
.document-page #status-document .container-table table th:last-child,
.document-page #main-document .container-table table th:last-child,
.document-page #main-setup .container-table table th:last-child,
.document-page #register-document .container-table table th:last-child,
.document-page #dataIcon-document .container-table table th:last-child,
.document-page #setup-doc-type .container-table table th:last-child,
.document-page #setup-discipline .container-table table th:last-child,
.document-page #setup-section .container-table table th:last-child,
.document-page #setup-entity .container-table table th:last-child,
.document-page #setup-volume .container-table table th:last-child,
.document-page #setup-distribution-group .container-table table th:last-child,
.document-page #setup-distribution-matrix .container-table table th:last-child,
.document-page #main-inboxCorrespondence .container-table table th:last-child,
.document-page #main-newCorrespondence .container-table table th:last-child,
.document-page #main-bulkCorrespondenceRegister .container-table table th:last-child,
.document-page #main-myCorrespondence .container-table table th:last-child,
.document-page #main-incomingCorrespondence .container-table table th:last-child,
.document-page #main-outgoingCorrespondence .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.document-page #main-projectInfo .container-table table tr:nth-of-type(even),
.document-page #status-document .container-table table tr:nth-of-type(even),
.document-page #main-document .container-table table tr:nth-of-type(even),
.document-page #main-setup .container-table table tr:nth-of-type(even),
.document-page #register-document .container-table table tr:nth-of-type(even),
.document-page #dataIcon-document .container-table table tr:nth-of-type(even),
.document-page #setup-doc-type .container-table table tr:nth-of-type(even),
.document-page #setup-discipline .container-table table tr:nth-of-type(even),
.document-page #setup-section .container-table table tr:nth-of-type(even),
.document-page #setup-entity .container-table table tr:nth-of-type(even),
.document-page #setup-volume .container-table table tr:nth-of-type(even),
.document-page #setup-distribution-group .container-table table tr:nth-of-type(even),
.document-page #setup-distribution-matrix .container-table table tr:nth-of-type(even),
.document-page #main-inboxCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-newCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-bulkCorrespondenceRegister .container-table table tr:nth-of-type(even),
.document-page #main-myCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-incomingCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-outgoingCorrespondence .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.document-page #main-projectInfo .container-table table tr:nth-of-type(odd),
.document-page #status-document .container-table table tr:nth-of-type(odd),
.document-page #main-document .container-table table tr:nth-of-type(odd),
.document-page #main-setup .container-table table tr:nth-of-type(odd),
.document-page #register-document .container-table table tr:nth-of-type(odd),
.document-page #dataIcon-document .container-table table tr:nth-of-type(odd),
.document-page #setup-doc-type .container-table table tr:nth-of-type(odd),
.document-page #setup-discipline .container-table table tr:nth-of-type(odd),
.document-page #setup-section .container-table table tr:nth-of-type(odd),
.document-page #setup-entity .container-table table tr:nth-of-type(odd),
.document-page #setup-volume .container-table table tr:nth-of-type(odd),
.document-page #setup-distribution-group .container-table table tr:nth-of-type(odd),
.document-page #setup-distribution-matrix .container-table table tr:nth-of-type(odd),
.document-page #main-inboxCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-newCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-bulkCorrespondenceRegister .container-table table tr:nth-of-type(odd),
.document-page #main-myCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-incomingCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-outgoingCorrespondence .container-table table tr:nth-of-type(odd) {
  background: white;
}
.document-page #main-projectInfo .container-table table tr:hover,
.document-page #status-document .container-table table tr:hover,
.document-page #main-document .container-table table tr:hover,
.document-page #main-setup .container-table table tr:hover,
.document-page #register-document .container-table table tr:hover,
.document-page #dataIcon-document .container-table table tr:hover,
.document-page #setup-doc-type .container-table table tr:hover,
.document-page #setup-discipline .container-table table tr:hover,
.document-page #setup-section .container-table table tr:hover,
.document-page #setup-entity .container-table table tr:hover,
.document-page #setup-volume .container-table table tr:hover,
.document-page #setup-distribution-group .container-table table tr:hover,
.document-page #setup-distribution-matrix .container-table table tr:hover,
.document-page #main-inboxCorrespondence .container-table table tr:hover,
.document-page #main-newCorrespondence .container-table table tr:hover,
.document-page #main-bulkCorrespondenceRegister .container-table table tr:hover,
.document-page #main-myCorrespondence .container-table table tr:hover,
.document-page #main-incomingCorrespondence .container-table table tr:hover,
.document-page #main-outgoingCorrespondence .container-table table tr:hover {
  background-color: #ddd;
  cursor: pointer;
}
.document-page #main-projectInfo .container-table table th,
.document-page #status-document .container-table table th,
.document-page #main-document .container-table table th,
.document-page #main-setup .container-table table th,
.document-page #register-document .container-table table th,
.document-page #dataIcon-document .container-table table th,
.document-page #setup-doc-type .container-table table th,
.document-page #setup-discipline .container-table table th,
.document-page #setup-section .container-table table th,
.document-page #setup-entity .container-table table th,
.document-page #setup-volume .container-table table th,
.document-page #setup-distribution-group .container-table table th,
.document-page #setup-distribution-matrix .container-table table th,
.document-page #main-inboxCorrespondence .container-table table th,
.document-page #main-newCorrespondence .container-table table th,
.document-page #main-bulkCorrespondenceRegister .container-table table th,
.document-page #main-myCorrespondence .container-table table th,
.document-page #main-incomingCorrespondence .container-table table th,
.document-page #main-outgoingCorrespondence .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.document-page #main-projectInfo .container-table table th:hover,
.document-page #status-document .container-table table th:hover,
.document-page #main-document .container-table table th:hover,
.document-page #main-setup .container-table table th:hover,
.document-page #register-document .container-table table th:hover,
.document-page #dataIcon-document .container-table table th:hover,
.document-page #setup-doc-type .container-table table th:hover,
.document-page #setup-discipline .container-table table th:hover,
.document-page #setup-section .container-table table th:hover,
.document-page #setup-entity .container-table table th:hover,
.document-page #setup-volume .container-table table th:hover,
.document-page #setup-distribution-group .container-table table th:hover,
.document-page #setup-distribution-matrix .container-table table th:hover,
.document-page #main-inboxCorrespondence .container-table table th:hover,
.document-page #main-newCorrespondence .container-table table th:hover,
.document-page #main-bulkCorrespondenceRegister .container-table table th:hover,
.document-page #main-myCorrespondence .container-table table th:hover,
.document-page #main-incomingCorrespondence .container-table table th:hover,
.document-page #main-outgoingCorrespondence .container-table table th:hover {
  cursor: default;
}
.document-page #main-projectInfo .container-table table th img,
.document-page #status-document .container-table table th img,
.document-page #main-document .container-table table th img,
.document-page #main-setup .container-table table th img,
.document-page #register-document .container-table table th img,
.document-page #dataIcon-document .container-table table th img,
.document-page #setup-doc-type .container-table table th img,
.document-page #setup-discipline .container-table table th img,
.document-page #setup-section .container-table table th img,
.document-page #setup-entity .container-table table th img,
.document-page #setup-volume .container-table table th img,
.document-page #setup-distribution-group .container-table table th img,
.document-page #setup-distribution-matrix .container-table table th img,
.document-page #main-inboxCorrespondence .container-table table th img,
.document-page #main-newCorrespondence .container-table table th img,
.document-page #main-bulkCorrespondenceRegister .container-table table th img,
.document-page #main-myCorrespondence .container-table table th img,
.document-page #main-incomingCorrespondence .container-table table th img,
.document-page #main-outgoingCorrespondence .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.document-page #main-projectInfo .container-table table th img:hover,
.document-page #status-document .container-table table th img:hover,
.document-page #main-document .container-table table th img:hover,
.document-page #main-setup .container-table table th img:hover,
.document-page #register-document .container-table table th img:hover,
.document-page #dataIcon-document .container-table table th img:hover,
.document-page #setup-doc-type .container-table table th img:hover,
.document-page #setup-discipline .container-table table th img:hover,
.document-page #setup-section .container-table table th img:hover,
.document-page #setup-entity .container-table table th img:hover,
.document-page #setup-volume .container-table table th img:hover,
.document-page #setup-distribution-group .container-table table th img:hover,
.document-page #setup-distribution-matrix .container-table table th img:hover,
.document-page #main-inboxCorrespondence .container-table table th img:hover,
.document-page #main-newCorrespondence .container-table table th img:hover,
.document-page #main-bulkCorrespondenceRegister .container-table table th img:hover,
.document-page #main-myCorrespondence .container-table table th img:hover,
.document-page #main-incomingCorrespondence .container-table table th img:hover,
.document-page #main-outgoingCorrespondence .container-table table th img:hover {
  cursor: pointer;
}
.document-page #main-document {
  height: calc(100vh - 90px);
  float: right;
  overflow: auto;
  padding: 0px;
  top: 0px;
  margin: 10px;
}
.document-page #main-vo {
  height: calc(100vh - 90px);
  float: right;
  overflow: auto;
  padding: 0px;
  top: 0px;
  margin: 10px;
}
.document-page #main-vo .topcontainer {
  height: 50vh;
}
.document-page #main-vo .bottomcontainer {
  height: calc(50vh - 100px);
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .document-page {
    display: block;
    padding: 0px;
    margin: 0px;
    top: 50px;
    position: absolute;
    height: calc(100% - 50px);
    width: 100%;
    background: white;
  }
  .document-page #sidebar-admin {
    position: absolute;
    height: 100%;
    width: 220px;
    background: #363636;
    box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
    z-index: 1;
  }
  .document-page #sidebar-admin .sidebar-items {
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminHead {
    padding: 10px;
    font-weight: bold;
    color: white;
    font-size: 12px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminHead a {
    margin-left: 15px;
    vertical-align: middle;
  }
  .document-page #sidebar-admin .sidebar-items li.adminHead img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminHead img:hover {
    cursor: pointer;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems {
    color: white;
    text-decoration: none;
    list-style: none;
    padding-left: 10px;
    font-size: 12px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems:hover {
    cursor: pointer;
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems a {
    text-decoration: none;
    margin-left: 10px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
    float: right;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 9px;
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems.active {
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .document-page #sidebar-admin .sidebar-items ul {
    display: none;
    list-style: none;
    line-height: 30px;
    padding-left: 0;
  }
  .document-page #sidebar-admin .sidebar-items ul li {
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: 12px;
  }
  .document-page #sidebar-admin .sidebar-items ul li:hover {
    cursor: pointer;
    background: grey;
  }
  .document-page #sidebar-admin .sidebar-items ul li a {
    text-decoration: none;
    margin-left: 15px;
  }
  .document-page #sidebar-admin .sidebar-items ul li img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-left: 35px;
  }
  .document-page #sidebar-admin .sidebar-items ul li.active {
    background: #5f5f5f;
  }
  .document-page #main-home {
    display: block;
    position: relative;
    padding: 0 20px;
    width: calc(100% - 260px);
    height: calc(100vh - 50px);
    float: right;
    overflow: auto;
  }
  .document-page #main-home .container-welcome .top-welcome {
    margin: 10px 10px;
    border-bottom: 1px solid black;
    line-height: 52px;
    font-weight: bolder;
    font-size: 14px;
  }
  .document-page #main-home .container-welcome .top-welcome a {
    margin: 0 10px;
  }
  .document-page #main-home .container-welcome .bottom-welcome {
    margin: 20px;
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
  }
  .document-page #main-home .container-welcome .bottom-welcome a.secondary {
    font-weight: normal;
    font-size: 13px;
  }
  .document-page #main-home .container-card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: white;
  }
  .document-page #main-home .container-card .cards {
    position: relative;
    background: black;
    border-radius: 5px;
    top: 0px;
    width: 340px;
    height: 100%;
    margin: 20px auto;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
    transition: all 0.3s;
  }
  .document-page #main-home .container-card .cards:hover {
    position: relative;
    transform: scale(1.02);
    box-shadow: 3px 3px 8px 3px #616161;
    transition: all 0.3s;
  }
  .document-page #main-home .container-card .cards .card-header {
    margin: 0 10px;
    border-bottom: 1px solid #bdbdbd;
    text-align: center;
  }
  .document-page #main-home .container-card .cards .card-header:hover {
    cursor: move;
  }
  .document-page #main-home .container-card .cards .card-header h3 {
    margin: 10px 0;
    color: #cfcfcf;
    font-size: 15px;
  }
  .document-page #main-home .container-card .cards .card-body {
    border-radius: 3px;
    background: black;
    margin: 10px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image {
    padding: 15px;
    height: auto;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    color: white;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph {
    margin: 25px 0 25px 0;
    font-size: 10px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
    display: inline-block;
    width: calc(50% - 3px);
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a {
    font-size: 10px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
    font-size: 14px;
    font-weight: bold;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 8px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
    font-size: 15px;
    position: relative;
    font-weight: bold;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
    font-size: 12px;
    position: relative;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
    text-align: center;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
    text-align: left;
    line-height: 45px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
    text-align: right;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
    margin: 15px 0 0 0;
    font-size: 20px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
    margin: 0 0 15px 0;
    font-size: 12px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph img {
    height: 25%;
    width: 25%;
    border-radius: 50%;
    margin: 10px 0;
    vertical-align: middle;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
    height: auto;
    width: 37px;
    border-radius: 3px;
    margin: 10px 10px;
    padding: 5px;
    background: #363636;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
    margin: 15px 0;
    text-align: left;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
    width: 100%;
    height: 25px;
    background-color: #b72f2f;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
    height: 25px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
    margin: 15px 0;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
    margin-right: 5px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
    margin-right: 5px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-color: #b72f2f;
  }
  .document-page #main-home .container-card .cards .card-body .list-items {
    height: 45%;
    margin: 0px;
    line-height: 30px;
    list-style: none;
    padding-left: 0px;
  }
  .document-page #main-home .container-card .cards .card-body .list-items li {
    list-style-type: none;
  }
  .document-page #main-home .container-card .cards .card-body .list-items .items {
    background: #484848;
    color: white;
    font-size: 12px;
    margin: 3px 0;
    padding: 10px 5px;
    line-height: 15px;
  }
  .document-page #main-home .container-card .cards .card-body .list-items .items a {
    padding-left: 15px;
    font-weight: bold;
  }
  .document-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
    font-size: 10px;
    color: #bebebe;
  }
  .document-page #main-home .container-card .cards .card-body .list-items .items:hover {
    cursor: pointer;
    background: grey;
  }
  .document-page #main-projectInfo,
.document-page #status-document,
.document-page #main-document,
.document-page #main-setup,
.document-page #register-document,
.document-page #dataIcon-document,
.document-page #setup-doc-type,
.document-page #setup-discipline,
.document-page #setup-section,
.document-page #setup-entity,
.document-page #setup-volume,
.document-page #setup-distribution-group,
.document-page #setup-distribution-matrix,
.document-page #main-inboxCorrespondence,
.document-page #main-newCorrespondence,
.document-page #main-bulkCorrespondenceRegister,
.document-page #main-myCorrespondence,
.document-page #main-incomingCorrespondence,
.document-page #main-outgoingCorrespondence {
    display: none;
    position: relative;
    width: calc(100% - 260px);
    height: calc(100vh - 75px);
    float: right;
    overflow: hidden;
  }
  .document-page #main-projectInfo .mainHeader,
.document-page #status-document .mainHeader,
.document-page #main-document .mainHeader,
.document-page #main-setup .mainHeader,
.document-page #register-document .mainHeader,
.document-page #dataIcon-document .mainHeader,
.document-page #setup-doc-type .mainHeader,
.document-page #setup-discipline .mainHeader,
.document-page #setup-section .mainHeader,
.document-page #setup-entity .mainHeader,
.document-page #setup-volume .mainHeader,
.document-page #setup-distribution-group .mainHeader,
.document-page #setup-distribution-matrix .mainHeader,
.document-page #main-inboxCorrespondence .mainHeader,
.document-page #main-newCorrespondence .mainHeader,
.document-page #main-bulkCorrespondenceRegister .mainHeader,
.document-page #main-myCorrespondence .mainHeader,
.document-page #main-incomingCorrespondence .mainHeader,
.document-page #main-outgoingCorrespondence .mainHeader {
    width: 100%;
    height: 40px;
    background: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
  }
  .document-page #main-projectInfo .mainHeader h3,
.document-page #status-document .mainHeader h3,
.document-page #main-document .mainHeader h3,
.document-page #main-setup .mainHeader h3,
.document-page #register-document .mainHeader h3,
.document-page #dataIcon-document .mainHeader h3,
.document-page #setup-doc-type .mainHeader h3,
.document-page #setup-discipline .mainHeader h3,
.document-page #setup-section .mainHeader h3,
.document-page #setup-entity .mainHeader h3,
.document-page #setup-volume .mainHeader h3,
.document-page #setup-distribution-group .mainHeader h3,
.document-page #setup-distribution-matrix .mainHeader h3,
.document-page #main-inboxCorrespondence .mainHeader h3,
.document-page #main-newCorrespondence .mainHeader h3,
.document-page #main-bulkCorrespondenceRegister .mainHeader h3,
.document-page #main-myCorrespondence .mainHeader h3,
.document-page #main-incomingCorrespondence .mainHeader h3,
.document-page #main-outgoingCorrespondence .mainHeader h3 {
    margin: 0px;
    top: 12px;
    position: relative;
    font-size: 12px;
  }
  .document-page #main-projectInfo .headerButton,
.document-page #status-document .headerButton,
.document-page #main-document .headerButton,
.document-page #main-setup .headerButton,
.document-page #register-document .headerButton,
.document-page #dataIcon-document .headerButton,
.document-page #setup-doc-type .headerButton,
.document-page #setup-discipline .headerButton,
.document-page #setup-section .headerButton,
.document-page #setup-entity .headerButton,
.document-page #setup-volume .headerButton,
.document-page #setup-distribution-group .headerButton,
.document-page #setup-distribution-matrix .headerButton,
.document-page #main-inboxCorrespondence .headerButton,
.document-page #main-newCorrespondence .headerButton,
.document-page #main-bulkCorrespondenceRegister .headerButton,
.document-page #main-myCorrespondence .headerButton,
.document-page #main-incomingCorrespondence .headerButton,
.document-page #main-outgoingCorrespondence .headerButton {
    top: 4px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 10px;
  }
  .document-page #main-projectInfo .headerButton button,
.document-page #status-document .headerButton button,
.document-page #main-document .headerButton button,
.document-page #main-setup .headerButton button,
.document-page #register-document .headerButton button,
.document-page #dataIcon-document .headerButton button,
.document-page #setup-doc-type .headerButton button,
.document-page #setup-discipline .headerButton button,
.document-page #setup-section .headerButton button,
.document-page #setup-entity .headerButton button,
.document-page #setup-volume .headerButton button,
.document-page #setup-distribution-group .headerButton button,
.document-page #setup-distribution-matrix .headerButton button,
.document-page #main-inboxCorrespondence .headerButton button,
.document-page #main-newCorrespondence .headerButton button,
.document-page #main-bulkCorrespondenceRegister .headerButton button,
.document-page #main-myCorrespondence .headerButton button,
.document-page #main-incomingCorrespondence .headerButton button,
.document-page #main-outgoingCorrespondence .headerButton button {
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 10px;
  }
  .document-page #main-projectInfo .headerButton button.edit,
.document-page #status-document .headerButton button.edit,
.document-page #main-document .headerButton button.edit,
.document-page #main-setup .headerButton button.edit,
.document-page #register-document .headerButton button.edit,
.document-page #dataIcon-document .headerButton button.edit,
.document-page #setup-doc-type .headerButton button.edit,
.document-page #setup-discipline .headerButton button.edit,
.document-page #setup-section .headerButton button.edit,
.document-page #setup-entity .headerButton button.edit,
.document-page #setup-volume .headerButton button.edit,
.document-page #setup-distribution-group .headerButton button.edit,
.document-page #setup-distribution-matrix .headerButton button.edit,
.document-page #main-inboxCorrespondence .headerButton button.edit,
.document-page #main-newCorrespondence .headerButton button.edit,
.document-page #main-bulkCorrespondenceRegister .headerButton button.edit,
.document-page #main-myCorrespondence .headerButton button.edit,
.document-page #main-incomingCorrespondence .headerButton button.edit,
.document-page #main-outgoingCorrespondence .headerButton button.edit {
    display: none;
  }
  .document-page #main-projectInfo .checkcounter,
.document-page #status-document .checkcounter,
.document-page #main-document .checkcounter,
.document-page #main-setup .checkcounter,
.document-page #register-document .checkcounter,
.document-page #dataIcon-document .checkcounter,
.document-page #setup-doc-type .checkcounter,
.document-page #setup-discipline .checkcounter,
.document-page #setup-section .checkcounter,
.document-page #setup-entity .checkcounter,
.document-page #setup-volume .checkcounter,
.document-page #setup-distribution-group .checkcounter,
.document-page #setup-distribution-matrix .checkcounter,
.document-page #main-inboxCorrespondence .checkcounter,
.document-page #main-newCorrespondence .checkcounter,
.document-page #main-bulkCorrespondenceRegister .checkcounter,
.document-page #main-myCorrespondence .checkcounter,
.document-page #main-incomingCorrespondence .checkcounter,
.document-page #main-outgoingCorrespondence .checkcounter {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    left: 20px;
  }
  .document-page #main-projectInfo .checkcounter.package,
.document-page #status-document .checkcounter.package,
.document-page #main-document .checkcounter.package,
.document-page #main-setup .checkcounter.package,
.document-page #register-document .checkcounter.package,
.document-page #dataIcon-document .checkcounter.package,
.document-page #setup-doc-type .checkcounter.package,
.document-page #setup-discipline .checkcounter.package,
.document-page #setup-section .checkcounter.package,
.document-page #setup-entity .checkcounter.package,
.document-page #setup-volume .checkcounter.package,
.document-page #setup-distribution-group .checkcounter.package,
.document-page #setup-distribution-matrix .checkcounter.package,
.document-page #main-inboxCorrespondence .checkcounter.package,
.document-page #main-newCorrespondence .checkcounter.package,
.document-page #main-bulkCorrespondenceRegister .checkcounter.package,
.document-page #main-myCorrespondence .checkcounter.package,
.document-page #main-incomingCorrespondence .checkcounter.package,
.document-page #main-outgoingCorrespondence .checkcounter.package {
    top: 447px;
  }
  .document-page #main-projectInfo .checkcounter p,
.document-page #status-document .checkcounter p,
.document-page #main-document .checkcounter p,
.document-page #main-setup .checkcounter p,
.document-page #register-document .checkcounter p,
.document-page #dataIcon-document .checkcounter p,
.document-page #setup-doc-type .checkcounter p,
.document-page #setup-discipline .checkcounter p,
.document-page #setup-section .checkcounter p,
.document-page #setup-entity .checkcounter p,
.document-page #setup-volume .checkcounter p,
.document-page #setup-distribution-group .checkcounter p,
.document-page #setup-distribution-matrix .checkcounter p,
.document-page #main-inboxCorrespondence .checkcounter p,
.document-page #main-newCorrespondence .checkcounter p,
.document-page #main-bulkCorrespondenceRegister .checkcounter p,
.document-page #main-myCorrespondence .checkcounter p,
.document-page #main-incomingCorrespondence .checkcounter p,
.document-page #main-outgoingCorrespondence .checkcounter p {
    margin: 10px 15px;
    display: inline-block;
    float: left;
    display: none;
    color: white;
  }
  .document-page #main-projectInfo .searchTable,
.document-page #status-document .searchTable,
.document-page #main-document .searchTable,
.document-page #main-setup .searchTable,
.document-page #register-document .searchTable,
.document-page #dataIcon-document .searchTable,
.document-page #setup-doc-type .searchTable,
.document-page #setup-discipline .searchTable,
.document-page #setup-section .searchTable,
.document-page #setup-entity .searchTable,
.document-page #setup-volume .searchTable,
.document-page #setup-distribution-group .searchTable,
.document-page #setup-distribution-matrix .searchTable,
.document-page #main-inboxCorrespondence .searchTable,
.document-page #main-newCorrespondence .searchTable,
.document-page #main-bulkCorrespondenceRegister .searchTable,
.document-page #main-myCorrespondence .searchTable,
.document-page #main-incomingCorrespondence .searchTable,
.document-page #main-outgoingCorrespondence .searchTable {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    width: auto;
    right: 20px;
  }
  .document-page #main-projectInfo .searchTable input,
.document-page #status-document .searchTable input,
.document-page #main-document .searchTable input,
.document-page #main-setup .searchTable input,
.document-page #register-document .searchTable input,
.document-page #dataIcon-document .searchTable input,
.document-page #setup-doc-type .searchTable input,
.document-page #setup-discipline .searchTable input,
.document-page #setup-section .searchTable input,
.document-page #setup-entity .searchTable input,
.document-page #setup-volume .searchTable input,
.document-page #setup-distribution-group .searchTable input,
.document-page #setup-distribution-matrix .searchTable input,
.document-page #main-inboxCorrespondence .searchTable input,
.document-page #main-newCorrespondence .searchTable input,
.document-page #main-bulkCorrespondenceRegister .searchTable input,
.document-page #main-myCorrespondence .searchTable input,
.document-page #main-incomingCorrespondence .searchTable input,
.document-page #main-outgoingCorrespondence .searchTable input {
    height: 30px;
    width: 250px;
    padding: 5px;
    border-radius: 5px;
    margin-left: 10px;
  }
  .document-page #main-projectInfo .templateContainer,
.document-page #status-document .templateContainer,
.document-page #main-document .templateContainer,
.document-page #main-setup .templateContainer,
.document-page #register-document .templateContainer,
.document-page #dataIcon-document .templateContainer,
.document-page #setup-doc-type .templateContainer,
.document-page #setup-discipline .templateContainer,
.document-page #setup-section .templateContainer,
.document-page #setup-entity .templateContainer,
.document-page #setup-volume .templateContainer,
.document-page #setup-distribution-group .templateContainer,
.document-page #setup-distribution-matrix .templateContainer,
.document-page #main-inboxCorrespondence .templateContainer,
.document-page #main-newCorrespondence .templateContainer,
.document-page #main-bulkCorrespondenceRegister .templateContainer,
.document-page #main-myCorrespondence .templateContainer,
.document-page #main-incomingCorrespondence .templateContainer,
.document-page #main-outgoingCorrespondence .templateContainer {
    height: 100px;
    padding: 5px 40px;
    display: none;
    font-size: 13px;
  }
  .document-page #main-projectInfo iframe,
.document-page #status-document iframe,
.document-page #main-document iframe,
.document-page #main-setup iframe,
.document-page #register-document iframe,
.document-page #dataIcon-document iframe,
.document-page #setup-doc-type iframe,
.document-page #setup-discipline iframe,
.document-page #setup-section iframe,
.document-page #setup-entity iframe,
.document-page #setup-volume iframe,
.document-page #setup-distribution-group iframe,
.document-page #setup-distribution-matrix iframe,
.document-page #main-inboxCorrespondence iframe,
.document-page #main-newCorrespondence iframe,
.document-page #main-bulkCorrespondenceRegister iframe,
.document-page #main-myCorrespondence iframe,
.document-page #main-incomingCorrespondence iframe,
.document-page #main-outgoingCorrespondence iframe {
    height: 100%;
    width: 100%;
    border: 0px;
    margin: 0px;
  }
  .document-page #main-projectInfo .documentContainer, .document-page #main-projectInfo .setupContainer,
.document-page #status-document .documentContainer,
.document-page #status-document .setupContainer,
.document-page #main-document .documentContainer,
.document-page #main-document .setupContainer,
.document-page #main-setup .documentContainer,
.document-page #main-setup .setupContainer,
.document-page #register-document .documentContainer,
.document-page #register-document .setupContainer,
.document-page #dataIcon-document .documentContainer,
.document-page #dataIcon-document .setupContainer,
.document-page #setup-doc-type .documentContainer,
.document-page #setup-doc-type .setupContainer,
.document-page #setup-discipline .documentContainer,
.document-page #setup-discipline .setupContainer,
.document-page #setup-section .documentContainer,
.document-page #setup-section .setupContainer,
.document-page #setup-entity .documentContainer,
.document-page #setup-entity .setupContainer,
.document-page #setup-volume .documentContainer,
.document-page #setup-volume .setupContainer,
.document-page #setup-distribution-group .documentContainer,
.document-page #setup-distribution-group .setupContainer,
.document-page #setup-distribution-matrix .documentContainer,
.document-page #setup-distribution-matrix .setupContainer,
.document-page #main-inboxCorrespondence .documentContainer,
.document-page #main-inboxCorrespondence .setupContainer,
.document-page #main-newCorrespondence .documentContainer,
.document-page #main-newCorrespondence .setupContainer,
.document-page #main-bulkCorrespondenceRegister .documentContainer,
.document-page #main-bulkCorrespondenceRegister .setupContainer,
.document-page #main-myCorrespondence .documentContainer,
.document-page #main-myCorrespondence .setupContainer,
.document-page #main-incomingCorrespondence .documentContainer,
.document-page #main-incomingCorrespondence .setupContainer,
.document-page #main-outgoingCorrespondence .documentContainer,
.document-page #main-outgoingCorrespondence .setupContainer {
    height: calc(100vh - 165px);
    width: 100%;
    overflow: auto;
  }
  .document-page #main-projectInfo .datalistIcon,
.document-page #status-document .datalistIcon,
.document-page #main-document .datalistIcon,
.document-page #main-setup .datalistIcon,
.document-page #register-document .datalistIcon,
.document-page #dataIcon-document .datalistIcon,
.document-page #setup-doc-type .datalistIcon,
.document-page #setup-discipline .datalistIcon,
.document-page #setup-section .datalistIcon,
.document-page #setup-entity .datalistIcon,
.document-page #setup-volume .datalistIcon,
.document-page #setup-distribution-group .datalistIcon,
.document-page #setup-distribution-matrix .datalistIcon,
.document-page #main-inboxCorrespondence .datalistIcon,
.document-page #main-newCorrespondence .datalistIcon,
.document-page #main-bulkCorrespondenceRegister .datalistIcon,
.document-page #main-myCorrespondence .datalistIcon,
.document-page #main-incomingCorrespondence .datalistIcon,
.document-page #main-outgoingCorrespondence .datalistIcon {
    margin: 10px;
    text-align: center;
    grid-template-columns: 120px 120px 120px;
    grid-template-rows: auto auto auto;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
  }
  .document-page #main-projectInfo .datalistIcon #scrollcontainer,
.document-page #status-document .datalistIcon #scrollcontainer,
.document-page #main-document .datalistIcon #scrollcontainer,
.document-page #main-setup .datalistIcon #scrollcontainer,
.document-page #register-document .datalistIcon #scrollcontainer,
.document-page #dataIcon-document .datalistIcon #scrollcontainer,
.document-page #setup-doc-type .datalistIcon #scrollcontainer,
.document-page #setup-discipline .datalistIcon #scrollcontainer,
.document-page #setup-section .datalistIcon #scrollcontainer,
.document-page #setup-entity .datalistIcon #scrollcontainer,
.document-page #setup-volume .datalistIcon #scrollcontainer,
.document-page #setup-distribution-group .datalistIcon #scrollcontainer,
.document-page #setup-distribution-matrix .datalistIcon #scrollcontainer,
.document-page #main-inboxCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-newCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-bulkCorrespondenceRegister .datalistIcon #scrollcontainer,
.document-page #main-myCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-incomingCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-outgoingCorrespondence .datalistIcon #scrollcontainer {
    height: calc(100% - 10px);
    overflow-y: auto;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne img,
.document-page #status-document .datalistIcon .listColumnOne img,
.document-page #main-document .datalistIcon .listColumnOne img,
.document-page #main-setup .datalistIcon .listColumnOne img,
.document-page #register-document .datalistIcon .listColumnOne img,
.document-page #dataIcon-document .datalistIcon .listColumnOne img,
.document-page #setup-doc-type .datalistIcon .listColumnOne img,
.document-page #setup-discipline .datalistIcon .listColumnOne img,
.document-page #setup-section .datalistIcon .listColumnOne img,
.document-page #setup-entity .datalistIcon .listColumnOne img,
.document-page #setup-volume .datalistIcon .listColumnOne img,
.document-page #setup-distribution-group .datalistIcon .listColumnOne img,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne img,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne img,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne img {
    width: 70px;
    height: 70px;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docDetails,
.document-page #status-document .datalistIcon .listColumnOne .docDetails,
.document-page #main-document .datalistIcon .listColumnOne .docDetails,
.document-page #main-setup .datalistIcon .listColumnOne .docDetails,
.document-page #register-document .datalistIcon .listColumnOne .docDetails,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docDetails,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docDetails,
.document-page #setup-discipline .datalistIcon .listColumnOne .docDetails,
.document-page #setup-section .datalistIcon .listColumnOne .docDetails,
.document-page #setup-entity .datalistIcon .listColumnOne .docDetails,
.document-page #setup-volume .datalistIcon .listColumnOne .docDetails,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docDetails,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docDetails,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docDetails,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docDetails {
    padding: 10px;
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docDetails:hover,
.document-page #status-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-setup .datalistIcon .listColumnOne .docDetails:hover,
.document-page #register-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-discipline .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-section .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-entity .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-volume .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docDetails:hover {
    cursor: pointer;
    background-color: rgba(194, 197, 204, 0.7);
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .editDatalist,
.document-page #status-document .datalistIcon .listColumnOne .editDatalist,
.document-page #main-document .datalistIcon .listColumnOne .editDatalist,
.document-page #main-setup .datalistIcon .listColumnOne .editDatalist,
.document-page #register-document .datalistIcon .listColumnOne .editDatalist,
.document-page #dataIcon-document .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-doc-type .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-discipline .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-section .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-entity .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-volume .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .editDatalist,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .editDatalist,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .editDatalist {
    display: inline-block;
    float: right;
    margin: 5px 5px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne label:hover,
.document-page #status-document .datalistIcon .listColumnOne label:hover,
.document-page #main-document .datalistIcon .listColumnOne label:hover,
.document-page #main-setup .datalistIcon .listColumnOne label:hover,
.document-page #register-document .datalistIcon .listColumnOne label:hover,
.document-page #dataIcon-document .datalistIcon .listColumnOne label:hover,
.document-page #setup-doc-type .datalistIcon .listColumnOne label:hover,
.document-page #setup-discipline .datalistIcon .listColumnOne label:hover,
.document-page #setup-section .datalistIcon .listColumnOne label:hover,
.document-page #setup-entity .datalistIcon .listColumnOne label:hover,
.document-page #setup-volume .datalistIcon .listColumnOne label:hover,
.document-page #setup-distribution-group .datalistIcon .listColumnOne label:hover,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne label:hover,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne label:hover,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne label:hover {
    cursor: pointer;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docRef,
.document-page #status-document .datalistIcon .listColumnOne .docRef,
.document-page #main-document .datalistIcon .listColumnOne .docRef,
.document-page #main-setup .datalistIcon .listColumnOne .docRef,
.document-page #register-document .datalistIcon .listColumnOne .docRef,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docRef,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docRef,
.document-page #setup-discipline .datalistIcon .listColumnOne .docRef,
.document-page #setup-section .datalistIcon .listColumnOne .docRef,
.document-page #setup-entity .datalistIcon .listColumnOne .docRef,
.document-page #setup-volume .datalistIcon .listColumnOne .docRef,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docRef,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docRef,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docRef,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docRef {
    margin-top: 10px;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docButton,
.document-page #status-document .datalistIcon .listColumnOne .docButton,
.document-page #main-document .datalistIcon .listColumnOne .docButton,
.document-page #main-setup .datalistIcon .listColumnOne .docButton,
.document-page #register-document .datalistIcon .listColumnOne .docButton,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docButton,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docButton,
.document-page #setup-discipline .datalistIcon .listColumnOne .docButton,
.document-page #setup-section .datalistIcon .listColumnOne .docButton,
.document-page #setup-entity .datalistIcon .listColumnOne .docButton,
.document-page #setup-volume .datalistIcon .listColumnOne .docButton,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docButton,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docButton,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docButton,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docButton {
    margin-top: 15px;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docButton button,
.document-page #status-document .datalistIcon .listColumnOne .docButton button,
.document-page #main-document .datalistIcon .listColumnOne .docButton button,
.document-page #main-setup .datalistIcon .listColumnOne .docButton button,
.document-page #register-document .datalistIcon .listColumnOne .docButton button,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docButton button,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docButton button,
.document-page #setup-discipline .datalistIcon .listColumnOne .docButton button,
.document-page #setup-section .datalistIcon .listColumnOne .docButton button,
.document-page #setup-entity .datalistIcon .listColumnOne .docButton button,
.document-page #setup-volume .datalistIcon .listColumnOne .docButton button,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docButton button,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docButton button,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docButton button,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docButton button {
    width: 100px;
    font-size: 11.5px;
    color: #494949;
    text-decoration: none;
    background: #ffffff;
    padding: 5px;
    border: 1.2px solid #494949;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.4s ease 0s;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docButton button:hover,
.document-page #status-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-setup .datalistIcon .listColumnOne .docButton button:hover,
.document-page #register-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-discipline .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-section .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-entity .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-volume .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docButton button:hover {
    cursor: pointer;
    color: #ffffff;
    transition: all 0.4s ease 0s;
  }
  .document-page #main-projectInfo .container-table,
.document-page #status-document .container-table,
.document-page #main-document .container-table,
.document-page #main-setup .container-table,
.document-page #register-document .container-table,
.document-page #dataIcon-document .container-table,
.document-page #setup-doc-type .container-table,
.document-page #setup-discipline .container-table,
.document-page #setup-section .container-table,
.document-page #setup-entity .container-table,
.document-page #setup-volume .container-table,
.document-page #setup-distribution-group .container-table,
.document-page #setup-distribution-matrix .container-table,
.document-page #main-inboxCorrespondence .container-table,
.document-page #main-newCorrespondence .container-table,
.document-page #main-bulkCorrespondenceRegister .container-table,
.document-page #main-myCorrespondence .container-table,
.document-page #main-incomingCorrespondence .container-table,
.document-page #main-outgoingCorrespondence .container-table {
    position: absolute;
    width: calc(100% - 40px);
    overflow: auto;
    left: 20px;
    float: right;
    top: 55px;
  }
  .document-page #main-projectInfo .container-table table,
.document-page #status-document .container-table table,
.document-page #main-document .container-table table,
.document-page #main-setup .container-table table,
.document-page #register-document .container-table table,
.document-page #dataIcon-document .container-table table,
.document-page #setup-doc-type .container-table table,
.document-page #setup-discipline .container-table table,
.document-page #setup-section .container-table table,
.document-page #setup-entity .container-table table,
.document-page #setup-volume .container-table table,
.document-page #setup-distribution-group .container-table table,
.document-page #setup-distribution-matrix .container-table table,
.document-page #main-inboxCorrespondence .container-table table,
.document-page #main-newCorrespondence .container-table table,
.document-page #main-bulkCorrespondenceRegister .container-table table,
.document-page #main-myCorrespondence .container-table table,
.document-page #main-incomingCorrespondence .container-table table,
.document-page #main-outgoingCorrespondence .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
  }
  .document-page #main-projectInfo .container-table table td,
.document-page #status-document .container-table table td,
.document-page #main-document .container-table table td,
.document-page #main-setup .container-table table td,
.document-page #register-document .container-table table td,
.document-page #dataIcon-document .container-table table td,
.document-page #setup-doc-type .container-table table td,
.document-page #setup-discipline .container-table table td,
.document-page #setup-section .container-table table td,
.document-page #setup-entity .container-table table td,
.document-page #setup-volume .container-table table td,
.document-page #setup-distribution-group .container-table table td,
.document-page #setup-distribution-matrix .container-table table td,
.document-page #main-inboxCorrespondence .container-table table td,
.document-page #main-newCorrespondence .container-table table td,
.document-page #main-bulkCorrespondenceRegister .container-table table td,
.document-page #main-myCorrespondence .container-table table td,
.document-page #main-incomingCorrespondence .container-table table td,
.document-page #main-outgoingCorrespondence .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    line-height: 20px;
  }
  .document-page #main-projectInfo .container-table table td span,
.document-page #status-document .container-table table td span,
.document-page #main-document .container-table table td span,
.document-page #main-setup .container-table table td span,
.document-page #register-document .container-table table td span,
.document-page #dataIcon-document .container-table table td span,
.document-page #setup-doc-type .container-table table td span,
.document-page #setup-discipline .container-table table td span,
.document-page #setup-section .container-table table td span,
.document-page #setup-entity .container-table table td span,
.document-page #setup-volume .container-table table td span,
.document-page #setup-distribution-group .container-table table td span,
.document-page #setup-distribution-matrix .container-table table td span,
.document-page #main-inboxCorrespondence .container-table table td span,
.document-page #main-newCorrespondence .container-table table td span,
.document-page #main-bulkCorrespondenceRegister .container-table table td span,
.document-page #main-myCorrespondence .container-table table td span,
.document-page #main-incomingCorrespondence .container-table table td span,
.document-page #main-outgoingCorrespondence .container-table table td span {
    margin-right: 10px;
  }
  .document-page #main-projectInfo .container-table table td span img,
.document-page #status-document .container-table table td span img,
.document-page #main-document .container-table table td span img,
.document-page #main-setup .container-table table td span img,
.document-page #register-document .container-table table td span img,
.document-page #dataIcon-document .container-table table td span img,
.document-page #setup-doc-type .container-table table td span img,
.document-page #setup-discipline .container-table table td span img,
.document-page #setup-section .container-table table td span img,
.document-page #setup-entity .container-table table td span img,
.document-page #setup-volume .container-table table td span img,
.document-page #setup-distribution-group .container-table table td span img,
.document-page #setup-distribution-matrix .container-table table td span img,
.document-page #main-inboxCorrespondence .container-table table td span img,
.document-page #main-newCorrespondence .container-table table td span img,
.document-page #main-bulkCorrespondenceRegister .container-table table td span img,
.document-page #main-myCorrespondence .container-table table td span img,
.document-page #main-incomingCorrespondence .container-table table td span img,
.document-page #main-outgoingCorrespondence .container-table table td span img {
    height: 10px;
    width: 10px;
  }
  .document-page #main-projectInfo .container-table table td input,
.document-page #status-document .container-table table td input,
.document-page #main-document .container-table table td input,
.document-page #main-setup .container-table table td input,
.document-page #register-document .container-table table td input,
.document-page #dataIcon-document .container-table table td input,
.document-page #setup-doc-type .container-table table td input,
.document-page #setup-discipline .container-table table td input,
.document-page #setup-section .container-table table td input,
.document-page #setup-entity .container-table table td input,
.document-page #setup-volume .container-table table td input,
.document-page #setup-distribution-group .container-table table td input,
.document-page #setup-distribution-matrix .container-table table td input,
.document-page #main-inboxCorrespondence .container-table table td input,
.document-page #main-newCorrespondence .container-table table td input,
.document-page #main-bulkCorrespondenceRegister .container-table table td input,
.document-page #main-myCorrespondence .container-table table td input,
.document-page #main-incomingCorrespondence .container-table table td input,
.document-page #main-outgoingCorrespondence .container-table table td input {
    height: 10px;
  }
  .document-page #main-projectInfo .container-table table th:first-child,
.document-page #status-document .container-table table th:first-child,
.document-page #main-document .container-table table th:first-child,
.document-page #main-setup .container-table table th:first-child,
.document-page #register-document .container-table table th:first-child,
.document-page #dataIcon-document .container-table table th:first-child,
.document-page #setup-doc-type .container-table table th:first-child,
.document-page #setup-discipline .container-table table th:first-child,
.document-page #setup-section .container-table table th:first-child,
.document-page #setup-entity .container-table table th:first-child,
.document-page #setup-volume .container-table table th:first-child,
.document-page #setup-distribution-group .container-table table th:first-child,
.document-page #setup-distribution-matrix .container-table table th:first-child,
.document-page #main-inboxCorrespondence .container-table table th:first-child,
.document-page #main-newCorrespondence .container-table table th:first-child,
.document-page #main-bulkCorrespondenceRegister .container-table table th:first-child,
.document-page #main-myCorrespondence .container-table table th:first-child,
.document-page #main-incomingCorrespondence .container-table table th:first-child,
.document-page #main-outgoingCorrespondence .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .document-page #main-projectInfo .container-table table th:last-child,
.document-page #status-document .container-table table th:last-child,
.document-page #main-document .container-table table th:last-child,
.document-page #main-setup .container-table table th:last-child,
.document-page #register-document .container-table table th:last-child,
.document-page #dataIcon-document .container-table table th:last-child,
.document-page #setup-doc-type .container-table table th:last-child,
.document-page #setup-discipline .container-table table th:last-child,
.document-page #setup-section .container-table table th:last-child,
.document-page #setup-entity .container-table table th:last-child,
.document-page #setup-volume .container-table table th:last-child,
.document-page #setup-distribution-group .container-table table th:last-child,
.document-page #setup-distribution-matrix .container-table table th:last-child,
.document-page #main-inboxCorrespondence .container-table table th:last-child,
.document-page #main-newCorrespondence .container-table table th:last-child,
.document-page #main-bulkCorrespondenceRegister .container-table table th:last-child,
.document-page #main-myCorrespondence .container-table table th:last-child,
.document-page #main-incomingCorrespondence .container-table table th:last-child,
.document-page #main-outgoingCorrespondence .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .document-page #main-projectInfo .container-table table tr:nth-of-type(even),
.document-page #status-document .container-table table tr:nth-of-type(even),
.document-page #main-document .container-table table tr:nth-of-type(even),
.document-page #main-setup .container-table table tr:nth-of-type(even),
.document-page #register-document .container-table table tr:nth-of-type(even),
.document-page #dataIcon-document .container-table table tr:nth-of-type(even),
.document-page #setup-doc-type .container-table table tr:nth-of-type(even),
.document-page #setup-discipline .container-table table tr:nth-of-type(even),
.document-page #setup-section .container-table table tr:nth-of-type(even),
.document-page #setup-entity .container-table table tr:nth-of-type(even),
.document-page #setup-volume .container-table table tr:nth-of-type(even),
.document-page #setup-distribution-group .container-table table tr:nth-of-type(even),
.document-page #setup-distribution-matrix .container-table table tr:nth-of-type(even),
.document-page #main-inboxCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-newCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-bulkCorrespondenceRegister .container-table table tr:nth-of-type(even),
.document-page #main-myCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-incomingCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-outgoingCorrespondence .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .document-page #main-projectInfo .container-table table tr:nth-of-type(odd),
.document-page #status-document .container-table table tr:nth-of-type(odd),
.document-page #main-document .container-table table tr:nth-of-type(odd),
.document-page #main-setup .container-table table tr:nth-of-type(odd),
.document-page #register-document .container-table table tr:nth-of-type(odd),
.document-page #dataIcon-document .container-table table tr:nth-of-type(odd),
.document-page #setup-doc-type .container-table table tr:nth-of-type(odd),
.document-page #setup-discipline .container-table table tr:nth-of-type(odd),
.document-page #setup-section .container-table table tr:nth-of-type(odd),
.document-page #setup-entity .container-table table tr:nth-of-type(odd),
.document-page #setup-volume .container-table table tr:nth-of-type(odd),
.document-page #setup-distribution-group .container-table table tr:nth-of-type(odd),
.document-page #setup-distribution-matrix .container-table table tr:nth-of-type(odd),
.document-page #main-inboxCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-newCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-bulkCorrespondenceRegister .container-table table tr:nth-of-type(odd),
.document-page #main-myCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-incomingCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-outgoingCorrespondence .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .document-page #main-projectInfo .container-table table tr:hover,
.document-page #status-document .container-table table tr:hover,
.document-page #main-document .container-table table tr:hover,
.document-page #main-setup .container-table table tr:hover,
.document-page #register-document .container-table table tr:hover,
.document-page #dataIcon-document .container-table table tr:hover,
.document-page #setup-doc-type .container-table table tr:hover,
.document-page #setup-discipline .container-table table tr:hover,
.document-page #setup-section .container-table table tr:hover,
.document-page #setup-entity .container-table table tr:hover,
.document-page #setup-volume .container-table table tr:hover,
.document-page #setup-distribution-group .container-table table tr:hover,
.document-page #setup-distribution-matrix .container-table table tr:hover,
.document-page #main-inboxCorrespondence .container-table table tr:hover,
.document-page #main-newCorrespondence .container-table table tr:hover,
.document-page #main-bulkCorrespondenceRegister .container-table table tr:hover,
.document-page #main-myCorrespondence .container-table table tr:hover,
.document-page #main-incomingCorrespondence .container-table table tr:hover,
.document-page #main-outgoingCorrespondence .container-table table tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .document-page #main-projectInfo .container-table table th,
.document-page #status-document .container-table table th,
.document-page #main-document .container-table table th,
.document-page #main-setup .container-table table th,
.document-page #register-document .container-table table th,
.document-page #dataIcon-document .container-table table th,
.document-page #setup-doc-type .container-table table th,
.document-page #setup-discipline .container-table table th,
.document-page #setup-section .container-table table th,
.document-page #setup-entity .container-table table th,
.document-page #setup-volume .container-table table th,
.document-page #setup-distribution-group .container-table table th,
.document-page #setup-distribution-matrix .container-table table th,
.document-page #main-inboxCorrespondence .container-table table th,
.document-page #main-newCorrespondence .container-table table th,
.document-page #main-bulkCorrespondenceRegister .container-table table th,
.document-page #main-myCorrespondence .container-table table th,
.document-page #main-incomingCorrespondence .container-table table th,
.document-page #main-outgoingCorrespondence .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 20px;
  }
  .document-page #main-projectInfo .container-table table th:hover,
.document-page #status-document .container-table table th:hover,
.document-page #main-document .container-table table th:hover,
.document-page #main-setup .container-table table th:hover,
.document-page #register-document .container-table table th:hover,
.document-page #dataIcon-document .container-table table th:hover,
.document-page #setup-doc-type .container-table table th:hover,
.document-page #setup-discipline .container-table table th:hover,
.document-page #setup-section .container-table table th:hover,
.document-page #setup-entity .container-table table th:hover,
.document-page #setup-volume .container-table table th:hover,
.document-page #setup-distribution-group .container-table table th:hover,
.document-page #setup-distribution-matrix .container-table table th:hover,
.document-page #main-inboxCorrespondence .container-table table th:hover,
.document-page #main-newCorrespondence .container-table table th:hover,
.document-page #main-bulkCorrespondenceRegister .container-table table th:hover,
.document-page #main-myCorrespondence .container-table table th:hover,
.document-page #main-incomingCorrespondence .container-table table th:hover,
.document-page #main-outgoingCorrespondence .container-table table th:hover {
    cursor: default;
  }
  .document-page #main-projectInfo .container-table table th input,
.document-page #status-document .container-table table th input,
.document-page #main-document .container-table table th input,
.document-page #main-setup .container-table table th input,
.document-page #register-document .container-table table th input,
.document-page #dataIcon-document .container-table table th input,
.document-page #setup-doc-type .container-table table th input,
.document-page #setup-discipline .container-table table th input,
.document-page #setup-section .container-table table th input,
.document-page #setup-entity .container-table table th input,
.document-page #setup-volume .container-table table th input,
.document-page #setup-distribution-group .container-table table th input,
.document-page #setup-distribution-matrix .container-table table th input,
.document-page #main-inboxCorrespondence .container-table table th input,
.document-page #main-newCorrespondence .container-table table th input,
.document-page #main-bulkCorrespondenceRegister .container-table table th input,
.document-page #main-myCorrespondence .container-table table th input,
.document-page #main-incomingCorrespondence .container-table table th input,
.document-page #main-outgoingCorrespondence .container-table table th input {
    height: 10px;
  }
  .document-page #main-projectInfo .container-table table th img,
.document-page #status-document .container-table table th img,
.document-page #main-document .container-table table th img,
.document-page #main-setup .container-table table th img,
.document-page #register-document .container-table table th img,
.document-page #dataIcon-document .container-table table th img,
.document-page #setup-doc-type .container-table table th img,
.document-page #setup-discipline .container-table table th img,
.document-page #setup-section .container-table table th img,
.document-page #setup-entity .container-table table th img,
.document-page #setup-volume .container-table table th img,
.document-page #setup-distribution-group .container-table table th img,
.document-page #setup-distribution-matrix .container-table table th img,
.document-page #main-inboxCorrespondence .container-table table th img,
.document-page #main-newCorrespondence .container-table table th img,
.document-page #main-bulkCorrespondenceRegister .container-table table th img,
.document-page #main-myCorrespondence .container-table table th img,
.document-page #main-incomingCorrespondence .container-table table th img,
.document-page #main-outgoingCorrespondence .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .document-page #main-projectInfo .container-table table th img:hover,
.document-page #status-document .container-table table th img:hover,
.document-page #main-document .container-table table th img:hover,
.document-page #main-setup .container-table table th img:hover,
.document-page #register-document .container-table table th img:hover,
.document-page #dataIcon-document .container-table table th img:hover,
.document-page #setup-doc-type .container-table table th img:hover,
.document-page #setup-discipline .container-table table th img:hover,
.document-page #setup-section .container-table table th img:hover,
.document-page #setup-entity .container-table table th img:hover,
.document-page #setup-volume .container-table table th img:hover,
.document-page #setup-distribution-group .container-table table th img:hover,
.document-page #setup-distribution-matrix .container-table table th img:hover,
.document-page #main-inboxCorrespondence .container-table table th img:hover,
.document-page #main-newCorrespondence .container-table table th img:hover,
.document-page #main-bulkCorrespondenceRegister .container-table table th img:hover,
.document-page #main-myCorrespondence .container-table table th img:hover,
.document-page #main-incomingCorrespondence .container-table table th img:hover,
.document-page #main-outgoingCorrespondence .container-table table th img:hover {
    cursor: pointer;
  }
  .document-page #main-document {
    height: calc(100vh - 90px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .document-page #main-vo {
    height: calc(100vh - 90px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .document-page #main-vo .topcontainer {
    height: 50vh;
  }
  .document-page #main-vo .bottomcontainer {
    height: calc(50vh - 100px);
  }
}
@media screen and (max-width: 1366px) {
  .document-page {
    display: block;
    padding: 0px;
    margin: 0px;
    top: 50px;
    position: absolute;
    height: calc(100% - 50px);
    width: 100%;
    background: white;
  }
  .document-page #sidebar-admin {
    position: absolute;
    height: 100%;
    width: 220px;
    background: #363636;
    box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
    z-index: 1;
  }
  .document-page #sidebar-admin .sidebar-items {
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminHead {
    padding: 10px;
    font-weight: bold;
    color: white;
    font-size: 12px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminHead a {
    margin-left: 15px;
    vertical-align: middle;
  }
  .document-page #sidebar-admin .sidebar-items li.adminHead img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminHead img:hover {
    cursor: pointer;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems {
    color: white;
    text-decoration: none;
    list-style: none;
    padding-left: 10px;
    font-size: 12px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems:hover {
    cursor: pointer;
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems a {
    text-decoration: none;
    margin-left: 10px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
    float: right;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 9px;
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
    background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .document-page #sidebar-admin .sidebar-items li.adminItems.active {
    background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
  }
  .document-page #sidebar-admin .sidebar-items ul {
    display: none;
    list-style: none;
    line-height: 30px;
    padding-left: 0;
  }
  .document-page #sidebar-admin .sidebar-items ul li {
    color: white;
    text-decoration: none;
    list-style: none;
    font-size: 12px;
  }
  .document-page #sidebar-admin .sidebar-items ul li:hover {
    cursor: pointer;
    background: grey;
  }
  .document-page #sidebar-admin .sidebar-items ul li a {
    text-decoration: none;
    margin-left: 15px;
  }
  .document-page #sidebar-admin .sidebar-items ul li img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding-left: 35px;
  }
  .document-page #sidebar-admin .sidebar-items ul li.active {
    background: #5f5f5f;
  }
  .document-page #main-home {
    display: block;
    position: relative;
    padding: 0 20px;
    width: calc(100% - 260px);
    height: calc(100vh - 50px);
    float: right;
    overflow: auto;
  }
  .document-page #main-home .container-welcome .top-welcome {
    margin: 10px 10px;
    border-bottom: 1px solid black;
    line-height: 52px;
    font-weight: bolder;
    font-size: 14px;
  }
  .document-page #main-home .container-welcome .top-welcome a {
    margin: 0 10px;
  }
  .document-page #main-home .container-welcome .bottom-welcome {
    margin: 20px;
    font-weight: bold;
    font-size: 25px;
    line-height: 30px;
  }
  .document-page #main-home .container-welcome .bottom-welcome a.secondary {
    font-weight: normal;
    font-size: 13px;
  }
  .document-page #main-home .container-card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: white;
  }
  .document-page #main-home .container-card .cards {
    position: relative;
    background: black;
    border-radius: 5px;
    top: 0px;
    width: 340px;
    height: 100%;
    margin: 20px auto;
    box-shadow: 2px 2px 10px 2px #c0c0c0;
    transition: all 0.3s;
  }
  .document-page #main-home .container-card .cards:hover {
    position: relative;
    transform: scale(1.02);
    box-shadow: 3px 3px 8px 3px #616161;
    transition: all 0.3s;
  }
  .document-page #main-home .container-card .cards .card-header {
    margin: 0 10px;
    border-bottom: 1px solid #bdbdbd;
    text-align: center;
  }
  .document-page #main-home .container-card .cards .card-header:hover {
    cursor: move;
  }
  .document-page #main-home .container-card .cards .card-header h3 {
    margin: 10px 0;
    color: #cfcfcf;
    font-size: 15px;
  }
  .document-page #main-home .container-card .cards .card-body {
    border-radius: 3px;
    background: black;
    margin: 10px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image {
    padding: 15px;
    height: auto;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    color: white;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph {
    margin: 25px 0 25px 0;
    font-size: 10px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
    display: inline-block;
    width: calc(50% - 3px);
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a {
    font-size: 10px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
    font-size: 14px;
    font-weight: bold;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 8px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
    font-size: 15px;
    position: relative;
    font-weight: bold;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
    font-size: 12px;
    position: relative;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
    text-align: center;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
    text-align: left;
    line-height: 45px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
    text-align: right;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
    margin: 15px 0 0 0;
    font-size: 20px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
    margin: 0 0 15px 0;
    font-size: 12px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph img {
    height: 25%;
    width: 25%;
    border-radius: 50%;
    margin: 10px 0;
    vertical-align: middle;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
    height: auto;
    width: 37px;
    border-radius: 3px;
    margin: 10px 10px;
    padding: 5px;
    background: #363636;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
    margin: 15px 0;
    text-align: left;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
    width: 100%;
    height: 25px;
    background-color: #b72f2f;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
    height: 25px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
    margin: 15px 0;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
    margin-right: 5px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-image: linear-gradient(to right, #1f5667, #01cbf9);
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
    margin-right: 5px;
  }
  .document-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
    margin: 0 5px;
    display: inline-block;
    height: 14px;
    width: 14px;
    background-color: #b72f2f;
  }
  .document-page #main-home .container-card .cards .card-body .list-items {
    height: 45%;
    margin: 0px;
    line-height: 30px;
    list-style: none;
    padding-left: 0px;
  }
  .document-page #main-home .container-card .cards .card-body .list-items li {
    list-style-type: none;
  }
  .document-page #main-home .container-card .cards .card-body .list-items .items {
    background: #484848;
    color: white;
    font-size: 12px;
    margin: 3px 0;
    padding: 10px 5px;
    line-height: 15px;
  }
  .document-page #main-home .container-card .cards .card-body .list-items .items a {
    padding-left: 15px;
    font-weight: bold;
  }
  .document-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
    font-size: 10px;
    color: #bebebe;
  }
  .document-page #main-home .container-card .cards .card-body .list-items .items:hover {
    cursor: pointer;
    background: grey;
  }
  .document-page #main-projectInfo,
.document-page #status-document,
.document-page #main-document,
.document-page #main-setup,
.document-page #register-document,
.document-page #dataIcon-document,
.document-page #setup-doc-type,
.document-page #setup-discipline,
.document-page #setup-section,
.document-page #setup-entity,
.document-page #setup-volume,
.document-page #setup-distribution-group,
.document-page #setup-distribution-matrix,
.document-page #main-inboxCorrespondence,
.document-page #main-newCorrespondence,
.document-page #main-bulkCorrespondenceRegister,
.document-page #main-myCorrespondence,
.document-page #main-incomingCorrespondence,
.document-page #main-outgoingCorrespondence {
    display: none;
    position: relative;
    width: calc(100% - 260px);
    height: calc(100vh - 75px);
    float: right;
    overflow: hidden;
  }
  .document-page #main-projectInfo .mainHeader,
.document-page #status-document .mainHeader,
.document-page #main-document .mainHeader,
.document-page #main-setup .mainHeader,
.document-page #register-document .mainHeader,
.document-page #dataIcon-document .mainHeader,
.document-page #setup-doc-type .mainHeader,
.document-page #setup-discipline .mainHeader,
.document-page #setup-section .mainHeader,
.document-page #setup-entity .mainHeader,
.document-page #setup-volume .mainHeader,
.document-page #setup-distribution-group .mainHeader,
.document-page #setup-distribution-matrix .mainHeader,
.document-page #main-inboxCorrespondence .mainHeader,
.document-page #main-newCorrespondence .mainHeader,
.document-page #main-bulkCorrespondenceRegister .mainHeader,
.document-page #main-myCorrespondence .mainHeader,
.document-page #main-incomingCorrespondence .mainHeader,
.document-page #main-outgoingCorrespondence .mainHeader {
    width: 100%;
    height: 40px;
    background: #3f3f3f;
    color: white;
    border-radius: 5px;
    text-align: center;
  }
  .document-page #main-projectInfo .mainHeader h3,
.document-page #status-document .mainHeader h3,
.document-page #main-document .mainHeader h3,
.document-page #main-setup .mainHeader h3,
.document-page #register-document .mainHeader h3,
.document-page #dataIcon-document .mainHeader h3,
.document-page #setup-doc-type .mainHeader h3,
.document-page #setup-discipline .mainHeader h3,
.document-page #setup-section .mainHeader h3,
.document-page #setup-entity .mainHeader h3,
.document-page #setup-volume .mainHeader h3,
.document-page #setup-distribution-group .mainHeader h3,
.document-page #setup-distribution-matrix .mainHeader h3,
.document-page #main-inboxCorrespondence .mainHeader h3,
.document-page #main-newCorrespondence .mainHeader h3,
.document-page #main-bulkCorrespondenceRegister .mainHeader h3,
.document-page #main-myCorrespondence .mainHeader h3,
.document-page #main-incomingCorrespondence .mainHeader h3,
.document-page #main-outgoingCorrespondence .mainHeader h3 {
    margin: 0px;
    top: 12px;
    position: relative;
    font-size: 12px;
  }
  .document-page #main-projectInfo .headerButton,
.document-page #status-document .headerButton,
.document-page #main-document .headerButton,
.document-page #main-setup .headerButton,
.document-page #register-document .headerButton,
.document-page #dataIcon-document .headerButton,
.document-page #setup-doc-type .headerButton,
.document-page #setup-discipline .headerButton,
.document-page #setup-section .headerButton,
.document-page #setup-entity .headerButton,
.document-page #setup-volume .headerButton,
.document-page #setup-distribution-group .headerButton,
.document-page #setup-distribution-matrix .headerButton,
.document-page #main-inboxCorrespondence .headerButton,
.document-page #main-newCorrespondence .headerButton,
.document-page #main-bulkCorrespondenceRegister .headerButton,
.document-page #main-myCorrespondence .headerButton,
.document-page #main-incomingCorrespondence .headerButton,
.document-page #main-outgoingCorrespondence .headerButton {
    top: 4px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    right: 10px;
  }
  .document-page #main-projectInfo .headerButton button,
.document-page #status-document .headerButton button,
.document-page #main-document .headerButton button,
.document-page #main-setup .headerButton button,
.document-page #register-document .headerButton button,
.document-page #dataIcon-document .headerButton button,
.document-page #setup-doc-type .headerButton button,
.document-page #setup-discipline .headerButton button,
.document-page #setup-section .headerButton button,
.document-page #setup-entity .headerButton button,
.document-page #setup-volume .headerButton button,
.document-page #setup-distribution-group .headerButton button,
.document-page #setup-distribution-matrix .headerButton button,
.document-page #main-inboxCorrespondence .headerButton button,
.document-page #main-newCorrespondence .headerButton button,
.document-page #main-bulkCorrespondenceRegister .headerButton button,
.document-page #main-myCorrespondence .headerButton button,
.document-page #main-incomingCorrespondence .headerButton button,
.document-page #main-outgoingCorrespondence .headerButton button {
    border-radius: 5px;
    padding: 8px 20px;
    font-size: 10px;
  }
  .document-page #main-projectInfo .headerButton button.edit,
.document-page #status-document .headerButton button.edit,
.document-page #main-document .headerButton button.edit,
.document-page #main-setup .headerButton button.edit,
.document-page #register-document .headerButton button.edit,
.document-page #dataIcon-document .headerButton button.edit,
.document-page #setup-doc-type .headerButton button.edit,
.document-page #setup-discipline .headerButton button.edit,
.document-page #setup-section .headerButton button.edit,
.document-page #setup-entity .headerButton button.edit,
.document-page #setup-volume .headerButton button.edit,
.document-page #setup-distribution-group .headerButton button.edit,
.document-page #setup-distribution-matrix .headerButton button.edit,
.document-page #main-inboxCorrespondence .headerButton button.edit,
.document-page #main-newCorrespondence .headerButton button.edit,
.document-page #main-bulkCorrespondenceRegister .headerButton button.edit,
.document-page #main-myCorrespondence .headerButton button.edit,
.document-page #main-incomingCorrespondence .headerButton button.edit,
.document-page #main-outgoingCorrespondence .headerButton button.edit {
    display: none;
  }
  .document-page #main-projectInfo .checkcounter,
.document-page #status-document .checkcounter,
.document-page #main-document .checkcounter,
.document-page #main-setup .checkcounter,
.document-page #register-document .checkcounter,
.document-page #dataIcon-document .checkcounter,
.document-page #setup-doc-type .checkcounter,
.document-page #setup-discipline .checkcounter,
.document-page #setup-section .checkcounter,
.document-page #setup-entity .checkcounter,
.document-page #setup-volume .checkcounter,
.document-page #setup-distribution-group .checkcounter,
.document-page #setup-distribution-matrix .checkcounter,
.document-page #main-inboxCorrespondence .checkcounter,
.document-page #main-newCorrespondence .checkcounter,
.document-page #main-bulkCorrespondenceRegister .checkcounter,
.document-page #main-myCorrespondence .checkcounter,
.document-page #main-incomingCorrespondence .checkcounter,
.document-page #main-outgoingCorrespondence .checkcounter {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    left: 20px;
  }
  .document-page #main-projectInfo .checkcounter.package,
.document-page #status-document .checkcounter.package,
.document-page #main-document .checkcounter.package,
.document-page #main-setup .checkcounter.package,
.document-page #register-document .checkcounter.package,
.document-page #dataIcon-document .checkcounter.package,
.document-page #setup-doc-type .checkcounter.package,
.document-page #setup-discipline .checkcounter.package,
.document-page #setup-section .checkcounter.package,
.document-page #setup-entity .checkcounter.package,
.document-page #setup-volume .checkcounter.package,
.document-page #setup-distribution-group .checkcounter.package,
.document-page #setup-distribution-matrix .checkcounter.package,
.document-page #main-inboxCorrespondence .checkcounter.package,
.document-page #main-newCorrespondence .checkcounter.package,
.document-page #main-bulkCorrespondenceRegister .checkcounter.package,
.document-page #main-myCorrespondence .checkcounter.package,
.document-page #main-incomingCorrespondence .checkcounter.package,
.document-page #main-outgoingCorrespondence .checkcounter.package {
    top: 447px;
  }
  .document-page #main-projectInfo .checkcounter p,
.document-page #status-document .checkcounter p,
.document-page #main-document .checkcounter p,
.document-page #main-setup .checkcounter p,
.document-page #register-document .checkcounter p,
.document-page #dataIcon-document .checkcounter p,
.document-page #setup-doc-type .checkcounter p,
.document-page #setup-discipline .checkcounter p,
.document-page #setup-section .checkcounter p,
.document-page #setup-entity .checkcounter p,
.document-page #setup-volume .checkcounter p,
.document-page #setup-distribution-group .checkcounter p,
.document-page #setup-distribution-matrix .checkcounter p,
.document-page #main-inboxCorrespondence .checkcounter p,
.document-page #main-newCorrespondence .checkcounter p,
.document-page #main-bulkCorrespondenceRegister .checkcounter p,
.document-page #main-myCorrespondence .checkcounter p,
.document-page #main-incomingCorrespondence .checkcounter p,
.document-page #main-outgoingCorrespondence .checkcounter p {
    margin: 10px 15px;
    display: inline-block;
    float: left;
    display: none;
    color: white;
  }
  .document-page #main-projectInfo .searchTable,
.document-page #status-document .searchTable,
.document-page #main-document .searchTable,
.document-page #main-setup .searchTable,
.document-page #register-document .searchTable,
.document-page #dataIcon-document .searchTable,
.document-page #setup-doc-type .searchTable,
.document-page #setup-discipline .searchTable,
.document-page #setup-section .searchTable,
.document-page #setup-entity .searchTable,
.document-page #setup-volume .searchTable,
.document-page #setup-distribution-group .searchTable,
.document-page #setup-distribution-matrix .searchTable,
.document-page #main-inboxCorrespondence .searchTable,
.document-page #main-newCorrespondence .searchTable,
.document-page #main-bulkCorrespondenceRegister .searchTable,
.document-page #main-myCorrespondence .searchTable,
.document-page #main-incomingCorrespondence .searchTable,
.document-page #main-outgoingCorrespondence .searchTable {
    top: 8px;
    position: absolute;
    float: right;
    display: inline-block;
    z-index: 1;
    width: auto;
    right: 20px;
  }
  .document-page #main-projectInfo .searchTable input,
.document-page #status-document .searchTable input,
.document-page #main-document .searchTable input,
.document-page #main-setup .searchTable input,
.document-page #register-document .searchTable input,
.document-page #dataIcon-document .searchTable input,
.document-page #setup-doc-type .searchTable input,
.document-page #setup-discipline .searchTable input,
.document-page #setup-section .searchTable input,
.document-page #setup-entity .searchTable input,
.document-page #setup-volume .searchTable input,
.document-page #setup-distribution-group .searchTable input,
.document-page #setup-distribution-matrix .searchTable input,
.document-page #main-inboxCorrespondence .searchTable input,
.document-page #main-newCorrespondence .searchTable input,
.document-page #main-bulkCorrespondenceRegister .searchTable input,
.document-page #main-myCorrespondence .searchTable input,
.document-page #main-incomingCorrespondence .searchTable input,
.document-page #main-outgoingCorrespondence .searchTable input {
    height: 30px;
    width: 250px;
    padding: 5px;
    border-radius: 5px;
    margin-left: 10px;
  }
  .document-page #main-projectInfo .templateContainer,
.document-page #status-document .templateContainer,
.document-page #main-document .templateContainer,
.document-page #main-setup .templateContainer,
.document-page #register-document .templateContainer,
.document-page #dataIcon-document .templateContainer,
.document-page #setup-doc-type .templateContainer,
.document-page #setup-discipline .templateContainer,
.document-page #setup-section .templateContainer,
.document-page #setup-entity .templateContainer,
.document-page #setup-volume .templateContainer,
.document-page #setup-distribution-group .templateContainer,
.document-page #setup-distribution-matrix .templateContainer,
.document-page #main-inboxCorrespondence .templateContainer,
.document-page #main-newCorrespondence .templateContainer,
.document-page #main-bulkCorrespondenceRegister .templateContainer,
.document-page #main-myCorrespondence .templateContainer,
.document-page #main-incomingCorrespondence .templateContainer,
.document-page #main-outgoingCorrespondence .templateContainer {
    height: 100px;
    padding: 5px 40px;
    display: none;
    font-size: 13px;
  }
  .document-page #main-projectInfo iframe,
.document-page #status-document iframe,
.document-page #main-document iframe,
.document-page #main-setup iframe,
.document-page #register-document iframe,
.document-page #dataIcon-document iframe,
.document-page #setup-doc-type iframe,
.document-page #setup-discipline iframe,
.document-page #setup-section iframe,
.document-page #setup-entity iframe,
.document-page #setup-volume iframe,
.document-page #setup-distribution-group iframe,
.document-page #setup-distribution-matrix iframe,
.document-page #main-inboxCorrespondence iframe,
.document-page #main-newCorrespondence iframe,
.document-page #main-bulkCorrespondenceRegister iframe,
.document-page #main-myCorrespondence iframe,
.document-page #main-incomingCorrespondence iframe,
.document-page #main-outgoingCorrespondence iframe {
    height: 100%;
    width: 100%;
    border: 0px;
    margin: 0px;
  }
  .document-page #main-projectInfo .documentContainer, .document-page #main-projectInfo .setupContainer,
.document-page #status-document .documentContainer,
.document-page #status-document .setupContainer,
.document-page #main-document .documentContainer,
.document-page #main-document .setupContainer,
.document-page #main-setup .documentContainer,
.document-page #main-setup .setupContainer,
.document-page #register-document .documentContainer,
.document-page #register-document .setupContainer,
.document-page #dataIcon-document .documentContainer,
.document-page #dataIcon-document .setupContainer,
.document-page #setup-doc-type .documentContainer,
.document-page #setup-doc-type .setupContainer,
.document-page #setup-discipline .documentContainer,
.document-page #setup-discipline .setupContainer,
.document-page #setup-section .documentContainer,
.document-page #setup-section .setupContainer,
.document-page #setup-entity .documentContainer,
.document-page #setup-entity .setupContainer,
.document-page #setup-volume .documentContainer,
.document-page #setup-volume .setupContainer,
.document-page #setup-distribution-group .documentContainer,
.document-page #setup-distribution-group .setupContainer,
.document-page #setup-distribution-matrix .documentContainer,
.document-page #setup-distribution-matrix .setupContainer,
.document-page #main-inboxCorrespondence .documentContainer,
.document-page #main-inboxCorrespondence .setupContainer,
.document-page #main-newCorrespondence .documentContainer,
.document-page #main-newCorrespondence .setupContainer,
.document-page #main-bulkCorrespondenceRegister .documentContainer,
.document-page #main-bulkCorrespondenceRegister .setupContainer,
.document-page #main-myCorrespondence .documentContainer,
.document-page #main-myCorrespondence .setupContainer,
.document-page #main-incomingCorrespondence .documentContainer,
.document-page #main-incomingCorrespondence .setupContainer,
.document-page #main-outgoingCorrespondence .documentContainer,
.document-page #main-outgoingCorrespondence .setupContainer {
    height: calc(100vh - 165px);
    width: 100%;
    overflow: auto;
  }
  .document-page #main-projectInfo .datalistIcon,
.document-page #status-document .datalistIcon,
.document-page #main-document .datalistIcon,
.document-page #main-setup .datalistIcon,
.document-page #register-document .datalistIcon,
.document-page #dataIcon-document .datalistIcon,
.document-page #setup-doc-type .datalistIcon,
.document-page #setup-discipline .datalistIcon,
.document-page #setup-section .datalistIcon,
.document-page #setup-entity .datalistIcon,
.document-page #setup-volume .datalistIcon,
.document-page #setup-distribution-group .datalistIcon,
.document-page #setup-distribution-matrix .datalistIcon,
.document-page #main-inboxCorrespondence .datalistIcon,
.document-page #main-newCorrespondence .datalistIcon,
.document-page #main-bulkCorrespondenceRegister .datalistIcon,
.document-page #main-myCorrespondence .datalistIcon,
.document-page #main-incomingCorrespondence .datalistIcon,
.document-page #main-outgoingCorrespondence .datalistIcon {
    margin: 10px;
    text-align: center;
    grid-template-columns: 120px 120px 120px;
    grid-template-rows: auto auto auto;
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
  }
  .document-page #main-projectInfo .datalistIcon #scrollcontainer,
.document-page #status-document .datalistIcon #scrollcontainer,
.document-page #main-document .datalistIcon #scrollcontainer,
.document-page #main-setup .datalistIcon #scrollcontainer,
.document-page #register-document .datalistIcon #scrollcontainer,
.document-page #dataIcon-document .datalistIcon #scrollcontainer,
.document-page #setup-doc-type .datalistIcon #scrollcontainer,
.document-page #setup-discipline .datalistIcon #scrollcontainer,
.document-page #setup-section .datalistIcon #scrollcontainer,
.document-page #setup-entity .datalistIcon #scrollcontainer,
.document-page #setup-volume .datalistIcon #scrollcontainer,
.document-page #setup-distribution-group .datalistIcon #scrollcontainer,
.document-page #setup-distribution-matrix .datalistIcon #scrollcontainer,
.document-page #main-inboxCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-newCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-bulkCorrespondenceRegister .datalistIcon #scrollcontainer,
.document-page #main-myCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-incomingCorrespondence .datalistIcon #scrollcontainer,
.document-page #main-outgoingCorrespondence .datalistIcon #scrollcontainer {
    height: calc(100% - 10px);
    overflow-y: auto;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne img,
.document-page #status-document .datalistIcon .listColumnOne img,
.document-page #main-document .datalistIcon .listColumnOne img,
.document-page #main-setup .datalistIcon .listColumnOne img,
.document-page #register-document .datalistIcon .listColumnOne img,
.document-page #dataIcon-document .datalistIcon .listColumnOne img,
.document-page #setup-doc-type .datalistIcon .listColumnOne img,
.document-page #setup-discipline .datalistIcon .listColumnOne img,
.document-page #setup-section .datalistIcon .listColumnOne img,
.document-page #setup-entity .datalistIcon .listColumnOne img,
.document-page #setup-volume .datalistIcon .listColumnOne img,
.document-page #setup-distribution-group .datalistIcon .listColumnOne img,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne img,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne img,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne img,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne img {
    width: 70px;
    height: 70px;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docDetails,
.document-page #status-document .datalistIcon .listColumnOne .docDetails,
.document-page #main-document .datalistIcon .listColumnOne .docDetails,
.document-page #main-setup .datalistIcon .listColumnOne .docDetails,
.document-page #register-document .datalistIcon .listColumnOne .docDetails,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docDetails,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docDetails,
.document-page #setup-discipline .datalistIcon .listColumnOne .docDetails,
.document-page #setup-section .datalistIcon .listColumnOne .docDetails,
.document-page #setup-entity .datalistIcon .listColumnOne .docDetails,
.document-page #setup-volume .datalistIcon .listColumnOne .docDetails,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docDetails,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docDetails,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docDetails,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docDetails,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docDetails {
    padding: 10px;
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docDetails:hover,
.document-page #status-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-setup .datalistIcon .listColumnOne .docDetails:hover,
.document-page #register-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-discipline .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-section .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-entity .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-volume .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docDetails:hover,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docDetails:hover,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docDetails:hover {
    cursor: pointer;
    background-color: rgba(194, 197, 204, 0.7);
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .editDatalist,
.document-page #status-document .datalistIcon .listColumnOne .editDatalist,
.document-page #main-document .datalistIcon .listColumnOne .editDatalist,
.document-page #main-setup .datalistIcon .listColumnOne .editDatalist,
.document-page #register-document .datalistIcon .listColumnOne .editDatalist,
.document-page #dataIcon-document .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-doc-type .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-discipline .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-section .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-entity .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-volume .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .editDatalist,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .editDatalist,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .editDatalist,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .editDatalist,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .editDatalist {
    display: inline-block;
    float: right;
    margin: 5px 5px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne label:hover,
.document-page #status-document .datalistIcon .listColumnOne label:hover,
.document-page #main-document .datalistIcon .listColumnOne label:hover,
.document-page #main-setup .datalistIcon .listColumnOne label:hover,
.document-page #register-document .datalistIcon .listColumnOne label:hover,
.document-page #dataIcon-document .datalistIcon .listColumnOne label:hover,
.document-page #setup-doc-type .datalistIcon .listColumnOne label:hover,
.document-page #setup-discipline .datalistIcon .listColumnOne label:hover,
.document-page #setup-section .datalistIcon .listColumnOne label:hover,
.document-page #setup-entity .datalistIcon .listColumnOne label:hover,
.document-page #setup-volume .datalistIcon .listColumnOne label:hover,
.document-page #setup-distribution-group .datalistIcon .listColumnOne label:hover,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne label:hover,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne label:hover,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne label:hover,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne label:hover {
    cursor: pointer;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docRef,
.document-page #status-document .datalistIcon .listColumnOne .docRef,
.document-page #main-document .datalistIcon .listColumnOne .docRef,
.document-page #main-setup .datalistIcon .listColumnOne .docRef,
.document-page #register-document .datalistIcon .listColumnOne .docRef,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docRef,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docRef,
.document-page #setup-discipline .datalistIcon .listColumnOne .docRef,
.document-page #setup-section .datalistIcon .listColumnOne .docRef,
.document-page #setup-entity .datalistIcon .listColumnOne .docRef,
.document-page #setup-volume .datalistIcon .listColumnOne .docRef,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docRef,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docRef,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docRef,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docRef,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docRef {
    margin-top: 10px;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docButton,
.document-page #status-document .datalistIcon .listColumnOne .docButton,
.document-page #main-document .datalistIcon .listColumnOne .docButton,
.document-page #main-setup .datalistIcon .listColumnOne .docButton,
.document-page #register-document .datalistIcon .listColumnOne .docButton,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docButton,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docButton,
.document-page #setup-discipline .datalistIcon .listColumnOne .docButton,
.document-page #setup-section .datalistIcon .listColumnOne .docButton,
.document-page #setup-entity .datalistIcon .listColumnOne .docButton,
.document-page #setup-volume .datalistIcon .listColumnOne .docButton,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docButton,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docButton,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docButton,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docButton,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docButton {
    margin-top: 15px;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docButton button,
.document-page #status-document .datalistIcon .listColumnOne .docButton button,
.document-page #main-document .datalistIcon .listColumnOne .docButton button,
.document-page #main-setup .datalistIcon .listColumnOne .docButton button,
.document-page #register-document .datalistIcon .listColumnOne .docButton button,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docButton button,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docButton button,
.document-page #setup-discipline .datalistIcon .listColumnOne .docButton button,
.document-page #setup-section .datalistIcon .listColumnOne .docButton button,
.document-page #setup-entity .datalistIcon .listColumnOne .docButton button,
.document-page #setup-volume .datalistIcon .listColumnOne .docButton button,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docButton button,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docButton button,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docButton button,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docButton button,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docButton button {
    width: 100px;
    font-size: 11.5px;
    color: #494949;
    text-decoration: none;
    background: #ffffff;
    padding: 5px;
    border: 1.2px solid #494949;
    border-radius: 5px;
    display: inline-block;
    transition: all 0.4s ease 0s;
  }
  .document-page #main-projectInfo .datalistIcon .listColumnOne .docButton button:hover,
.document-page #status-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-setup .datalistIcon .listColumnOne .docButton button:hover,
.document-page #register-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #dataIcon-document .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-doc-type .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-discipline .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-section .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-entity .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-volume .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-distribution-group .datalistIcon .listColumnOne .docButton button:hover,
.document-page #setup-distribution-matrix .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-inboxCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-newCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-bulkCorrespondenceRegister .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-myCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-incomingCorrespondence .datalistIcon .listColumnOne .docButton button:hover,
.document-page #main-outgoingCorrespondence .datalistIcon .listColumnOne .docButton button:hover {
    cursor: pointer;
    color: #ffffff;
    transition: all 0.4s ease 0s;
  }
  .document-page #main-projectInfo .container-table,
.document-page #status-document .container-table,
.document-page #main-document .container-table,
.document-page #main-setup .container-table,
.document-page #register-document .container-table,
.document-page #dataIcon-document .container-table,
.document-page #setup-doc-type .container-table,
.document-page #setup-discipline .container-table,
.document-page #setup-section .container-table,
.document-page #setup-entity .container-table,
.document-page #setup-volume .container-table,
.document-page #setup-distribution-group .container-table,
.document-page #setup-distribution-matrix .container-table,
.document-page #main-inboxCorrespondence .container-table,
.document-page #main-newCorrespondence .container-table,
.document-page #main-bulkCorrespondenceRegister .container-table,
.document-page #main-myCorrespondence .container-table,
.document-page #main-incomingCorrespondence .container-table,
.document-page #main-outgoingCorrespondence .container-table {
    position: absolute;
    width: calc(100% - 40px);
    overflow: auto;
    left: 20px;
    float: right;
    top: 55px;
  }
  .document-page #main-projectInfo .container-table table,
.document-page #status-document .container-table table,
.document-page #main-document .container-table table,
.document-page #main-setup .container-table table,
.document-page #register-document .container-table table,
.document-page #dataIcon-document .container-table table,
.document-page #setup-doc-type .container-table table,
.document-page #setup-discipline .container-table table,
.document-page #setup-section .container-table table,
.document-page #setup-entity .container-table table,
.document-page #setup-volume .container-table table,
.document-page #setup-distribution-group .container-table table,
.document-page #setup-distribution-matrix .container-table table,
.document-page #main-inboxCorrespondence .container-table table,
.document-page #main-newCorrespondence .container-table table,
.document-page #main-bulkCorrespondenceRegister .container-table table,
.document-page #main-myCorrespondence .container-table table,
.document-page #main-incomingCorrespondence .container-table table,
.document-page #main-outgoingCorrespondence .container-table table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    font-size: 10px;
  }
  .document-page #main-projectInfo .container-table table td,
.document-page #status-document .container-table table td,
.document-page #main-document .container-table table td,
.document-page #main-setup .container-table table td,
.document-page #register-document .container-table table td,
.document-page #dataIcon-document .container-table table td,
.document-page #setup-doc-type .container-table table td,
.document-page #setup-discipline .container-table table td,
.document-page #setup-section .container-table table td,
.document-page #setup-entity .container-table table td,
.document-page #setup-volume .container-table table td,
.document-page #setup-distribution-group .container-table table td,
.document-page #setup-distribution-matrix .container-table table td,
.document-page #main-inboxCorrespondence .container-table table td,
.document-page #main-newCorrespondence .container-table table td,
.document-page #main-bulkCorrespondenceRegister .container-table table td,
.document-page #main-myCorrespondence .container-table table td,
.document-page #main-incomingCorrespondence .container-table table td,
.document-page #main-outgoingCorrespondence .container-table table td {
    text-align: left;
    padding: 4px 8px;
    border: none;
    line-height: 20px;
  }
  .document-page #main-projectInfo .container-table table td span,
.document-page #status-document .container-table table td span,
.document-page #main-document .container-table table td span,
.document-page #main-setup .container-table table td span,
.document-page #register-document .container-table table td span,
.document-page #dataIcon-document .container-table table td span,
.document-page #setup-doc-type .container-table table td span,
.document-page #setup-discipline .container-table table td span,
.document-page #setup-section .container-table table td span,
.document-page #setup-entity .container-table table td span,
.document-page #setup-volume .container-table table td span,
.document-page #setup-distribution-group .container-table table td span,
.document-page #setup-distribution-matrix .container-table table td span,
.document-page #main-inboxCorrespondence .container-table table td span,
.document-page #main-newCorrespondence .container-table table td span,
.document-page #main-bulkCorrespondenceRegister .container-table table td span,
.document-page #main-myCorrespondence .container-table table td span,
.document-page #main-incomingCorrespondence .container-table table td span,
.document-page #main-outgoingCorrespondence .container-table table td span {
    margin-right: 10px;
  }
  .document-page #main-projectInfo .container-table table td span img,
.document-page #status-document .container-table table td span img,
.document-page #main-document .container-table table td span img,
.document-page #main-setup .container-table table td span img,
.document-page #register-document .container-table table td span img,
.document-page #dataIcon-document .container-table table td span img,
.document-page #setup-doc-type .container-table table td span img,
.document-page #setup-discipline .container-table table td span img,
.document-page #setup-section .container-table table td span img,
.document-page #setup-entity .container-table table td span img,
.document-page #setup-volume .container-table table td span img,
.document-page #setup-distribution-group .container-table table td span img,
.document-page #setup-distribution-matrix .container-table table td span img,
.document-page #main-inboxCorrespondence .container-table table td span img,
.document-page #main-newCorrespondence .container-table table td span img,
.document-page #main-bulkCorrespondenceRegister .container-table table td span img,
.document-page #main-myCorrespondence .container-table table td span img,
.document-page #main-incomingCorrespondence .container-table table td span img,
.document-page #main-outgoingCorrespondence .container-table table td span img {
    height: 10px;
    width: 10px;
  }
  .document-page #main-projectInfo .container-table table td input,
.document-page #status-document .container-table table td input,
.document-page #main-document .container-table table td input,
.document-page #main-setup .container-table table td input,
.document-page #register-document .container-table table td input,
.document-page #dataIcon-document .container-table table td input,
.document-page #setup-doc-type .container-table table td input,
.document-page #setup-discipline .container-table table td input,
.document-page #setup-section .container-table table td input,
.document-page #setup-entity .container-table table td input,
.document-page #setup-volume .container-table table td input,
.document-page #setup-distribution-group .container-table table td input,
.document-page #setup-distribution-matrix .container-table table td input,
.document-page #main-inboxCorrespondence .container-table table td input,
.document-page #main-newCorrespondence .container-table table td input,
.document-page #main-bulkCorrespondenceRegister .container-table table td input,
.document-page #main-myCorrespondence .container-table table td input,
.document-page #main-incomingCorrespondence .container-table table td input,
.document-page #main-outgoingCorrespondence .container-table table td input {
    height: 10px;
  }
  .document-page #main-projectInfo .container-table table th:first-child,
.document-page #status-document .container-table table th:first-child,
.document-page #main-document .container-table table th:first-child,
.document-page #main-setup .container-table table th:first-child,
.document-page #register-document .container-table table th:first-child,
.document-page #dataIcon-document .container-table table th:first-child,
.document-page #setup-doc-type .container-table table th:first-child,
.document-page #setup-discipline .container-table table th:first-child,
.document-page #setup-section .container-table table th:first-child,
.document-page #setup-entity .container-table table th:first-child,
.document-page #setup-volume .container-table table th:first-child,
.document-page #setup-distribution-group .container-table table th:first-child,
.document-page #setup-distribution-matrix .container-table table th:first-child,
.document-page #main-inboxCorrespondence .container-table table th:first-child,
.document-page #main-newCorrespondence .container-table table th:first-child,
.document-page #main-bulkCorrespondenceRegister .container-table table th:first-child,
.document-page #main-myCorrespondence .container-table table th:first-child,
.document-page #main-incomingCorrespondence .container-table table th:first-child,
.document-page #main-outgoingCorrespondence .container-table table th:first-child {
    border-top-left-radius: 5px;
  }
  .document-page #main-projectInfo .container-table table th:last-child,
.document-page #status-document .container-table table th:last-child,
.document-page #main-document .container-table table th:last-child,
.document-page #main-setup .container-table table th:last-child,
.document-page #register-document .container-table table th:last-child,
.document-page #dataIcon-document .container-table table th:last-child,
.document-page #setup-doc-type .container-table table th:last-child,
.document-page #setup-discipline .container-table table th:last-child,
.document-page #setup-section .container-table table th:last-child,
.document-page #setup-entity .container-table table th:last-child,
.document-page #setup-volume .container-table table th:last-child,
.document-page #setup-distribution-group .container-table table th:last-child,
.document-page #setup-distribution-matrix .container-table table th:last-child,
.document-page #main-inboxCorrespondence .container-table table th:last-child,
.document-page #main-newCorrespondence .container-table table th:last-child,
.document-page #main-bulkCorrespondenceRegister .container-table table th:last-child,
.document-page #main-myCorrespondence .container-table table th:last-child,
.document-page #main-incomingCorrespondence .container-table table th:last-child,
.document-page #main-outgoingCorrespondence .container-table table th:last-child {
    border-top-right-radius: 5px;
  }
  .document-page #main-projectInfo .container-table table tr:nth-of-type(even),
.document-page #status-document .container-table table tr:nth-of-type(even),
.document-page #main-document .container-table table tr:nth-of-type(even),
.document-page #main-setup .container-table table tr:nth-of-type(even),
.document-page #register-document .container-table table tr:nth-of-type(even),
.document-page #dataIcon-document .container-table table tr:nth-of-type(even),
.document-page #setup-doc-type .container-table table tr:nth-of-type(even),
.document-page #setup-discipline .container-table table tr:nth-of-type(even),
.document-page #setup-section .container-table table tr:nth-of-type(even),
.document-page #setup-entity .container-table table tr:nth-of-type(even),
.document-page #setup-volume .container-table table tr:nth-of-type(even),
.document-page #setup-distribution-group .container-table table tr:nth-of-type(even),
.document-page #setup-distribution-matrix .container-table table tr:nth-of-type(even),
.document-page #main-inboxCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-newCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-bulkCorrespondenceRegister .container-table table tr:nth-of-type(even),
.document-page #main-myCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-incomingCorrespondence .container-table table tr:nth-of-type(even),
.document-page #main-outgoingCorrespondence .container-table table tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .document-page #main-projectInfo .container-table table tr:nth-of-type(odd),
.document-page #status-document .container-table table tr:nth-of-type(odd),
.document-page #main-document .container-table table tr:nth-of-type(odd),
.document-page #main-setup .container-table table tr:nth-of-type(odd),
.document-page #register-document .container-table table tr:nth-of-type(odd),
.document-page #dataIcon-document .container-table table tr:nth-of-type(odd),
.document-page #setup-doc-type .container-table table tr:nth-of-type(odd),
.document-page #setup-discipline .container-table table tr:nth-of-type(odd),
.document-page #setup-section .container-table table tr:nth-of-type(odd),
.document-page #setup-entity .container-table table tr:nth-of-type(odd),
.document-page #setup-volume .container-table table tr:nth-of-type(odd),
.document-page #setup-distribution-group .container-table table tr:nth-of-type(odd),
.document-page #setup-distribution-matrix .container-table table tr:nth-of-type(odd),
.document-page #main-inboxCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-newCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-bulkCorrespondenceRegister .container-table table tr:nth-of-type(odd),
.document-page #main-myCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-incomingCorrespondence .container-table table tr:nth-of-type(odd),
.document-page #main-outgoingCorrespondence .container-table table tr:nth-of-type(odd) {
    background: white;
  }
  .document-page #main-projectInfo .container-table table tr:hover,
.document-page #status-document .container-table table tr:hover,
.document-page #main-document .container-table table tr:hover,
.document-page #main-setup .container-table table tr:hover,
.document-page #register-document .container-table table tr:hover,
.document-page #dataIcon-document .container-table table tr:hover,
.document-page #setup-doc-type .container-table table tr:hover,
.document-page #setup-discipline .container-table table tr:hover,
.document-page #setup-section .container-table table tr:hover,
.document-page #setup-entity .container-table table tr:hover,
.document-page #setup-volume .container-table table tr:hover,
.document-page #setup-distribution-group .container-table table tr:hover,
.document-page #setup-distribution-matrix .container-table table tr:hover,
.document-page #main-inboxCorrespondence .container-table table tr:hover,
.document-page #main-newCorrespondence .container-table table tr:hover,
.document-page #main-bulkCorrespondenceRegister .container-table table tr:hover,
.document-page #main-myCorrespondence .container-table table tr:hover,
.document-page #main-incomingCorrespondence .container-table table tr:hover,
.document-page #main-outgoingCorrespondence .container-table table tr:hover {
    background-color: #ddd;
    cursor: pointer;
  }
  .document-page #main-projectInfo .container-table table th,
.document-page #status-document .container-table table th,
.document-page #main-document .container-table table th,
.document-page #main-setup .container-table table th,
.document-page #register-document .container-table table th,
.document-page #dataIcon-document .container-table table th,
.document-page #setup-doc-type .container-table table th,
.document-page #setup-discipline .container-table table th,
.document-page #setup-section .container-table table th,
.document-page #setup-entity .container-table table th,
.document-page #setup-volume .container-table table th,
.document-page #setup-distribution-group .container-table table th,
.document-page #setup-distribution-matrix .container-table table th,
.document-page #main-inboxCorrespondence .container-table table th,
.document-page #main-newCorrespondence .container-table table th,
.document-page #main-bulkCorrespondenceRegister .container-table table th,
.document-page #main-myCorrespondence .container-table table th,
.document-page #main-incomingCorrespondence .container-table table th,
.document-page #main-outgoingCorrespondence .container-table table th {
    background-color: #3f3f3f;
    color: white;
    text-align: left;
    padding: 4px 8px;
    line-height: 20px;
  }
  .document-page #main-projectInfo .container-table table th:hover,
.document-page #status-document .container-table table th:hover,
.document-page #main-document .container-table table th:hover,
.document-page #main-setup .container-table table th:hover,
.document-page #register-document .container-table table th:hover,
.document-page #dataIcon-document .container-table table th:hover,
.document-page #setup-doc-type .container-table table th:hover,
.document-page #setup-discipline .container-table table th:hover,
.document-page #setup-section .container-table table th:hover,
.document-page #setup-entity .container-table table th:hover,
.document-page #setup-volume .container-table table th:hover,
.document-page #setup-distribution-group .container-table table th:hover,
.document-page #setup-distribution-matrix .container-table table th:hover,
.document-page #main-inboxCorrespondence .container-table table th:hover,
.document-page #main-newCorrespondence .container-table table th:hover,
.document-page #main-bulkCorrespondenceRegister .container-table table th:hover,
.document-page #main-myCorrespondence .container-table table th:hover,
.document-page #main-incomingCorrespondence .container-table table th:hover,
.document-page #main-outgoingCorrespondence .container-table table th:hover {
    cursor: default;
  }
  .document-page #main-projectInfo .container-table table th input,
.document-page #status-document .container-table table th input,
.document-page #main-document .container-table table th input,
.document-page #main-setup .container-table table th input,
.document-page #register-document .container-table table th input,
.document-page #dataIcon-document .container-table table th input,
.document-page #setup-doc-type .container-table table th input,
.document-page #setup-discipline .container-table table th input,
.document-page #setup-section .container-table table th input,
.document-page #setup-entity .container-table table th input,
.document-page #setup-volume .container-table table th input,
.document-page #setup-distribution-group .container-table table th input,
.document-page #setup-distribution-matrix .container-table table th input,
.document-page #main-inboxCorrespondence .container-table table th input,
.document-page #main-newCorrespondence .container-table table th input,
.document-page #main-bulkCorrespondenceRegister .container-table table th input,
.document-page #main-myCorrespondence .container-table table th input,
.document-page #main-incomingCorrespondence .container-table table th input,
.document-page #main-outgoingCorrespondence .container-table table th input {
    height: 10px;
  }
  .document-page #main-projectInfo .container-table table th img,
.document-page #status-document .container-table table th img,
.document-page #main-document .container-table table th img,
.document-page #main-setup .container-table table th img,
.document-page #register-document .container-table table th img,
.document-page #dataIcon-document .container-table table th img,
.document-page #setup-doc-type .container-table table th img,
.document-page #setup-discipline .container-table table th img,
.document-page #setup-section .container-table table th img,
.document-page #setup-entity .container-table table th img,
.document-page #setup-volume .container-table table th img,
.document-page #setup-distribution-group .container-table table th img,
.document-page #setup-distribution-matrix .container-table table th img,
.document-page #main-inboxCorrespondence .container-table table th img,
.document-page #main-newCorrespondence .container-table table th img,
.document-page #main-bulkCorrespondenceRegister .container-table table th img,
.document-page #main-myCorrespondence .container-table table th img,
.document-page #main-incomingCorrespondence .container-table table th img,
.document-page #main-outgoingCorrespondence .container-table table th img {
    height: 8px;
    width: auto;
    margin-left: 5px;
  }
  .document-page #main-projectInfo .container-table table th img:hover,
.document-page #status-document .container-table table th img:hover,
.document-page #main-document .container-table table th img:hover,
.document-page #main-setup .container-table table th img:hover,
.document-page #register-document .container-table table th img:hover,
.document-page #dataIcon-document .container-table table th img:hover,
.document-page #setup-doc-type .container-table table th img:hover,
.document-page #setup-discipline .container-table table th img:hover,
.document-page #setup-section .container-table table th img:hover,
.document-page #setup-entity .container-table table th img:hover,
.document-page #setup-volume .container-table table th img:hover,
.document-page #setup-distribution-group .container-table table th img:hover,
.document-page #setup-distribution-matrix .container-table table th img:hover,
.document-page #main-inboxCorrespondence .container-table table th img:hover,
.document-page #main-newCorrespondence .container-table table th img:hover,
.document-page #main-bulkCorrespondenceRegister .container-table table th img:hover,
.document-page #main-myCorrespondence .container-table table th img:hover,
.document-page #main-incomingCorrespondence .container-table table th img:hover,
.document-page #main-outgoingCorrespondence .container-table table th img:hover {
    cursor: pointer;
  }
  .document-page #main-document {
    height: calc(100vh - 90px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .document-page #main-vo {
    height: calc(100vh - 90px);
    float: right;
    overflow: auto;
    padding: 0px;
    top: 0px;
    margin: 10px;
  }
  .document-page #main-vo .topcontainer {
    height: 50vh;
  }
  .document-page #main-vo .bottomcontainer {
    height: calc(50vh - 100px);
  }
}
.nav-bar ul button {
  position: absolute;
  right: 20px;
  height: 35px;
  padding: 0 10px 0 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  border-style: none;
}
.nav-bar ul button img {
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
}

.documentation-page#homepage {
  display: block;
  padding: 0px;
  margin: 0px;
  top: 70px;
  position: absolute;
  height: calc(100% - 70px);
  width: 100%;
  background: white;
}
.documentation-page#homepage #sidebar-documentation {
  position: absolute;
  height: 100%;
  width: 380px;
  background: #363636;
  box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
  line-height: 2;
  overflow: auto;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container {
  height: auto;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-homelayer {
  list-style: none;
  margin-left: 20px;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 2.5;
  margin-right: 20px;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-homelayer li a.non-expandable {
  color: white;
  margin-left: 5px;
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  line-height: 1.2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-homelayer li img.non-expandable {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  display: inline-flex;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-homelayer li:hover {
  background: grey;
  cursor: pointer;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer {
  list-style: none;
  margin-left: 20px;
  padding: 0px;
  line-height: 2.5;
  margin-top: 0px;
  margin-right: 20px;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer li a.expandable {
  color: white;
  margin-left: 5px;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1.2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer li a.non-expandable {
  color: white;
  margin-left: 25px;
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  line-height: 1.2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer li img.non-expandable {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  display: none;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer li img.expandable {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer li:hover {
  background: grey;
  cursor: pointer;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .firstlayer-button {
  display: block;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer {
  display: none;
  list-style: none;
  margin-left: 25px;
  padding: 0px;
  line-height: 2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .secondlayer-button.non-expandable.active {
  background: grey;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer li a.expandable {
  color: white;
  margin-left: 10px;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1.2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer li a.non-expandable {
  color: white;
  margin-left: 25px;
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  line-height: 1.2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer li img.non-expandable {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  display: none;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer li img.expandable {
  vertical-align: middle;
  width: 15px;
  height: 15px;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer li:hover {
  background: grey;
  cursor: pointer;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer {
  display: none;
  list-style: none;
  margin-left: 30px;
  padding: 0px;
  line-height: 2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer .thirdlayer-button.active {
  background: grey;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer li a.expandable {
  color: white;
  margin-left: 5px;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1.2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer li a.non-expandable {
  color: white;
  margin-left: 20px;
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  line-height: 1.2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer li img.non-expandable {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  display: none;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer li img.expandable {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer li:hover {
  background: grey;
  cursor: pointer;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer .sidebar-fourthlayer {
  display: none;
  list-style: none;
  margin-left: 45px;
  padding: 0px;
  line-height: 2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer .sidebar-fourthlayer li a.expandable {
  color: white;
  margin-left: 5px;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1.2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer .sidebar-fourthlayer li a.non-expandable {
  color: white;
  margin-left: 25px;
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  line-height: 1.2;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer .sidebar-fourthlayer li img.non-expandable {
  display: none;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer .sidebar-fourthlayer li img.expandable {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.documentation-page#homepage #sidebar-documentation .sidebar-container .sidebar-firstlayer .sidebar-secondlayer .sidebar-thirdlayer .sidebar-fourthlayer li:hover {
  background: grey;
  cursor: pointer;
}
.documentation-page#homepage #main-documentation {
  position: absolute;
  width: calc(100% - 415px);
  left: 405px;
  overflow-y: auto;
  height: calc(100vh - 72px);
}
.documentation-page#homepage #main-documentation .main-container#homepage {
  width: calc(100% - 30px);
  padding: 10px 5px;
}
.documentation-page#homepage #main-documentation .main-container#homepage .container-header {
  border-bottom: 1px solid gray;
}
.documentation-page#homepage #main-documentation .main-container#homepage .container-content p {
  text-align: justify;
}
.documentation-page#homepage #main-documentation .main-container#homepage .container-content img {
  position: relative;
  width: calc(100% - 30px);
  padding: 10px;
}

.clickable-page#clickable {
  display: block;
  padding: 0px;
  margin: 0px;
  top: 0px;
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  left: 0px;
}
.clickable-page#clickable #main-clickable {
  position: absolute;
  width: 100%;
  overflow-y: auto;
}
.clickable-page#clickable #main-clickable .main-container#clickable {
  width: calc(100% - 30px);
  padding: 10px 5px;
}
.clickable-page#clickable #main-clickable .main-container#clickable .container-header {
  border-bottom: 1px solid gray;
}
.clickable-page#clickable #main-clickable .main-container#clickable .container-content p {
  text-align: justify;
}
.clickable-page#clickable #main-clickable .main-container#clickable .container-content img {
  position: relative;
  width: calc(100% - 30px);
  padding: 10px;
}

body {
  background-color: #e4e4e4 !important;
}

.financePage {
  width: calc(100% - 1000px);
  height: 100vh;
  background: #e4e4e4;
  padding: 20px 500px;
  overflow: auto;
  height: calc(100vh - 120px);
  position: absolute;
  right: 0px;
  bottom: 0px;
  transition: 0.2s;
}
.financePage.active {
  width: calc(100% - 680px);
}
.financePage .filterContainer {
  margin: 0 0 35px 0;
  padding: 25px;
  width: calc(100% - 50px);
  height: 40px;
  text-align: center;
}
.financePage .filterContainer input {
  position: relative;
  height: 45px;
  width: 60%;
  outline: none;
  padding: 10px 40px 10px 50px;
  border-radius: 3px;
  border: none;
  color: black;
  background: #cecece;
  box-shadow: 0px 3px 5px #cecece;
  transition: 0.2s;
}
.financePage .filterContainer input:hover {
  background: white;
}
.financePage .filterContainer input.active {
  width: 45%;
}
.financePage .filterContainer img.icon {
  z-index: 1;
  width: 23px;
  height: 23px;
  position: relative;
  left: 44px;
  top: 8px;
}
.financePage .filterContainer img.clear {
  display: none;
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
  right: 35px;
  top: 5px;
}
.financePage .cardContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.financePage .cardContainer .card {
  position: relative;
  height: 130px;
  width: 130px;
  background: whitesmoke;
  box-shadow: 0px 1px 5px rgba(153, 153, 153, 0.363);
  margin: 10px;
  text-align: center;
  transition: 0.12s;
  font-family: SegoeUI, Helvetica, Arial, sans-serif;
  font-size: 14px;
  overflow: hidden;
  color: #3f3f3f;
}
.financePage .cardContainer .card:hover {
  z-index: 2;
  transform: scale(1.1, 1.1);
  box-shadow: 0px 3px 7px rgba(153, 153, 153, 0.5);
  cursor: pointer;
  color: red;
}
.financePage .cardContainer .card.active:hover {
  cursor: default;
}
.financePage .cardContainer .card.other {
  background: rgba(105, 105, 105, 0.466);
}
.financePage .cardContainer .card img {
  position: relative;
  height: 60px;
  margin: 15px 10px 3px 10px;
  width: 60px;
  display: inline-block;
  border-radius: 50%;
}
.financePage .cardContainer .card a.pName {
  position: relative;
  display: block;
  margin: 10px;
  height: 32px;
  width: 110px;
  overflow: hidden;
  font-size: 14px;
}
.financePage .cardContainer .card .buttonContainer {
  position: absolute;
  display: grid;
  top: 0px;
  left: 0px;
  grid-template-columns: 65px 65px;
  height: 100%;
  width: 100%;
  transition: 0.2s;
}
.financePage .cardContainer .card .buttonContainer button {
  color: #a0a0a0;
  display: none;
  background: transparent;
  outline: none;
  border: 0px;
  height: 65px;
  width: 65px;
  transition: 0.15s;
  overflow: hidden;
}
.financePage .cardContainer .card .buttonContainer button img.appicon {
  height: 37px;
  width: auto;
}
.financePage .cardContainer .card .buttonContainer button a.caption {
  font-size: 12px;
  display: none;
  width: 50px;
  overflow: hidden;
}
.financePage .cardContainer .card .buttonContainer button:hover {
  color: white;
  background: rgba(63, 63, 63, 0.692);
  cursor: pointer;
}
.financePage .cardContainer .card .buttonContainer button:hover img.appicon {
  display: none;
  transition: 0.5s;
}
.financePage .cardContainer .card .buttonContainer button:hover a.caption {
  display: block;
  transition: 0.5s;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .financePage {
    width: calc(100% - 1000px);
    height: 100vh;
    background: #e4e4e4;
    padding: 20px 500px;
    overflow: auto;
    height: calc(100vh - 120px);
    position: absolute;
    right: 0px;
    bottom: 0px;
    transition: 0.2s;
  }
  .financePage.active {
    width: calc(100% - 680px);
  }
  .financePage .filterContainer {
    margin: 0 0 35px 0;
    padding: 25px;
    width: calc(100% - 50px);
    height: 40px;
    text-align: center;
  }
  .financePage .filterContainer input {
    position: relative;
    height: 25px;
    width: 60%;
    outline: none;
    padding: 10px 40px 10px 50px;
    border-radius: 3px;
    border: none;
    color: black;
    background: #cecece;
    box-shadow: 0px 3px 5px #cecece;
    transition: 0.2s;
  }
  .financePage .filterContainer input:hover {
    background: white;
  }
  .financePage .filterContainer input.active {
    width: 45%;
  }
  .financePage .filterContainer img.icon {
    z-index: 1;
    width: 23px;
    height: 23px;
    position: relative;
    left: 44px;
    top: 8px;
  }
  .financePage .filterContainer img.clear {
    display: none;
    z-index: 1;
    width: 18px;
    height: 18px;
    position: relative;
    right: 35px;
    top: 5px;
  }
  .financePage .cardContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  .financePage .cardContainer .card {
    position: relative;
    height: 100px;
    width: 100px;
    background: whitesmoke;
    box-shadow: 0px 1px 5px rgba(153, 153, 153, 0.363);
    margin: 10px;
    text-align: center;
    transition: 0.12s;
    font-family: SegoeUI, Helvetica, Arial, sans-serif;
    font-size: 10px;
    overflow: hidden;
    color: #3f3f3f;
  }
  .financePage .cardContainer .card:hover {
    z-index: 2;
    transform: scale(1.1, 1.1);
    box-shadow: 0px 3px 7px rgba(153, 153, 153, 0.5);
    cursor: pointer;
    color: red;
  }
  .financePage .cardContainer .card.active:hover {
    cursor: default;
  }
  .financePage .cardContainer .card.other {
    background: rgba(105, 105, 105, 0.466);
  }
  .financePage .cardContainer .card img {
    overflow: hidden;
    font-size: 10px;
    position: relative;
    height: 45px;
    margin: 15px 10px 3px 10px;
    width: 45px;
    display: inline-block;
    border-radius: 50%;
  }
  .financePage .cardContainer .card a.pName {
    position: relative;
    display: block;
    margin: 2px 2px;
    height: 20px;
    width: 96px;
    overflow: hidden;
    font-size: 10px;
  }
  .financePage .cardContainer .card .buttonContainer {
    position: absolute;
    display: grid;
    top: 0px;
    left: 0px;
    grid-template-columns: 50px 50px;
    height: 100%;
    width: 100%;
    transition: 0.2s;
  }
  .financePage .cardContainer .card .buttonContainer button {
    color: #a0a0a0;
    display: none;
    background: transparent;
    outline: none;
    border: 0px;
    height: 50px;
    width: 50px;
    transition: 0.15s;
    overflow: hidden;
  }
  .financePage .cardContainer .card .buttonContainer button img.appicon {
    height: 25px;
    width: auto;
  }
  .financePage .cardContainer .card .buttonContainer button a.caption {
    font-size: 10px;
    display: none;
    width: 50px;
    position: relative;
    left: -5px;
    overflow: hidden;
  }
  .financePage .cardContainer .card .buttonContainer button:hover {
    color: white;
    background: rgba(63, 63, 63, 0.692);
    cursor: pointer;
  }
  .financePage .cardContainer .card .buttonContainer button:hover img.appicon {
    display: none;
    transition: 0.5s;
  }
  .financePage .cardContainer .card .buttonContainer button:hover a.caption {
    display: block;
    transition: 0.5s;
  }
}
@media screen and (max-width: 1366px) {
  .financePage {
    width: calc(100% - 1000px);
    height: 100vh;
    background: #e4e4e4;
    padding: 20px 500px;
    overflow: auto;
    height: calc(100vh - 120px);
    position: absolute;
    right: 0px;
    bottom: 0px;
    transition: 0.2s;
  }
  .financePage.active {
    width: calc(100% - 680px);
  }
  .financePage .filterContainer {
    margin: 0 0 35px 0;
    padding: 25px;
    width: calc(100% - 50px);
    height: 40px;
    text-align: center;
  }
  .financePage .filterContainer input {
    position: relative;
    height: 25px;
    width: 60%;
    outline: none;
    padding: 10px 40px 10px 50px;
    border-radius: 3px;
    border: none;
    color: black;
    background: #cecece;
    box-shadow: 0px 3px 5px #cecece;
    transition: 0.2s;
  }
  .financePage .filterContainer input:hover {
    background: white;
  }
  .financePage .filterContainer input.active {
    width: 45%;
  }
  .financePage .filterContainer img.icon {
    z-index: 1;
    width: 23px;
    height: 23px;
    position: relative;
    left: 44px;
    top: 8px;
  }
  .financePage .filterContainer img.clear {
    display: none;
    z-index: 1;
    width: 18px;
    height: 18px;
    position: relative;
    right: 35px;
    top: 5px;
  }
  .financePage .cardContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
  .financePage .cardContainer .card {
    position: relative;
    height: 100px;
    width: 100px;
    background: whitesmoke;
    box-shadow: 0px 1px 5px rgba(153, 153, 153, 0.363);
    margin: 10px;
    text-align: center;
    transition: 0.12s;
    font-family: SegoeUI, Helvetica, Arial, sans-serif;
    font-size: 10px;
    overflow: hidden;
    color: #3f3f3f;
  }
  .financePage .cardContainer .card:hover {
    z-index: 2;
    transform: scale(1.1, 1.1);
    box-shadow: 0px 3px 7px rgba(153, 153, 153, 0.5);
    cursor: pointer;
    color: red;
  }
  .financePage .cardContainer .card.active:hover {
    cursor: default;
  }
  .financePage .cardContainer .card.other {
    background: rgba(105, 105, 105, 0.466);
  }
  .financePage .cardContainer .card img {
    overflow: hidden;
    font-size: 10px;
    position: relative;
    height: 45px;
    margin: 15px 10px 3px 10px;
    width: 45px;
    display: inline-block;
    border-radius: 50%;
  }
  .financePage .cardContainer .card a.pName {
    position: relative;
    display: block;
    margin: 2px 2px;
    height: 20px;
    width: 96px;
    overflow: hidden;
    font-size: 10px;
  }
  .financePage .cardContainer .card .buttonContainer {
    position: absolute;
    display: grid;
    top: 0px;
    left: 0px;
    grid-template-columns: 50px 50px;
    height: 100%;
    width: 100%;
    transition: 0.2s;
  }
  .financePage .cardContainer .card .buttonContainer button {
    color: #a0a0a0;
    display: none;
    background: transparent;
    outline: none;
    border: 0px;
    height: 50px;
    width: 50px;
    transition: 0.15s;
    overflow: hidden;
  }
  .financePage .cardContainer .card .buttonContainer button img.appicon {
    height: 25px;
    width: auto;
  }
  .financePage .cardContainer .card .buttonContainer button a.caption {
    font-size: 10px;
    display: none;
    width: 50px;
    position: relative;
    left: -5px;
    overflow: hidden;
  }
  .financePage .cardContainer .card .buttonContainer button:hover {
    color: white;
    background: rgba(63, 63, 63, 0.692);
    cursor: pointer;
  }
  .financePage .cardContainer .card .buttonContainer button:hover img.appicon {
    display: none;
    transition: 0.5s;
  }
  .financePage .cardContainer .card .buttonContainer button:hover a.caption {
    display: block;
    transition: 0.5s;
  }
}
@media screen and (max-width: 1700px) {
  .financePage {
    width: calc(100% - 800px);
    padding: 20px 400px;
  }
}
@media screen and (max-width: 1500px) {
  .financePage {
    width: calc(100% - 600px);
    padding: 20px 300px;
  }
}
@media screen and (max-width: 1300px) {
  .financePage {
    width: calc(100% - 400px);
    padding: 20px 200px;
  }
}
@media screen and (max-width: 1100px) {
  .financePage {
    width: calc(100% - 20px);
    padding: 20px 100px;
  }
}
@media screen and (max-width: 1000px) {
  .financePage {
    width: calc(100% - 20px);
    padding: 20px 10px;
  }
}
.card-background {
  opacity: 0.6;
  background: #C8EBFB;
}

.geospatial-page {
  display: block;
  padding: 0px;
  margin: 0px;
  top: 70px;
  position: absolute;
  height: calc(100% - 70px);
  width: 100%;
  background: white;
}
.geospatial-page #sidebar-admin {
  position: absolute;
  height: 100%;
  width: 300px;
  background: #363636;
  box-shadow: 7px 0px 10px 0px rgba(0, 0, 0, 0.664);
}
.geospatial-page #sidebar-admin .sidebar-items {
  vertical-align: middle;
  line-height: 45px;
  padding: 0px;
  margin: 0px;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminHead {
  padding: 15px;
  font-weight: bold;
  color: white;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminHead a {
  margin-left: 15px;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminHead img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminHead img:hover {
  cursor: pointer;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminItems {
  color: white;
  text-decoration: none;
  list-style: none;
  padding-left: 15px;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminItems:hover {
  cursor: pointer;
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.geospatial-page #sidebar-admin .sidebar-items li.adminItems a {
  text-decoration: none;
  margin-left: 15px;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminItems img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminItems div.arrow {
  float: right;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin: 14px;
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowdown.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminItems div.arrow.active {
  background-image: url("../../Images/icons/admin_page/sidebar/dark_red/arrowup.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.geospatial-page #sidebar-admin .sidebar-items li.adminItems.active {
  background-image: linear-gradient(to bottom, #5f5f5f, #4b4b4b, #5f5f5f);
}
.geospatial-page #sidebar-admin .sidebar-items ul {
  display: none;
  list-style: none;
  line-height: 45px;
  padding-left: 0;
}
.geospatial-page #sidebar-admin .sidebar-items ul li {
  color: white;
  text-decoration: none;
  list-style: none;
}
.geospatial-page #sidebar-admin .sidebar-items ul li:hover {
  cursor: pointer;
  background: grey;
}
.geospatial-page #sidebar-admin .sidebar-items ul li a {
  text-decoration: none;
  margin-left: 15px;
}
.geospatial-page #sidebar-admin .sidebar-items ul li img {
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding-left: 35px;
}
.geospatial-page #sidebar-admin .sidebar-items ul li.active {
  background: #5f5f5f;
}
.geospatial-page #main-home {
  display: block;
  position: relative;
  padding: 0 20px;
  width: calc(100% - 340px);
  height: calc(100vh - 75px);
  float: right;
  overflow: auto;
}
.geospatial-page #main-home .container-welcome .top-welcome {
  margin: 10px 10px;
  border-bottom: 1px solid black;
  line-height: 52px;
  font-weight: bolder;
  font-size: 20px;
}
.geospatial-page #main-home .container-welcome .top-welcome a {
  margin: 0 10px;
}
.geospatial-page #main-home .container-welcome .bottom-welcome {
  margin: 20px;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
}
.geospatial-page #main-home .container-welcome .bottom-welcome a.secondary {
  font-weight: normal;
  font-size: 17px;
}
.geospatial-page #main-home .container-card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background: white;
}
.geospatial-page #main-home .container-card .cards {
  position: relative;
  background: black;
  border-radius: 5px;
  top: 0px;
  width: 500px;
  height: 100%;
  margin: 20px auto;
  box-shadow: 2px 2px 10px 2px #c0c0c0;
  transition: all 0.3s;
}
.geospatial-page #main-home .container-card .cards:hover {
  position: relative;
  transform: scale(1.02);
  box-shadow: 3px 3px 8px 3px #616161;
  transition: all 0.3s;
}
.geospatial-page #main-home .container-card .cards .card-header {
  margin: 0 10px;
  border-bottom: 1px solid #bdbdbd;
  text-align: center;
}
.geospatial-page #main-home .container-card .cards .card-header:hover {
  cursor: move;
}
.geospatial-page #main-home .container-card .cards .card-header h3 {
  margin: 10px 0;
  color: #cfcfcf;
}
.geospatial-page #main-home .container-card .cards .card-body {
  border-radius: 3px;
  background: black;
  margin: 10px;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image {
  padding: 15px;
  height: auto;
  background-size: 90px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
  color: white;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph {
  margin: 35px 0 35px 0;
  font-size: 16px;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph .innerContainer {
  display: inline-block;
  width: calc(50% - 3px);
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph a {
  font-size: 14px;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph a.number {
  font-size: 17px;
  font-weight: bold;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph a.bigNum {
  font-size: 40px;
  font-weight: bold;
  position: relative;
  top: 8px;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph a.primary {
  font-size: 20px;
  position: relative;
  font-weight: bold;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph a.secondary {
  font-size: 17px;
  position: relative;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph.center {
  text-align: center;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph.left {
  text-align: left;
  line-height: 45px;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph.right {
  text-align: right;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph:first-child {
  margin: 15px 0 0 0;
  font-size: 20px;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph:last-child {
  margin: 0 0 15px 0;
  font-size: 12px;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph img {
  height: 25%;
  width: 25%;
  border-radius: 50%;
  margin: 10px 0;
  vertical-align: middle;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph img.twoImage {
  height: auto;
  width: 50px;
  border-radius: 3px;
  margin: 10px 10px;
  padding: 5px;
  background: #363636;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph .updatedOn {
  margin: 15px 0;
  text-align: left;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph {
  width: 100%;
  height: 30px;
  background-color: #b72f2f;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph .barGraph .barInner {
  height: 30px;
  background-image: linear-gradient(to right, #1f5667, #01cbf9);
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph .legend {
  margin: 15px 0;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active {
  margin-right: 5px;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .active div {
  margin: 0 5px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-image: linear-gradient(to right, #1f5667, #01cbf9);
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive {
  margin-right: 5px;
}
.geospatial-page #main-home .container-card .cards .card-body .body-image .paragraph .legend .inactive div {
  margin: 0 5px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-color: #b72f2f;
}
.geospatial-page #main-home .container-card .cards .card-body .list-items {
  height: 45%;
  margin: 0px;
  line-height: 30px;
  list-style: none;
  padding-left: 0px;
}
.geospatial-page #main-home .container-card .cards .card-body .list-items .items {
  background: #484848;
  color: white;
  font-size: 15px;
  margin: 3px 0;
  padding: 10px 5px;
  line-height: 20px;
}
.geospatial-page #main-home .container-card .cards .card-body .list-items .items a {
  padding-left: 15px;
  font-weight: bold;
}
.geospatial-page #main-home .container-card .cards .card-body .list-items .items a.secondary {
  font-size: 12px;
  color: #bebebe;
}
.geospatial-page #main-home .container-card .cards .card-body .list-items .items:hover {
  cursor: pointer;
  background: grey;
}
.geospatial-page #main-crossSection,
.geospatial-page #main-360Aerial,
.geospatial-page #main-AIC,
.geospatial-page #main-contourGaneration,
.geospatial-page #main-slopeGaneration,
.geospatial-page #main-waterFlow,
.geospatial-page #main-waterCatchment {
  display: none;
  position: relative;
  margin: 10px;
  /* padding: 0 20px; */
  width: calc(100% - 340px);
  height: calc(100vh - 90px);
  float: right;
  overflow: auto;
}
.geospatial-page #main-crossSection .mainHeader,
.geospatial-page #main-360Aerial .mainHeader,
.geospatial-page #main-AIC .mainHeader,
.geospatial-page #main-contourGaneration .mainHeader,
.geospatial-page #main-slopeGaneration .mainHeader,
.geospatial-page #main-waterFlow .mainHeader,
.geospatial-page #main-waterCatchment .mainHeader {
  width: 100%;
  height: 50px;
  background-color: #3f3f3f;
  color: white;
  border-radius: 5px;
  text-align: center;
}
.geospatial-page #main-crossSection .mainHeader h3,
.geospatial-page #main-360Aerial .mainHeader h3,
.geospatial-page #main-AIC .mainHeader h3,
.geospatial-page #main-contourGaneration .mainHeader h3,
.geospatial-page #main-slopeGaneration .mainHeader h3,
.geospatial-page #main-waterFlow .mainHeader h3,
.geospatial-page #main-waterCatchment .mainHeader h3 {
  margin: 0px;
  top: 15px;
  position: relative;
}
.geospatial-page #main-crossSection .headerButton,
.geospatial-page #main-360Aerial .headerButton,
.geospatial-page #main-AIC .headerButton,
.geospatial-page #main-contourGaneration .headerButton,
.geospatial-page #main-slopeGaneration .headerButton,
.geospatial-page #main-waterFlow .headerButton,
.geospatial-page #main-waterCatchment .headerButton {
  top: -42px;
  position: relative;
  float: right;
  display: inline-block;
  z-index: 1;
  right: 15px;
}
.geospatial-page #main-crossSection .headerButton.finance-budget,
.geospatial-page #main-360Aerial .headerButton.finance-budget,
.geospatial-page #main-AIC .headerButton.finance-budget,
.geospatial-page #main-contourGaneration .headerButton.finance-budget,
.geospatial-page #main-slopeGaneration .headerButton.finance-budget,
.geospatial-page #main-waterFlow .headerButton.finance-budget,
.geospatial-page #main-waterCatchment .headerButton.finance-budget {
  top: -15px;
}
.geospatial-page #main-crossSection .headerButton button,
.geospatial-page #main-360Aerial .headerButton button,
.geospatial-page #main-AIC .headerButton button,
.geospatial-page #main-contourGaneration .headerButton button,
.geospatial-page #main-slopeGaneration .headerButton button,
.geospatial-page #main-waterFlow .headerButton button,
.geospatial-page #main-waterCatchment .headerButton button {
  border-radius: 5px;
  padding: 8px 20px;
}
.geospatial-page #main-crossSection .headerButton button.edit,
.geospatial-page #main-360Aerial .headerButton button.edit,
.geospatial-page #main-AIC .headerButton button.edit,
.geospatial-page #main-contourGaneration .headerButton button.edit,
.geospatial-page #main-slopeGaneration .headerButton button.edit,
.geospatial-page #main-waterFlow .headerButton button.edit,
.geospatial-page #main-waterCatchment .headerButton button.edit {
  display: none;
}
.geospatial-page #main-crossSection .checkcounter,
.geospatial-page #main-360Aerial .checkcounter,
.geospatial-page #main-AIC .checkcounter,
.geospatial-page #main-contourGaneration .checkcounter,
.geospatial-page #main-slopeGaneration .checkcounter,
.geospatial-page #main-waterFlow .checkcounter,
.geospatial-page #main-waterCatchment .checkcounter {
  top: 8px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  left: 20px;
}
.geospatial-page #main-crossSection .checkcounter.package,
.geospatial-page #main-360Aerial .checkcounter.package,
.geospatial-page #main-AIC .checkcounter.package,
.geospatial-page #main-contourGaneration .checkcounter.package,
.geospatial-page #main-slopeGaneration .checkcounter.package,
.geospatial-page #main-waterFlow .checkcounter.package,
.geospatial-page #main-waterCatchment .checkcounter.package {
  top: 447px;
}
.geospatial-page #main-crossSection .checkcounter p,
.geospatial-page #main-360Aerial .checkcounter p,
.geospatial-page #main-AIC .checkcounter p,
.geospatial-page #main-contourGaneration .checkcounter p,
.geospatial-page #main-slopeGaneration .checkcounter p,
.geospatial-page #main-waterFlow .checkcounter p,
.geospatial-page #main-waterCatchment .checkcounter p {
  margin: 10px 15px;
  display: inline-block;
  float: left;
  display: none;
  color: white;
}
.geospatial-page #main-crossSection .searchTable,
.geospatial-page #main-360Aerial .searchTable,
.geospatial-page #main-AIC .searchTable,
.geospatial-page #main-contourGaneration .searchTable,
.geospatial-page #main-slopeGaneration .searchTable,
.geospatial-page #main-waterFlow .searchTable,
.geospatial-page #main-waterCatchment .searchTable {
  top: 8px;
  position: absolute;
  float: right;
  display: inline-block;
  z-index: 1;
  width: auto;
  right: 20px;
}
.geospatial-page #main-crossSection .searchTable input,
.geospatial-page #main-360Aerial .searchTable input,
.geospatial-page #main-AIC .searchTable input,
.geospatial-page #main-contourGaneration .searchTable input,
.geospatial-page #main-slopeGaneration .searchTable input,
.geospatial-page #main-waterFlow .searchTable input,
.geospatial-page #main-waterCatchment .searchTable input {
  height: 30px;
  width: 250px;
  padding: 5px;
  border-radius: 5px;
  margin-left: 10px;
}
.geospatial-page #main-crossSection iframe,
.geospatial-page #main-360Aerial iframe,
.geospatial-page #main-AIC iframe,
.geospatial-page #main-contourGaneration iframe,
.geospatial-page #main-slopeGaneration iframe,
.geospatial-page #main-waterFlow iframe,
.geospatial-page #main-waterCatchment iframe {
  height: 100%;
  width: 100%;
  border: 0px;
  margin: 0px;
}
.geospatial-page #main-crossSection .splitContainer,
.geospatial-page #main-360Aerial .splitContainer,
.geospatial-page #main-AIC .splitContainer,
.geospatial-page #main-contourGaneration .splitContainer,
.geospatial-page #main-slopeGaneration .splitContainer,
.geospatial-page #main-waterFlow .splitContainer,
.geospatial-page #main-waterCatchment .splitContainer {
  position: relative;
  display: flex;
  height: calc(100% - 50px);
}
.geospatial-page #main-crossSection .splitContainer .leftContainer,
.geospatial-page #main-360Aerial .splitContainer .leftContainer,
.geospatial-page #main-AIC .splitContainer .leftContainer,
.geospatial-page #main-contourGaneration .splitContainer .leftContainer,
.geospatial-page #main-slopeGaneration .splitContainer .leftContainer,
.geospatial-page #main-waterFlow .splitContainer .leftContainer,
.geospatial-page #main-waterCatchment .splitContainer .leftContainer {
  position: relative;
  width: 20%;
  height: 100%;
}
.geospatial-page #main-crossSection .splitContainer .leftContainer .topContainer,
.geospatial-page #main-360Aerial .splitContainer .leftContainer .topContainer,
.geospatial-page #main-AIC .splitContainer .leftContainer .topContainer,
.geospatial-page #main-contourGaneration .splitContainer .leftContainer .topContainer,
.geospatial-page #main-slopeGaneration .splitContainer .leftContainer .topContainer,
.geospatial-page #main-waterFlow .splitContainer .leftContainer .topContainer,
.geospatial-page #main-waterCatchment .splitContainer .leftContainer .topContainer {
  width: calc(100% - 20px);
  height: calc(100% - 70px);
  margin: 10px;
  background: #3f3f3f;
  border-radius: 5px;
}
.geospatial-page #main-crossSection .splitContainer .leftContainer .topContainer select,
.geospatial-page #main-360Aerial .splitContainer .leftContainer .topContainer select,
.geospatial-page #main-AIC .splitContainer .leftContainer .topContainer select,
.geospatial-page #main-contourGaneration .splitContainer .leftContainer .topContainer select,
.geospatial-page #main-slopeGaneration .splitContainer .leftContainer .topContainer select,
.geospatial-page #main-waterFlow .splitContainer .leftContainer .topContainer select,
.geospatial-page #main-waterCatchment .splitContainer .leftContainer .topContainer select {
  width: calc(100% - 10px);
  margin: 5px;
  border-radius: 5px;
}
.geospatial-page #main-crossSection .splitContainer .leftContainer .buttonContainer,
.geospatial-page #main-360Aerial .splitContainer .leftContainer .buttonContainer,
.geospatial-page #main-AIC .splitContainer .leftContainer .buttonContainer,
.geospatial-page #main-contourGaneration .splitContainer .leftContainer .buttonContainer,
.geospatial-page #main-slopeGaneration .splitContainer .leftContainer .buttonContainer,
.geospatial-page #main-waterFlow .splitContainer .leftContainer .buttonContainer,
.geospatial-page #main-waterCatchment .splitContainer .leftContainer .buttonContainer {
  position: relative;
  margin: 0 10px 10px 10px;
  width: calc(100% - 20px);
  height: 40px;
  background: #3f3f3f;
  border-radius: 5px;
}
.geospatial-page #main-crossSection .splitContainer .leftContainer .buttonContainer button,
.geospatial-page #main-360Aerial .splitContainer .leftContainer .buttonContainer button,
.geospatial-page #main-AIC .splitContainer .leftContainer .buttonContainer button,
.geospatial-page #main-contourGaneration .splitContainer .leftContainer .buttonContainer button,
.geospatial-page #main-slopeGaneration .splitContainer .leftContainer .buttonContainer button,
.geospatial-page #main-waterFlow .splitContainer .leftContainer .buttonContainer button,
.geospatial-page #main-waterCatchment .splitContainer .leftContainer .buttonContainer button {
  margin: 10px;
  text-align: center;
  float: right;
}
.geospatial-page #main-crossSection .splitContainer .rightContainer,
.geospatial-page #main-360Aerial .splitContainer .rightContainer,
.geospatial-page #main-AIC .splitContainer .rightContainer,
.geospatial-page #main-contourGaneration .splitContainer .rightContainer,
.geospatial-page #main-slopeGaneration .splitContainer .rightContainer,
.geospatial-page #main-waterFlow .splitContainer .rightContainer,
.geospatial-page #main-waterCatchment .splitContainer .rightContainer {
  position: relative;
  width: 70%;
  height: 95%;
  padding: 10px 0px;
  left: 130px;
}
.geospatial-page #main-crossSection .splitContainer .rightContainer .topContainer,
.geospatial-page #main-360Aerial .splitContainer .rightContainer .topContainer,
.geospatial-page #main-AIC .splitContainer .rightContainer .topContainer,
.geospatial-page #main-contourGaneration .splitContainer .rightContainer .topContainer,
.geospatial-page #main-slopeGaneration .splitContainer .rightContainer .topContainer,
.geospatial-page #main-waterFlow .splitContainer .rightContainer .topContainer,
.geospatial-page #main-waterCatchment .splitContainer .rightContainer .topContainer {
  height: 95%;
}
.geospatial-page #main-crossSection .splitContainer .rightContainer .buttonContainer,
.geospatial-page #main-360Aerial .splitContainer .rightContainer .buttonContainer,
.geospatial-page #main-AIC .splitContainer .rightContainer .buttonContainer,
.geospatial-page #main-contourGaneration .splitContainer .rightContainer .buttonContainer,
.geospatial-page #main-slopeGaneration .splitContainer .rightContainer .buttonContainer,
.geospatial-page #main-waterFlow .splitContainer .rightContainer .buttonContainer,
.geospatial-page #main-waterCatchment .splitContainer .rightContainer .buttonContainer {
  position: relative;
  margin: 0 10px 10px 10px;
  width: calc(100% - 20px);
  height: 40px;
  background: #3f3f3f;
  border-radius: 5px;
}
.geospatial-page #main-crossSection .splitContainer .rightContainer .buttonContainer button,
.geospatial-page #main-360Aerial .splitContainer .rightContainer .buttonContainer button,
.geospatial-page #main-AIC .splitContainer .rightContainer .buttonContainer button,
.geospatial-page #main-contourGaneration .splitContainer .rightContainer .buttonContainer button,
.geospatial-page #main-slopeGaneration .splitContainer .rightContainer .buttonContainer button,
.geospatial-page #main-waterFlow .splitContainer .rightContainer .buttonContainer button,
.geospatial-page #main-waterCatchment .splitContainer .rightContainer .buttonContainer button {
  margin: 10px;
  text-align: center;
  float: right;
}
.geospatial-page #main-crossSection .contractContainer, .geospatial-page #main-crossSection .budgetContainer, .geospatial-page #main-crossSection .claimContainer,
.geospatial-page #main-360Aerial .contractContainer,
.geospatial-page #main-360Aerial .budgetContainer,
.geospatial-page #main-360Aerial .claimContainer,
.geospatial-page #main-AIC .contractContainer,
.geospatial-page #main-AIC .budgetContainer,
.geospatial-page #main-AIC .claimContainer,
.geospatial-page #main-contourGaneration .contractContainer,
.geospatial-page #main-contourGaneration .budgetContainer,
.geospatial-page #main-contourGaneration .claimContainer,
.geospatial-page #main-slopeGaneration .contractContainer,
.geospatial-page #main-slopeGaneration .budgetContainer,
.geospatial-page #main-slopeGaneration .claimContainer,
.geospatial-page #main-waterFlow .contractContainer,
.geospatial-page #main-waterFlow .budgetContainer,
.geospatial-page #main-waterFlow .claimContainer,
.geospatial-page #main-waterCatchment .contractContainer,
.geospatial-page #main-waterCatchment .budgetContainer,
.geospatial-page #main-waterCatchment .claimContainer {
  height: calc(100vh - 165px);
  width: 100%;
}
.geospatial-page #main-crossSection .container-table,
.geospatial-page #main-360Aerial .container-table,
.geospatial-page #main-AIC .container-table,
.geospatial-page #main-contourGaneration .container-table,
.geospatial-page #main-slopeGaneration .container-table,
.geospatial-page #main-waterFlow .container-table,
.geospatial-page #main-waterCatchment .container-table {
  position: absolute;
  width: calc(100% - 40px);
  overflow: auto;
  left: 20px;
  float: right;
  top: 55px;
}
.geospatial-page #main-crossSection .container-table table,
.geospatial-page #main-360Aerial .container-table table,
.geospatial-page #main-AIC .container-table table,
.geospatial-page #main-contourGaneration .container-table table,
.geospatial-page #main-slopeGaneration .container-table table,
.geospatial-page #main-waterFlow .container-table table,
.geospatial-page #main-waterCatchment .container-table table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.geospatial-page #main-crossSection .container-table table td,
.geospatial-page #main-360Aerial .container-table table td,
.geospatial-page #main-AIC .container-table table td,
.geospatial-page #main-contourGaneration .container-table table td,
.geospatial-page #main-slopeGaneration .container-table table td,
.geospatial-page #main-waterFlow .container-table table td,
.geospatial-page #main-waterCatchment .container-table table td {
  text-align: left;
  padding: 8px;
  border: none;
  line-height: 25px;
  vertical-align: center;
}
.geospatial-page #main-crossSection .container-table table td span,
.geospatial-page #main-360Aerial .container-table table td span,
.geospatial-page #main-AIC .container-table table td span,
.geospatial-page #main-contourGaneration .container-table table td span,
.geospatial-page #main-slopeGaneration .container-table table td span,
.geospatial-page #main-waterFlow .container-table table td span,
.geospatial-page #main-waterCatchment .container-table table td span {
  margin-right: 10px;
}
.geospatial-page #main-crossSection .container-table table td span img,
.geospatial-page #main-360Aerial .container-table table td span img,
.geospatial-page #main-AIC .container-table table td span img,
.geospatial-page #main-contourGaneration .container-table table td span img,
.geospatial-page #main-slopeGaneration .container-table table td span img,
.geospatial-page #main-waterFlow .container-table table td span img,
.geospatial-page #main-waterCatchment .container-table table td span img {
  height: 15px;
  width: 15px;
}
.geospatial-page #main-crossSection .container-table table th:first-child,
.geospatial-page #main-360Aerial .container-table table th:first-child,
.geospatial-page #main-AIC .container-table table th:first-child,
.geospatial-page #main-contourGaneration .container-table table th:first-child,
.geospatial-page #main-slopeGaneration .container-table table th:first-child,
.geospatial-page #main-waterFlow .container-table table th:first-child,
.geospatial-page #main-waterCatchment .container-table table th:first-child {
  border-top-left-radius: 5px;
}
.geospatial-page #main-crossSection .container-table table th:last-child,
.geospatial-page #main-360Aerial .container-table table th:last-child,
.geospatial-page #main-AIC .container-table table th:last-child,
.geospatial-page #main-contourGaneration .container-table table th:last-child,
.geospatial-page #main-slopeGaneration .container-table table th:last-child,
.geospatial-page #main-waterFlow .container-table table th:last-child,
.geospatial-page #main-waterCatchment .container-table table th:last-child {
  border-top-right-radius: 5px;
}
.geospatial-page #main-crossSection .container-table table tr:nth-of-type(even),
.geospatial-page #main-360Aerial .container-table table tr:nth-of-type(even),
.geospatial-page #main-AIC .container-table table tr:nth-of-type(even),
.geospatial-page #main-contourGaneration .container-table table tr:nth-of-type(even),
.geospatial-page #main-slopeGaneration .container-table table tr:nth-of-type(even),
.geospatial-page #main-waterFlow .container-table table tr:nth-of-type(even),
.geospatial-page #main-waterCatchment .container-table table tr:nth-of-type(even) {
  background: #f2f2f2;
}
.geospatial-page #main-crossSection .container-table table tr:nth-of-type(odd),
.geospatial-page #main-360Aerial .container-table table tr:nth-of-type(odd),
.geospatial-page #main-AIC .container-table table tr:nth-of-type(odd),
.geospatial-page #main-contourGaneration .container-table table tr:nth-of-type(odd),
.geospatial-page #main-slopeGaneration .container-table table tr:nth-of-type(odd),
.geospatial-page #main-waterFlow .container-table table tr:nth-of-type(odd),
.geospatial-page #main-waterCatchment .container-table table tr:nth-of-type(odd) {
  background: white;
}
.geospatial-page #main-crossSection .container-table table tr:hover,
.geospatial-page #main-360Aerial .container-table table tr:hover,
.geospatial-page #main-AIC .container-table table tr:hover,
.geospatial-page #main-contourGaneration .container-table table tr:hover,
.geospatial-page #main-slopeGaneration .container-table table tr:hover,
.geospatial-page #main-waterFlow .container-table table tr:hover,
.geospatial-page #main-waterCatchment .container-table table tr:hover {
  background-color: #ddd;
  cursor: pointer;
}
.geospatial-page #main-crossSection .container-table table th,
.geospatial-page #main-360Aerial .container-table table th,
.geospatial-page #main-AIC .container-table table th,
.geospatial-page #main-contourGaneration .container-table table th,
.geospatial-page #main-slopeGaneration .container-table table th,
.geospatial-page #main-waterFlow .container-table table th,
.geospatial-page #main-waterCatchment .container-table table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
  line-height: 25px;
}
.geospatial-page #main-crossSection .container-table table th:hover,
.geospatial-page #main-360Aerial .container-table table th:hover,
.geospatial-page #main-AIC .container-table table th:hover,
.geospatial-page #main-contourGaneration .container-table table th:hover,
.geospatial-page #main-slopeGaneration .container-table table th:hover,
.geospatial-page #main-waterFlow .container-table table th:hover,
.geospatial-page #main-waterCatchment .container-table table th:hover {
  cursor: default;
}
.geospatial-page #main-crossSection .container-table table th img,
.geospatial-page #main-360Aerial .container-table table th img,
.geospatial-page #main-AIC .container-table table th img,
.geospatial-page #main-contourGaneration .container-table table th img,
.geospatial-page #main-slopeGaneration .container-table table th img,
.geospatial-page #main-waterFlow .container-table table th img,
.geospatial-page #main-waterCatchment .container-table table th img {
  height: 10px;
  width: auto;
  margin-left: 5px;
}
.geospatial-page #main-crossSection .container-table table th img:hover,
.geospatial-page #main-360Aerial .container-table table th img:hover,
.geospatial-page #main-AIC .container-table table th img:hover,
.geospatial-page #main-contourGaneration .container-table table th img:hover,
.geospatial-page #main-slopeGaneration .container-table table th img:hover,
.geospatial-page #main-waterFlow .container-table table th img:hover,
.geospatial-page #main-waterCatchment .container-table table th img:hover {
  cursor: pointer;
}
.geospatial-page #main-claims,
.geospatial-page #archived-user {
  height: calc(100vh - 90px);
  float: right;
  overflow: auto;
  padding: 0px;
  top: 0px;
  margin: 10px;
}
.geospatial-page #main-vo,
.geospatial-page #archived-project {
  height: calc(100vh - 90px);
  float: right;
  overflow: auto;
  padding: 0px;
  top: 0px;
  margin: 10px;
}
.geospatial-page #main-vo .topcontainer {
  height: 50vh;
}
.geospatial-page #main-vo .bottomcontainer {
  height: calc(50vh - 100px);
}

body {
  background: #b9b9b9 !important;
}

.dashboardHeader {
  background: black;
  width: 100%;
  height: 70px;
  display: inline-flex;
}
.dashboardHeader .logo {
  display: inline-block;
  padding: 10px;
  text-align: center;
}
.dashboardHeader .logo img {
  height: 100%;
}
.dashboardHeader .title {
  display: inline-block;
  margin: 0 auto;
  color: white;
}
.dashboardHeader .title h4 {
  margin: 10px 0;
}
.dashboardHeader .title h3 {
  text-align: center;
  margin: 4px 0;
}

.dashboardBody {
  width: 100%;
  height: calc(100% - 110px);
  position: relative;
}
.dashboardBody.admin {
  height: calc(100% - 5px);
}
.dashboardBody .sidebar {
  display: inline-block;
  margin: 10px;
  position: absolute;
  height: calc(100% - 20px);
  width: calc(20% - 20px);
}
.dashboardBody .sidebar .filterContainer {
  background: white;
  border-radius: 5px;
  padding: 10px;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  overflow: auto;
}
.dashboardBody .sidebar .filterContainer .filter {
  background: black;
  color: white;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 5px;
  line-height: 35px;
  text-align: center;
}
.dashboardBody .sidebar .filterContainer .filter select {
  border-radius: 5px;
  width: 100%;
  height: 30px;
}
.dashboardBody .sidebar .filterContainer .filter .filterBtn {
  background-color: white;
  border: none;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  width: 70%;
}
.dashboardBody .sidebar .filterContainer .filter .activeBtn {
  background-color: #ffc961;
}
.dashboardBody .sidebar .filterContainer .filterBox {
  background: black;
  color: white;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 5px;
  line-height: 35px;
  text-align: center;
}
.dashboardBody .sidebar .filterContainer .filterBox .filterLabel {
  font-size: 2em;
}
.dashboardBody .sidebar .dashboardContainer {
  display: block;
}
.dashboardBody .sidebar .dashboardContainer .rowOne-T {
  width: 100% !important;
  background: black;
  height: 30px;
  line-height: 30px;
  color: white;
  text-align: center;
  overflow: hidden;
  font-size: 15px;
  font-weight: bold;
}
.dashboardBody .sidebar .dashboardContainer .rowTwo-T {
  font-size: 12px;
  width: 100% !important;
  background: #afafafd1;
  height: auto;
}
.dashboardBody .sidebar .dashboardContainer .sidebarContainer {
  height: 15% !important;
  background: #c9c9c9 !important;
}
.dashboardBody .sidebar .infoSideBar {
  margin: 10px 5px;
}
.dashboardBody .sidebar .infoSideBar .infoSideBarContainer {
  font-size: 13px !important;
  line-height: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #c9c9c9 !important;
}
.dashboardBody .layout {
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 0px;
  height: calc(100% - 10px);
  width: calc(80% - 10px);
}
.dashboardBody .oneRow .rowOne {
  width: 100%;
  height: 100%;
}
.dashboardBody .twoRow {
  display: inline-block;
}
.dashboardBody .twoRow .rowOne {
  width: 100% !important;
  margin: 0 0 5px 0;
}
.dashboardBody .twoRow .rowTwo {
  width: 100% !important;
  margin: 5px 0 0 0;
}
.dashboardBody .twoRow .XS {
  height: calc(10% - 5px);
}
.dashboardBody .twoRow .S {
  height: calc(20% - 5px);
}
.dashboardBody .twoRow .SM {
  height: calc(30% - 5px);
}
.dashboardBody .twoRow .M40 {
  height: calc(40% - 5px);
}
.dashboardBody .twoRow .M {
  height: calc(50% - 5px);
}
.dashboardBody .twoRow .M60 {
  height: calc(60% - 5px);
}
.dashboardBody .twoRow .ML {
  height: calc(70% - 5px);
}
.dashboardBody .twoRow .L {
  height: calc(80% - 5px);
}
.dashboardBody .twoRow .XL {
  height: calc(90% - 5px);
}
.dashboardBody .twoRow .rowOne-T {
  width: 100% !important;
  background: black;
  height: 30px;
  line-height: 30px;
  color: white;
  text-align: center;
  overflow: hidden;
  font-size: 15px;
  font-weight: bold;
}
.dashboardBody .twoRow .rowTwo-T {
  font-size: 12px;
  width: 100% !important;
  background: #ffffffd1;
  height: calc(100% - 30px);
}
.dashboardBody .threeRow .rowOne {
  width: 100% !important;
  margin-bottom: 5px;
}
.dashboardBody .threeRow .rowTwo {
  width: 100% !important;
  margin: 5px 0;
}
.dashboardBody .threeRow .rowThree {
  width: 100% !important;
  margin-top: 5px;
}
.dashboardBody .threeRow .S {
  height: calc(16.5% - 5px);
}
.dashboardBody .threeRow .M {
  height: calc(33.3% - 5px);
}
.dashboardBody .threeRow .L {
  height: calc(50% - 5px);
}
.dashboardBody .threeRow .XL {
  height: calc(65% - 5px);
}
.dashboardBody .fourRow .rowOne {
  width: 100% !important;
  margin-bottom: 5px;
}
.dashboardBody .fourRow .rowTwo {
  width: 100% !important;
  margin: 5px 0;
}
.dashboardBody .fourRow .rowThree {
  width: 100% !important;
  margin: 5px 0;
}
.dashboardBody .fourRow .rowFour {
  width: 100% !important;
  margin-top: 5px;
}
.dashboardBody .fourRow .S {
  height: 16.5%;
}
.dashboardBody .fourRow .M {
  height: 25%;
}
.dashboardBody .fourRow .L {
  height: 50%;
}
.dashboardBody .oneColumn {
  width: 100%;
  display: inline-flex;
}
.dashboardBody .oneColumn .flex {
  display: flex;
  flex-direction: column;
}
.dashboardBody .oneColumn .flex .infoContainer {
  margin: auto 5px;
}
.dashboardBody .oneColumn .columnOne {
  height: calc(100% - 10px) !important;
  width: calc(100% - 10px) !important;
  margin: 5px 5px !important;
}
.dashboardBody .twoColumn {
  width: 100%;
  display: inline-flex;
}
.dashboardBody .twoColumn .flex {
  display: flex;
  flex-direction: column;
}
.dashboardBody .twoColumn .flex .infoContainer {
  margin: auto 5px;
}
.dashboardBody .twoColumn .columnOne {
  height: 100%;
  margin: 0 5px 0 0;
}
.dashboardBody .twoColumn .columnTwo {
  height: 100%;
  margin: 0 0 0 5px;
}
.dashboardBody .twoColumn .XS {
  height: 100%;
  width: 10%;
}
.dashboardBody .twoColumn .S {
  width: calc(20% - 5px);
}
.dashboardBody .twoColumn .SM {
  width: calc(30% - 5px);
}
.dashboardBody .twoColumn .M40 {
  width: calc(40% - 5px);
}
.dashboardBody .twoColumn .M {
  width: calc(50% - 5px);
}
.dashboardBody .twoColumn .M60 {
  width: calc(60% - 5px);
}
.dashboardBody .twoColumn .ML {
  width: calc(70% - 5px);
}
.dashboardBody .twoColumn .L {
  width: calc(80% - 5px);
}
.dashboardBody .twoColumn .XL {
  width: calc(90% - 5px);
}
.dashboardBody .threeColumn {
  width: 100%;
  display: inline-flex;
  overflow: hidden;
}
.dashboardBody .threeColumn .flex {
  display: flex;
  flex-direction: column;
}
.dashboardBody .threeColumn .flex .infoContainer {
  margin: auto 5px;
}
.dashboardBody .threeColumn .columnOne {
  height: 100%;
  margin-right: 5px;
}
.dashboardBody .threeColumn .columnTwo {
  height: 100%;
  margin: 0 5px;
}
.dashboardBody .threeColumn .columnThree {
  height: 100%;
  margin-left: 5px;
}
.dashboardBody .threeColumn .S {
  width: calc(16.5% - 5px);
}
.dashboardBody .threeColumn .SM {
  width: calc(20% - 5px);
}
.dashboardBody .threeColumn .M {
  width: calc(33.3% - 5px);
}
.dashboardBody .threeColumn .ML {
  width: calc(41.75% - 5px);
}
.dashboardBody .threeColumn .L {
  width: calc(50% - 5px);
}
.dashboardBody .threeColumn .LL {
  width: calc(60% - 5px);
}
.dashboardBody .threeColumn .XL {
  width: calc(67% - 5px);
}
.dashboardBody .fourColumn {
  width: 100%;
  display: inline-flex;
}
.dashboardBody .fourColumn .flex {
  display: flex;
  flex-direction: column;
}
.dashboardBody .fourColumn .flex .infoContainer {
  margin: auto 5px;
}
.dashboardBody .fourColumn .columnOne {
  height: 100%;
  margin-right: 5px;
}
.dashboardBody .fourColumn .columnTwo {
  height: 100%;
  margin: 0 5px;
}
.dashboardBody .fourColumn .columnThree {
  height: 100%;
  margin: 0 5px;
}
.dashboardBody .fourColumn .columnFour {
  height: 100%;
  margin-left: 5px;
}
.dashboardBody .fourColumn .S {
  width: calc(16.5% - 10px);
}
.dashboardBody .fourColumn .M {
  width: calc(25% - 10px);
}
.dashboardBody .fourColumn .ML {
  width: calc(27.8% - 10px);
}
.dashboardBody .fourColumn .L {
  width: calc(50% - 10px);
}
.dashboardBody .fourColumn .XL {
  width: calc(67% - 10px);
}
.dashboardBody .shadow {
  box-shadow: #4e4e4e36 4px 4px 5px 0px;
}
.dashboardBody .transparent {
  background: transparent !important;
}
.dashboardBody .round {
  border-radius: 8px;
}
.dashboardBody .roundT {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.dashboardBody .roundB {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.dashboardBody .numberContainer {
  text-align: center;
  background: #000000;
  font-size: 2.5em;
  color: white;
  padding: 5px;
  overflow: hidden;
  margin: auto 0 auto 10px;
  display: flex;
  flex-direction: column;
}
.dashboardBody .numberContainer.first {
  margin: auto 5px auto 10px;
}
.dashboardBody .numberContainer.middle {
  margin: auto 5px auto 5px;
}
.dashboardBody .numberContainer.last {
  margin: auto 10px auto 5px;
}
.dashboardBody .numberContainerInvert {
  text-align: center;
  background: #c9c9c9;
  font-size: 2.5em;
  color: #000000;
  padding: 5px;
  overflow: hidden;
  margin: auto 10px auto 0;
  display: flex;
  flex-direction: column;
}
.dashboardBody .datanum {
  margin: auto 0;
}
.dashboardBody .textlabelS {
  margin-top: 10px;
  font-size: 13px;
  text-align: center;
  line-height: 2em;
}
.dashboardBody .infoContainerDiv {
  display: flex;
  justify-content: space-evenly;
  margin: auto 0;
}
.dashboardBody .infoContainerDiv .infoContainer {
  width: 50%;
}
.dashboardBody .infoContainerFlex {
  display: flex;
  justify-content: space-evenly;
}
.dashboardBody .infoContainerFlex .infoContainer {
  width: 50%;
  margin: auto 5px !important;
  line-height: 20px;
  font-size: 12px;
}
.dashboardBody .infoContainerFlex .infoContainer .head {
  background: black;
  color: white;
  line-height: 12px;
  font-size: 12px;
  padding: 5px;
  height: 30px;
}
.dashboardBody .infoContainer {
  background: #c9c9c9;
  margin: 10px 5px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  border-radius: 5px;
}
.dashboardBody .infoContainer.sheCenterContent {
  line-height: 40px;
}
.dashboardBody .infoContainer .head {
  background: black;
  color: white;
  line-height: 13px;
  font-size: 13px;
  padding: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.dashboardBody .infoContainer .body {
  height: calc(100% - 23px);
}
.dashboardBody .infoContainer .text-large {
  font-size: 20px;
}
.dashboardBody .infoContainer.large {
  line-height: 35px;
  font-weight: bold;
  font-size: 15px;
}
.dashboardBody .infoContainer.large .head {
  line-height: 12px;
  font-size: 12px;
}
.dashboardBody .spacer {
  padding: 5px 5px !important;
}
.dashboardBody .spacerTop {
  text-align: center;
  padding: 5px 0 0 0 !important;
  height: calc(100% - 30px) !important;
}
.dashboardBody .spacerTable {
  width: calc(100% - 20px) !important;
  margin: 0 10px !important;
}
.dashboardBody .containerHeader {
  background: black;
  width: 100%;
  height: 20px;
  text-align: center;
  color: white;
  line-height: 20px;
  overflow: hidden;
  font-size: 12px;
}
.dashboardBody .dash-charts {
  height: calc(100%);
  width: 100%;
}
.dashboardBody .tableContainer {
  overflow-y: auto;
  height: 100%;
}
.dashboardBody .tableContainer.legend {
  overflow-y: hidden;
  height: auto;
}
.dashboardBody .tableContainer table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.dashboardBody .tableContainer td {
  text-align: left;
  padding: 5px;
  border: none;
  font-size: 13px;
}
.dashboardBody .tableContainer th:first-child {
  border-top-left-radius: 0px;
}
.dashboardBody .tableContainer th:last-child {
  border-top-right-radius: 0px;
}
.dashboardBody .tableContainer tr:nth-of-type(even) {
  background: #f2f2f2;
}
.dashboardBody .tableContainer tr:nth-of-type(odd) {
  background: white;
}
.dashboardBody .tableContainer tr:hover {
  background-color: #ddd;
}
.dashboardBody .tableContainer tr.active {
  background-color: #ddd;
}
.dashboardBody .tableContainer tr.active td {
  font-weight: bold;
}
.dashboardBody .tableContainer th {
  background: black;
  color: white;
  text-align: left;
  padding: 5px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  font-size: 12px;
}
.dashboardBody .minimizeButton {
  height: 75px;
  width: 15px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  background: grey;
  position: absolute;
  left: 20%;
  top: 50%;
  transform: translate(-10px, -50%);
  display: flex;
}
.dashboardBody .minimizeButton:hover {
  cursor: pointer;
}
.dashboardBody .minimizeButton .lines {
  height: calc(100% - 10px);
  width: 2px;
  margin: 5px 0 5px 3.5px;
  background: lightgrey;
  border-radius: 20px;
}

.loadingcontainer-dashboard {
  display: none;
  top: 0px;
  left: 0px;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(78, 78, 78, 0.6);
  z-index: 1;
}
.loadingcontainer-dashboard .loader {
  display: block;
  position: relative;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.loadingcontainer-dashboard #loadingText3 {
  text-align: center;
  position: relative;
  top: calc(50% - 20px);
  color: white;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.uploadcontainer .buttoncontainer {
  background: #b7b7b7;
  margin: 10px;
  padding: 10px;
  border-radius: 5px;
  height: 21px;
}
.uploadcontainer .buttoncontainer #add-file-btn-dash {
  float: right;
}
.uploadcontainer .buttoncontainer .vlHeader {
  border-left: 1px solid black;
  height: 23px;
}
.uploadcontainer .vl {
  border-left: 1px solid black;
  height: 100%;
}
.uploadcontainer #tableMainContainer {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 75px);
}
.uploadcontainer #tableMainContainer .combineContainer {
  width: 45%;
  margin: 0 auto;
  height: 100%;
}
.uploadcontainer #tableMainContainer .combineContainer.top {
  width: 100%;
  height: 65%;
}
.uploadcontainer #tableMainContainer .combineContainer.bottom {
  width: 100%;
  height: 30%;
}
.uploadcontainer #tableMainContainer .combineContainer.twoRow {
  display: flex;
  flex-direction: column;
}
.uploadcontainer #tableMainContainer .combineContainer .tableTitle {
  background: #3f3f3f;
  color: white;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 5px;
  font-size: 14px;
}
.uploadcontainer #tableMainContainer .combineContainer .tableTitle .tableNote {
  font-size: 10px;
  position: absolute;
  right: 55px;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer {
  overflow: auto;
  height: calc(100% - 35px);
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer.top {
  height: calc(100% - 50px);
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer.bottom {
  height: calc(100% - 50px);
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer table {
  border-collapse: collapse;
  background-color: #ffffff;
  width: 100%;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer td {
  text-align: left;
  padding: 5px;
  border: none;
  font-size: 12px;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer th:first-child {
  border-top-left-radius: 0px;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer th:last-child {
  border-top-right-radius: 0px;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer tr:nth-of-type(even) {
  background: #f2f2f2;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer tr:nth-of-type(odd) {
  background: white;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer tr:hover {
  background-color: #ddd;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer tr.active {
  background-color: #ddd;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer tr.active td {
  font-weight: bold;
}
.uploadcontainer #tableMainContainer .combineContainer .tableChildContainer th {
  background: black;
  color: white;
  text-align: left;
  padding: 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  font-size: 12px;
}

.templateDiv {
  width: 40%;
}

.uploadDiv {
  width: 40%;
}

.vlHeader {
  border-left: 1px solid black;
  height: 23px;
}

.buttoncontainer {
  display: flex;
  justify-content: space-between;
}

.tableChildTwoColumnOne {
  height: 100%;
  flex: 0 0 100%;
  max-height: 60%;
  min-height: 60%;
  max-width: 100%;
  overflow: hidden;
}

.tableChildTwoColumnTwo {
  height: 100%;
  flex: 0 0 100%;
  max-height: 40%;
  min-height: 40%;
  max-width: 100%;
  overflow: hidden;
}

@media screen and (min-height: 910) {
  .dashboardHeader {
    background: black;
    width: 100%;
    height: 70px;
    display: inline-flex;
  }
  .dashboardHeader .logo {
    display: inline-block;
    padding: 10px;
    text-align: center;
  }
  .dashboardHeader .logo img {
    height: 100%;
  }
  .dashboardHeader .title {
    display: inline-block;
    margin: 0 auto;
    color: white;
  }
  .dashboardHeader .title h4 {
    margin: 10px 0;
  }
  .dashboardHeader .title h3 {
    text-align: center;
    margin: 4px 0;
  }

  .dashboardBody {
    width: 100%;
    height: calc(100% - 110px);
    position: relative;
  }
  .dashboardBody .sidebar {
    display: inline-block;
    margin: 10px;
    position: absolute;
    height: calc(100% - 20px);
    width: calc(20% - 20px);
    overflow: auto;
  }
  .dashboardBody .sidebar .filterContainer {
    background: white;
    border-radius: 5px;
    padding: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
  }
  .dashboardBody .sidebar .filterContainer .filter {
    background: black;
    color: white;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 5px;
    line-height: 35px;
    text-align: center;
  }
  .dashboardBody .sidebar .filterContainer .filter select {
    border-radius: 5px;
    width: 100%;
    height: 30px;
  }
  .dashboardBody .sidebar .filterContainer .filter .filterBtn {
    background-color: white;
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    width: 70%;
  }
  .dashboardBody .sidebar .filterContainer .filter .activeBtn {
    background-color: #ffc961;
  }
  .dashboardBody .sidebar .filterContainer .filterBox {
    background: black;
    color: white;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 5px;
    line-height: 35px;
    text-align: center;
  }
  .dashboardBody .sidebar .filterContainer .filterBox .filterLabel {
    font-size: 2em;
  }
  .dashboardBody .sidebar .dashboardContainer {
    display: block;
  }
  .dashboardBody .sidebar .dashboardContainer .rowOne-T {
    width: 100% !important;
    background: black;
    height: 38px;
    line-height: 38px;
    color: white;
    text-align: center;
    overflow: hidden;
    font-size: 72px;
    font-weight: bold;
  }
  .dashboardBody .sidebar .dashboardContainer .rowTwo-T {
    font-size: 12px;
    width: 100% !important;
    background: #afafafd1;
    height: auto;
  }
  .dashboardBody .sidebar .dashboardContainer .sidebarContainer {
    height: 15% !important;
    background: #c9c9c9 !important;
  }
  .dashboardBody .sidebar .infoSideBar {
    margin: 10px 5px;
  }
  .dashboardBody .sidebar .infoSideBar .infoSideBarContainer {
    font-size: 13px !important;
    line-height: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #c9c9c9 !important;
  }
  .dashboardBody .layout {
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0px;
    height: calc(100% - 10px);
    width: calc(80% - 10px);
  }
  .dashboardBody .oneRow .rowOne {
    height: 100%;
    width: 100%;
  }
  .dashboardBody .twoRow {
    display: inline-block;
  }
  .dashboardBody .twoRow .rowOne {
    width: 100% !important;
    margin: 0 0 5px 0;
  }
  .dashboardBody .twoRow .rowTwo {
    width: 100% !important;
    margin: 5px 0 0 0;
  }
  .dashboardBody .twoRow .XS {
    height: calc(10% - 5px);
  }
  .dashboardBody .twoRow .S {
    height: calc(20% - 5px);
  }
  .dashboardBody .twoRow .SM {
    height: calc(30% - 5px);
  }
  .dashboardBody .twoRow .M40 {
    height: calc(40% - 5px);
  }
  .dashboardBody .twoRow .M {
    height: calc(50% - 5px);
  }
  .dashboardBody .twoRow .M60 {
    height: calc(60% - 5px);
  }
  .dashboardBody .twoRow .ML {
    height: calc(70% - 5px);
  }
  .dashboardBody .twoRow .L {
    height: calc(80% - 5px);
  }
  .dashboardBody .twoRow .XL {
    height: calc(90% - 5px);
  }
  .dashboardBody .twoRow .rowOne-T {
    width: 100% !important;
    background: black;
    height: 38px;
    line-height: 38px;
    color: white;
    text-align: center;
    overflow: hidden;
    font-size: 17px;
    font-weight: bold;
  }
  .dashboardBody .twoRow .rowTwo-T {
    font-size: 15px;
    width: 100% !important;
    background: #ffffffd1;
    height: calc(100% - 38px);
  }
  .dashboardBody .threeRow .rowOne {
    width: 100% !important;
    margin: 0 0 5px 0;
  }
  .dashboardBody .threeRow .rowTwo {
    width: 100% !important;
    margin: 5px 0;
  }
  .dashboardBody .threeRow .rowThree {
    width: 100% !important;
    margin: 5px 0 0 0;
  }
  .dashboardBody .threeRow .S {
    height: calc(16.5% - 5px);
  }
  .dashboardBody .threeRow .M {
    height: calc(33.3% - 5px);
  }
  .dashboardBody .threeRow .L {
    height: calc(50% - 5px);
  }
  .dashboardBody .threeRow .XL {
    height: calc(65% - 5px);
  }
  .dashboardBody .fourRow .rowOne {
    width: 100% !important;
    margin: 0 0 5px 0;
  }
  .dashboardBody .fourRow .rowTwo {
    width: 100% !important;
    margin: 5px 0;
  }
  .dashboardBody .fourRow .rowThree {
    width: 100% !important;
    margin: 5px 0;
  }
  .dashboardBody .fourRow .rowFour {
    width: 100% !important;
    margin-top: 5px 0 0 0;
  }
  .dashboardBody .fourRow .S {
    height: 16.5%;
  }
  .dashboardBody .fourRow .M {
    height: 25%;
  }
  .dashboardBody .fourRow .L {
    height: 50%;
  }
  .dashboardBody .oneColumn {
    width: 100%;
    display: inline-flex;
  }
  .dashboardBody .oneColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .oneColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .oneColumn .columnOne {
    height: calc(100% - 10px) !important;
    width: calc(100% - 10px) !important;
    margin: 5px 5px !important;
  }
  .dashboardBody .twoColumn {
    width: 100%;
    display: inline-flex;
  }
  .dashboardBody .twoColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .twoColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .twoColumn .columnOne {
    height: 100%;
    margin: 0 5px 0 0;
  }
  .dashboardBody .twoColumn .columnTwo {
    height: 100%;
    margin: 0 0 0 5px;
  }
  .dashboardBody .twoColumn .XS {
    height: 100%;
    width: 10%;
  }
  .dashboardBody .twoColumn .S {
    width: calc(20% - 5px);
  }
  .dashboardBody .twoColumn .SM {
    width: calc(30% - 5px);
  }
  .dashboardBody .twoColumn .M40 {
    width: calc(40% - 5px);
  }
  .dashboardBody .twoColumn .M {
    width: calc(50% - 5px);
  }
  .dashboardBody .twoColumn .M60 {
    width: calc(60% - 5px);
  }
  .dashboardBody .twoColumn .ML {
    width: calc(70% - 5px);
  }
  .dashboardBody .twoColumn .L {
    width: calc(80% - 5px);
  }
  .dashboardBody .twoColumn .XL {
    width: calc(90% - 5px);
  }
  .dashboardBody .threeColumn {
    width: 100%;
    display: inline-flex;
    overflow: hidden;
  }
  .dashboardBody .threeColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .threeColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .threeColumn .columnOne {
    height: 100%;
    margin: 0 5px 0 0;
  }
  .dashboardBody .threeColumn .columnTwo {
    height: 100%;
    margin: 0 5px;
  }
  .dashboardBody .threeColumn .columnThree {
    height: 100%;
    margin: 0 0 0 5px;
  }
  .dashboardBody .threeColumn .S {
    width: calc(16.5% - 5px);
  }
  .dashboardBody .threeColumn .SM {
    width: calc(20% - 5px);
  }
  .dashboardBody .threeColumn .M {
    width: calc(33.3% - 5px);
  }
  .dashboardBody .threeColumn .ML {
    width: calc(41.75% - 5px);
  }
  .dashboardBody .threeColumn .L {
    width: calc(50% - 5px);
  }
  .dashboardBody .threeColumn .LL {
    width: calc(60% - 5px);
  }
  .dashboardBody .threeColumn .XL {
    width: calc(67% - 5px);
  }
  .dashboardBody .fourColumn {
    width: 100%;
    display: inline-flex;
  }
  .dashboardBody .fourColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .fourColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .fourColumn .columnOne {
    height: 100%;
    margin-right: 5px;
  }
  .dashboardBody .fourColumn .columnTwo {
    height: 100%;
    margin: 0 5px;
  }
  .dashboardBody .fourColumn .columnThree {
    height: 100%;
    margin: 0 5px;
  }
  .dashboardBody .fourColumn .columnFour {
    height: 100%;
    margin-left: 5px;
  }
  .dashboardBody .fourColumn .S {
    width: calc(16.5% - 10px);
  }
  .dashboardBody .fourColumn .M {
    width: calc(25% - 10px);
  }
  .dashboardBody .fourColumn .ML {
    width: calc(27.8% - 10px);
  }
  .dashboardBody .fourColumn .L {
    width: calc(50% - 10px);
  }
  .dashboardBody .fourColumn .XL {
    width: calc(67% - 10px);
  }
  .dashboardBody .shadow {
    box-shadow: #4e4e4e36 4px 4px 5px 0px;
  }
  .dashboardBody .transparent {
    background: transparent !important;
  }
  .dashboardBody .round {
    border-radius: 8px;
  }
  .dashboardBody .roundT {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .dashboardBody .roundB {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .dashboardBody .numberContainer {
    text-align: center;
    background: #000000;
    font-size: 2.5em;
    color: white;
    padding: 5px;
    overflow: hidden;
    margin: auto 0 auto 10px;
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .numberContainer.first {
    margin: auto 5px auto 10px;
  }
  .dashboardBody .numberContainer.middle {
    margin: auto 5px auto 5px;
  }
  .dashboardBody .numberContainer.last {
    margin: auto 10px auto 5px;
  }
  .dashboardBody .numberContainerInvert {
    text-align: center;
    background: #c9c9c9;
    font-size: 2.5em;
    color: #000000;
    padding: 5px;
    overflow: hidden;
    margin: auto 10px auto 0;
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .datanum {
    margin: auto 0;
  }
  .dashboardBody .textlabelS {
    margin-top: 10px;
    font-size: 13px;
    text-align: center;
    line-height: 2em;
  }
  .dashboardBody .infoContainerDiv {
    display: flex;
    justify-content: space-evenly;
    margin: auto 0;
  }
  .dashboardBody .infoContainerDiv .infoContainer {
    width: 50%;
  }
  .dashboardBody .infoContainerFlex {
    display: flex;
    justify-content: space-evenly;
  }
  .dashboardBody .infoContainerFlex .infoContainer {
    width: 50%;
    margin: auto 5px !important;
    line-height: 33px;
    font-size: 15px;
  }
  .dashboardBody .infoContainerFlex .infoContainer .head {
    background: black;
    color: white;
    line-height: 20px;
    font-size: 15px;
    padding: 3px;
    height: 42px;
  }
  .dashboardBody .infoContainer {
    background: #c9c9c9;
    margin: 10px 5px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px;
  }
  .dashboardBody .infoContainer .head {
    background: black;
    color: white;
    line-height: 20px;
    font-size: 15px;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .dashboardBody .infoContainer .body {
    height: calc(100% - 30px);
  }
  .dashboardBody .infoContainer .text-large {
    font-size: 20px;
  }
  .dashboardBody .infoContainer.large {
    line-height: 55px;
    font-size: 18px;
  }
  .dashboardBody .infoContainer.large .head {
    line-height: 25px;
    font-size: 16px;
  }
  .dashboardBody .spacer {
    padding: 5px 5px !important;
    height: calc(100% - 35px);
  }
  .dashboardBody .spacerTop {
    text-align: center;
    padding: 5px 0 0 0 !important;
    height: calc(100% - 40px) !important;
  }
  .dashboardBody .spacerTable {
    width: calc(100% - 20px) !important;
    margin: 0 10px !important;
  }
  .dashboardBody .containerHeader {
    background: black;
    width: 100%;
    height: 30px;
    text-align: center;
    color: white;
    line-height: 30px;
    overflow: hidden;
    font-size: 15px;
  }
  .dashboardBody .dash-charts {
    height: calc(100%);
    width: 100%;
  }
  .dashboardBody .tableContainer {
    overflow-y: auto;
    height: 100%;
  }
  .dashboardBody .tableContainer.legend {
    overflow-y: hidden;
    height: auto;
  }
  .dashboardBody .tableContainer table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .dashboardBody .tableContainer td {
    text-align: left;
    padding: 5px;
    border: none;
    font-size: 15px;
  }
  .dashboardBody .tableContainer th:first-child {
    border-top-left-radius: 0px;
  }
  .dashboardBody .tableContainer th:last-child {
    border-top-right-radius: 0px;
  }
  .dashboardBody .tableContainer tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .dashboardBody .tableContainer tr:nth-of-type(odd) {
    background: white;
  }
  .dashboardBody .tableContainer tr:hover {
    background-color: #ddd;
  }
  .dashboardBody .tableContainer tr.active {
    background-color: #ddd;
  }
  .dashboardBody .tableContainer tr.active td {
    font-weight: bold;
  }
  .dashboardBody .tableContainer th {
    background: black;
    color: white;
    text-align: left;
    padding: 8px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
  }
  .dashboardBody .minimizeButton {
    height: 75px;
    width: 15px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background: grey;
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translate(-10px, -50%);
    display: flex;
  }
  .dashboardBody .minimizeButton:hover {
    cursor: pointer;
  }
  .dashboardBody .minimizeButton .lines {
    height: calc(100% - 10px);
    width: 2px;
    margin: 5px 0 5px 3.5px;
    background: lightgrey;
    border-radius: 20px;
  }
}
@media screen and (max-width: 1366px) {
  .dashboardHeader {
    background: black;
    width: 100%;
    height: 50px;
    display: inline-flex;
  }
  .dashboardHeader .logo {
    display: inline-block;
    padding: 10px;
    text-align: center;
  }
  .dashboardHeader .logo img {
    height: 100%;
  }
  .dashboardHeader .title {
    display: inline-block;
    margin: 0 auto;
    color: white;
  }
  .dashboardHeader .title h4 {
    margin: 6px 0;
    font-size: 14px;
  }
  .dashboardHeader .title h3 {
    text-align: center;
    margin: 4px 0;
    font-size: 16px;
  }

  .dashboardBody {
    width: 100%;
    height: calc(100% - 80px);
    position: relative;
  }
  .dashboardBody .sidebar {
    display: inline-block;
    margin: 10px;
    position: absolute;
    height: calc(100% - 20px);
    width: calc(20% - 20px);
  }
  .dashboardBody .sidebar .filterContainer {
    background: white;
    border-radius: 5px;
    padding: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    overflow: auto;
  }
  .dashboardBody .sidebar .filterContainer .filter {
    background: black;
    color: white;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 5px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
  }
  .dashboardBody .sidebar .filterContainer .filter select {
    border-radius: 5px;
    width: 100%;
    height: 20px;
    font-size: 10px;
  }
  .dashboardBody .sidebar .filterContainer .filter .filterBtn {
    background-color: white;
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    width: 70%;
  }
  .dashboardBody .sidebar .filterContainer .filter .activeBtn {
    background-color: #ffc961;
  }
  .dashboardBody .sidebar .filterContainer .filterBox {
    background: black;
    color: white;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 5px;
    line-height: 35px;
    text-align: center;
  }
  .dashboardBody .sidebar .filterContainer .filterBox .filterLabel {
    font-size: 2em;
  }
  .dashboardBody .sidebar .dashboardContainer {
    display: block;
  }
  .dashboardBody .sidebar .dashboardContainer .rowOne-T {
    width: 100% !important;
    background: black;
    height: 24px;
    line-height: 24px;
    color: white;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
  }
  .dashboardBody .sidebar .dashboardContainer .rowTwo-T {
    font-size: 14px;
    width: 100% !important;
    background: #afafafd1;
    height: auto;
  }
  .dashboardBody .sidebar .dashboardContainer .sidebarContainer {
    height: 15% !important;
    background: #c9c9c9 !important;
  }
  .dashboardBody .sidebar .infoSideBar {
    margin: 10px 5px;
  }
  .dashboardBody .sidebar .infoSideBar .infoSideBarContainer {
    font-size: 13px !important;
    line-height: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #c9c9c9 !important;
  }
  .dashboardBody .layout {
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0px;
    height: calc(100% - 10px);
    width: calc(80% - 10px);
  }
  .dashboardBody .oneRow .rowOne {
    height: 100%;
    width: 100%;
  }
  .dashboardBody .twoRow {
    display: inline-block;
  }
  .dashboardBody .twoRow .rowOne {
    width: 100% !important;
    margin-bottom: 5px;
  }
  .dashboardBody .twoRow .rowTwo {
    width: 100% !important;
    margin-top: 5px;
  }
  .dashboardBody .twoRow .XS {
    height: calc(10% - 5px);
  }
  .dashboardBody .twoRow .S {
    height: calc(20% - 5px);
  }
  .dashboardBody .twoRow .SM {
    height: calc(30% - 5px);
  }
  .dashboardBody .twoRow .M40 {
    height: calc(40% - 5px);
  }
  .dashboardBody .twoRow .M {
    height: calc(50% - 5px);
  }
  .dashboardBody .twoRow .M60 {
    height: calc(60% - 5px);
  }
  .dashboardBody .twoRow .ML {
    height: calc(70% - 5px);
  }
  .dashboardBody .twoRow .L {
    height: calc(80% - 5px);
  }
  .dashboardBody .twoRow .XL {
    height: calc(90% - 5px);
  }
  .dashboardBody .twoRow .rowOne-T {
    width: 100% !important;
    background: black;
    height: 24px;
    line-height: 24px;
    color: white;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
  }
  .dashboardBody .twoRow .rowTwo-T {
    font-size: 9px;
    width: 100% !important;
    background: #ffffffd1;
    height: calc(100% - 24px);
  }
  .dashboardBody .threeRow .rowOne {
    width: 100% !important;
    margin-bottom: 5px;
  }
  .dashboardBody .threeRow .rowTwo {
    width: 100% !important;
    margin: 5px 0;
  }
  .dashboardBody .threeRow .rowThree {
    width: 100% !important;
    margin-top: 5px;
  }
  .dashboardBody .threeRow .S {
    height: calc(16.5% - 5px);
  }
  .dashboardBody .threeRow .M {
    height: calc(33.3% - 5px);
  }
  .dashboardBody .threeRow .L {
    height: calc(50% - 5px);
  }
  .dashboardBody .threeRow .XL {
    height: calc(65% - 5px);
  }
  .dashboardBody .fourRow .rowOne {
    width: 100% !important;
    margin-bottom: 5px;
  }
  .dashboardBody .fourRow .rowTwo {
    width: 100% !important;
    margin: 5px 0;
  }
  .dashboardBody .fourRow .rowThree {
    width: 100% !important;
    margin: 5px 0;
  }
  .dashboardBody .fourRow .rowFour {
    width: 100% !important;
    margin-top: 5px;
  }
  .dashboardBody .fourRow .S {
    height: 16.5%;
  }
  .dashboardBody .fourRow .M {
    height: 25%;
  }
  .dashboardBody .fourRow .L {
    height: 50%;
  }
  .dashboardBody .oneColumn {
    width: 100%;
    display: inline-flex;
  }
  .dashboardBody .oneColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .oneColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .oneColumn .columnOne {
    height: calc(100% - 10px) !important;
    width: calc(100% - 10px) !important;
    margin: 5px 5px !important;
  }
  .dashboardBody .twoColumn {
    width: 100%;
    display: inline-flex;
  }
  .dashboardBody .twoColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .twoColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .twoColumn .columnOne {
    height: 100%;
    margin: 0 5px 0 0;
  }
  .dashboardBody .twoColumn .columnTwo {
    height: 100%;
    margin: 0 0 0 5px;
  }
  .dashboardBody .twoColumn .XS {
    height: 100%;
    width: 10%;
  }
  .dashboardBody .twoColumn .S {
    width: calc(20% - 5px);
  }
  .dashboardBody .twoColumn .SM {
    width: calc(30% - 5px);
  }
  .dashboardBody .twoColumn .M40 {
    width: calc(40% - 5px);
  }
  .dashboardBody .twoColumn .M {
    width: calc(50% - 5px);
  }
  .dashboardBody .twoColumn .M60 {
    width: calc(60% - 5px);
  }
  .dashboardBody .twoColumn .ML {
    width: calc(70% - 5px);
  }
  .dashboardBody .twoColumn .L {
    width: calc(80% - 5px);
  }
  .dashboardBody .twoColumn .XL {
    width: calc(90% - 5px);
  }
  .dashboardBody .threeColumn {
    width: 100%;
    display: inline-flex;
    overflow: hidden;
  }
  .dashboardBody .threeColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .threeColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .threeColumn .columnOne {
    height: 100%;
    margin-right: 5px;
  }
  .dashboardBody .threeColumn .columnTwo {
    height: 100%;
    margin: 0 5px;
  }
  .dashboardBody .threeColumn .columnThree {
    height: 100%;
    margin-left: 5px;
  }
  .dashboardBody .threeColumn .S {
    width: calc(16.5% - 5px);
  }
  .dashboardBody .threeColumn .SM {
    width: calc(20% - 5px);
  }
  .dashboardBody .threeColumn .M {
    width: calc(33.3% - 5px);
  }
  .dashboardBody .threeColumn .ML {
    width: calc(41.75% - 5px);
  }
  .dashboardBody .threeColumn .L {
    width: calc(50% - 5px);
  }
  .dashboardBody .threeColumn .LL {
    width: calc(60% - 5px);
  }
  .dashboardBody .threeColumn .XL {
    width: calc(67% - 5px);
  }
  .dashboardBody .fourColumn {
    width: 100%;
    display: inline-flex;
  }
  .dashboardBody .fourColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .fourColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .fourColumn .columnOne {
    height: 100%;
    margin-right: 5px;
  }
  .dashboardBody .fourColumn .columnTwo {
    height: 100%;
    margin: 0 5px;
  }
  .dashboardBody .fourColumn .columnThree {
    height: 100%;
    margin: 0 5px;
  }
  .dashboardBody .fourColumn .columnFour {
    height: 100%;
    margin-left: 5px;
  }
  .dashboardBody .fourColumn .S {
    width: calc(16.5% - 10px);
  }
  .dashboardBody .fourColumn .M {
    width: calc(25% - 10px);
  }
  .dashboardBody .fourColumn .ML {
    width: calc(27.8% - 10px);
  }
  .dashboardBody .fourColumn .L {
    width: calc(50% - 10px);
  }
  .dashboardBody .fourColumn .XL {
    width: calc(67% - 10px);
  }
  .dashboardBody .shadow {
    box-shadow: #4e4e4e36 4px 4px 5px 0px;
  }
  .dashboardBody .transparent {
    background: transparent !important;
  }
  .dashboardBody .round {
    border-radius: 8px;
  }
  .dashboardBody .roundT {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .dashboardBody .roundB {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .dashboardBody .numberContainer {
    text-align: center;
    background: #000000;
    font-size: 2.5em;
    color: white;
    padding: 5px;
    overflow: hidden;
    margin: auto 0 auto 5px;
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .numberContainer.first {
    margin: auto 5px auto 10px;
  }
  .dashboardBody .numberContainer.middle {
    margin: auto 5px auto 5px;
  }
  .dashboardBody .numberContainer.last {
    margin: auto 10px auto 5px;
  }
  .dashboardBody .numberContainerInvert {
    text-align: center;
    background: #c9c9c9;
    font-size: 2.5em;
    color: #000000;
    padding: 5px;
    overflow: hidden;
    margin: auto 10px auto 0;
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .datanum {
    margin: auto 0;
  }
  .dashboardBody .textlabelS {
    margin-top: 10px;
    font-size: 13px;
    text-align: center;
    line-height: 2em;
  }
  .dashboardBody .infoContainerDiv {
    display: flex;
    justify-content: space-evenly;
    margin: auto 0;
  }
  .dashboardBody .infoContainerDiv .infoContainer {
    width: 50%;
  }
  .dashboardBody .infoContainerFlex {
    display: flex;
    justify-content: space-evenly;
  }
  .dashboardBody .infoContainerFlex .infoContainer {
    width: 50%;
    margin: auto 5px !important;
    line-height: 16px;
    font-size: 10px;
  }
  .dashboardBody .infoContainerFlex .infoContainer .head {
    background: black;
    color: white;
    line-height: 12px;
    font-size: 12px;
    padding: 3px;
    height: 30px;
  }
  .dashboardBody .infoContainer {
    background: white;
    margin: 10px 5px;
    text-align: center;
    line-height: 22px;
    font-size: 10px;
    border-radius: 5px;
  }
  .dashboardBody .infoContainer .head {
    background: black;
    color: white;
    line-height: 12px;
    font-size: 12px;
    padding: 2px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .dashboardBody .infoContainer .body {
    height: calc(100% - 12px);
  }
  .dashboardBody .infoContainer .text-large {
    font-size: 16px;
  }
  .dashboardBody .infoContainer.large {
    line-height: 28px;
    font-size: 11px;
  }
  .dashboardBody .infoContainer.large .head {
    line-height: 15px;
    font-size: 11px;
  }
  .dashboardBody .spacer {
    padding: 5px 5px !important;
  }
  .dashboardBody .spacerTop {
    text-align: center;
    padding: 5px 0 0 0 !important;
    height: calc(100% - 25px) !important;
  }
  .dashboardBody .spacerTable {
    width: calc(100% - 20px) !important;
    margin: 0 10px !important;
  }
  .dashboardBody .containerHeader {
    background: black;
    width: 100%;
    height: 15px;
    text-align: center;
    color: white;
    line-height: 15px;
    font-size: 10px;
    overflow: hidden;
  }
  .dashboardBody .dash-charts {
    height: calc(100%);
    width: 100%;
  }
  .dashboardBody .tableContainer {
    overflow-y: auto;
    height: 100%;
  }
  .dashboardBody .tableContainer.legend {
    overflow-y: hidden;
    height: auto;
  }
  .dashboardBody .tableContainer table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .dashboardBody .tableContainer td {
    text-align: left;
    padding: 5px;
    border: none;
    font-size: 10px;
  }
  .dashboardBody .tableContainer th:first-child {
    border-top-left-radius: 0px;
  }
  .dashboardBody .tableContainer th:last-child {
    border-top-right-radius: 0px;
  }
  .dashboardBody .tableContainer tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .dashboardBody .tableContainer tr:nth-of-type(odd) {
    background: white;
  }
  .dashboardBody .tableContainer tr:hover {
    background-color: #ddd;
  }
  .dashboardBody .tableContainer tr.active {
    background-color: #ddd;
  }
  .dashboardBody .tableContainer tr.active td {
    font-weight: bold;
  }
  .dashboardBody .tableContainer th {
    background: black;
    color: white;
    text-align: left;
    padding: 2px 5px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    font-size: 10px;
  }
  .dashboardBody .minimizeButton {
    height: 60px;
    width: 15px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background: grey;
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translate(-10px, -50%);
    display: flex;
  }
  .dashboardBody .minimizeButton:hover {
    cursor: pointer;
  }
  .dashboardBody .minimizeButton .lines {
    height: calc(100% - 10px);
    width: 2px;
    margin: 5px 0 5px 3.5px;
    background: lightgrey;
    border-radius: 20px;
  }

  .loadingcontainer-dashboard {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(78, 78, 78, 0.6);
    z-index: 1;
  }
  .loadingcontainer-dashboard .loader {
    display: block;
    position: relative;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  .loadingcontainer-dashboard #loadingText3 {
    text-align: center;
    position: relative;
    top: calc(50% - 20px);
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}
@media screen and (max-width: 1366px) and (min-height: 723px) {
  .dashboardHeader {
    background: black;
    width: 100%;
    height: 50px;
    display: inline-flex;
  }
  .dashboardHeader .logo {
    display: inline-block;
    padding: 10px;
    text-align: center;
  }
  .dashboardHeader .logo img {
    height: 100%;
  }
  .dashboardHeader .title {
    display: inline-block;
    margin: 0 auto;
    color: white;
  }
  .dashboardHeader .title h4 {
    margin: 6px 0;
    font-size: 14px;
  }
  .dashboardHeader .title h3 {
    text-align: center;
    margin: 4px 0;
    font-size: 16px;
  }

  .dashboardBody {
    width: 100%;
    height: calc(100% - 70px);
    position: relative;
  }
  .dashboardBody .sidebar {
    display: inline-block;
    margin: 10px;
    position: absolute;
    height: calc(100% - 20px);
    width: calc(20% - 20px);
  }
  .dashboardBody .sidebar .filterContainer {
    background: white;
    border-radius: 5px;
    padding: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    overflow: auto;
  }
  .dashboardBody .sidebar .filterContainer .filter {
    background: black;
    color: white;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 5px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
  }
  .dashboardBody .sidebar .filterContainer .filter select {
    border-radius: 5px;
    width: 100%;
    height: 20px;
    font-size: 10px;
  }
  .dashboardBody .sidebar .filterContainer .filter .filterBtn {
    background-color: white;
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    width: 70%;
  }
  .dashboardBody .sidebar .filterContainer .filter .activeBtn {
    background-color: #ffc961;
  }
  .dashboardBody .sidebar .filterContainer .filterBox {
    background: black;
    color: white;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 5px;
    line-height: 35px;
    text-align: center;
  }
  .dashboardBody .sidebar .filterContainer .filterBox .filterLabel {
    font-size: 2em;
  }
  .dashboardBody .sidebar .dashboardContainer {
    display: block;
  }
  .dashboardBody .sidebar .dashboardContainer .rowOne-T {
    width: 100% !important;
    background: black;
    height: 30px;
    line-height: 30px;
    color: white;
    text-align: center;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
  }
  .dashboardBody .sidebar .dashboardContainer .rowTwo-T {
    font-size: 12px;
    width: 100% !important;
    background: #afafafd1;
    height: auto;
  }
  .dashboardBody .sidebar .dashboardContainer .sidebarContainer {
    height: 15% !important;
    background: #c9c9c9 !important;
  }
  .dashboardBody .sidebar .infoSideBar {
    margin: 10px 5px;
  }
  .dashboardBody .sidebar .infoSideBar .infoSideBarContainer {
    font-size: 13px !important;
    line-height: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #c9c9c9 !important;
  }
  .dashboardBody .layout {
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0px;
    height: calc(100% - 10px);
    width: calc(80% - 10px);
  }
  .dashboardBody .oneRow .rowOne {
    height: 100%;
    width: 100%;
  }
  .dashboardBody .twoRow {
    display: inline-block;
  }
  .dashboardBody .twoRow .rowOne {
    width: 100% !important;
    margin-bottom: 5px;
  }
  .dashboardBody .twoRow .rowTwo {
    width: 100% !important;
    margin-top: 5px;
  }
  .dashboardBody .twoRow .XS {
    height: calc(10% - 5px);
  }
  .dashboardBody .twoRow .S {
    height: calc(20% - 5px);
  }
  .dashboardBody .twoRow .SM {
    height: calc(30% - 5px);
  }
  .dashboardBody .twoRow .M40 {
    height: calc(40% - 5px);
  }
  .dashboardBody .twoRow .M {
    height: calc(50% - 5px);
  }
  .dashboardBody .twoRow .M60 {
    height: calc(60% - 5px);
  }
  .dashboardBody .twoRow .ML {
    height: calc(70% - 5px);
  }
  .dashboardBody .twoRow .L {
    height: calc(80% - 5px);
  }
  .dashboardBody .twoRow .XL {
    height: calc(90% - 5px);
  }
  .dashboardBody .twoRow .rowOne-T {
    width: 100% !important;
    background: black;
    height: 30px;
    line-height: 30px;
    color: white;
    text-align: center;
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
  }
  .dashboardBody .twoRow .rowTwo-T {
    font-size: 11px;
    width: 100% !important;
    background: #ffffffd1;
    height: calc(100% - 30px);
  }
  .dashboardBody .threeRow .rowOne {
    width: 100% !important;
    margin-bottom: 5px;
  }
  .dashboardBody .threeRow .rowTwo {
    width: 100% !important;
    margin: 5px 0;
  }
  .dashboardBody .threeRow .rowThree {
    width: 100% !important;
    margin-top: 5px;
  }
  .dashboardBody .threeRow .S {
    height: calc(16.5% - 5px);
  }
  .dashboardBody .threeRow .M {
    height: calc(33.3% - 5px);
  }
  .dashboardBody .threeRow .L {
    height: calc(50% - 5px);
  }
  .dashboardBody .threeRow .XL {
    height: calc(65% - 5px);
  }
  .dashboardBody .fourRow .rowOne {
    width: 100% !important;
    margin-bottom: 5px;
  }
  .dashboardBody .fourRow .rowTwo {
    width: 100% !important;
    margin: 5px 0;
  }
  .dashboardBody .fourRow .rowThree {
    width: 100% !important;
    margin: 5px 0;
  }
  .dashboardBody .fourRow .rowFour {
    width: 100% !important;
    margin-top: 5px;
  }
  .dashboardBody .fourRow .S {
    height: 16.5%;
  }
  .dashboardBody .fourRow .M {
    height: 25%;
  }
  .dashboardBody .fourRow .L {
    height: 50%;
  }
  .dashboardBody .oneColumn {
    width: 100%;
    display: inline-flex;
  }
  .dashboardBody .oneColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .oneColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .oneColumn .columnOne {
    height: calc(100% - 10px) !important;
    width: calc(100% - 10px) !important;
    margin: 5px 5px !important;
  }
  .dashboardBody .twoColumn {
    width: 100%;
    display: inline-flex;
  }
  .dashboardBody .twoColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .twoColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .twoColumn .columnOne {
    height: 100%;
    margin: 0 5px 0 0;
  }
  .dashboardBody .twoColumn .columnTwo {
    height: 100%;
    margin: 0 0 0 5px;
  }
  .dashboardBody .twoColumn .XS {
    height: 100%;
    width: 10%;
  }
  .dashboardBody .twoColumn .S {
    width: calc(20% - 5px);
  }
  .dashboardBody .twoColumn .SM {
    width: calc(30% - 5px);
  }
  .dashboardBody .twoColumn .M40 {
    width: calc(40% - 5px);
  }
  .dashboardBody .twoColumn .M {
    width: calc(50% - 5px);
  }
  .dashboardBody .twoColumn .M60 {
    width: calc(60% - 5px);
  }
  .dashboardBody .twoColumn .ML {
    width: calc(70% - 5px);
  }
  .dashboardBody .twoColumn .L {
    width: calc(80% - 5px);
  }
  .dashboardBody .twoColumn .XL {
    width: calc(90% - 5px);
  }
  .dashboardBody .threeColumn {
    width: 100%;
    display: inline-flex;
    overflow: hidden;
  }
  .dashboardBody .threeColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .threeColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .threeColumn .columnOne {
    height: 100%;
    margin-right: 5px;
  }
  .dashboardBody .threeColumn .columnTwo {
    height: 100%;
    margin: 0 5px;
  }
  .dashboardBody .threeColumn .columnThree {
    height: 100%;
    margin-left: 5px;
  }
  .dashboardBody .threeColumn .S {
    width: calc(16.5% - 5px);
  }
  .dashboardBody .threeColumn .SM {
    width: calc(20% - 5px);
  }
  .dashboardBody .threeColumn .M {
    width: calc(33.3% - 5px);
  }
  .dashboardBody .threeColumn .ML {
    width: calc(41.75% - 5px);
  }
  .dashboardBody .threeColumn .L {
    width: calc(50% - 5px);
  }
  .dashboardBody .threeColumn .LL {
    width: calc(60% - 5px);
  }
  .dashboardBody .threeColumn .XL {
    width: calc(67% - 5px);
  }
  .dashboardBody .fourColumn {
    width: 100%;
    display: inline-flex;
  }
  .dashboardBody .fourColumn .flex {
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .fourColumn .flex .infoContainer {
    margin: auto 5px;
  }
  .dashboardBody .fourColumn .columnOne {
    height: 100%;
    margin-right: 5px;
  }
  .dashboardBody .fourColumn .columnTwo {
    height: 100%;
    margin: 0 5px;
  }
  .dashboardBody .fourColumn .columnThree {
    height: 100%;
    margin: 0 5px;
  }
  .dashboardBody .fourColumn .columnFour {
    height: 100%;
    margin-left: 5px;
  }
  .dashboardBody .fourColumn .S {
    width: calc(16.5% - 10px);
  }
  .dashboardBody .fourColumn .M {
    width: calc(25% - 10px);
  }
  .dashboardBody .fourColumn .ML {
    width: calc(27.8% - 10px);
  }
  .dashboardBody .fourColumn .L {
    width: calc(50% - 10px);
  }
  .dashboardBody .fourColumn .XL {
    width: calc(67% - 10px);
  }
  .dashboardBody .shadow {
    box-shadow: #4e4e4e36 4px 4px 5px 0px;
  }
  .dashboardBody .transparent {
    background: transparent !important;
  }
  .dashboardBody .round {
    border-radius: 8px;
  }
  .dashboardBody .roundT {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .dashboardBody .roundB {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .dashboardBody .numberContainer {
    text-align: center;
    background: #000000;
    font-size: 2.5em;
    color: white;
    padding: 5px;
    overflow: hidden;
    margin: auto 0 auto 10px;
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .numberContainer.first {
    margin: auto 5px auto 10px;
  }
  .dashboardBody .numberContainer.middle {
    margin: auto 5px auto 5px;
  }
  .dashboardBody .numberContainer.last {
    margin: auto 10px auto 5px;
  }
  .dashboardBody .numberContainerInvert {
    text-align: center;
    background: #c9c9c9;
    font-size: 2.5em;
    color: #000000;
    padding: 5px;
    overflow: hidden;
    margin: auto 10px auto 0;
    display: flex;
    flex-direction: column;
  }
  .dashboardBody .datanum {
    margin: auto 0;
  }
  .dashboardBody .textlabelS {
    margin-top: 10px;
    font-size: 13px;
    text-align: center;
    line-height: 2em;
  }
  .dashboardBody .infoContainerDiv {
    display: flex;
    justify-content: space-evenly;
    margin: auto 0;
  }
  .dashboardBody .infoContainerDiv .infoContainer {
    width: 50%;
  }
  .dashboardBody .infoContainerFlex {
    display: flex;
    justify-content: space-evenly;
  }
  .dashboardBody .infoContainerFlex .infoContainer {
    width: 50%;
    margin: auto 5px;
    line-height: 27px;
    font-size: 12px;
  }
  .dashboardBody .infoContainerFlex .head {
    background: black;
    color: white;
    line-height: 18px;
    font-size: 12px;
    padding: 3px;
    height: 30px;
  }
  .dashboardBody .infoContainer {
    background: #c9c9c9;
    margin: 10px 5px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    border-radius: 5px;
  }
  .dashboardBody .infoContainer .head {
    background: black;
    color: white;
    line-height: 18px;
    font-size: 12px;
    padding: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .dashboardBody .infoContainer .body {
    height: calc(100% - 28px);
  }
  .dashboardBody .infoContainer .text-large {
    font-size: 20px;
  }
  .dashboardBody .infoContainer.large {
    line-height: 40px;
    font-size: 14px;
  }
  .dashboardBody .infoContainer.large .head {
    line-height: 20px;
    font-size: 13px;
  }
  .dashboardBody .spacer {
    padding: 5px 5px !important;
  }
  .dashboardBody .spacerTop {
    text-align: center;
    padding: 5px 0 0 0 !important;
    height: calc(100% - 30px) !important;
  }
  .dashboardBody .spacerTable {
    width: calc(100% - 20px) !important;
    margin: 0 10px !important;
  }
  .dashboardBody .containerHeader {
    background: black;
    width: 100%;
    height: 20px;
    text-align: center;
    color: white;
    line-height: 20px;
    font-size: 15px;
    overflow: hidden;
  }
  .dashboardBody .dash-charts {
    height: calc(100%);
    width: 100%;
  }
  .dashboardBody .tableContainer {
    overflow-y: auto;
    height: 100%;
  }
  .dashboardBody .tableContainer.legend {
    overflow-y: hidden;
    height: auto;
  }
  .dashboardBody .tableContainer table {
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
  }
  .dashboardBody .tableContainer td {
    text-align: left;
    padding: 5px;
    border: none;
    font-size: 12px;
  }
  .dashboardBody .tableContainer th:first-child {
    border-top-left-radius: 0px;
  }
  .dashboardBody .tableContainer th:last-child {
    border-top-right-radius: 0px;
  }
  .dashboardBody .tableContainer tr:nth-of-type(even) {
    background: #f2f2f2;
  }
  .dashboardBody .tableContainer tr:nth-of-type(odd) {
    background: white;
  }
  .dashboardBody .tableContainer tr:hover {
    background-color: #ddd;
  }
  .dashboardBody .tableContainer tr.active {
    background-color: #ddd;
  }
  .dashboardBody .tableContainer tr.active td {
    font-weight: bold;
  }
  .dashboardBody .tableContainer th {
    background: black;
    color: white;
    text-align: left;
    padding: 3px 5px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    font-size: 11px;
  }
  .dashboardBody .minimizeButton {
    height: 60px;
    width: 15px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background: grey;
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translate(-10px, -50%);
    display: flex;
  }
  .dashboardBody .minimizeButton:hover {
    cursor: pointer;
  }
  .dashboardBody .minimizeButton .lines {
    height: calc(100% - 10px);
    width: 2px;
    margin: 5px 0 5px 3.5px;
    background: lightgrey;
    border-radius: 20px;
  }

  .loadingcontainer-dashboard {
    display: none;
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(78, 78, 78, 0.6);
    z-index: 1;
  }
  .loadingcontainer-dashboard .loader {
    display: block;
    position: relative;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  .loadingcontainer-dashboard #loadingText3 {
    text-align: center;
    position: relative;
    top: calc(50% - 20px);
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
}
.h50 {
  height: calc(50% - 5px) !important;
}

.roundRightBottom {
  border-bottom-right-radius: 10px;
}

html {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  background: #000;
}

.cesium-widget-credits {
  display: none !important;
}

.cesium-infoBox {
  left: 0px !important;
}

.fullWindow {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  font-family: sans-serif;
}

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@-webkit-keyframes auto-progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes auto-progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.progress-bar {
  background-color: #1a1a1a;
  height: 34px;
  width: 100%;
  margin: 0px auto;
  border-radius: 5px;
  box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}

.stripes {
  background-size: 30px 30px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.stripes.animated {
  -webkit-animation: animate-stripes 0.6s linear infinite;
          animation: animate-stripes 0.6s linear infinite;
  -webkit-animation-duration: 1.25s;
          animation-duration: 1.25s;
  animation-direction: reverse;
}

#progress-bar-inner,
#video-progress-inner,
#pw-progress-inner,
#bulkAsset-progress-inner {
  display: block;
  height: 35px;
  width: 0%;
  background-color: #34c2e3;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  position: relative;
}

.main-button {
  position: absolute;
  width: 120px;
  top: 45%;
  align-items: center;
  right: 0px;
  padding-right: 15px;
  outline: none;
  z-index: 3;
}
.main-button #button-logo {
  cursor: pointer;
  box-sizing: border-box;
  padding: 0px;
  position: relative;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 0px;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  outline: none;
  background-image: to bottom, white 0%, #624848 26%, white 100%;
  border-radius: 50%;
  border-bottom: 1px solid #7b7b7b;
  top: 0;
}
.main-button #button-logo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.main-button #button-logo:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 3px;
  height: 100px;
  border-radius: 50%;
  background: linear-gradient(to top, #674c4c 0%, #595959 3px);
  transition: all 0.1s ease-out;
  box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
}
.main-button #button-logo:hover {
  background: linear-gradient(to bottom, white, #8c8c8c);
  border-color: #636363;
}
.main-button #button-logo:active, .main-button #button-logo.active {
  top: 3px;
  background: linear-gradient(to bottom, #cecece, #636363);
  text-shadow: 0 -2px 0 white, 0 1px 1px white, 0 0 4px white;
  border-color: #555555;
}
.main-button #button-logo:active:before, .main-button #button-logo.active:before {
  top: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);
}

.second-button {
  display: none;
  position: absolute;
  align-items: center;
  width: 70px;
  height: 100%;
  right: 0px;
  line-height: 80px;
  padding-right: 30px;
  z-index: 2;
  text-align: center;
}
.second-button .button-menu {
  cursor: pointer;
  box-sizing: border-box;
  padding: 0px;
  height: 67px;
  width: 67px;
  display: inline-block;
  border: 0px;
  outline: none;
  background-image: to bottom, white 0%, #624848 26%, white 100%;
  border-radius: 50%;
  border-bottom: 1px solid #7b7b7b;
  top: 0;
  transition: all 0.1s ease-out;
  position: relative;
}
.second-button .button-menu:visited {
  color: #e6e6e6;
}
.second-button .button-menu img {
  position: relative;
  top: 3px;
  padding: 0px;
  margin: 0px;
  width: 48px;
  height: 48px;
  z-index: 1;
}
.second-button .button-menu#back {
  height: 50px;
  width: 50px;
  display: inline-block;
  border: 0px;
  outline: none;
  background-image: to bottom, white 0%, #624848 26%, white 100%;
  border-radius: 50%;
  border-bottom: 1px solid #7b7b7b;
  top: 0;
  transition: all 0.1s ease-out;
  position: relative;
}
.second-button .button-menu#back img {
  position: relative;
  top: 1px;
  padding: 0px;
  margin: 0px;
  width: 43px;
  height: 43px;
  z-index: 1;
}
.second-button .button-menu#back:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 3px;
  border-radius: 50%;
  height: 50px;
  background: linear-gradient(to top, #674c4c 0%, #595959 3px);
  transition: all 0.1s ease-out;
  box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
}
.second-button .button-menu:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 3px;
  border-radius: 50%;
  height: 67px;
  background: linear-gradient(to top, #674c4c 0%, #595959 3px);
  transition: all 0.1s ease-out;
  box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
}
.second-button .button-menu:hover {
  background: linear-gradient(to bottom, white, #8c8c8c);
  border-color: #636363;
}
.second-button .button-menu:active, .second-button .button-menu.active {
  top: 3px;
  background: linear-gradient(to bottom, #cecece, #636363);
  text-shadow: 0 -2px 0 white, 0 1px 1px white, 0 0 4px white;
  border-color: #555555;
}
.second-button .button-menu:active:before, .second-button .button-menu.active:before {
  top: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);
}

.sidemenu .third-button {
  display: none;
  position: absolute;
  align-items: center;
  line-height: 80px;
  height: 40px;
  right: 0px;
  margin-right: 70px;
  padding-right: 40px;
  z-index: 2;
}
.sidemenu .third-button button {
  box-sizing: border-box;
  position: relative;
  height: 40px;
  width: 40px;
  margin-right: 10px;
  border: 0px;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  outline: none;
  background-image: to bottom, #c48484 0%, #483636 26%, white 100%;
  border-radius: 50%;
  border-bottom: 1px solid #7b7b7b;
  transition: all 0.1s ease-out;
  background-position: center;
  background-size: 60%;
  background-repeat: no-repeat;
  background-position-x: 8px;
  background-position-y: 8px;
}
.sidemenu .third-button button:before {
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  top: 3px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(to top, #674c4c 0%, black 3px);
  transition: all 0.1s ease-out;
  box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
}
.sidemenu .third-button button:hover {
  background: grey;
  border-color: #636363;
  background-size: 60%;
  background-repeat: no-repeat;
  background-position-x: 8px;
  background-position-y: 8px;
}
.sidemenu .third-button button:active, .sidemenu .third-button button.active {
  top: 3pxpx;
  background: darkgrey;
  text-shadow: 0 -2px 0 #7e7e7e, 0 1px 1px #bebebe, 0 0 4px white;
  border-color: #3f3f3f;
  top: 3px;
  background-size: 60%;
  background-repeat: no-repeat;
  background-position-x: 8px;
  background-position-y: 8px;
}
.sidemenu .third-button button:active:before, .sidemenu .third-button button.active:before {
  top: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);
}
.sidemenu .third-button button.tool#reviewList {
  background-image: url("../../images/icons/third_button/dark_red/list.png");
}
.sidemenu .third-button button.tool#reviewTools {
  background-image: url("../../images/icons/third_button/dark_red/reviewPaint.png");
}
.sidemenu .third-button button.tool#markupTools {
  background-image: url("../../images/icons/third_button/dark_red/draw.png");
}
.sidemenu .third-button button.tool#streetmaptoggle {
  background-image: url("../../images/icons/third_button/dark_red/streetview.png");
}
.sidemenu .third-button button.tool#SetCamAngle {
  background-image: url("../../images/icons/third_button/dark_red/123.png");
}
.sidemenu .third-button button.tool#SwitchSceneMod {
  background-image: url("../../images/icons/third_button/dark_red/2dmap.png");
}
.sidemenu .third-button button.tool#move {
  background-image: url("../../images/icons/third_button/dark_red/move.png");
}
.sidemenu .third-button button.tool#home {
  background-image: url("../../images/icons/third_button/dark_red/home.png");
}
.sidemenu .third-button button.tool#globe {
  background-image: url("../../images/icons/third_button/dark_red/globe.png");
}
.sidemenu .third-button button.tool#layer {
  background-image: url("../../images/icons/third_button/dark_red/layers.png");
}
.sidemenu .third-button button.measure#area {
  background-image: url("../../images/icons/third_button/dark_red/area.png");
}
.sidemenu .third-button button.measure#aic {
  background-image: url("../../images/icons/third_button/dark_red/compare.png");
}
.sidemenu .third-button button.measure#distance {
  background-image: url("../../images/icons/third_button/dark_red/width.png");
}
.sidemenu .third-button button.measure#point {
  background-image: url("../../images/icons/third_button/dark_red/location.png");
}
.sidemenu .third-button button.admin#layermanagement {
  background-image: url("../../images/icons/third_button/dark_red/data.png");
}
.sidemenu .third-button button.admin#administrative {
  background-image: url("../../images/icons/third_button/dark_red/administrative.png");
}
.sidemenu .third-button button.admin#uploadkmlfunction {
  background-image: url("../../images/icons/third_button/dark_red/upload.png");
}
.sidemenu .third-button button.nav#directory {
  background-image: url("../../images/icons/third_button/dark_red/folder.png");
}
.sidemenu .third-button button.nav#dashboard {
  background-image: url("../../images/icons/third_button/dark_red/dashboard.png");
}
.sidemenu .third-button button.nav#ridashboard {
  background-image: url("../../images/icons/third_button/dark_red/ridashboard.png");
}
.sidemenu .third-button button.nav#ganttchart {
  background-image: url("../../images/icons/third_button/dark_red/gantt-chart.png");
}
.sidemenu .third-button button.nav#arrangeview {
  background-image: url("../../images/icons/third_button/dark_red/arrange.png");
}
.sidemenu .third-button button.nav#camera {
  background-image: url("../../images/icons/third_button/dark_red/camera-feed.png");
}
.sidemenu .third-button button.nav#assettable {
  background-image: url("../../images/icons/third_button/dark_red/asset-table.png");
}
.sidemenu .third-button button.nav#earthMine {
  background-image: url("../../Images/icons/third_button/dark_red/360view.png");
}

.bottommenu {
  display: none;
  position: absolute;
  bottom: 0px;
  text-align: center;
  z-index: 2;
  left: 50%;
  height: 50px;
  background: #404040a6;
  padding: 5px;
  margin-bottom: 10px;
  transform: translate(-50%, 0px);
}
.bottommenu#markupTool {
  width: 495px;
  height: 60px;
}
.bottommenu .header {
  background: #000000;
  font-size: 12px;
  color: white;
}
.bottommenu .header button {
  position: absolute;
  right: 5px;
  width: 14px;
  height: 14px;
  border-radius: 10%;
  padding: 0px;
  border: 0;
}
.bottommenu .header button i {
  font-size: 10px;
  vertical-align: middle;
  padding: 0px;
  position: relative;
  top: -3px;
}
.bottommenu .buttonContainer {
  padding: 5px 6px 2px 3px;
  display: inline-block;
  border-right: solid black 1px;
}
.bottommenu .buttonContainer:last-child {
  border-right: none;
  padding: 5px 0px 2px 3px;
}
.bottommenu .buttonContainer label {
  display: block;
  font-size: 10px;
  color: #949494;
  margin-top: 3px;
}
.bottommenu .buttonContainer .markupButton, .bottommenu .buttonContainer .admin-function {
  height: 30px;
  width: 45px;
  cursor: pointer;
}
.bottommenu .buttonContainer .markupButton img, .bottommenu .buttonContainer .admin-function img {
  width: 65%;
  height: 65%;
}
.bottommenu .buttonContainer .color-picker-div {
  display: inline-block;
  height: 10px;
  width: 60px;
}
.bottommenu .buttonContainer .color-picker-div div.sp-replacer.sp-light {
  width: 57px;
  height: 28px;
  margin: 0px 0 0px 0;
  border: 1px solid #6f6f6f;
  top: -2px;
}
.bottommenu .buttonContainer .color-picker-div div.sp-replacer.sp-light div.sp-dd {
  line-height: 25px;
}

.jqxContainer {
  height: calc(100% - 10px);
  margin: 5px;
}
.jqxContainer .combine_popup {
  position: relative;
  left: 0px;
  padding: 0 20px;
  height: 100%;
  cursor: default;
  z-index: 1;
  overflow: auto;
  display: block;
  border-radius: 0px;
}
.jqxContainer .combine_popup .searchTable {
  float: right;
  position: relative;
  display: block;
  width: auto;
}
.jqxContainer .combine_popup .searchTable input {
  height: 20px;
  width: auto;
  border-radius: 5px;
}
.jqxContainer .combine_popup .expandButton {
  background: linear-gradient(to Bottom, #a7a7a7, #8b8b8b);
  border-radius: 5px;
}
.jqxContainer .combine_popup .expandButton h4 {
  margin: 10px 0 5px 0;
  padding: 5px;
}
.jqxContainer .combine_popup .expandButton:hover {
  background: linear-gradient(to Bottom, #b3b3b3, #8b8b8b);
  cursor: pointer;
}
.jqxContainer .combine_popup .expandButton.active {
  background: linear-gradient(to Bottom, #a9a9a9, #c7c7c7, #a9a9a9);
}
.jqxContainer .combine_popup .layer_popup {
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: 5px;
  padding: 0 20px;
  width: calc(100% - 40px);
  background-color: #f7f7f7;
  cursor: default;
  z-index: 1;
  overflow: auto;
  display: block;
  border-radius: 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer {
  height: calc(100% - 10px);
  overflow-y: auto;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist {
  margin: 0px;
  padding-left: 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li {
  list-style: none;
  background: white;
  height: 30px;
  vertical-align: middle;
  margin: 3px 0;
  border-radius: 5px;
  overflow: hidden;
  width: calc(100% - 6px);
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li:last-child {
  margin-bottom: 10px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li input {
  cursor: pointer;
  float: left;
  vertical-align: middle;
  margin: 9px;
  height: 12px;
  width: 12px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li label {
  margin: 8px;
  float: left;
  font-size: 10px;
  cursor: pointer;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  padding: 5px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img.fileicon {
  display: inline-block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 5px 0px 5px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img.flyto {
  background: white;
  border-left: 1px solid #787878;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img.flyto:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup {
  list-style: none;
  background: linear-gradient(to bottom, #dedede, #cacaca, #dedede);
  box-shadow: #737373 3px 3px 4px 1px;
  height: 30px;
  vertical-align: middle;
  margin: 6px 0 0 0;
  border-radius: 5px;
  overflow: hidden;
  width: calc(100% - 6px);
  margin-bottom: 7px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup:hover {
  background: linear-gradient(to bottom, #e6e6e6, #cacaca, #c5c5c5);
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup:active {
  background: linear-gradient(to bottom, #dadada, #dadada, #dadada);
  box-shadow: #737373 1px 1px 2px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup.active {
  background: linear-gradient(to bottom, #d6d6d6, #e2e2e2, #d6d6d6);
  box-shadow: #737373 1px 1px 2px 0px;
  color: black;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup.active .flyto {
  background: white;
  border-left: 1px solid #787878;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup.active .flyto:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup div.clickContainer {
  height: 100%;
  width: calc(100% - 35px);
  display: inline-block;
  cursor: pointer;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup label {
  margin: 7px 0px;
  float: left;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup input {
  cursor: pointer;
  float: left;
  vertical-align: middle;
  margin: 10px;
  height: 12px;
  width: 12px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  padding: 5px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img.fileicon {
  display: inline-block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 5px 0px 5px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img.flyto {
  background: white;
  border-left: 1px solid #787878;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img.flyto:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul {
  margin: 0px;
  padding-left: 0px;
  display: none;
  width: calc(100% - 20px);
  float: right;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul .active {
  display: block;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul .highlight {
  font-weight: bold;
  font-size: 45px;
  background-color: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li {
  list-style: none;
  background: white;
  height: 30px;
  vertical-align: middle;
  margin: 3px 0;
  border-radius: 5px;
  overflow: hidden;
  width: calc(100% - 6px);
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li input {
  cursor: pointer;
  float: left;
  vertical-align: middle;
  margin: 9px;
  height: 12px;
  width: 12px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li label {
  margin: 8px;
  float: left;
  font-size: small;
  cursor: pointer;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  padding: 5px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.fileicon {
  display: inline-block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 5px 0px 5px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.flyto {
  background: white;
  border-left: 1px solid #787878;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.flyto:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.handle {
  height: 24px;
  width: 24px;
  padding: 3px 3px 3px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.handle:hover {
  cursor: -webkit-grab;
  cursor: grab;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList {
  margin: 0px;
  padding-left: 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li {
  list-style: none;
  background: white;
  height: 30px;
  vertical-align: middle;
  margin: 3px 0;
  border-radius: 5px;
  overflow: hidden;
  width: calc(100% - 6px);
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li:last-child {
  margin-bottom: 10px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li input {
  cursor: pointer;
  float: left;
  vertical-align: middle;
  margin: 9px;
  height: 12px;
  width: 12px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li label {
  margin: 8px;
  float: left;
  font-size: small;
  cursor: pointer;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li img {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  padding: 5px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li img.fileicon {
  display: inline-block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 5px 0px 5px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li img.flyto {
  background: white;
  border-left: 1px solid #787878;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li img.flyto:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup {
  list-style: none;
  background: linear-gradient(to bottom, #dedede, #cacaca, #dedede);
  box-shadow: #737373 3px 3px 4px 1px;
  height: 30px;
  vertical-align: middle;
  margin: 6px 0 0 0;
  border-radius: 5px;
  overflow: hidden;
  width: calc(100% - 6px);
  margin-bottom: 7px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup:hover {
  background: linear-gradient(to bottom, #e6e6e6, #cacaca, #c5c5c5);
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup:active {
  background: linear-gradient(to bottom, #dadada, #dadada, #dadada);
  box-shadow: #737373 1px 1px 2px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup.active {
  background: linear-gradient(to bottom, #d6d6d6, #e2e2e2, #d6d6d6);
  box-shadow: #737373 1px 1px 2px 0px;
  color: black;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup.active .flyto {
  background: white;
  border-left: 1px solid #787878;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup.active .flyto:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup div.clickContainer {
  height: 100%;
  width: calc(100% - 35px);
  display: inline-block;
  cursor: pointer;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup label {
  margin: 7px 0px;
  float: left;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup input {
  cursor: pointer;
  float: left;
  vertical-align: middle;
  margin: 10px;
  height: 12px;
  width: 12px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup img {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  padding: 5px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup img.fileicon {
  display: inline-block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 5px 0px 5px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup img.flyto {
  background: white;
  border-left: 1px solid #787878;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup img.flyto:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul {
  margin: 0px;
  padding-left: 0px;
  display: none;
  width: calc(100% - 20px);
  float: right;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul .active {
  display: block;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul .highlight {
  font-weight: bold;
  font-size: 45px;
  background-color: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li {
  list-style: none;
  background: white;
  height: 30px;
  vertical-align: middle;
  margin: 3px 0;
  border-radius: 5px;
  overflow: hidden;
  width: calc(100% - 6px);
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li input {
  cursor: pointer;
  float: left;
  vertical-align: middle;
  margin: 9px;
  height: 12px;
  width: 12px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li label {
  margin: 8px;
  float: left;
  font-size: small;
  cursor: pointer;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  padding: 5px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.fileicon {
  display: inline-block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 5px 0px 5px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.flyto {
  background: white;
  border-left: 1px solid #787878;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.flyto:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.handle {
  height: 24px;
  width: 24px;
  padding: 3px 3px 3px 0px;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.handle:hover {
  cursor: -webkit-grab;
  cursor: grab;
}
.jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.jqxContainer .combine_popup .conopview_popup {
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: 5px;
  padding: 0px 20px;
  width: calc(100% - 40px);
  cursor: default;
  z-index: 1;
  overflow: hidden;
  display: none;
  border-radius: 0px;
}
.jqxContainer .combine_popup .conopview_popup .inner-container {
  height: 100%;
  overflow-y: auto;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul {
  margin: 0px;
  padding-left: 0px;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul .highlight {
  font-weight: bold;
  font-size: 45px;
  background-color: lightgray;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li {
  list-style: none;
  background: #a1a1a1;
  height: 30px;
  vertical-align: middle;
  margin: 3px 0;
  border-radius: 5px;
  overflow: hidden;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li input {
  cursor: pointer;
  float: left;
  vertical-align: middle;
  margin: 9px;
  height: 12px;
  width: 12px;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li label {
  margin: 8px;
  float: left;
  font-size: small;
  cursor: pointer;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li img {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  padding: 5px;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li img.fileicon {
  display: inline-block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 5px 0px 5px 0px;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li img.flyto {
  background: #aaaaaa;
  border-left: 1px solid #787878;
  border-right: 1px solid #787878;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li img.flyto:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li img.handle {
  height: 24px;
  width: 24px;
  padding: 3px 3px 3px 0px;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li img.handle:hover {
  cursor: -webkit-grab;
  cursor: grab;
}
.jqxContainer .combine_popup .conopview_popup .inner-container ul li img.handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.jqxContainer .aic_popup {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 15px 10%;
  width: calc(100% - 20%);
  height: calc(100% - 30px);
  cursor: default;
  z-index: 91;
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 40px;
}
.jqxContainer .aic_popup h3 {
  text-align: center;
  margin: 0px;
}
.jqxContainer .aic_popup .itemsContainer label {
  font-weight: bold;
}
.jqxContainer .aic_popup .itemsContainer .toolcontainer {
  float: right;
  position: absolute;
  width: 40px;
  height: 80px;
  z-index: 2000;
  overflow: hidden;
}
.jqxContainer .aic_popup .itemsContainer .toolcontainer button {
  border-radius: 50%;
  height: 35px;
  width: 35px;
  background-size: 30px;
  background-repeat: no-repeat;
  outline: none;
}
.jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatpan {
  background-image: url("../../Images/icons/aic_window/arrows.png");
}
.jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatpan.active {
  background-image: url("../../Images/icons/aic_window/arrows2.png");
  background-color: grey;
}
.jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatcaption {
  background-image: url("../../Images/icons/aic_window/interface.png");
}
.jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatcaption.active {
  background-image: url("../../Images/icons/aic_window/interface2.png");
  background-color: grey;
}
.jqxContainer .aic_popup .itemsContainer .buttoncontainer button {
  height: 30px;
  width: 80px;
  border-radius: 3px;
  margin-right: 5px;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: white;
  padding: 0px 0px;
  border-width: 1px;
  border-style: outset;
  border-color: buttonface;
  -o-border-image: initial;
  border-image: initial;
  outline: none;
}
.jqxContainer .aic_popup .itemsContainer .buttoncontainer button:active {
  background: linear-gradient(to bottom, #b36f6f, #724343, #b36f6f);
}
.jqxContainer .aic_popup .itemsContainer .buttoncontainer button.active {
  background: linear-gradient(to bottom, #ca7e7e, #945757, #ca7e7e);
  color: white;
}
.jqxContainer .aic_popup .itemsContainer .fieldcontainer {
  display: flex;
  width: 100%;
}
.jqxContainer .aic_popup .itemsContainer .fieldcontainer .column1 {
  width: 50%;
  text-align: center;
}
.jqxContainer .aic_popup .itemsContainer .fieldcontainer .column1 select {
  width: 50%;
  padding: 3px;
  border-radius: 5px;
}
.jqxContainer .aic_popup .itemsContainer .fieldcontainer .column2 {
  width: 50%;
  text-align: center;
}
.jqxContainer .aic_popup .itemsContainer .fieldcontainer .column2 select {
  width: 50%;
  padding: 3px;
  border-radius: 5px;
}
.jqxContainer .aic_popup .imageContainer {
  position: relative;
  height: 100%;
  background: #80808054;
}
.jqxContainer .aic_popup .imageContainer .imgReveal {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.jqxContainer .aic_popup .imageContainer .imgReveal img {
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
}
.jqxContainer .aic_popup .imageContainer .img-comp-slider {
  position: absolute;
  z-index: 1000;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 25px;
  height: 25px;
  opacity: 0.7;
  border-radius: 50%;
  border: solid 5px #ffffffea;
}
.jqxContainer .dataviewer_popup {
  top: 0px;
  left: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  cursor: default;
  z-index: 91;
  overflow-y: hidden;
  overflow-x: hidden;
}
.jqxContainer .dataviewer_popup #header.noprint {
  display: none;
}
.jqxContainer .thematic_popup {
  top: 0px;
  left: 0px;
  padding: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  cursor: default;
  z-index: 91;
  overflow-y: hidden;
  overflow-x: hidden;
  line-height: 30px;
}
.jqxContainer .thematic_popup select {
  width: 100%;
  border-radius: 5px;
  padding: 5px 2px;
}
.jqxContainer .thematic_popup .buttoncontainer {
  text-align: center;
  margin-top: 10px;
}
.jqxContainer .thematic_popup .buttoncontainer button {
  margin: 0 auto;
  padding: 5px 20px;
  border-radius: 5px;
}
.jqxContainer .legend_popup {
  top: 0px;
  left: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  cursor: default;
  z-index: 91;
  overflow-y: auto;
  overflow-x: auto;
}
.jqxContainer .assettable_popup {
  top: 0px;
  left: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  cursor: default;
  z-index: 91;
  overflow-y: auto;
  overflow-x: auto;
}
.jqxContainer .ganttcontainer {
  height: inherit;
  display: flex;
  flex-direction: row;
  height: 100%;
}
.jqxContainer .ganttcontainer .leftbar {
  padding: 0px;
  height: 100%;
  width: 20%;
  background: #3f3f3f;
  margin-right: 5px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleList {
  background: #3f3f3f;
  height: calc(60% - 20px);
  position: relative;
  top: 30px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer {
  height: calc(100% - 20px);
  overflow-y: auto;
  margin: 0px 0 0 0;
  top: 0px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul {
  margin: 0 0px 0 0;
  list-style: none;
  line-height: 24px;
  padding: 0px;
  font-size: 15px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li {
  background: linear-gradient(to bottom, #505050, #181818, #000000);
  color: white;
  height: 30px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li:hover {
  cursor: pointer;
  background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li.active {
  background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li a {
  width: calc(100% - 75px);
  height: 24px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 3px;
  padding: 0;
  font-size: 13px;
  text-decoration: none;
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status {
  vertical-align: middle;
  float: left;
  height: 12px;
  width: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 9px 2px 9px 8px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status.file {
  background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Green_Icon_256.png");
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status.nofile {
  background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Gray_Icon_256.png");
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status.late {
  background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Red_Icon_256.png");
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.revision {
  vertical-align: middle;
  float: left;
  height: 12px;
  width: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 9px 0px 9px 2px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.revision.revised {
  background-image: url("../../Images/icons/admin_page/schedulestatus/check.png");
}
.jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.revision.none {
  background-image: none;
}
.jqxContainer .ganttcontainer .leftbar .propcontainer {
  position: relative;
  background: #3f3f3f;
  width: calc(100% - 150px);
  top: 20px;
  overflow: hidden;
  height: 16px;
  left: 20px;
  text-align: center;
  z-index: 1;
  color: white;
  display: inline-block;
  font-size: 14px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo {
  height: calc(40% - 40px);
  position: relative;
  bottom: -10px;
  background: #3f3f3f;
  overflow: auto;
  padding: 16px 5px 5px 5px;
  margin: 0px 8px 0px 8px;
  border: 1px solid grey;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer {
  padding: 0px;
  line-height: 25px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield {
  display: inline-flex;
  width: 100%;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column1 {
  font-size: 12px;
  padding: 3px;
  overflow: hidden;
  color: white;
  width: 30%;
  border: 1px solid black;
  border-top: none;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column1.first {
  border: 1px solid black;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column2 {
  font-size: 12px;
  padding: 3px;
  overflow: hidden;
  color: white;
  width: 70%;
  border: 1px solid black;
  border-top: none;
  border-left: none;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column2.first {
  border: 1px solid black;
  border-left: none;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer {
  height: calc(100% - 136px);
  font-size: 15px;
  overflow-y: auto;
  padding: 0px;
  position: relative;
  bottom: 0px;
  background: #3f3f3f;
  margin-top: 5px;
  border: 1px solid black;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul {
  margin: 0px;
  list-style: none;
  line-height: 20px;
  padding: 0px;
  font-size: 15px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li {
  background: linear-gradient(to bottom, #505050, #181818, #000000);
  color: white;
  margin: 5px;
  border-radius: 5px;
  padding: 0 5px;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li:hover {
  background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
  cursor: pointer;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li.active {
  background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li .revinfo {
  position: relative;
  left: 0px;
  height: 13px;
  width: 13px;
  /* border-radius: 5px; */
  display: inline-block;
  /* background: white; */
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../../Images/icons/admin_page/schedulestatus/info.png");
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li a {
  width: calc(100% - 30px);
  display: inline-block;
  margin-left: 2px;
  text-align: center;
  text-decoration: none;
}
.jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer input {
  width: 100%;
}
.jqxContainer .ganttcontainer .rightbar {
  width: 80%;
  height: inherit;
  top: 0px;
  display: inline-block;
  position: relative;
}
.jqxContainer .ganttcontainer .rightbar #gdiv {
  height: inherit;
  overflow-y: auto;
}
.jqxContainer .ganttcontainer .rightbar #scheduleMessage {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0px;
  text-align: center;
  align-content: center;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
}
.jqxContainer .menubutton {
  background-image: url("../../Images/icons/admin_page/sidebar/588a64e7d06f6719692a2d11.png");
  height: 20px;
  width: 20px;
  background-size: 100%;
  position: absolute;
  left: 0px;
  display: inline-block;
  z-index: 5;
  margin: 5px 5px;
}
.jqxContainer #scheduleType {
  float: left;
  position: absolute;
  left: 24px;
  width: calc(20% - 35px);
  margin: 5px 5px;
  border-radius: 4px;
}
.jqxContainer .loadingcontainer-splitcontent {
  display: none;
  position: absolute;
  height: calc(100% - 10px);
  width: calc(100% - 10px);
  background: rgba(78, 78, 78, 0.438);
}
.jqxContainer .loadingcontainer-splitcontent .loader {
  display: block;
  position: relative;
  top: calc(50% - 20px);
  left: calc(50% - 25px);
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.jqxContainer .loadingcontainer-splitcontent #message {
  text-align: center;
  position: relative;
  top: calc(50% - 8px);
  color: white;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.jqxContainer button#refreshpwfolder {
  position: absolute;
  right: 5px;
  top: 36px;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  background-image: url("../../images/icons/form/refresh.png");
  background-color: white;
  background-size: 100%;
  outline: none;
}
.jqxContainer button#refreshpwfolder:active {
  background-image: url("../../images/icons/form/refresh2.png");
}
.jqxContainer .camera_popup {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0 20px;
  width: calc(100% - 40px);
  height: 100%;
  cursor: default;
  z-index: 1;
  overflow: auto;
  display: block;
  border-radius: 0px;
}
.jqxContainer .camera_popup h3 {
  margin: 20px 0;
}
.jqxContainer .camera_popup ul {
  padding-left: 0px;
}
.jqxContainer .camera_popup ul .highlight {
  font-weight: bold;
  font-size: 45px;
  background-color: lightgray;
}
.jqxContainer .camera_popup ul li {
  list-style: none;
  background: #a1a1a1;
  height: 30px;
  vertical-align: middle;
  margin: 3px 0;
  border-radius: 5px;
  overflow: hidden;
}
.jqxContainer .camera_popup ul li label {
  margin: 8px;
  float: left;
  font-size: small;
}
.jqxContainer .camera_popup ul li img {
  display: inline-block;
  float: right;
  height: 20px;
  width: 20px;
  padding: 5px;
}
.jqxContainer .camera_popup ul li img.fileicon {
  display: inline-block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 5px 0px 5px 5px;
}
.jqxContainer .camera_popup ul li img.play, .jqxContainer .camera_popup ul li img.flyto, .jqxContainer .camera_popup ul li img.remove, .jqxContainer .camera_popup ul li img.edit {
  background: #aaaaaa;
  border-left: 1px solid #787878;
}
.jqxContainer .camera_popup ul li img.play:hover, .jqxContainer .camera_popup ul li img.flyto:hover, .jqxContainer .camera_popup ul li img.remove:hover, .jqxContainer .camera_popup ul li img.edit:hover {
  cursor: pointer;
  background: lightgray;
}
.jqxContainer .bi_popup {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  cursor: default;
  z-index: 91;
  overflow-y: hidden;
  overflow-x: hidden;
}
.jqxContainer .toolcontainer {
  padding: 10px;
  height: calc(100% - 20px);
  overflow: auto;
}
.jqxContainer .toolcontainer h5 {
  margin: 10px 0 5px 0;
}
.jqxContainer .toolcontainer .radio {
  margin-bottom: 10px;
}
.jqxContainer .toolcontainer .singlecolumn {
  background: lightgray;
  border-radius: 5px;
  font-size: 13px;
  padding: 5px;
  margin-bottom: 10px;
}
.jqxContainer .toolcontainer .singlecolumn input {
  width: calc(100% - 10px);
  border-radius: 5px;
  outline: none;
}
.jqxContainer .toolcontainer .singlecolumn button {
  margin-right: 10px;
  border-radius: 5px;
  padding: 5px 6px;
}
.jqxContainer .toolcontainer .singlecolumn progress {
  width: 100%;
  margin: 10px 0;
}
.jqxContainer .toolcontainer .singlecolumn p#videoFileName {
  color: grey;
  vertical-align: middle;
  width: calc(100% - 130px);
  overflow: hidden;
  background: white;
  border: 1px solid #bebebe;
  margin: 0px;
  padding: 3px 10px;
  border-radius: 5px;
  display: inline-block;
  min-height: 15px;
}
.jqxContainer .toolcontainer .singlecolumn .video-statuscontainer {
  width: 100%;
  margin-top: 10px;
  display: none;
}
.jqxContainer .toolcontainer .singlecolumn a#videoStatus {
  margin-left: calc(50% - 15px);
  width: 50px;
}
.jqxContainer .toolcontainer .singlecolumn a#videoStatus.noError {
  margin-left: calc(50% - 25px);
  width: 50px;
}
.jqxContainer .toolcontainer .inputcontainer {
  display: flex;
  background: lightgray;
  border-radius: 5px;
  font-size: 13px;
  margin-bottom: 10px;
}
.jqxContainer .toolcontainer .inputcontainer h5 {
  margin: 10px 0 5px 0;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 {
  width: 50%;
  position: relative;
  margin: 5px auto;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 label {
  width: 100%;
  text-align: center;
  margin: 0 5px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 input {
  margin: 0 5px;
  border-radius: 5px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 button {
  padding: 5px 10px;
  border-radius: 3px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column1.button {
  width: calc(50% - 10px);
  margin: 20px 5px 10px 5px;
  text-align: right;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 {
  width: 50%;
  position: relative;
  margin: 5px auto;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 label {
  width: 100%;
  text-align: center;
  margin: 0 5px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 input {
  margin: 0 5px;
  border-radius: 5px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 button {
  padding: 5px 10px;
  border-radius: 3px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column2.button {
  width: calc(50% - 10px);
  margin: 20px 5px 10px 5px;
  text-align: left;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column3 {
  width: 50%;
  position: relative;
  margin: 5px 1px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column3 label {
  width: 100%;
  text-align: center;
  margin: 0 5px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column3 input {
  margin: 0 5px;
  border-radius: 5px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column3 button {
  padding: 5px 10px;
  border-radius: 3px;
}
.jqxContainer .toolcontainer .inputcontainer.twocolumn .column3.button {
  width: calc(50% - 10px);
  margin: 20px 5px 10px 5px;
  text-align: left;
}
.jqxContainer .toolcontainer .inputcontainer.threecolumn .column1 {
  width: 33%;
  position: relative;
  margin: 5px auto;
}
.jqxContainer .toolcontainer .inputcontainer.threecolumn .column1 label {
  width: 100%;
  text-align: center;
  margin: 0 12px;
}
.jqxContainer .toolcontainer .inputcontainer.threecolumn .column1 input {
  width: calc(100% - 20px);
  margin: 0 10px;
  border-radius: 5px;
}
.jqxContainer .toolcontainer .inputcontainer.threecolumn .column2 {
  width: 33%;
  position: relative;
  margin: 5px auto;
}
.jqxContainer .toolcontainer .inputcontainer.threecolumn .column2 label {
  width: 100%;
  text-align: center;
  margin: 0 12px;
}
.jqxContainer .toolcontainer .inputcontainer.threecolumn .column2 input {
  width: calc(100% - 20px);
  margin: 0 10px;
  border-radius: 5px;
}
.jqxContainer .toolcontainer .inputcontainer.threecolumn .column3 {
  width: 33%;
  position: relative;
  margin: 5px auto;
}
.jqxContainer .toolcontainer .inputcontainer.threecolumn .column3 label {
  width: 100%;
  text-align: center;
  margin: 0 12px;
}
.jqxContainer .toolcontainer .inputcontainer.threecolumn .column3 input {
  width: calc(100% - 20px);
  margin: 0 10px;
  border-radius: 5px;
}
.jqxContainer .toolcontainer .buttoncontainer {
  width: 150px;
  margin: 15px 0 5px calc(50% - 75px);
  text-align: center;
}
.jqxContainer .toolcontainer .buttoncontainer button {
  border-radius: 5px;
  padding: 5px 15px;
}
.jqxContainer .toolcontainer .imageContainer {
  position: relative;
}
.jqxContainer .toolcontainer .imageContainer .verticalLine {
  background: rgba(0, 0, 255, 0.521);
  height: calc(100% - 3px);
  width: 3px;
  top: 0px;
  position: absolute;
}
.jqxContainer .toolcontainer .imageContainer #initImage {
  cursor: url("../../Images/ccrosshair.cur"), auto;
}
.jqxContainer .toolcontainer .imageContainer #initImage.active {
  cursor: default;
}
.jqxContainer .toolcontainer .instructionContainer {
  margin: 10px 0 0 0;
  display: flex;
  width: calc(100% - 20px);
  height: 20px;
  padding: 5px 10px;
  background: lightgrey;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.jqxContainer .toolcontainer .instructionContainer button {
  position: relative;
  float: right;
}
.jqxContainer .toolcontainer .instructionContainer button:hover {
  cursor: pointer;
}
.jqxContainer .toolcontainer .instructionContainer .instructionBox {
  width: 100%;
}
.jqxContainer .imodel_popup,
.jqxContainer .pwshare_popup,
.jqxContainer .pwissue_popup,
.jqxContainer .screenSketch_popup,
.jqxContainer .earthmine_popup,
.jqxContainer .azuremap_popup, .jqxContainer.sharepoint_popup {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  cursor: default;
  z-index: 91;
  overflow-y: hidden;
  overflow-x: auto;
}
.jqxContainer .imodel_popup iframe,
.jqxContainer .pwshare_popup iframe,
.jqxContainer .pwissue_popup iframe,
.jqxContainer .screenSketch_popup iframe,
.jqxContainer .earthmine_popup iframe,
.jqxContainer .azuremap_popup iframe, .jqxContainer.sharepoint_popup iframe {
  height: 100%;
  width: 100%;
  border: none;
}
.jqxContainer .assignments_popup, .jqxContainer .conopbrowser_popup, .jqxContainer #appWindow {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  cursor: default;
  z-index: 1;
  overflow: auto;
  display: block;
  border-radius: 0px;
  border: none;
}
.jqxContainer .assignments_popup .tabcontainer, .jqxContainer .conopbrowser_popup .tabcontainer, .jqxContainer #appWindow .tabcontainer {
  display: block;
}
.jqxContainer .assignments_popup .tabcontainer .tabs-item, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item, .jqxContainer #appWindow .tabcontainer .tabs-item {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 22px;
  margin-top: 6px;
}
.jqxContainer .assignments_popup .tabcontainer .tabs-item .tab, .jqxContainer .assignments_popup .tabcontainer .tabs-item .conopTab, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .tab, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .conopTab, .jqxContainer #appWindow .tabcontainer .tabs-item .tab, .jqxContainer #appWindow .tabcontainer .tabs-item .conopTab {
  display: inline;
  background: grey;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 3px 20px;
  margin: 0;
  color: white;
}
.jqxContainer .assignments_popup .tabcontainer .tabs-item .tab:hover, .jqxContainer .assignments_popup .tabcontainer .tabs-item .conopTab:hover, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .tab:hover, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .conopTab:hover, .jqxContainer #appWindow .tabcontainer .tabs-item .tab:hover, .jqxContainer #appWindow .tabcontainer .tabs-item .conopTab:hover {
  background: lightgrey;
  cursor: pointer;
}
.jqxContainer .assignments_popup .tabcontainer .tabs-item .tab.active, .jqxContainer .assignments_popup .tabcontainer .tabs-item .conopTab.active, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .tab.active, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .conopTab.active, .jqxContainer #appWindow .tabcontainer .tabs-item .tab.active, .jqxContainer #appWindow .tabcontainer .tabs-item .conopTab.active {
  background: transparent;
  color: black;
  font-weight: bold;
  border: 1px solid;
  border-bottom: none;
}
.jqxContainer .assignments_popup .content-container, .jqxContainer .conopbrowser_popup .content-container, .jqxContainer #appWindow .content-container {
  height: calc(100% - 30px);
  width: 100%;
}
.jqxContainer .assignments_popup .content-container .scrollcontainer, .jqxContainer .conopbrowser_popup .content-container .scrollcontainer, .jqxContainer #appWindow .content-container .scrollcontainer {
  height: 100%;
}
.jqxContainer .assignments_popup .content-container .scrollcontainer.active, .jqxContainer .conopbrowser_popup .content-container .scrollcontainer.active, .jqxContainer #appWindow .content-container .scrollcontainer.active {
  display: block;
}
.jqxContainer .assignments_popup .content-container .scrollcontainer iframe, .jqxContainer .conopbrowser_popup .content-container .scrollcontainer iframe, .jqxContainer #appWindow .content-container .scrollcontainer iframe {
  height: 100%;
  width: 100%;
  border: none;
}
.jqxContainer .vi_popup {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  cursor: default;
  z-index: 1;
  display: block;
  border-radius: 0px;
}
.jqxContainer .table_popup {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  cursor: default;
  z-index: 91;
  overflow-y: auto;
  overflow-x: auto;
  line-height: 30px;
}
.jqxContainer .table_popup button {
  border-radius: 3px;
}

.split {
  top: 0px;
  height: 100%;
}
.split .flyto_popup {
  position: relative;
  color: white;
  background: #2d2d2d;
  padding: 8px;
}
.split .flyto_popup h5 {
  display: inline-block;
  margin: 0px;
  padding: 0px 2px 0px 5px;
  width: 52px;
}
.split .flyto_popup select {
  display: inline-block;
  width: calc(100% - 72px);
  border-radius: 3px;
  padding: 2px;
}
.split .split.content {
  border: 1px solid #C0C0C0;
  box-shadow: inset 0 1px 2px #e4e4e4;
  background-color: white;
  widows: 100%;
  height: calc(100% - 3px);
  overflow-y: auto;
  margin: 0px;
}

.rightclickMenu,
.sub-rightclickMenu {
  display: none;
  position: absolute;
  background: #2d2d2d;
  border: 1px solid white;
  overflow: auto;
  top: 100px;
  left: 100px;
  box-shadow: 5px 5px 5px #3d3d3d8f;
}
.rightclickMenu.active,
.sub-rightclickMenu.active {
  display: block;
}
.rightclickMenu .menu,
.rightclickMenu .sub-menu,
.sub-rightclickMenu .menu,
.sub-rightclickMenu .sub-menu {
  list-style: none;
  margin: 0px;
  padding: 5px 0;
  line-height: 20px;
  font-size: 15px;
}
.rightclickMenu .menu .menu-item,
.rightclickMenu .menu .sub-menu-item,
.rightclickMenu .sub-menu .menu-item,
.rightclickMenu .sub-menu .sub-menu-item,
.sub-rightclickMenu .menu .menu-item,
.sub-rightclickMenu .menu .sub-menu-item,
.sub-rightclickMenu .sub-menu .menu-item,
.sub-rightclickMenu .sub-menu .sub-menu-item {
  padding: 5px 10px;
  color: white;
  vertical-align: middle;
}
.rightclickMenu .menu .menu-item:hover,
.rightclickMenu .menu .sub-menu-item:hover,
.rightclickMenu .sub-menu .menu-item:hover,
.rightclickMenu .sub-menu .sub-menu-item:hover,
.sub-rightclickMenu .menu .menu-item:hover,
.sub-rightclickMenu .menu .sub-menu-item:hover,
.sub-rightclickMenu .sub-menu .menu-item:hover,
.sub-rightclickMenu .sub-menu .sub-menu-item:hover {
  background: #555555;
  cursor: default;
}
.rightclickMenu .menu .menu-item span.itemicon,
.rightclickMenu .menu .sub-menu-item span.itemicon,
.rightclickMenu .sub-menu .menu-item span.itemicon,
.rightclickMenu .sub-menu .sub-menu-item span.itemicon,
.sub-rightclickMenu .menu .menu-item span.itemicon,
.sub-rightclickMenu .menu .sub-menu-item span.itemicon,
.sub-rightclickMenu .sub-menu .menu-item span.itemicon,
.sub-rightclickMenu .sub-menu .sub-menu-item span.itemicon {
  height: 20px;
  width: 20px;
  margin-right: 5px;
  display: inline-block;
}
.rightclickMenu .menu .menu-item span.itemicon img,
.rightclickMenu .menu .sub-menu-item span.itemicon img,
.rightclickMenu .sub-menu .menu-item span.itemicon img,
.rightclickMenu .sub-menu .sub-menu-item span.itemicon img,
.sub-rightclickMenu .menu .menu-item span.itemicon img,
.sub-rightclickMenu .menu .sub-menu-item span.itemicon img,
.sub-rightclickMenu .sub-menu .menu-item span.itemicon img,
.sub-rightclickMenu .sub-menu .sub-menu-item span.itemicon img {
  float: left;
  height: 20px;
  width: 20px;
  margin: 0px;
}
.rightclickMenu .menu .menu-item span,
.rightclickMenu .menu .sub-menu-item span,
.rightclickMenu .sub-menu .menu-item span,
.rightclickMenu .sub-menu .sub-menu-item span,
.sub-rightclickMenu .menu .menu-item span,
.sub-rightclickMenu .menu .sub-menu-item span,
.sub-rightclickMenu .sub-menu .menu-item span,
.sub-rightclickMenu .sub-menu .sub-menu-item span {
  vertical-align: middle;
}
.rightclickMenu .menu .menu-item span a,
.rightclickMenu .menu .sub-menu-item span a,
.rightclickMenu .sub-menu .menu-item span a,
.rightclickMenu .sub-menu .sub-menu-item span a,
.sub-rightclickMenu .menu .menu-item span a,
.sub-rightclickMenu .menu .sub-menu-item span a,
.sub-rightclickMenu .sub-menu .menu-item span a,
.sub-rightclickMenu .sub-menu .sub-menu-item span a {
  display: inline;
  text-decoration: none;
}
.rightclickMenu .menu .menu-item img,
.rightclickMenu .menu .sub-menu-item img,
.rightclickMenu .sub-menu .menu-item img,
.rightclickMenu .sub-menu .sub-menu-item img,
.sub-rightclickMenu .menu .menu-item img,
.sub-rightclickMenu .menu .sub-menu-item img,
.sub-rightclickMenu .sub-menu .menu-item img,
.sub-rightclickMenu .sub-menu .sub-menu-item img {
  float: right;
  height: 12x;
  width: 12px;
  margin: 6px 0 6px 12px;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  .main-button {
    position: absolute;
    width: 85px;
    top: 45%;
    align-items: center;
    right: 0px;
    padding-right: 15px;
    outline: none;
    z-index: 3;
  }
  .main-button #button-logo {
    cursor: pointer;
    box-sizing: border-box;
    padding: 0px;
    position: relative;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 0px;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    outline: none;
    background-image: to bottom, white 0%, #624848 26%, white 100%;
    border-radius: 50%;
    border-bottom: 1px solid #7b7b7b;
    top: 0;
  }
  .main-button #button-logo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .main-button #button-logo:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 3px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(to top, #674c4c 0%, #595959 3px);
    transition: all 0.1s ease-out;
    box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
  }
  .main-button #button-logo:hover {
    background: linear-gradient(to bottom, white, #8c8c8c);
    border-color: #636363;
  }
  .main-button #button-logo:active, .main-button #button-logo.active {
    top: 3px;
    background: linear-gradient(to bottom, #cecece, #636363);
    text-shadow: 0 -2px 0 white, 0 1px 1px white, 0 0 4px white;
    border-color: #555555;
  }
  .main-button #button-logo:active:before, .main-button #button-logo.active:before {
    top: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);
  }

  .second-button {
    display: none;
    position: absolute;
    align-items: center;
    width: 40px;
    height: 100%;
    right: 0px;
    line-height: 65px;
    padding-right: 30px;
    z-index: 2;
    text-align: center;
  }
  .second-button .button-menu {
    cursor: pointer;
    box-sizing: border-box;
    padding: 0px;
    height: 50px;
    width: 50px;
    display: inline-block;
    border: 0px;
    outline: none;
    background-image: to bottom, white 0%, #624848 26%, white 100%;
    border-radius: 50%;
    border-bottom: 1px solid #7b7b7b;
    top: 0;
    transition: all 0.1s ease-out;
    position: relative;
  }
  .second-button .button-menu:visited {
    color: #e6e6e6;
  }
  .second-button .button-menu img {
    position: relative;
    top: 3px;
    padding: 0px;
    margin: 0px;
    width: 30px;
    height: 30px;
    z-index: 1;
  }
  .second-button .button-menu#back {
    height: 30px;
    width: 30px;
    display: inline-block;
    border: 0px;
    outline: none;
    background-image: to bottom, white 0%, #624848 26%, white 100%;
    border-radius: 50%;
    border-bottom: 1px solid #7b7b7b;
    top: 0;
    transition: all 0.1s ease-out;
    position: relative;
  }
  .second-button .button-menu#back img {
    position: relative;
    top: 1px;
    padding: 0px;
    margin: 0px;
    width: 23px;
    height: 23px;
    z-index: 1;
  }
  .second-button .button-menu#back:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 3px;
    border-radius: 50%;
    height: 30px;
    background: linear-gradient(to top, #674c4c 0%, #595959 3px);
    transition: all 0.1s ease-out;
    box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
  }
  .second-button .button-menu:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 3px;
    border-radius: 50%;
    height: 50px;
    background: linear-gradient(to top, #674c4c 0%, #595959 3px);
    transition: all 0.1s ease-out;
    box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
  }
  .second-button .button-menu:hover {
    background: linear-gradient(to bottom, white, #8c8c8c);
    border-color: #636363;
  }
  .second-button .button-menu:active, .second-button .button-menu.active {
    top: 3px;
    background: linear-gradient(to bottom, #cecece, #636363);
    text-shadow: 0 -2px 0 white, 0 1px 1px white, 0 0 4px white;
    border-color: #555555;
  }
  .second-button .button-menu:active:before, .second-button .button-menu.active:before {
    top: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);
  }

  .sidemenu .third-button {
    display: none;
    position: absolute;
    align-items: center;
    line-height: 20px;
    height: 30px;
    right: 0px;
    margin-right: 35px;
    padding-right: 40px;
    z-index: 2;
  }
  .sidemenu .third-button button {
    box-sizing: border-box;
    position: relative;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    border: 0px;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    outline: none;
    background-image: to bottom, #c48484 0%, #483636 26%, white 100%;
    border-radius: 50%;
    border-bottom: 1px solid #7b7b7b;
    transition: all 0.1s ease-out;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: 8px;
    background-position-y: 8px;
  }
  .sidemenu .third-button button:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 3px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(to top, #674c4c 0%, black 3px);
    transition: all 0.1s ease-out;
    box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
  }
  .sidemenu .third-button button:hover {
    background: grey;
    border-color: #636363;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position-x: 8px;
    background-position-y: 8px;
  }
  .sidemenu .third-button button:active, .sidemenu .third-button button.active {
    top: 3pxpx;
    background: darkgrey;
    text-shadow: 0 -2px 0 #7e7e7e, 0 1px 1px #bebebe, 0 0 4px white;
    border-color: #3f3f3f;
    top: 3px;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position-x: 8px;
    background-position-y: 8px;
  }
  .sidemenu .third-button button:active:before, .sidemenu .third-button button.active:before {
    top: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);
  }
  .sidemenu .third-button button.tool#markupTools {
    background-image: url("../../images/icons/third_button/dark_red/draw.png");
  }
  .sidemenu .third-button button.tool#streetmaptoggle {
    background-image: url("../../images/icons/third_button/dark_red/streetview.png");
  }
  .sidemenu .third-button button.tool#SetCamAngle {
    background-image: url("../../images/icons/third_button/dark_red/123.png");
  }
  .sidemenu .third-button button.tool#SwitchSceneMod {
    background-image: url("../../images/icons/third_button/dark_red/2dmap.png");
  }
  .sidemenu .third-button button.tool#move {
    background-image: url("../../images/icons/third_button/dark_red/move.png");
  }
  .sidemenu .third-button button.tool#home {
    background-image: url("../../images/icons/third_button/dark_red/home.png");
  }
  .sidemenu .third-button button.tool#globe {
    background-image: url("../../images/icons/third_button/dark_red/globe.png");
  }
  .sidemenu .third-button button.tool#layer {
    background-image: url("../../images/icons/third_button/dark_red/layers.png");
  }
  .sidemenu .third-button button.measure#area {
    background-image: url("../../images/icons/third_button/dark_red/area.png");
  }
  .sidemenu .third-button button.measure#aic {
    background-image: url("../../images/icons/third_button/dark_red/compare.png");
  }
  .sidemenu .third-button button.measure#distance {
    background-image: url("../../images/icons/third_button/dark_red/width.png");
  }
  .sidemenu .third-button button.measure#point {
    background-image: url("../../images/icons/third_button/dark_red/location.png");
  }
  .sidemenu .third-button button.admin#layermanagement {
    background-image: url("../../images/icons/third_button/dark_red/data.png");
  }
  .sidemenu .third-button button.admin#administrative {
    background-image: url("../../images/icons/third_button/dark_red/administrative.png");
  }
  .sidemenu .third-button button.admin#uploadkmlfunction {
    background-image: url("../../images/icons/third_button/dark_red/upload.png");
  }
  .sidemenu .third-button button.nav#directory {
    background-image: url("../../images/icons/third_button/dark_red/folder.png");
  }
  .sidemenu .third-button button.nav#dashboard {
    background-image: url("../../images/icons/third_button/dark_red/dashboard.png");
  }
  .sidemenu .third-button button.nav#ganttchart {
    background-image: url("../../images/icons/third_button/dark_red/gantt-chart.png");
  }
  .sidemenu .third-button button.nav#arrangeview {
    background-image: url("../../images/icons/third_button/dark_red/arrange.png");
  }
  .sidemenu .third-button button.nav#camera {
    background-image: url("../../images/icons/third_button/dark_red/camera-feed.png");
  }
  .sidemenu .third-button button.nav#assettable {
    background-image: url("../../images/icons/third_button/dark_red/asset-table.png");
  }
  .sidemenu .third-button button.nav#earthMine {
    background-image: url("../../Images/icons/third_button/dark_red/360view.png");
  }

  .bottommenu {
    display: none;
    position: absolute;
    bottom: 0px;
    text-align: center;
    z-index: 2;
    left: 50%;
    height: 38px;
    background: #404040a6;
    padding: 5px;
    margin-bottom: 10px;
    transform: translate(-50%, 0px);
  }
  .bottommenu#markupTool {
    width: 402px;
    height: 46px;
  }
  .bottommenu .header {
    background: #000000;
    font-size: 10px;
    color: white;
  }
  .bottommenu .header button {
    position: absolute;
    right: 5px;
    width: 11px;
    height: 11px;
    border-radius: 10%;
    padding: 0px;
    margin: 0;
    border: 0;
  }
  .bottommenu .header button i {
    font-size: 10px;
    vertical-align: middle;
    padding: 0px;
    position: relative;
    top: -3px;
  }
  .bottommenu .buttonContainer {
    padding: 5px 6px 1px 3px;
    display: inline-block;
    border-right: solid black 1px;
  }
  .bottommenu .buttonContainer:last-child {
    border-right: none;
    padding: 5px 0px 2px 3px;
  }
  .bottommenu .buttonContainer label {
    display: block;
    font-size: 8px;
    color: #949494;
    margin-top: 2px;
  }
  .bottommenu .buttonContainer .markupButton, .bottommenu .buttonContainer .admin-function {
    height: 23px;
    width: 36px;
    cursor: pointer;
  }
  .bottommenu .buttonContainer .markupButton img, .bottommenu .buttonContainer .admin-function img {
    width: 65%;
    height: 65%;
  }
  .bottommenu .buttonContainer .color-picker-div {
    display: inline-block;
    height: 10px;
    width: 46px;
  }
  .bottommenu .buttonContainer .color-picker-div div.sp-replacer.sp-light {
    width: 42px;
    height: 21px;
    margin: 0px 0 0px 0;
    border: 1px solid #6f6f6f;
    top: 0px;
  }
  .bottommenu .buttonContainer .color-picker-div div.sp-replacer.sp-light div.sp-dd {
    line-height: 25px;
  }

  .jqxContainer {
    height: calc(100% - 10px);
    margin: 5px;
  }
  .jqxContainer .combine_popup {
    position: relative;
    left: 0px;
    padding: 0 20px;
    height: 100%;
    cursor: default;
    z-index: 1;
    overflow: auto;
    display: block;
    border-radius: 0px;
  }
  .jqxContainer .combine_popup .searchTable {
    float: right;
    position: relative;
    display: block;
    width: auto;
  }
  .jqxContainer .combine_popup .searchTable input {
    height: 20px;
    width: auto;
    border-radius: 5px;
  }
  .jqxContainer .combine_popup .expandButton {
    background: linear-gradient(to Bottom, #a7a7a7, #8b8b8b);
    border-radius: 5px;
  }
  .jqxContainer .combine_popup .expandButton h4 {
    margin: 10px 0 5px 0;
    padding: 5px;
    font-size: 10px;
  }
  .jqxContainer .combine_popup .expandButton:hover {
    background: linear-gradient(to Bottom, #b3b3b3, #8b8b8b);
    cursor: pointer;
  }
  .jqxContainer .combine_popup .expandButton.active {
    background: linear-gradient(to Bottom, #a9a9a9, #c7c7c7, #a9a9a9);
  }
  .jqxContainer .combine_popup .layer_popup {
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 5px;
    padding: 0 20px;
    width: calc(100% - 40px);
    background-color: #f7f7f7;
    cursor: default;
    z-index: 1;
    overflow: auto;
    display: block;
    border-radius: 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer {
    height: calc(100% - 10px);
    overflow-y: auto;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist {
    margin: 0px;
    padding-left: 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li {
    list-style: none;
    background: white;
    height: 22px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li:last-child {
    margin-bottom: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 6px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li label {
    margin: 3px;
    float: left;
    font-size: 10px;
    cursor: pointer;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img {
    display: inline-block;
    float: right;
    height: 15px;
    width: 15px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img.fileicon {
    display: inline-block;
    float: left;
    height: 15px;
    width: 15px;
    padding: 3px 0px 3px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img.flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup {
    list-style: none;
    background: linear-gradient(to bottom, #dedede, #cacaca, #dedede);
    box-shadow: #737373 3px 3px 4px 1px;
    height: 22px;
    vertical-align: middle;
    margin: 6px 0 0 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
    margin-bottom: 7px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup:hover {
    background: linear-gradient(to bottom, #e6e6e6, #cacaca, #c5c5c5);
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup:active {
    background: linear-gradient(to bottom, #dadada, #dadada, #dadada);
    box-shadow: #737373 1px 1px 2px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup.active {
    background: linear-gradient(to bottom, #d6d6d6, #e2e2e2, #d6d6d6);
    box-shadow: #737373 1px 1px 2px 0px;
    color: black;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup.active .flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup.active .flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup div.clickContainer {
    height: 100%;
    width: calc(100% - 25px);
    display: inline-block;
    cursor: pointer;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup label {
    margin: 5px 0px;
    float: left;
    font-size: 10px;
    cursor: pointer;
    font-weight: bold;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 6px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img {
    display: inline-block;
    float: right;
    height: 20px;
    width: 20px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img.fileicon {
    display: inline-block;
    float: left;
    height: 20px;
    width: 20px;
    padding: 5px 0px 5px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img.flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul {
    margin: 0px;
    padding-left: 0px;
    display: none;
    width: calc(100% - 20px);
    float: right;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul .active {
    display: block;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul .highlight {
    font-weight: bold;
    font-size: 45px;
    background-color: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li {
    list-style: none;
    background: white;
    height: 22px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 6px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li label {
    margin: 3px;
    float: left;
    cursor: pointer;
    font-size: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img {
    display: inline-block;
    float: right;
    height: 15px;
    width: 15px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.fileicon {
    display: inline-block;
    float: left;
    height: 15px;
    width: 15px;
    padding: 3px 0px 3px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.handle {
    height: 24px;
    width: 24px;
    padding: 3px 3px 3px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.handle:hover {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .jqxContainer .combine_popup .conopview_popup {
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 5px;
    padding: 0px 20px;
    width: calc(100% - 40px);
    cursor: default;
    z-index: 1;
    overflow: hidden;
    display: none;
    border-radius: 0px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container {
    height: 100%;
    overflow-y: auto;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul {
    margin: 0px;
    padding-left: 0px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul .highlight {
    font-weight: bold;
    font-size: 45px;
    background-color: lightgray;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li {
    list-style: none;
    background: #a1a1a1;
    height: 22px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 5px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li label {
    margin: 4px;
    float: left;
    cursor: pointer;
    font-size: 10px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img {
    display: inline-block;
    float: right;
    height: 20px;
    width: 20px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.fileicon {
    display: inline-block;
    float: left;
    height: 20px;
    width: 20px;
    padding: 5px 0px 5px 0px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.flyto {
    background: #aaaaaa;
    border-left: 1px solid #787878;
    border-right: 1px solid #787878;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.handle {
    height: 24px;
    width: 24px;
    padding: 3px 3px 3px 0px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.handle:hover {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .jqxContainer .aic_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 15px 10%;
    width: calc(100% - 20%);
    height: calc(100% - 30px);
    cursor: default;
    z-index: 91;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 40px;
  }
  .jqxContainer .aic_popup h3 {
    text-align: center;
    margin: 0px;
    font-size: 13px;
  }
  .jqxContainer .aic_popup .itemsContainer label {
    font-weight: bold;
    font-size: 12px;
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer {
    float: right;
    position: absolute;
    width: 40px;
    height: 70px;
    z-index: 2000;
    overflow: hidden;
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-size: 25px;
    background-repeat: no-repeat;
    outline: none;
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatpan {
    background-image: url("../../Images/icons/aic_window/arrows.png");
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatpan.active {
    background-image: url("../../Images/icons/aic_window/arrows2.png");
    background-color: grey;
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatcaption {
    background-image: url("../../Images/icons/aic_window/interface.png");
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatcaption.active {
    background-image: url("../../Images/icons/aic_window/interface2.png");
    background-color: grey;
  }
  .jqxContainer .aic_popup .itemsContainer .buttoncontainer button {
    height: 23px;
    width: 65px;
    border-radius: 3px;
    margin-right: 5px;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    padding: 0px 0px;
    border-width: 1px;
    border-style: outset;
    border-color: buttonface;
    -o-border-image: initial;
    border-image: initial;
    outline: none;
    font-size: 10px;
  }
  .jqxContainer .aic_popup .itemsContainer .buttoncontainer button:active {
    background: linear-gradient(to bottom, #b36f6f, #724343, #b36f6f);
  }
  .jqxContainer .aic_popup .itemsContainer .buttoncontainer button.active {
    background: linear-gradient(to bottom, #ca7e7e, #945757, #ca7e7e);
    color: white;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer {
    display: flex;
    width: 100%;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer .column1 {
    width: 50%;
    text-align: center;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer .column1 select {
    width: 50%;
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer .column2 {
    width: 50%;
    text-align: center;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer .column2 select {
    width: 50%;
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
  }
  .jqxContainer .aic_popup .imageContainer {
    position: relative;
    height: 100%;
    background: #80808054;
  }
  .jqxContainer .aic_popup .imageContainer .imgReveal {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 2px;
  }
  .jqxContainer .aic_popup .imageContainer .imgReveal img {
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
  }
  .jqxContainer .aic_popup .imageContainer .img-comp-slider {
    position: absolute;
    z-index: 1000;
    cursor: ew-resize;
    /*set the appearance of the slider:*/
    width: 25px;
    height: 25px;
    opacity: 0.7;
    border-radius: 50%;
    border: solid 5px #ffffffea;
  }
  .jqxContainer .dataviewer_popup {
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  .jqxContainer .dataviewer_popup #header.noprint {
    display: none;
  }
  .jqxContainer .thematic_popup {
    top: 0px;
    left: 0px;
    padding: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    cursor: default;
    z-index: 91;
    overflow-y: hidden;
    overflow-x: hidden;
    line-height: 25px;
  }
  .jqxContainer .thematic_popup label {
    font-size: 12px;
  }
  .jqxContainer .thematic_popup select {
    width: 100%;
    border-radius: 5px;
    padding: 4px 2px;
    font-size: 10px;
  }
  .jqxContainer .thematic_popup .buttoncontainer {
    text-align: center;
    margin-top: 10px;
  }
  .jqxContainer .thematic_popup .buttoncontainer button {
    margin: 0 auto;
    padding: 4px 15px;
    border-radius: 5px;
    font-size: 10px;
  }
  .jqxContainer .legend_popup {
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: auto;
    overflow-x: auto;
  }
  .jqxContainer .assettable_popup {
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: auto;
    overflow-x: auto;
  }
  .jqxContainer .ganttcontainer {
    height: inherit;
    display: flex;
    flex-direction: row;
    height: 100%;
  }
  .jqxContainer .ganttcontainer .leftbar {
    padding: 0px;
    height: 100%;
    width: 20%;
    background: #3f3f3f;
    margin-right: 5px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList {
    background: #3f3f3f;
    height: calc(60% - 15px);
    position: relative;
    top: 25px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer {
    height: calc(100% - 20px);
    overflow-y: auto;
    margin: 0px 0 0 0;
    top: 0px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul {
    margin: 0 0px 0 0;
    list-style: none;
    line-height: 24px;
    padding: 0px;
    font-size: 15px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li {
    background: linear-gradient(to bottom, #505050, #181818, #000000);
    color: white;
    height: 20px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li:hover {
    cursor: pointer;
    background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li.active {
    background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li a {
    width: calc(100% - 75px);
    height: 24px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: -5px 0 5px 0;
    padding: 0;
    font-size: 10px;
    text-decoration: none;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 2px 5px 8px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status.file {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Green_Icon_256.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status.nofile {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Gray_Icon_256.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status.late {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Red_Icon_256.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.revision {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 0px 5px 2px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.revision.revised {
    background-image: url("../../Images/icons/admin_page/schedulestatus/check.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.revision.none {
    background-image: none;
  }
  .jqxContainer .ganttcontainer .leftbar .propcontainer {
    position: relative;
    background: #3f3f3f;
    width: calc(100% - 145px);
    top: 15px;
    overflow: hidden;
    height: 15px;
    left: 20px;
    text-align: center;
    z-index: 1;
    color: white;
    display: inline-block;
    font-size: 10px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo {
    height: calc(40% - 40px);
    position: relative;
    bottom: -10px;
    background: #3f3f3f;
    overflow: auto;
    padding: 16px 5px 5px 5px;
    margin: 0px 8px 0px 8px;
    border: 1px solid grey;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer {
    padding: 0px;
    line-height: 15px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield {
    display: inline-flex;
    width: 100%;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column1 {
    font-size: 12px;
    padding: 3px;
    overflow: hidden;
    color: white;
    width: 30%;
    border: 1px solid black;
    border-top: none;
    font-size: 10px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column1.first {
    border: 1px solid black;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column2 {
    font-size: 12px;
    padding: 3px;
    overflow: hidden;
    color: white;
    width: 70%;
    border: 1px solid black;
    border-top: none;
    border-left: none;
    font-size: 10px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column2.first {
    border: 1px solid black;
    border-left: none;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer {
    height: calc(100% - 136px);
    font-size: 15px;
    overflow-y: auto;
    padding: 0px;
    position: relative;
    bottom: 0px;
    background: #3f3f3f;
    margin-top: 5px;
    border: 1px solid black;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul {
    margin: 0px;
    list-style: none;
    line-height: 20px;
    padding: 0px;
    font-size: 15px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li {
    background: linear-gradient(to bottom, #505050, #181818, #000000);
    color: white;
    margin: 5px;
    border-radius: 5px;
    padding: 0 5px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li:hover {
    background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
    cursor: pointer;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li.active {
    background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li .revinfo {
    position: relative;
    left: 0px;
    height: 10px;
    width: 10px;
    /* border-radius: 5px; */
    display: inline-block;
    /* background: white; */
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../../Images/icons/admin_page/schedulestatus/info.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li a {
    width: calc(100% - 30px);
    display: inline-block;
    margin-left: 2px;
    text-align: center;
    font-size: 10px;
    top: -2px;
    position: relative;
    text-decoration: none;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer input {
    width: 100%;
  }
  .jqxContainer .ganttcontainer .rightbar {
    width: 80%;
    height: inherit;
    top: 0px;
    display: inline-block;
    position: relative;
  }
  .jqxContainer .ganttcontainer .rightbar #gdiv {
    height: inherit;
    overflow-y: auto;
  }
  .jqxContainer .ganttcontainer .rightbar #scheduleMessage {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0px;
    text-align: center;
    align-content: center;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
  }
  .jqxContainer .menubutton {
    background-image: url("../../Images/icons/admin_page/sidebar/588a64e7d06f6719692a2d11.png");
    height: 15px;
    width: 15px;
    background-size: 100%;
    position: absolute;
    left: 0px;
    display: inline-block;
    z-index: 5;
    margin: 5px 10px;
  }
  .jqxContainer #scheduleType {
    float: left;
    position: absolute;
    left: 24px;
    width: calc(20% - 30px);
    margin: 5px 3px;
    border-radius: 4px;
    font-size: 10px;
  }
  .jqxContainer .loadingcontainer-splitcontent {
    display: none;
    position: absolute;
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    background: rgba(78, 78, 78, 0.438);
  }
  .jqxContainer .loadingcontainer-splitcontent .loader {
    display: block;
    position: relative;
    top: calc(50% - 20px);
    left: calc(50% - 25px);
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  .jqxContainer .loadingcontainer-splitcontent #message {
    text-align: center;
    position: relative;
    top: calc(50% - 8px);
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .jqxContainer button#refreshpwfolder {
    position: absolute;
    right: 5px;
    top: 36px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    background-image: url(../../images/icons/form/refresh.png);
    background-color: white;
    background-size: 100%;
    outline: none;
  }
  .jqxContainer button#refreshpwfolder:active {
    background-image: url("../../images/icons/form/refresh2.png");
  }
  .jqxContainer .camera_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0 20px;
    width: calc(100% - 40px);
    height: 100%;
    cursor: default;
    z-index: 1;
    overflow: auto;
    display: block;
    border-radius: 0px;
  }
  .jqxContainer .camera_popup h3 {
    margin: 20px 0;
  }
  .jqxContainer .camera_popup ul {
    padding-left: 0px;
  }
  .jqxContainer .camera_popup ul .highlight {
    font-weight: bold;
    font-size: 45px;
    background-color: lightgray;
  }
  .jqxContainer .camera_popup ul li {
    list-style: none;
    background: #a1a1a1;
    height: 20px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
  }
  .jqxContainer .camera_popup ul li label {
    margin: 4px;
    float: left;
    font-size: 10px;
  }
  .jqxContainer .camera_popup ul li img {
    display: inline-block;
    float: right;
    height: 15px;
    width: 15px;
    padding: 2px;
  }
  .jqxContainer .camera_popup ul li img.fileicon {
    display: inline-block;
    float: left;
    height: 15px;
    width: 15px;
    padding: 2px 5px 2px 5px;
  }
  .jqxContainer .camera_popup ul li img.play, .jqxContainer .camera_popup ul li img.flyto, .jqxContainer .camera_popup ul li img.remove, .jqxContainer .camera_popup ul li img.edit {
    background: #aaaaaa;
    border-left: 1px solid #787878;
  }
  .jqxContainer .camera_popup ul li img.play:hover, .jqxContainer .camera_popup ul li img.flyto:hover, .jqxContainer .camera_popup ul li img.remove:hover, .jqxContainer .camera_popup ul li img.edit:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .bi_popup {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  .jqxContainer .toolcontainer {
    padding: 10px;
    height: calc(100% - 20px);
    overflow: auto;
  }
  .jqxContainer .toolcontainer h5 {
    margin: 5px 0 5px 0;
    font-size: 10px;
  }
  .jqxContainer .toolcontainer .radio {
    margin-bottom: 10px;
  }
  .jqxContainer .toolcontainer .singlecolumn {
    background: lightgray;
    border-radius: 5px;
    font-size: 10px;
    padding: 5px;
    margin-bottom: 10px;
  }
  .jqxContainer .toolcontainer .singlecolumn input {
    width: calc(100% - 10px);
    border-radius: 5px;
    outline: none;
    font-size: 10px;
  }
  .jqxContainer .toolcontainer .singlecolumn button {
    margin-right: 10px;
    border-radius: 5px;
    padding: 5px 6px;
    font-size: 10px;
  }
  .jqxContainer .toolcontainer .singlecolumn progress {
    width: 100%;
    margin: 10px 0;
  }
  .jqxContainer .toolcontainer .singlecolumn p#videoFileName {
    color: grey;
    vertical-align: middle;
    width: calc(100% - 130px);
    overflow: hidden;
    background: white;
    border: 1px solid #bebebe;
    margin: 0px;
    padding: 3px 10px;
    border-radius: 5px;
    display: inline-block;
    min-height: 15px;
  }
  .jqxContainer .toolcontainer .singlecolumn .video-statuscontainer {
    width: 100%;
    margin-top: 10px;
    display: none;
  }
  .jqxContainer .toolcontainer .singlecolumn a#videoStatus {
    margin-left: calc(50% - 15px);
    width: 50px;
  }
  .jqxContainer .toolcontainer .singlecolumn a#videoStatus.noError {
    margin-left: calc(50% - 25px);
    width: 50px;
  }
  .jqxContainer .toolcontainer .inputcontainer {
    display: flex;
    background: lightgray;
    border-radius: 5px;
    font-size: 10px;
    margin-bottom: 10px;
  }
  .jqxContainer .toolcontainer .inputcontainer h5 {
    margin: 10px 0 5px 0;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 {
    width: 50%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 label {
    width: 100%;
    text-align: center;
    margin: 0 5px;
    top: -2px;
    position: relative;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 input {
    margin: 0 5px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 button {
    padding: 5px 10px;
    border-radius: 3px;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1.button {
    width: calc(50% - 10px);
    margin: 20px 5px 10px 5px;
    text-align: right;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 {
    width: 50%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 label {
    width: 100%;
    text-align: center;
    margin: 0 5px;
    top: -2px;
    position: relative;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 input {
    margin: 0 5px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 button {
    padding: 5px 10px;
    border-radius: 3px;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2.button {
    width: calc(50% - 10px);
    margin: 20px 5px 10px 5px;
    text-align: left;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column1 {
    width: 33%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column1 label {
    width: 100%;
    text-align: center;
    margin: 0 12px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column1 input {
    width: calc(100% - 20px);
    margin: 0 10px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column2 {
    width: 33%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column2 label {
    width: 100%;
    text-align: center;
    margin: 0 12px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column2 input {
    width: calc(100% - 20px);
    margin: 0 10px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column3 {
    width: 33%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column3 label {
    width: 100%;
    text-align: center;
    margin: 0 12px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column3 input {
    width: calc(100% - 20px);
    margin: 0 10px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .buttoncontainer {
    width: 150px;
    margin: 15px 0 5px calc(50% - 75px);
    text-align: center;
  }
  .jqxContainer .toolcontainer .buttoncontainer button {
    border-radius: 5px;
    padding: 3px 13px;
    font-size: 10px;
  }
  .jqxContainer .toolcontainer .imageContainer {
    position: relative;
  }
  .jqxContainer .toolcontainer .imageContainer .verticalLine {
    background: rgba(0, 0, 255, 0.521);
    height: calc(100% - 3px);
    width: 3px;
    top: 0px;
    position: absolute;
  }
  .jqxContainer .toolcontainer .imageContainer #initImage {
    cursor: url("../../Images/ccrosshair.cur"), auto;
  }
  .jqxContainer .toolcontainer .imageContainer #initImage.active {
    cursor: default;
  }
  .jqxContainer .toolcontainer .instructionContainer {
    margin: 10px 0 0 0;
    display: flex;
    width: calc(100% - 20px);
    height: 20px;
    padding: 5px 10px;
    font-size: 10px;
    background: lightgrey;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .jqxContainer .toolcontainer .instructionContainer button {
    position: relative;
    float: right;
  }
  .jqxContainer .toolcontainer .instructionContainer button:hover {
    cursor: pointer;
  }
  .jqxContainer .toolcontainer .instructionContainer .instructionBox {
    width: 100%;
  }
  .jqxContainer .imodel_popup,
.jqxContainer .pwshare_popup,
.jqxContainer .pwissue_popup,
.jqxContainer .screenSketch_popup,
.jqxContainer .earthmine_popup,
.jqxContainer .azuremap_popup,
.jqxContainer .sharepoint_popup, .jqxContainer.appWindow_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: hidden;
    overflow-x: auto;
  }
  .jqxContainer .imodel_popup iframe,
.jqxContainer .pwshare_popup iframe,
.jqxContainer .pwissue_popup iframe,
.jqxContainer .screenSketch_popup iframe,
.jqxContainer .earthmine_popup iframe,
.jqxContainer .azuremap_popup iframe,
.jqxContainer .sharepoint_popup iframe, .jqxContainer.appWindow_popup iframe {
    height: 100%;
    width: 100%;
    border: none;
  }
  .jqxContainer .assignments_popup, .jqxContainer .conopbrowser_popup, .jqxContainer #appWindow {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 1;
    overflow: auto;
    display: block;
    border-radius: 0px;
    border: none;
  }
  .jqxContainer .assignments_popup .tabcontainer, .jqxContainer .conopbrowser_popup .tabcontainer, .jqxContainer #appWindow .tabcontainer {
    display: block;
  }
  .jqxContainer .assignments_popup .tabcontainer .tabs-item, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item, .jqxContainer #appWindow .tabcontainer .tabs-item {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 22px;
    margin-top: 6px;
  }
  .jqxContainer .assignments_popup .tabcontainer .tabs-item .tab, .jqxContainer .assignments_popup .tabcontainer .tabs-item .conopTab, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .tab, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .conopTab, .jqxContainer #appWindow .tabcontainer .tabs-item .tab, .jqxContainer #appWindow .tabcontainer .tabs-item .conopTab {
    display: inline;
    background: grey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px 20px;
    margin: 0;
    color: white;
  }
  .jqxContainer .assignments_popup .tabcontainer .tabs-item .tab:hover, .jqxContainer .assignments_popup .tabcontainer .tabs-item .conopTab:hover, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .tab:hover, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .conopTab:hover, .jqxContainer #appWindow .tabcontainer .tabs-item .tab:hover, .jqxContainer #appWindow .tabcontainer .tabs-item .conopTab:hover {
    background: lightgrey;
    cursor: pointer;
  }
  .jqxContainer .assignments_popup .tabcontainer .tabs-item .tab.active, .jqxContainer .assignments_popup .tabcontainer .tabs-item .conopTab.active, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .tab.active, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .conopTab.active, .jqxContainer #appWindow .tabcontainer .tabs-item .tab.active, .jqxContainer #appWindow .tabcontainer .tabs-item .conopTab.active {
    background: transparent;
    color: black;
    font-weight: bold;
    border: 1px solid;
    border-bottom: none;
  }
  .jqxContainer .assignments_popup .content-container, .jqxContainer .conopbrowser_popup .content-container, .jqxContainer #appWindow .content-container {
    height: calc(100% - 30px);
    width: 100%;
  }
  .jqxContainer .assignments_popup .content-container .scrollcontainer, .jqxContainer .conopbrowser_popup .content-container .scrollcontainer, .jqxContainer #appWindow .content-container .scrollcontainer {
    height: 100%;
  }
  .jqxContainer .assignments_popup .content-container .scrollcontainer.active, .jqxContainer .conopbrowser_popup .content-container .scrollcontainer.active, .jqxContainer #appWindow .content-container .scrollcontainer.active {
    display: block;
  }
  .jqxContainer .assignments_popup .content-container .scrollcontainer iframe, .jqxContainer .conopbrowser_popup .content-container .scrollcontainer iframe, .jqxContainer #appWindow .content-container .scrollcontainer iframe {
    height: 100%;
    width: 100%;
    border: none;
  }
  .jqxContainer .vi_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 1;
    display: block;
    border-radius: 0px;
  }
  .jqxContainer .table_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: auto;
    overflow-x: auto;
    line-height: 30px;
    font-size: 11px;
  }
  .jqxContainer .table_popup button {
    border-radius: 3px;
  }

  .rightclickMenu,
.sub-rightclickMenu {
    display: none;
    position: absolute;
    background: #2d2d2d;
    border: 1px solid white;
    overflow: auto;
    top: 100px;
    left: 100px;
    box-shadow: 5px 5px 5px #3d3d3d8f;
  }
  .rightclickMenu.active,
.sub-rightclickMenu.active {
    display: block;
  }
  .rightclickMenu .menu,
.rightclickMenu .sub-menu,
.sub-rightclickMenu .menu,
.sub-rightclickMenu .sub-menu {
    list-style: none;
    margin: 0px;
    padding: 5px 0;
    line-height: 20px;
    font-size: 10px;
  }
  .rightclickMenu .menu .menu-item,
.rightclickMenu .menu .sub-menu-item,
.rightclickMenu .sub-menu .menu-item,
.rightclickMenu .sub-menu .sub-menu-item,
.sub-rightclickMenu .menu .menu-item,
.sub-rightclickMenu .menu .sub-menu-item,
.sub-rightclickMenu .sub-menu .menu-item,
.sub-rightclickMenu .sub-menu .sub-menu-item {
    padding: 1px 5px;
    color: white;
    vertical-align: middle;
  }
  .rightclickMenu .menu .menu-item:hover,
.rightclickMenu .menu .sub-menu-item:hover,
.rightclickMenu .sub-menu .menu-item:hover,
.rightclickMenu .sub-menu .sub-menu-item:hover,
.sub-rightclickMenu .menu .menu-item:hover,
.sub-rightclickMenu .menu .sub-menu-item:hover,
.sub-rightclickMenu .sub-menu .menu-item:hover,
.sub-rightclickMenu .sub-menu .sub-menu-item:hover {
    background: #555555;
    cursor: default;
  }
  .rightclickMenu .menu .menu-item span.itemicon,
.rightclickMenu .menu .sub-menu-item span.itemicon,
.rightclickMenu .sub-menu .menu-item span.itemicon,
.rightclickMenu .sub-menu .sub-menu-item span.itemicon,
.sub-rightclickMenu .menu .menu-item span.itemicon,
.sub-rightclickMenu .menu .sub-menu-item span.itemicon,
.sub-rightclickMenu .sub-menu .menu-item span.itemicon,
.sub-rightclickMenu .sub-menu .sub-menu-item span.itemicon {
    height: 20px;
    width: 20px;
    display: inline-block;
  }
  .rightclickMenu .menu .menu-item span.itemicon img,
.rightclickMenu .menu .sub-menu-item span.itemicon img,
.rightclickMenu .sub-menu .menu-item span.itemicon img,
.rightclickMenu .sub-menu .sub-menu-item span.itemicon img,
.sub-rightclickMenu .menu .menu-item span.itemicon img,
.sub-rightclickMenu .menu .sub-menu-item span.itemicon img,
.sub-rightclickMenu .sub-menu .menu-item span.itemicon img,
.sub-rightclickMenu .sub-menu .sub-menu-item span.itemicon img {
    float: left;
    height: 15px;
    width: 15px;
  }
  .rightclickMenu .menu .menu-item span,
.rightclickMenu .menu .sub-menu-item span,
.rightclickMenu .sub-menu .menu-item span,
.rightclickMenu .sub-menu .sub-menu-item span,
.sub-rightclickMenu .menu .menu-item span,
.sub-rightclickMenu .menu .sub-menu-item span,
.sub-rightclickMenu .sub-menu .menu-item span,
.sub-rightclickMenu .sub-menu .sub-menu-item span {
    vertical-align: middle;
  }
  .rightclickMenu .menu .menu-item span a,
.rightclickMenu .menu .sub-menu-item span a,
.rightclickMenu .sub-menu .menu-item span a,
.rightclickMenu .sub-menu .sub-menu-item span a,
.sub-rightclickMenu .menu .menu-item span a,
.sub-rightclickMenu .menu .sub-menu-item span a,
.sub-rightclickMenu .sub-menu .menu-item span a,
.sub-rightclickMenu .sub-menu .sub-menu-item span a {
    display: inline;
    text-decoration: none;
  }
  .rightclickMenu .menu .menu-item img,
.rightclickMenu .menu .sub-menu-item img,
.rightclickMenu .sub-menu .menu-item img,
.rightclickMenu .sub-menu .sub-menu-item img,
.sub-rightclickMenu .menu .menu-item img,
.sub-rightclickMenu .menu .sub-menu-item img,
.sub-rightclickMenu .sub-menu .menu-item img,
.sub-rightclickMenu .sub-menu .sub-menu-item img {
    float: right;
    height: 12x;
    width: 12px;
    margin: 2px;
  }
}
@media screen and (max-width: 1366px) {
  .main-button {
    position: absolute;
    width: 85px;
    top: 45%;
    align-items: center;
    right: 0px;
    padding-right: 15px;
    outline: none;
    z-index: 3;
  }
  .main-button #button-logo {
    cursor: pointer;
    box-sizing: border-box;
    padding: 0px;
    position: relative;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 0px;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    outline: none;
    background-image: to bottom, white 0%, #624848 26%, white 100%;
    border-radius: 50%;
    border-bottom: 1px solid #7b7b7b;
    top: 0;
  }
  .main-button #button-logo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .main-button #button-logo:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 3px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(to top, #674c4c 0%, #595959 3px);
    transition: all 0.1s ease-out;
    box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
  }
  .main-button #button-logo:hover {
    background: linear-gradient(to bottom, white, #8c8c8c);
    border-color: #636363;
  }
  .main-button #button-logo:active, .main-button #button-logo.active {
    top: 3px;
    background: linear-gradient(to bottom, #cecece, #636363);
    text-shadow: 0 -2px 0 white, 0 1px 1px white, 0 0 4px white;
    border-color: #555555;
  }
  .main-button #button-logo:active:before, .main-button #button-logo.active:before {
    top: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);
  }

  .second-button {
    display: none;
    position: absolute;
    align-items: center;
    width: 40px;
    height: 100%;
    right: 0px;
    line-height: 65px;
    padding-right: 30px;
    z-index: 2;
    text-align: center;
  }
  .second-button .button-menu {
    cursor: pointer;
    box-sizing: border-box;
    padding: 0px;
    height: 50px;
    width: 50px;
    display: inline-block;
    border: 0px;
    outline: none;
    background-image: to bottom, white 0%, #624848 26%, white 100%;
    border-radius: 50%;
    border-bottom: 1px solid #7b7b7b;
    top: 0;
    transition: all 0.1s ease-out;
    position: relative;
  }
  .second-button .button-menu:visited {
    color: #e6e6e6;
  }
  .second-button .button-menu img {
    position: relative;
    top: 3px;
    padding: 0px;
    margin: 0px;
    width: 30px;
    height: 30px;
    z-index: 1;
  }
  .second-button .button-menu#back {
    height: 30px;
    width: 30px;
    display: inline-block;
    border: 0px;
    outline: none;
    background-image: to bottom, white 0%, #624848 26%, white 100%;
    border-radius: 50%;
    border-bottom: 1px solid #7b7b7b;
    top: 0;
    transition: all 0.1s ease-out;
    position: relative;
  }
  .second-button .button-menu#back img {
    position: relative;
    top: 1px;
    padding: 0px;
    margin: 0px;
    width: 23px;
    height: 23px;
    z-index: 1;
  }
  .second-button .button-menu#back:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 3px;
    border-radius: 50%;
    height: 30px;
    background: linear-gradient(to top, #674c4c 0%, #595959 3px);
    transition: all 0.1s ease-out;
    box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
  }
  .second-button .button-menu:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 3px;
    border-radius: 50%;
    height: 50px;
    background: linear-gradient(to top, #674c4c 0%, #595959 3px);
    transition: all 0.1s ease-out;
    box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
  }
  .second-button .button-menu:hover {
    background: linear-gradient(to bottom, white, #8c8c8c);
    border-color: #636363;
  }
  .second-button .button-menu:active, .second-button .button-menu.active {
    top: 3px;
    background: linear-gradient(to bottom, #cecece, #636363);
    text-shadow: 0 -2px 0 white, 0 1px 1px white, 0 0 4px white;
    border-color: #555555;
  }
  .second-button .button-menu:active:before, .second-button .button-menu.active:before {
    top: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);
  }

  .sidemenu .third-button {
    display: none;
    position: absolute;
    align-items: center;
    line-height: 20px;
    height: 30px;
    right: 0px;
    margin-right: 35px;
    padding-right: 40px;
    z-index: 2;
  }
  .sidemenu .third-button button {
    box-sizing: border-box;
    position: relative;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    border: 0px;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    outline: none;
    background-image: to bottom, #c48484 0%, #483636 26%, white 100%;
    border-radius: 50%;
    border-bottom: 1px solid #7b7b7b;
    transition: all 0.1s ease-out;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: 8px;
    background-position-y: 8px;
  }
  .sidemenu .third-button button:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 3px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(to top, #674c4c 0%, black 3px);
    transition: all 0.1s ease-out;
    box-shadow: 0 1.5px 0 2.5px rgba(0, 0, 0, 0.3), 0 5px 1.2px rgba(0, 0, 0, 0.5), 0 5.4px 9px rgba(0, 0, 0, 0.2);
  }
  .sidemenu .third-button button:hover {
    background: grey;
    border-color: #636363;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position-x: 8px;
    background-position-y: 8px;
  }
  .sidemenu .third-button button:active, .sidemenu .third-button button.active {
    top: 3pxpx;
    background: darkgrey;
    text-shadow: 0 -2px 0 #7e7e7e, 0 1px 1px #bebebe, 0 0 4px white;
    border-color: #3f3f3f;
    top: 3px;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position-x: 8px;
    background-position-y: 8px;
  }
  .sidemenu .third-button button:active:before, .sidemenu .third-button button.active:before {
    top: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7), 0 3px 9px rgba(0, 0, 0, 0.2);
  }
  .sidemenu .third-button button.tool#markupTools {
    background-image: url("../../images/icons/third_button/dark_red/draw.png");
  }
  .sidemenu .third-button button.tool#streetmaptoggle {
    background-image: url("../../images/icons/third_button/dark_red/streetview.png");
  }
  .sidemenu .third-button button.tool#SetCamAngle {
    background-image: url("../../images/icons/third_button/dark_red/123.png");
  }
  .sidemenu .third-button button.tool#SwitchSceneMod {
    background-image: url("../../images/icons/third_button/dark_red/2dmap.png");
  }
  .sidemenu .third-button button.tool#move {
    background-image: url("../../images/icons/third_button/dark_red/move.png");
  }
  .sidemenu .third-button button.tool#home {
    background-image: url("../../images/icons/third_button/dark_red/home.png");
  }
  .sidemenu .third-button button.tool#globe {
    background-image: url("../../images/icons/third_button/dark_red/globe.png");
  }
  .sidemenu .third-button button.tool#layer {
    background-image: url("../../images/icons/third_button/dark_red/layers.png");
  }
  .sidemenu .third-button button.measure#area {
    background-image: url("../../images/icons/third_button/dark_red/area.png");
  }
  .sidemenu .third-button button.measure#aic {
    background-image: url("../../images/icons/third_button/dark_red/compare.png");
  }
  .sidemenu .third-button button.measure#distance {
    background-image: url("../../images/icons/third_button/dark_red/width.png");
  }
  .sidemenu .third-button button.measure#point {
    background-image: url("../../images/icons/third_button/dark_red/location.png");
  }
  .sidemenu .third-button button.admin#layermanagement {
    background-image: url("../../images/icons/third_button/dark_red/data.png");
  }
  .sidemenu .third-button button.admin#administrative {
    background-image: url("../../images/icons/third_button/dark_red/administrative.png");
  }
  .sidemenu .third-button button.admin#uploadkmlfunction {
    background-image: url("../../images/icons/third_button/dark_red/upload.png");
  }
  .sidemenu .third-button button.nav#directory {
    background-image: url("../../images/icons/third_button/dark_red/folder.png");
  }
  .sidemenu .third-button button.nav#dashboard {
    background-image: url("../../images/icons/third_button/dark_red/dashboard.png");
  }
  .sidemenu .third-button button.nav#ganttchart {
    background-image: url("../../images/icons/third_button/dark_red/gantt-chart.png");
  }
  .sidemenu .third-button button.nav#arrangeview {
    background-image: url("../../images/icons/third_button/dark_red/arrange.png");
  }
  .sidemenu .third-button button.nav#camera {
    background-image: url("../../images/icons/third_button/dark_red/camera-feed.png");
  }
  .sidemenu .third-button button.nav#assettable {
    background-image: url("../../images/icons/third_button/dark_red/asset-table.png");
  }
  .sidemenu .third-button button.nav#earthMine {
    background-image: url("../../Images/icons/third_button/dark_red/360view.png");
  }

  .bottommenu {
    display: none;
    position: absolute;
    bottom: 0px;
    text-align: center;
    z-index: 2;
    left: 50%;
    height: 38px;
    background: #404040a6;
    padding: 5px;
    margin-bottom: 10px;
    transform: translate(-50%, 0px);
  }
  .bottommenu#markupTool {
    width: 402px;
    height: 46px;
  }
  .bottommenu .header {
    background: #000000;
    font-size: 10px;
    color: white;
  }
  .bottommenu .header button {
    position: absolute;
    right: 5px;
    width: 11px;
    height: 11px;
    border-radius: 10%;
    padding: 0px;
    margin: 0;
    border: 0;
  }
  .bottommenu .header button i {
    font-size: 10px;
    vertical-align: middle;
    padding: 0px;
    position: relative;
    top: -3px;
  }
  .bottommenu .buttonContainer {
    padding: 5px 6px 1px 3px;
    display: inline-block;
    border-right: solid black 1px;
  }
  .bottommenu .buttonContainer:last-child {
    border-right: none;
    padding: 5px 0px 2px 3px;
  }
  .bottommenu .buttonContainer label {
    display: block;
    font-size: 8px;
    color: #949494;
    margin-top: 2px;
  }
  .bottommenu .buttonContainer .markupButton, .bottommenu .buttonContainer .admin-function {
    height: 23px;
    width: 36px;
    cursor: pointer;
  }
  .bottommenu .buttonContainer .markupButton img, .bottommenu .buttonContainer .admin-function img {
    width: 65%;
    height: 65%;
  }
  .bottommenu .buttonContainer .color-picker-div {
    display: inline-block;
    height: 10px;
    width: 46px;
  }
  .bottommenu .buttonContainer .color-picker-div div.sp-replacer.sp-light {
    width: 42px;
    height: 21px;
    margin: 0px 0 0px 0;
    border: 1px solid #6f6f6f;
    top: 0px;
  }
  .bottommenu .buttonContainer .color-picker-div div.sp-replacer.sp-light div.sp-dd {
    line-height: 25px;
  }

  .jqxContainer {
    height: calc(100% - 10px);
    margin: 5px;
  }
  .jqxContainer .combine_popup {
    position: relative;
    left: 0px;
    padding: 0 20px;
    height: 100%;
    cursor: default;
    z-index: 1;
    overflow: auto;
    display: block;
    border-radius: 0px;
  }
  .jqxContainer .combine_popup .searchTable {
    float: right;
    position: relative;
    display: block;
    width: auto;
  }
  .jqxContainer .combine_popup .searchTable input {
    height: 20px;
    width: auto;
    border-radius: 5px;
  }
  .jqxContainer .combine_popup .expandButton {
    background: linear-gradient(to Bottom, #a7a7a7, #8b8b8b);
    border-radius: 5px;
  }
  .jqxContainer .combine_popup .expandButton h4 {
    margin: 10px 0 5px 0;
    padding: 5px;
    font-size: 10px;
  }
  .jqxContainer .combine_popup .expandButton:hover {
    background: linear-gradient(to Bottom, #b3b3b3, #8b8b8b);
    cursor: pointer;
  }
  .jqxContainer .combine_popup .expandButton.active {
    background: linear-gradient(to Bottom, #a9a9a9, #c7c7c7, #a9a9a9);
  }
  .jqxContainer .combine_popup .layer_popup {
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 5px;
    padding: 0 20px;
    width: calc(100% - 40px);
    background-color: #f7f7f7;
    cursor: default;
    z-index: 1;
    overflow: auto;
    display: block;
    border-radius: 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer {
    height: calc(100% - 10px);
    overflow-y: auto;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist {
    margin: 0px;
    padding-left: 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li {
    list-style: none;
    background: white;
    height: 22px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li:last-child {
    margin-bottom: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 6px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li label {
    margin: 3px;
    float: left;
    font-size: 10px;
    cursor: pointer;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img {
    display: inline-block;
    float: right;
    height: 15px;
    width: 15px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img.fileicon {
    display: inline-block;
    float: left;
    height: 15px;
    width: 15px;
    padding: 3px 0px 3px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img.flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup {
    list-style: none;
    background: linear-gradient(to bottom, #dedede, #cacaca, #dedede);
    box-shadow: #737373 3px 3px 4px 1px;
    height: 22px;
    vertical-align: middle;
    margin: 6px 0 0 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
    margin-bottom: 7px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup:hover {
    background: linear-gradient(to bottom, #e6e6e6, #cacaca, #c5c5c5);
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup:active {
    background: linear-gradient(to bottom, #dadada, #dadada, #dadada);
    box-shadow: #737373 1px 1px 2px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup.active {
    background: linear-gradient(to bottom, #d6d6d6, #e2e2e2, #d6d6d6);
    box-shadow: #737373 1px 1px 2px 0px;
    color: black;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup.active .flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup.active .flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup div.clickContainer {
    height: 100%;
    width: calc(100% - 25px);
    display: inline-block;
    cursor: pointer;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup label {
    margin: 5px 0px;
    float: left;
    font-size: 10px;
    cursor: pointer;
    font-weight: bold;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 6px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img {
    display: inline-block;
    float: right;
    height: 20px;
    width: 20px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img.fileicon {
    display: inline-block;
    float: left;
    height: 20px;
    width: 20px;
    padding: 5px 0px 5px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img.flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist li.layergroup img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul {
    margin: 0px;
    padding-left: 0px;
    display: none;
    width: calc(100% - 20px);
    float: right;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul .active {
    display: block;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul .highlight {
    font-weight: bold;
    font-size: 45px;
    background-color: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li {
    list-style: none;
    background: white;
    height: 22px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 6px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li label {
    margin: 3px;
    float: left;
    cursor: pointer;
    font-size: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img {
    display: inline-block;
    float: right;
    height: 15px;
    width: 15px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.fileicon {
    display: inline-block;
    float: left;
    height: 15px;
    width: 15px;
    padding: 3px 0px 3px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.handle {
    height: 24px;
    width: 24px;
    padding: 3px 3px 3px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.handle:hover {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.layergrouplist ul li img.handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList {
    margin: 0px;
    padding-left: 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li {
    list-style: none;
    background: white;
    height: 22px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li:last-child {
    margin-bottom: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 6px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li label {
    margin: 3px;
    float: left;
    font-size: 10px;
    cursor: pointer;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li img {
    display: inline-block;
    float: right;
    height: 15px;
    width: 15px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li img.fileicon {
    display: inline-block;
    float: left;
    height: 15px;
    width: 15px;
    padding: 3px 0px 3px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li img.flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup {
    list-style: none;
    background: linear-gradient(to bottom, #dedede, #cacaca, #dedede);
    box-shadow: #737373 3px 3px 4px 1px;
    height: 22px;
    vertical-align: middle;
    margin: 6px 0 0 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
    margin-bottom: 7px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup:hover {
    background: linear-gradient(to bottom, #e6e6e6, #cacaca, #c5c5c5);
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup:active {
    background: linear-gradient(to bottom, #dadada, #dadada, #dadada);
    box-shadow: #737373 1px 1px 2px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup.active {
    background: linear-gradient(to bottom, #d6d6d6, #e2e2e2, #d6d6d6);
    box-shadow: #737373 1px 1px 2px 0px;
    color: black;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup.active .flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup.active .flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup div.clickContainer {
    height: 100%;
    width: calc(100% - 25px);
    display: inline-block;
    cursor: pointer;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup label {
    margin: 5px 0px;
    float: left;
    font-size: 10px;
    cursor: pointer;
    font-weight: bold;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 6px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup img {
    display: inline-block;
    float: right;
    height: 20px;
    width: 20px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup img.fileicon {
    display: inline-block;
    float: left;
    height: 20px;
    width: 20px;
    padding: 5px 0px 5px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup img.flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList li.layergroup img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul {
    margin: 0px;
    padding-left: 0px;
    display: none;
    width: calc(100% - 20px);
    float: right;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul .active {
    display: block;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul .highlight {
    font-weight: bold;
    font-size: 45px;
    background-color: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li {
    list-style: none;
    background: white;
    height: 22px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 6px);
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 6px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li label {
    margin: 3px;
    float: left;
    cursor: pointer;
    font-size: 10px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img {
    display: inline-block;
    float: right;
    height: 15px;
    width: 15px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.fileicon {
    display: inline-block;
    float: left;
    height: 15px;
    width: 15px;
    padding: 3px 0px 3px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.flyto {
    background: white;
    border-left: 1px solid #787878;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.handle {
    height: 24px;
    width: 24px;
    padding: 3px 3px 3px 0px;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.handle:hover {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .jqxContainer .combine_popup .layer_popup .scrollcontainer ul.aicLayerList ul li img.handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .jqxContainer .combine_popup .conopview_popup {
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 5px;
    padding: 0px 20px;
    width: calc(100% - 40px);
    cursor: default;
    z-index: 1;
    overflow: hidden;
    display: none;
    border-radius: 0px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container {
    height: 100%;
    overflow-y: auto;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul {
    margin: 0px;
    padding-left: 0px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul .highlight {
    font-weight: bold;
    font-size: 45px;
    background-color: lightgray;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li {
    list-style: none;
    background: #a1a1a1;
    height: 22px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li input {
    cursor: pointer;
    float: left;
    vertical-align: middle;
    margin: 5px;
    height: 10px;
    width: 10px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li label {
    margin: 4px;
    float: left;
    cursor: pointer;
    font-size: 10px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img {
    display: inline-block;
    float: right;
    height: 20px;
    width: 20px;
    padding: 5px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.fileicon {
    display: inline-block;
    float: left;
    height: 20px;
    width: 20px;
    padding: 5px 0px 5px 0px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.flyto {
    background: #aaaaaa;
    border-left: 1px solid #787878;
    border-right: 1px solid #787878;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.flyto:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.handle {
    height: 24px;
    width: 24px;
    padding: 3px 3px 3px 0px;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.handle:hover {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .jqxContainer .combine_popup .conopview_popup .inner-container ul li img.handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .jqxContainer .aic_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 15px 10%;
    width: calc(100% - 20%);
    height: calc(100% - 30px);
    cursor: default;
    z-index: 91;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 40px;
  }
  .jqxContainer .aic_popup h3 {
    text-align: center;
    margin: 0px;
    font-size: 13px;
  }
  .jqxContainer .aic_popup .itemsContainer label {
    font-weight: bold;
    font-size: 12px;
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer {
    float: right;
    position: absolute;
    width: 40px;
    height: 70px;
    z-index: 2000;
    overflow: hidden;
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-size: 25px;
    background-repeat: no-repeat;
    outline: none;
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatpan {
    background-image: url("../../Images/icons/aic_window/arrows.png");
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatpan.active {
    background-image: url("../../Images/icons/aic_window/arrows2.png");
    background-color: grey;
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatcaption {
    background-image: url("../../Images/icons/aic_window/interface.png");
  }
  .jqxContainer .aic_popup .itemsContainer .toolcontainer button.floatcaption.active {
    background-image: url("../../Images/icons/aic_window/interface2.png");
    background-color: grey;
  }
  .jqxContainer .aic_popup .itemsContainer .buttoncontainer button {
    height: 23px;
    width: 65px;
    border-radius: 3px;
    margin-right: 5px;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    padding: 0px 0px;
    border-width: 1px;
    border-style: outset;
    border-color: buttonface;
    -o-border-image: initial;
    border-image: initial;
    outline: none;
    font-size: 10px;
  }
  .jqxContainer .aic_popup .itemsContainer .buttoncontainer button:active {
    background: linear-gradient(to bottom, #b36f6f, #724343, #b36f6f);
  }
  .jqxContainer .aic_popup .itemsContainer .buttoncontainer button.active {
    background: linear-gradient(to bottom, #ca7e7e, #945757, #ca7e7e);
    color: white;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer {
    display: flex;
    width: 100%;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer .column1 {
    width: 50%;
    text-align: center;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer .column1 select {
    width: 50%;
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer .column2 {
    width: 50%;
    text-align: center;
  }
  .jqxContainer .aic_popup .itemsContainer .fieldcontainer .column2 select {
    width: 50%;
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
  }
  .jqxContainer .aic_popup .imageContainer {
    position: relative;
    height: 100%;
    background: #80808054;
  }
  .jqxContainer .aic_popup .imageContainer .imgReveal {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 2px;
  }
  .jqxContainer .aic_popup .imageContainer .imgReveal img {
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
  }
  .jqxContainer .aic_popup .imageContainer .img-comp-slider {
    position: absolute;
    z-index: 1000;
    cursor: ew-resize;
    /*set the appearance of the slider:*/
    width: 25px;
    height: 25px;
    opacity: 0.7;
    border-radius: 50%;
    border: solid 5px #ffffffea;
  }
  .jqxContainer .dataviewer_popup {
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  .jqxContainer .dataviewer_popup #header.noprint {
    display: none;
  }
  .jqxContainer .thematic_popup {
    top: 0px;
    left: 0px;
    padding: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    cursor: default;
    z-index: 91;
    overflow-y: hidden;
    overflow-x: hidden;
    line-height: 25px;
  }
  .jqxContainer .thematic_popup label {
    font-size: 12px;
  }
  .jqxContainer .thematic_popup select {
    width: 100%;
    border-radius: 5px;
    padding: 4px 2px;
    font-size: 10px;
  }
  .jqxContainer .thematic_popup .buttoncontainer {
    text-align: center;
    margin-top: 10px;
  }
  .jqxContainer .thematic_popup .buttoncontainer button {
    margin: 0 auto;
    padding: 4px 15px;
    border-radius: 5px;
    font-size: 10px;
  }
  .jqxContainer .legend_popup {
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: auto;
    overflow-x: auto;
  }
  .jqxContainer .assettable_popup {
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: auto;
    overflow-x: auto;
  }
  .jqxContainer .ganttcontainer {
    height: inherit;
    display: flex;
    flex-direction: row;
    height: 100%;
  }
  .jqxContainer .ganttcontainer .leftbar {
    padding: 0px;
    height: 100%;
    width: 20%;
    background: #3f3f3f;
    margin-right: 5px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList {
    background: #3f3f3f;
    height: calc(60% - 15px);
    position: relative;
    top: 25px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer {
    height: calc(100% - 20px);
    overflow-y: auto;
    margin: 0px 0 0 0;
    top: 0px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul {
    margin: 0 0px 0 0;
    list-style: none;
    line-height: 24px;
    padding: 0px;
    font-size: 15px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li {
    background: linear-gradient(to bottom, #505050, #181818, #000000);
    color: white;
    height: 20px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li:hover {
    cursor: pointer;
    background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li.active {
    background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li a {
    width: calc(100% - 75px);
    height: 24px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: -5px 0 5px 0;
    padding: 0;
    font-size: 10px;
    text-decoration: none;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 2px 5px 8px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status.file {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Green_Icon_256.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status.nofile {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Gray_Icon_256.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.status.late {
    background-image: url("../../Images/icons/admin_page/schedulestatus/Button_Blank_Red_Icon_256.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.revision {
    vertical-align: middle;
    float: left;
    height: 10px;
    width: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 5px 0px 5px 2px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.revision.revised {
    background-image: url("../../Images/icons/admin_page/schedulestatus/check.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleList .scrollcontainer ul li div.revision.none {
    background-image: none;
  }
  .jqxContainer .ganttcontainer .leftbar .propcontainer {
    position: relative;
    background: #3f3f3f;
    width: calc(100% - 145px);
    top: 15px;
    overflow: hidden;
    height: 15px;
    left: 20px;
    text-align: center;
    z-index: 1;
    color: white;
    display: inline-block;
    font-size: 10px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo {
    height: calc(40% - 40px);
    position: relative;
    bottom: -10px;
    background: #3f3f3f;
    overflow: auto;
    padding: 16px 5px 5px 5px;
    margin: 0px 8px 0px 8px;
    border: 1px solid grey;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer {
    padding: 0px;
    line-height: 15px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield {
    display: inline-flex;
    width: 100%;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column1 {
    font-size: 12px;
    padding: 3px;
    overflow: hidden;
    color: white;
    width: 30%;
    border: 1px solid black;
    border-top: none;
    font-size: 10px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column1.first {
    border: 1px solid black;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column2 {
    font-size: 12px;
    padding: 3px;
    overflow: hidden;
    color: white;
    width: 70%;
    border: 1px solid black;
    border-top: none;
    border-left: none;
    font-size: 10px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .metadatacontainer .doublefield .column2.first {
    border: 1px solid black;
    border-left: none;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer {
    height: calc(100% - 136px);
    font-size: 15px;
    overflow-y: auto;
    padding: 0px;
    position: relative;
    bottom: 0px;
    background: #3f3f3f;
    margin-top: 5px;
    border: 1px solid black;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul {
    margin: 0px;
    list-style: none;
    line-height: 20px;
    padding: 0px;
    font-size: 15px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li {
    background: linear-gradient(to bottom, #505050, #181818, #000000);
    color: white;
    margin: 5px;
    border-radius: 5px;
    padding: 0 5px;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li:hover {
    background: linear-gradient(to bottom, lightgrey, darkgrey, lightgrey);
    cursor: pointer;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li.active {
    background: linear-gradient(to bottom, #e92c2c, #740000, #000000);
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li .revinfo {
    position: relative;
    left: 0px;
    height: 10px;
    width: 10px;
    /* border-radius: 5px; */
    display: inline-block;
    /* background: white; */
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../../Images/icons/admin_page/schedulestatus/info.png");
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer ul li a {
    width: calc(100% - 30px);
    display: inline-block;
    margin-left: 2px;
    text-align: center;
    font-size: 10px;
    top: -2px;
    position: relative;
    text-decoration: none;
  }
  .jqxContainer .ganttcontainer .leftbar .scheduleInfo .filescontainer input {
    width: 100%;
  }
  .jqxContainer .ganttcontainer .rightbar {
    width: 80%;
    height: inherit;
    top: 0px;
    display: inline-block;
    position: relative;
  }
  .jqxContainer .ganttcontainer .rightbar #gdiv {
    height: inherit;
    overflow-y: auto;
  }
  .jqxContainer .ganttcontainer .rightbar #scheduleMessage {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0px;
    text-align: center;
    align-content: center;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
  }
  .jqxContainer .menubutton {
    background-image: url("../../Images/icons/admin_page/sidebar/588a64e7d06f6719692a2d11.png");
    height: 15px;
    width: 15px;
    background-size: 100%;
    position: absolute;
    left: 0px;
    display: inline-block;
    z-index: 5;
    margin: 5px 10px;
  }
  .jqxContainer #scheduleType {
    float: left;
    position: absolute;
    left: 24px;
    width: calc(20% - 30px);
    margin: 5px 3px;
    border-radius: 4px;
    font-size: 10px;
  }
  .jqxContainer .loadingcontainer-splitcontent {
    display: none;
    position: absolute;
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    background: rgba(78, 78, 78, 0.438);
  }
  .jqxContainer .loadingcontainer-splitcontent .loader {
    display: block;
    position: relative;
    top: calc(50% - 20px);
    left: calc(50% - 25px);
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  .jqxContainer .loadingcontainer-splitcontent #message {
    text-align: center;
    position: relative;
    top: calc(50% - 8px);
    color: white;
  }
  @-webkit-keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .jqxContainer button#refreshpwfolder {
    position: absolute;
    right: 5px;
    top: 36px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    background-image: url(../../images/icons/form/refresh.png);
    background-color: white;
    background-size: 100%;
    outline: none;
  }
  .jqxContainer button#refreshpwfolder:active {
    background-image: url("../../images/icons/form/refresh2.png");
  }
  .jqxContainer .camera_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0 20px;
    width: calc(100% - 40px);
    height: 100%;
    cursor: default;
    z-index: 1;
    overflow: auto;
    display: block;
    border-radius: 0px;
  }
  .jqxContainer .camera_popup h3 {
    margin: 20px 0;
  }
  .jqxContainer .camera_popup ul {
    padding-left: 0px;
  }
  .jqxContainer .camera_popup ul .highlight {
    font-weight: bold;
    font-size: 45px;
    background-color: lightgray;
  }
  .jqxContainer .camera_popup ul li {
    list-style: none;
    background: #a1a1a1;
    height: 20px;
    vertical-align: middle;
    margin: 3px 0;
    border-radius: 5px;
    overflow: hidden;
  }
  .jqxContainer .camera_popup ul li label {
    margin: 4px;
    float: left;
    font-size: 10px;
  }
  .jqxContainer .camera_popup ul li img {
    display: inline-block;
    float: right;
    height: 15px;
    width: 15px;
    padding: 2px;
  }
  .jqxContainer .camera_popup ul li img.fileicon {
    display: inline-block;
    float: left;
    height: 15px;
    width: 15px;
    padding: 2px 5px 2px 5px;
  }
  .jqxContainer .camera_popup ul li img.play, .jqxContainer .camera_popup ul li img.flyto, .jqxContainer .camera_popup ul li img.remove, .jqxContainer .camera_popup ul li img.edit {
    background: #aaaaaa;
    border-left: 1px solid #787878;
  }
  .jqxContainer .camera_popup ul li img.play:hover, .jqxContainer .camera_popup ul li img.flyto:hover, .jqxContainer .camera_popup ul li img.remove:hover, .jqxContainer .camera_popup ul li img.edit:hover {
    cursor: pointer;
    background: lightgray;
  }
  .jqxContainer .bi_popup {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: hidden;
    overflow-x: hidden;
  }
  .jqxContainer .toolcontainer {
    padding: 10px;
    height: calc(100% - 20px);
    overflow: auto;
  }
  .jqxContainer .toolcontainer h5 {
    margin: 5px 0 5px 0;
    font-size: 10px;
  }
  .jqxContainer .toolcontainer .radio {
    margin-bottom: 10px;
  }
  .jqxContainer .toolcontainer .singlecolumn {
    background: lightgray;
    border-radius: 5px;
    font-size: 10px;
    padding: 5px;
    margin-bottom: 10px;
  }
  .jqxContainer .toolcontainer .singlecolumn input {
    width: calc(100% - 10px);
    border-radius: 5px;
    outline: none;
    font-size: 10px;
  }
  .jqxContainer .toolcontainer .singlecolumn button {
    margin-right: 10px;
    border-radius: 5px;
    padding: 5px 6px;
    font-size: 10px;
  }
  .jqxContainer .toolcontainer .singlecolumn progress {
    width: 100%;
    margin: 10px 0;
  }
  .jqxContainer .toolcontainer .singlecolumn p#videoFileName {
    color: grey;
    vertical-align: middle;
    width: calc(100% - 130px);
    overflow: hidden;
    background: white;
    border: 1px solid #bebebe;
    margin: 0px;
    padding: 3px 10px;
    border-radius: 5px;
    display: inline-block;
    min-height: 15px;
  }
  .jqxContainer .toolcontainer .singlecolumn .video-statuscontainer {
    width: 100%;
    margin-top: 10px;
    display: none;
  }
  .jqxContainer .toolcontainer .singlecolumn a#videoStatus {
    margin-left: calc(50% - 15px);
    width: 50px;
  }
  .jqxContainer .toolcontainer .singlecolumn a#videoStatus.noError {
    margin-left: calc(50% - 25px);
    width: 50px;
  }
  .jqxContainer .toolcontainer .inputcontainer {
    display: flex;
    background: lightgray;
    border-radius: 5px;
    font-size: 10px;
    margin-bottom: 10px;
  }
  .jqxContainer .toolcontainer .inputcontainer h5 {
    margin: 10px 0 5px 0;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 {
    width: 50%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 label {
    width: 100%;
    text-align: center;
    margin: 0 5px;
    top: -2px;
    position: relative;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 input {
    margin: 0 5px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1 button {
    padding: 5px 10px;
    border-radius: 3px;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column1.button {
    width: calc(50% - 10px);
    margin: 20px 5px 10px 5px;
    text-align: right;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 {
    width: 50%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 label {
    width: 100%;
    text-align: center;
    margin: 0 5px;
    top: -2px;
    position: relative;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 input {
    margin: 0 5px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2 button {
    padding: 5px 10px;
    border-radius: 3px;
  }
  .jqxContainer .toolcontainer .inputcontainer.twocolumn .column2.button {
    width: calc(50% - 10px);
    margin: 20px 5px 10px 5px;
    text-align: left;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column1 {
    width: 33%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column1 label {
    width: 100%;
    text-align: center;
    margin: 0 12px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column1 input {
    width: calc(100% - 20px);
    margin: 0 10px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column2 {
    width: 33%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column2 label {
    width: 100%;
    text-align: center;
    margin: 0 12px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column2 input {
    width: calc(100% - 20px);
    margin: 0 10px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column3 {
    width: 33%;
    position: relative;
    margin: 5px auto;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column3 label {
    width: 100%;
    text-align: center;
    margin: 0 12px;
  }
  .jqxContainer .toolcontainer .inputcontainer.threecolumn .column3 input {
    width: calc(100% - 20px);
    margin: 0 10px;
    border-radius: 5px;
    font-size: 11px;
  }
  .jqxContainer .toolcontainer .buttoncontainer {
    width: 150px;
    margin: 15px 0 5px calc(50% - 75px);
    text-align: center;
  }
  .jqxContainer .toolcontainer .buttoncontainer button {
    border-radius: 5px;
    padding: 3px 13px;
    font-size: 10px;
  }
  .jqxContainer .toolcontainer .imageContainer {
    position: relative;
  }
  .jqxContainer .toolcontainer .imageContainer .verticalLine {
    background: rgba(0, 0, 255, 0.521);
    height: calc(100% - 3px);
    width: 3px;
    top: 0px;
    position: absolute;
  }
  .jqxContainer .toolcontainer .imageContainer #initImage {
    cursor: url("../../Images/ccrosshair.cur"), auto;
  }
  .jqxContainer .toolcontainer .imageContainer #initImage.active {
    cursor: default;
  }
  .jqxContainer .toolcontainer .instructionContainer {
    margin: 10px 0 0 0;
    display: flex;
    width: calc(100% - 20px);
    height: 20px;
    padding: 5px 10px;
    font-size: 10px;
    background: lightgrey;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .jqxContainer .toolcontainer .instructionContainer button {
    position: relative;
    float: right;
  }
  .jqxContainer .toolcontainer .instructionContainer button:hover {
    cursor: pointer;
  }
  .jqxContainer .toolcontainer .instructionContainer .instructionBox {
    width: 100%;
  }
  .jqxContainer .imodel_popup,
.jqxContainer .pwshare_popup,
.jqxContainer .pwissue_popup,
.jqxContainer .screenSketch_popup,
.jqxContainer .earthmine_popup,
.jqxContainer .azuremap_popup,
.jqxContainer .sharepoint_popup, .jqxContainer.appWindow_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: hidden;
    overflow-x: auto;
  }
  .jqxContainer .imodel_popup iframe,
.jqxContainer .pwshare_popup iframe,
.jqxContainer .pwissue_popup iframe,
.jqxContainer .screenSketch_popup iframe,
.jqxContainer .earthmine_popup iframe,
.jqxContainer .azuremap_popup iframe,
.jqxContainer .sharepoint_popup iframe, .jqxContainer.appWindow_popup iframe {
    height: 100%;
    width: 100%;
    border: none;
  }
  .jqxContainer .assignments_popup, .jqxContainer .conopbrowser_popup, .jqxContainer #appWindow {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 1;
    overflow: auto;
    display: block;
    border-radius: 0px;
    border: none;
  }
  .jqxContainer .assignments_popup .tabcontainer, .jqxContainer .conopbrowser_popup .tabcontainer, .jqxContainer #appWindow .tabcontainer {
    display: block;
  }
  .jqxContainer .assignments_popup .tabcontainer .tabs-item, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item, .jqxContainer #appWindow .tabcontainer .tabs-item {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 22px;
    margin-top: 6px;
  }
  .jqxContainer .assignments_popup .tabcontainer .tabs-item .tab, .jqxContainer .assignments_popup .tabcontainer .tabs-item .conopTab, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .tab, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .conopTab, .jqxContainer #appWindow .tabcontainer .tabs-item .tab, .jqxContainer #appWindow .tabcontainer .tabs-item .conopTab {
    display: inline;
    background: grey;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px 20px;
    margin: 0;
    color: white;
  }
  .jqxContainer .assignments_popup .tabcontainer .tabs-item .tab:hover, .jqxContainer .assignments_popup .tabcontainer .tabs-item .conopTab:hover, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .tab:hover, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .conopTab:hover, .jqxContainer #appWindow .tabcontainer .tabs-item .tab:hover, .jqxContainer #appWindow .tabcontainer .tabs-item .conopTab:hover {
    background: lightgrey;
    cursor: pointer;
  }
  .jqxContainer .assignments_popup .tabcontainer .tabs-item .tab.active, .jqxContainer .assignments_popup .tabcontainer .tabs-item .conopTab.active, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .tab.active, .jqxContainer .conopbrowser_popup .tabcontainer .tabs-item .conopTab.active, .jqxContainer #appWindow .tabcontainer .tabs-item .tab.active, .jqxContainer #appWindow .tabcontainer .tabs-item .conopTab.active {
    background: transparent;
    color: black;
    font-weight: bold;
    border: 1px solid;
    border-bottom: none;
  }
  .jqxContainer .assignments_popup .content-container, .jqxContainer .conopbrowser_popup .content-container, .jqxContainer #appWindow .content-container {
    height: calc(100% - 30px);
    width: 100%;
  }
  .jqxContainer .assignments_popup .content-container .scrollcontainer, .jqxContainer .conopbrowser_popup .content-container .scrollcontainer, .jqxContainer #appWindow .content-container .scrollcontainer {
    height: 100%;
  }
  .jqxContainer .assignments_popup .content-container .scrollcontainer.active, .jqxContainer .conopbrowser_popup .content-container .scrollcontainer.active, .jqxContainer #appWindow .content-container .scrollcontainer.active {
    display: block;
  }
  .jqxContainer .assignments_popup .content-container .scrollcontainer iframe, .jqxContainer .conopbrowser_popup .content-container .scrollcontainer iframe, .jqxContainer #appWindow .content-container .scrollcontainer iframe {
    height: 100%;
    width: 100%;
    border: none;
  }
  .jqxContainer .vi_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 1;
    display: block;
    border-radius: 0px;
  }
  .jqxContainer .table_popup {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: 91;
    overflow-y: auto;
    overflow-x: auto;
    line-height: 30px;
    font-size: 11px;
  }
  .jqxContainer .table_popup button {
    border-radius: 3px;
  }

  .rightclickMenu,
.sub-rightclickMenu {
    display: none;
    position: absolute;
    background: #2d2d2d;
    border: 1px solid white;
    overflow: auto;
    top: 100px;
    left: 100px;
    box-shadow: 5px 5px 5px #3d3d3d8f;
  }
  .rightclickMenu.active,
.sub-rightclickMenu.active {
    display: block;
  }
  .rightclickMenu .menu,
.rightclickMenu .sub-menu,
.sub-rightclickMenu .menu,
.sub-rightclickMenu .sub-menu {
    list-style: none;
    margin: 0px;
    padding: 5px 0;
    line-height: 20px;
    font-size: 10px;
  }
  .rightclickMenu .menu .menu-item,
.rightclickMenu .menu .sub-menu-item,
.rightclickMenu .sub-menu .menu-item,
.rightclickMenu .sub-menu .sub-menu-item,
.sub-rightclickMenu .menu .menu-item,
.sub-rightclickMenu .menu .sub-menu-item,
.sub-rightclickMenu .sub-menu .menu-item,
.sub-rightclickMenu .sub-menu .sub-menu-item {
    padding: 1px 5px;
    color: white;
    vertical-align: middle;
  }
  .rightclickMenu .menu .menu-item:hover,
.rightclickMenu .menu .sub-menu-item:hover,
.rightclickMenu .sub-menu .menu-item:hover,
.rightclickMenu .sub-menu .sub-menu-item:hover,
.sub-rightclickMenu .menu .menu-item:hover,
.sub-rightclickMenu .menu .sub-menu-item:hover,
.sub-rightclickMenu .sub-menu .menu-item:hover,
.sub-rightclickMenu .sub-menu .sub-menu-item:hover {
    background: #555555;
    cursor: default;
  }
  .rightclickMenu .menu .menu-item span.itemicon,
.rightclickMenu .menu .sub-menu-item span.itemicon,
.rightclickMenu .sub-menu .menu-item span.itemicon,
.rightclickMenu .sub-menu .sub-menu-item span.itemicon,
.sub-rightclickMenu .menu .menu-item span.itemicon,
.sub-rightclickMenu .menu .sub-menu-item span.itemicon,
.sub-rightclickMenu .sub-menu .menu-item span.itemicon,
.sub-rightclickMenu .sub-menu .sub-menu-item span.itemicon {
    height: 20px;
    width: 20px;
    display: inline-block;
  }
  .rightclickMenu .menu .menu-item span.itemicon img,
.rightclickMenu .menu .sub-menu-item span.itemicon img,
.rightclickMenu .sub-menu .menu-item span.itemicon img,
.rightclickMenu .sub-menu .sub-menu-item span.itemicon img,
.sub-rightclickMenu .menu .menu-item span.itemicon img,
.sub-rightclickMenu .menu .sub-menu-item span.itemicon img,
.sub-rightclickMenu .sub-menu .menu-item span.itemicon img,
.sub-rightclickMenu .sub-menu .sub-menu-item span.itemicon img {
    float: left;
    height: 15px;
    width: 15px;
  }
  .rightclickMenu .menu .menu-item span,
.rightclickMenu .menu .sub-menu-item span,
.rightclickMenu .sub-menu .menu-item span,
.rightclickMenu .sub-menu .sub-menu-item span,
.sub-rightclickMenu .menu .menu-item span,
.sub-rightclickMenu .menu .sub-menu-item span,
.sub-rightclickMenu .sub-menu .menu-item span,
.sub-rightclickMenu .sub-menu .sub-menu-item span {
    vertical-align: middle;
  }
  .rightclickMenu .menu .menu-item span a,
.rightclickMenu .menu .sub-menu-item span a,
.rightclickMenu .sub-menu .menu-item span a,
.rightclickMenu .sub-menu .sub-menu-item span a,
.sub-rightclickMenu .menu .menu-item span a,
.sub-rightclickMenu .menu .sub-menu-item span a,
.sub-rightclickMenu .sub-menu .menu-item span a,
.sub-rightclickMenu .sub-menu .sub-menu-item span a {
    display: inline;
    text-decoration: none;
  }
  .rightclickMenu .menu .menu-item img,
.rightclickMenu .menu .sub-menu-item img,
.rightclickMenu .sub-menu .menu-item img,
.rightclickMenu .sub-menu .sub-menu-item img,
.sub-rightclickMenu .menu .menu-item img,
.sub-rightclickMenu .menu .sub-menu-item img,
.sub-rightclickMenu .sub-menu .menu-item img,
.sub-rightclickMenu .sub-menu .sub-menu-item img {
    float: right;
    height: 12x;
    width: 12px;
    margin: 2px;
  }
}
#input-text {
  display: none;
  position: absolute;
  z-index: 1;
  background: #adadad7d;
  border: none;
  outline: none;
  color: white;
  border-radius: 2px;
  width: 100px;
  padding: 5px;
}

@-webkit-keyframes slide {
  0% {
    width: 0px;
  }
  100% {
    width: "25%";
  }
}

@keyframes slide {
  0% {
    width: 0px;
  }
  100% {
    width: "25%";
  }
}
@-webkit-keyframes fourthSlideUp {
  0% {
    padding: 30px;
  }
  100% {
    padding: 0px;
  }
}
@keyframes fourthSlideUp {
  0% {
    padding: 30px;
  }
  100% {
    padding: 0px;
  }
}
@keyframes slidetop {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
.test {
  overflow: auto;
}

.popupbox {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.479);
}
.popupbox .popupboxContent {
  position: relative;
  background: #363636;
  margin: 15% auto;
  width: 30%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.507), 0 7px 20px 0 black;
  border-radius: 5px;
  -webkit-animation-name: fade;
          animation-name: fade;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}
.popupbox .popupboxContent .popupboxheader {
  background-color: #363636;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  margin: 0px;
  padding: 10px 0 5px 0;
  color: white;
  height: 30px;
}
.popupbox .popupboxContent .popupboxheader h3 {
  margin: 0px;
}
.popupbox .popupboxContent .popupboxContainerMainBody {
  position: relative;
  background: white;
  height: auto;
  line-height: 40px;
}
.popupbox .popupboxContent .popupboxContainerMainBody .popupContainerBody {
  padding: 5px 10px;
}
.popupbox .popupboxContent .popupboxContainerMainBody .popupContainerBody h4 {
  margin: 10px 0px;
  text-align: justify;
}
.popupbox .popupboxContent .popupboxfooter {
  background-color: #363636;
  height: 30px;
  padding: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}
.popupbox .popupboxContent .popupboxfooter div {
  padding: 0px;
  margin: 0px;
}
.popupbox .popupboxContent .popupboxfooter div button {
  padding: 7.5px 15px;
  border-radius: 5px;
  border: none;
}
.popupbox .popupboxContent .popupboxfooter .popupbutton {
  display: block;
}

#ScreenSpaceTool {
  position: absolute;
  z-index: 2;
  display: none;
  bottom: 6%;
  left: calc(50% - 100px);
  background: rgba(61, 61, 61, 0.63);
  color: white;
  padding: 10px;
  border-radius: 10px;
}
#ScreenSpaceTool input {
  vertical-align: middle;
}
#ScreenSpaceTool input#pcenhancerRange {
  margin-left: 17px;
}
#ScreenSpaceTool input#brightnessRange {
  margin-left: 50px;
}

#ControlDiv {
  position: absolute;
  height: 99px;
  display: none;
  width: 142px;
  background: rgba(255, 0, 0, 0);
  padding: 10px;
  top: 50%;
  left: 5px;
}
#ControlDiv .leftbuttoncontainer {
  width: 130px;
  background: #33333375;
  border-radius: 20px;
}
#ControlDiv .leftbuttoncontainer button {
  height: 33px;
  width: 33px;
  border-radius: 50%;
  position: absolute;
  outline: none;
}
#ControlDiv .leftbuttoncontainer button:hover {
  background: lightgrey;
}
#ControlDiv .leftbuttoncontainer button:active {
  background: grey;
}
#ControlDiv .leftbuttoncontainer button img {
  height: 15px;
  width: 15px;
}
#ControlDiv .leftbuttoncontainer button#moveForward {
  position: absolute;
  float: left;
  left: 44px;
  top: 16px;
}
#ControlDiv .leftbuttoncontainer button#moveBackward {
  position: absolute;
  float: left;
  left: 44px;
  top: 70px;
}
#ControlDiv .leftbuttoncontainer button#moveRight {
  position: absolute;
  float: left;
  left: 70px;
  top: 43px;
}
#ControlDiv .leftbuttoncontainer button#moveLeft {
  position: absolute;
  float: left;
  left: 18px;
  top: 44px;
}
#ControlDiv .rightbuttoncontainer {
  width: 50px;
  margin: 15px 0;
  margin-left: 3px;
  background: #33333375;
  border-radius: 10px;
}
#ControlDiv .rightbuttoncontainer button {
  height: 25px;
  width: 25px;
  border-radius: 3px;
  position: absolute;
  outline: none;
}
#ControlDiv .rightbuttoncontainer button:hover {
  background: lightgrey;
}
#ControlDiv .rightbuttoncontainer button:active {
  background: grey;
}
#ControlDiv .rightbuttoncontainer button img {
  height: 10px;
  width: 10px;
}
#ControlDiv .rightbuttoncontainer button#moveUp {
  float: right;
  right: 17px;
  top: 34px;
}
#ControlDiv .rightbuttoncontainer button#moveDown {
  float: right;
  right: 17px;
  top: 60px;
}
#ControlDiv .bottombuttoncontainer {
  position: absolute;
  top: 110px;
  left: 18px;
}
#ControlDiv .bottombuttoncontainer img {
  height: 18px;
  position: absolute;
}
#ControlDiv .bottombuttoncontainer .slider {
  -webkit-appearance: slider-vertical;
  width: 18px;
  height: 110px;
  margin: 20px 0;
  margin-right: 10px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}
#ControlDiv .bottombuttoncontainer .slider:hover {
  opacity: 1;
}

.floatbox#floatbox {
  right: 50px;
  top: 50px;
  position: absolute;
  z-index: 1;
  height: auto;
  width: 35%;
  background: rgba(255, 255, 255, 0);
  border-radius: 5px;
  display: none;
}
.floatbox#floatbox .content-container {
  background: rgba(100, 100, 100, 0.65);
  border-radius: 5px;
  padding: 3px;
}
.floatbox#floatbox .content-container .closebutton {
  position: absolute;
  right: -8px;
  top: -7px;
  padding: 2em, 2em;
  color: black;
  background: #e7e7e7;
  font-size: 16px;
  width: 15px;
  height: 15px;
  border-radius: 12px;
  font-weight: bold;
  text-align: center;
  box-shadow: 5px, 5px, 10px, #000;
  z-index: 2;
}
.floatbox#floatbox .content-container .closebutton:hover {
  background-image: linear-gradient(to bottom, white, grey);
  cursor: pointer;
}
.floatbox#floatbox .content-container .floatbox-header {
  background: #2d2d2d;
  color: white;
  margin: 5px 5px;
  padding: 5px 5px;
  border-radius: 5px;
  height: 18px;
}
.floatbox#floatbox .content-container .floatbox-header h4 {
  margin: 0px;
  text-align: center;
}
.floatbox#floatbox .content-container .floatbox-header .buttoncontainer {
  display: inline;
  position: absolute;
  top: 12px;
  right: 12px;
  height: 20px;
}
.floatbox#floatbox .content-container .floatbox-header .buttoncontainer button {
  float: right;
  height: 20px;
  width: 20px;
  border-radius: 3px;
  margin-right: 5px;
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #444444;
  padding: 0px 0px;
  border-width: 1px;
  border-style: outset;
  border-color: buttonface;
  -o-border-image: initial;
  border-image: initial;
  outline: none;
}
.floatbox#floatbox .content-container .floatbox-header .buttoncontainer button:hover {
  background-color: #585858;
  cursor: pointer;
}
.floatbox#floatbox .content-container .floatbox-header .buttoncontainer button:active {
  background-color: black;
  border-color: #17dcf7;
}
.floatbox#floatbox .content-container .floatbox-header .buttoncontainer button#floatboxEditButton {
  background-image: url("../../Images/icons/floatbox/dark_red/edit.png");
}
.floatbox#floatbox .content-container .floatbox-header .buttoncontainer button#floatboxBumiRegister {
  background-image: url("../../Images/icons/floatbox/dark_red/clipboard.png");
}
.floatbox#floatbox .content-container .floatbox-body {
  margin: 5px 5px;
  border-radius: 5px;
}
.floatbox#floatbox .content-container .floatbox-body .scrollcontainer {
  overflow: auto;
  max-height: calc(500px - 7px);
  min-height: calc(200px - 7px);
  display: none;
  background: white;
  padding: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.floatbox#floatbox .content-container .floatbox-body .scrollcontainer.active {
  display: block;
}
.floatbox#floatbox .content-container .floatbox-body .scrollcontainer table {
  font-size: 12px;
}
.floatbox#floatbox .content-container .floatbox-body .scrollcontainer table th:first-child {
  border-top-left-radius: 0px;
  width: 35%;
  overflow: hidden;
}
.floatbox#floatbox .content-container .floatbox-body .scrollcontainer table th:last-child {
  border-top-right-radius: 0px;
}
.floatbox#floatbox .content-container .floatbox-body .scrollcontainer table th {
  background-color: #3f3f3f;
  color: white;
  text-align: left;
  padding: 8px;
}
.floatbox#floatbox .content-container .floatbox-body .scrollcontainer table#datatable th:first-child {
  border-top-left-radius: 3px;
}
.floatbox#floatbox .content-container .floatbox-body .scrollcontainer table#datatable th:last-child {
  border-top-right-radius: 3px;
}
.floatbox#floatbox .content-container .floatbox-body .tabs-container .tabs-item {
  margin: 0px;
  padding: 0px;
}
.floatbox#floatbox .content-container .floatbox-body .tabs-container .tabs-item .tab {
  display: inline-block;
  list-style-type: none;
  background-color: #969696;
  margin: 0px;
  padding: 7px 10px;
  border-radius: 5px 5px 0 0;
  color: white;
  font-weight: 200px;
  cursor: pointer;
  width: 75px;
  text-align: center;
  font-size: 13px;
}
.floatbox#floatbox .content-container .floatbox-body .tabs-container .tabs-item .tab.active {
  background-color: white;
  font-weight: bold;
  color: black;
}
.floatbox#floatbox .floatbox-footer {
  text-align: center;
}
.floatbox#floatbox .floatbox-footer img {
  height: 17px;
}

.instructionbox {
  display: none;
  position: absolute;
  right: 100px;
  top: 10px;
  background: rgba(46, 46, 46, 0.521);
  padding: 10px;
  border-radius: 5px;
  max-width: 30%;
  color: white;
  line-height: 25px;
  z-index: 5;
}
.instructionbox #instructions {
  display: inline;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  text-decoration: none;
}
.instructionbox #instructions img {
  height: 18px;
  vertical-align: middle;
}

@media print {
  body * {
    visibility: hidden;
  }

  .cesium-viewer, .cesium-viewer * {
    visibility: visible;
  }

  .cesium-viewer {
    position: absolute;
    left: 0;
    top: 0;
  }
}
#searchLayer::-webkit-search-cancel-button {
  display: none;
}/*# sourceMappingURL=menuAnimation.css.map */