::-webkit-scrollbar-thumb {
  background: rgb(3, 25, 39) !important;
}

/* Table date column fix */
.react-grid-Cell>div>div>span>span {
  text-align: left !important;
}

/* For Manage Proposal Form */
.attachments .dwkit-collectioneditor > tbody {
  display: flex;
  flex-direction: column;
}

.attachments .dwkit-collectioneditor-row  {
  display: flex;
  align-items: center;
}

.attachments .dwkit-collectioneditor-row td:nth-child(1) {
  flex: 1 1 100%;
}

.attachments input[name="DocumentName"] {
  pointer-events: none;
  background: rgb(232, 232, 232) !important;
}

.attachments button .icon {
  margin: 0 !important;
}

/* For ClientEdit form */
.client-contact-div div[data-buildertype="container"] {
  display: flex;
  justify-content: space-between;
}

.client-contact-div div[data-buildertype='formgroup'] {
  margin-bottom: 30px !important;  
}

.client-contact-div .ui.tiny.header {
  margin: 0;
}

/* Fix for readonly date inputs able to show calendar on click */
.datepicker-readonly {
  pointer-events: none !important;
}

/* Fix for read-only dropdowns and dictionaries not greying out */
.ui.dropdown.disabled {
  background: rgba(0, 0, 0, 0.02) !important;
}

/* Fix for read-only checkboxes not greying out */
/* .ui.checkbox input:read-only~.box:after, .ui.checkbox input:read-only~label, .ui.read-only.checkbox .box:after, .ui.read-only.checkbox label { */
.ui.read-only.checkbox {
  pointer-events: none !important;
  opacity: .5;
  color: #000;
}

/* Fix for collection editor row misalignment */
.ui.form .dwkit-collectioneditor input {
  vertical-align: baseline;
}

/* The following three groups styles the login screen */
.signin-buttons {
  display: flex;
}

.signin-buttons > button {
  flex: 1 1 auto;
}

.dwkit-login-wrapper .dwkit-login {
  padding: 55px 90px 55px;
}

/* css for client document collection */
.documentLog .dwkit-collectioneditor-row:not(.projectRowEntire) td:nth-child(3) {
  cursor: pointer;
}

.documentLog td {
  vertical-align: middle !important;
}
/* hide bottom (horizontal) scrollbar in main forecasts container 
-- leaves vertical scrollbar visible for use */
.documentLog-collection-editor-container::-webkit-scrollbar {
  height: 0 !important;
}
.documentLog-collection-editor-container::-webkit-scrollbar-thumb {
  height: 0 !important;
}
.documentLog-collection-editor-container::-webkit-scrollbar-track {
  height: 0 !important;
}

.collection-editor-first-col-fix tr td:first-child {
  display: table-cell !important;
}

/* title row high light */
.projectRowEntire {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  font-weight: bold;
}

.feeRowEntire > td{
  padding: 8px 0px 8px 8px;
}

/* graph collection editor */
div.graphCollectionEditor table{
  border-collapse: collapse;
}

/* every row */
div.graphCollectionEditor tr.dwkit-collectioneditor-row input {
  height: 30px !important;
}


div.graphCollectionEditor tr.dwkit-collectioneditor-row td:not(:first-child) {
  padding-right: 0px !important;
}

.ui.page .print-only {
  display: none !important;
}

@media print {
  #content .dwkit-wrapper .dwkit-content .dwkit-content-form {
    display: none;
  }
  .no-print {
    display: none !important;
  }
  .ui.page .print-only {
    display: block !important;
  }
  .ui.scrolling.modal.visible.active {
    top: 0;
    left: 0;
    width: 100vw;
    padding: 0;
    margin: 0 !important;
    box-shadow: none;
    border: none;
  }
}