:root {
  --white: white;
  --black: black;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.defaultbody {
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: block;
}

.loginsection {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.logindiv {
  flex-flow: column;
  align-items: center;
  width: 400px;
  margin-bottom: 0;
  display: flex;
}

.loginimage {
  width: 125px;
  margin-bottom: 25px;
}

.loginformblock {
  width: 100%;
}

.defaulttextfield {
  border: 1px solid #fff;
  border-radius: 20px;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.defaulttextfield.filter {
  background-color: #e0e0e0;
  padding-left: 15px;
}

.defaulttextfield.filter::placeholder {
  color: #000;
  font-weight: 600;
}

.defaulttextfield.filter.smalltext {
  color: #000;
  font-weight: 300;
}

.defaulttextfield.filter.smalltext::placeholder {
  font-weight: 300;
}

.defaultbutton {
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.defaultbutton:hover {
  color: #fff;
  background-color: #000;
  border: 1px solid #fff;
}

.defaultbutton.green {
  color: #fff;
  background-color: #00740c;
  border: 1px solid #00740c;
  margin-left: 5px;
  margin-right: 5px;
}

.defaultbutton.green:hover {
  color: #00740c;
  background-color: #fff;
}

.defaultbutton.green.autowidth {
  width: auto;
}

.defaultbutton.red {
  color: #fff;
  background-color: #ac0000;
  border: 1px solid #ac0000;
  margin-left: 5px;
  margin-right: 5px;
}

.defaultbutton.red:hover {
  color: #ac0000;
  background-color: #fff;
}

.defaultbutton.red.light {
  background-color: #ff5a5a;
  border-color: #ff5a5a;
}

.defaultbutton.red.light:hover {
  color: #ff5a5a;
  background-color: #fff;
}

.defaultbutton.grey {
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;
}

.defaultbutton.grey:hover {
  color: #000;
  background-color: #fff;
}

.defaultbutton.yellow {
  color: #fff;
  background-color: #b9aa00;
  border: 1px solid #b9aa00;
}

.defaultbutton.yellow:hover {
  color: #b9aa00;
  background-color: #fff;
}

.mainsection {
  color: #000;
  background-color: #000;
  flex-flow: column;
  height: 100%;
  display: flex;
}

.headerdiv {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
  padding: 0 0 0 25px;
  display: flex;
}

.headerlogo {
  width: 80px;
  margin-right: 30px;
}

.headertitle {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.horizontalseparator {
  flex: 1;
  width: auto;
}

.headermenu {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.headertext {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.profileicon {
  width: 24px;
  height: 24px;
  margin-left: 15px;
}

.contentdiv {
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 20px;
}

.maintabbar {
  width: 100%;
  height: 100%;
}

.maintabmenu {
  width: 100%;
  height: auto;
}

.maintabcontent {
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  width: 100%;
  height: auto;
}

.defaulttablink {
  border-right: 3px solid #000;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  width: 20%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.defaulttablink.w--current {
  background-color: #fff;
  border-radius: 18px 18px 0 0;
}

.defaulttablink.noborder {
  border: 0 solid #000;
}

.defaulttablink.dashboard {
  width: 33.3333%;
}

.maintabpane {
  width: 100%;
  height: auto;
  min-height: 100%;
}

.tabcontentdiv {
  background-color: #fff;
  padding: 30px 25px 25px;
}

.tabbartitle, .text-block {
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.defaultformblock {
  margin-bottom: 0;
}

.filterbar {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.filterbar.nomargin {
  margin-bottom: 0;
}

.filterbar.quick {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 25px;
}

.filterbar.lessmargin {
  margin-bottom: 10px;
}

.defaultrow {
  flex: 1;
}

.defaultcolumn {
  padding-left: 5px;
  padding-right: 5px;
}

.defaultcolumn.status {
  text-align: center;
}

.defaultcolumn.nopadding {
  padding-left: 0;
  padding-right: 0;
}

.defaultselect {
  color: #000;
  border-radius: 20px;
}

.arrowicon {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}

.horizontaldiv {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.horizontaldiv.rightalignment {
  justify-content: flex-end;
  align-items: center;
}

.projecttitle {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.projecttitle.marginbottom {
  margin-bottom: 5px;
}

.accordeonwrapper {
  margin-top: 15px;
}

.accordeontrigger {
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
}

.accordeoncontent {
  overflow: hidden;
}

.projecttext {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.projecttext.status {
  text-align: center;
  border-radius: 20px;
  width: 100%;
  max-width: 180px;
}

.projecttext.status.ongoing {
  background-color: #ff5a5a;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}

.projecttext.status.finished {
  background-color: rgba(0, 179, 18, .7);
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}

.projecttext.status.inquery {
  background-color: rgba(236, 217, 0, .7);
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}

.projecttext.small {
  font-size: 14px;
}

.projecttext.small.bold {
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.projecttext.small.bold.marginright {
  margin-right: 15px;
}

.projecttext.small.white {
  color: #fff;
}

.projecttext.small.white.smaller {
  font-size: 12px;
}

.rowfunctionimage {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  padding: 3px;
}

.rowfunctionimage.nobackground {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.rowfunctionimage.trash {
  padding: 4px;
}

.rowfunctionimage.internet {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.accordeoncontentdiv {
  height: auto;
  display: flex;
  overflow: visible;
}

.accordeonconentleftdiv {
  flex-flow: column;
  width: 20%;
  height: auto;
  padding: 20px;
  display: flex;
}

.accordeoncontentrightdiv {
  background-color: #ff5a5a;
  border-radius: 15px;
  width: 80%;
  height: 100%;
  padding: 20px;
}

.accordeoncontentrightdiv.finished {
  background-color: rgba(0, 179, 18, .7);
}

.accordeoncontentrightdiv.inquery {
  background-color: rgba(236, 217, 0, .7);
}

.projectnumbertitle {
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.documentdiv {
  justify-content: flex-start;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 20px;
  display: flex;
}

.documentsimage {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.projectnumbersubtitle {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.projectnumbersubtitle.green {
  color: #000;
}

.defaultlink {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.defaultlink.title {
  font-size: 16px;
  text-decoration: underline;
}

.documentlistdiv {
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 25px;
  display: flex;
}

.documentlistdiv.nomargin {
  margin-bottom: 0;
}

.verticalseparator {
  flex: 1;
  height: auto;
}

.downloaddiv {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.downloadimage {
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

.projectbuttondiv {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.projectdetailsrowdiv {
  margin-bottom: 10px;
}

.editfunctionimage {
  cursor: pointer;
  width: 24px;
  height: 24px;
}

.horizontalline {
  background-color: #000;
  width: 100%;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.horizontalline.lessmargin {
  margin-top: 10px;
  margin-bottom: 10px;
}

.workingtimediv {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.arrowplaceholder {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}

.staticrowdiv {
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.modaluserdialog {
  z-index: 9000;
  background-color: rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.dialogcontentdiv {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  max-width: 700px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 30px;
}

.dialogcontentdiv.time {
  flex-flow: column;
  height: 100%;
  max-height: 800px;
  display: flex;
}

.dialogtitle {
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}

.modalcontactdialog, .modaldocumentdialog {
  background-color: rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.documentupload {
  background-color: #143757;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 35px;
  display: flex;
}

.uploaddialogtitle {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}

.image {
  width: 36px;
  height: 36px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.uploadtext {
  color: #fff;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
}

.modalnewsdialog {
  background-color: rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  font-family: Open Sans, sans-serif;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modalusertimedialog {
  z-index: 9000;
  background-color: rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.timescrolldiv {
  flex: 1;
  width: 100%;
  height: auto;
  overflow: scroll;
}

.timescrollcontent {
  width: 100%;
}

.timeuserrowtrigger {
  cursor: pointer;
  background-color: #e0e0e0;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.timearrow {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}

.usertimetext {
  text-align: right;
  flex: 1;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.timeuserrowwrapper {
  margin-bottom: 5px;
  overflow: hidden;
}

.timeuserrowcontent {
  padding-left: 40px;
}

.timeusersubrow {
  background-color: rgba(224, 224, 224, .6);
  border-radius: 20px;
  margin-top: 5px;
  padding: 10px;
  display: flex;
}

.dialogclosediv {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.dialogcloseimage {
  width: 24px;
  height: 24px;
}

.quickfilter {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.quickfilterpart {
  border: 2px solid #000;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  display: flex;
}

.quickfilterpart.left {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.quickfilterpart.right {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.defaultlightbox {
  width: 100%;
}

.lightboximage {
  height: 125px;
  margin-right: 10px;
}

.navmenu {
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  height: 100%;
  display: flex;
}

.defaultnavlink {
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.defaultnavlink:hover, .defaultnavlink.w--current:hover {
  background-color: #2b2b2b;
}

.modalsublerdialog {
  z-index: 9999;
  background-color: rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.dialogsubtitle {
  margin-top: 15px;
  margin-bottom: 10px;
  padding-left: 5px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.buttonrightdiv {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.statuswrapperdiv {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.sublerstatusdiv {
  background-color: #ec8600;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 175px;
  padding: 0;
  display: flex;
}

.sublerstatusdiv.finished {
  background-color: #00740c;
}

.sublerstatusdiv.ongoing {
  background-color: #ac0000;
}

.sublerstatusdiv.open {
  background-color: rgba(255, 234, 0, .92);
}

.modalsubassigndialog {
  z-index: 9999;
  background-color: rgba(0, 0, 0, .8);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.defaulttextarea {
  background-color: #e0e0e0;
  border-radius: 20px;
  min-height: 100px;
}

.defaulttextarea::placeholder {
  color: #000;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.followworkwrapper {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  padding: 0;
  display: block;
}

.followworkwrapperarrow {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.followworktrigger {
  cursor: pointer;
  background-color: #ac0000;
  border-radius: 20px;
  margin-bottom: 5px;
  padding: 5px 5px 5px 10px;
  display: flex;
}

.followworkcontent {
  background-color: #ac0000;
  border-radius: 20px;
  height: auto;
  padding: 0;
  overflow: hidden;
}

.followworkcontentdiv {
  padding: 15px;
}

.projectlink {
  font-family: Open Sans, sans-serif;
  text-decoration: underline;
}

.projectprocessdiv {
  justify-content: center;
  align-items: center;
  display: flex;
}

.projectprocessitemdiv {
  justify-content: center;
  align-items: center;
  width: 50px;
  display: flex;
}

.projectprocessimage {
  width: 20px;
  height: 20px;
}

.checkbox-label {
  width: 1px;
  height: 1px;
}

.checkbox-field {
  display: flex;
}