cdao-pjet/app/javascript/src/application.scss

@import "~bootstrap/scss/bootstrap";
@import "./application/sidenav";
@import "./application/sessions";
@import "./application/pagination";
@import "./application/table";

.tableFixHead { 
    overflow: auto;
    height: 680px; 
    width: 240px; 
}

.tableFixHead thead th { 
    position: sticky; 
    top: 0;
}

.tableFixHead tbody th { 
    position: sticky; 
    left: 0; 
}

.clickable-link, .clickable-tr, .accordion-button {
  cursor: pointer;
}

.current, .nav-link.active {
	background-color: #e6e6e6 !important;
}

.accordion-action-button-margin {
  margin: 7px 65px 0px 0px;
}

.accordion-button::after {
	margin-right: 10px;
}

.main-content-body {
  min-height: 100vh !important;
  overflow: auto;
}

// Modal Form custom styling //

.modal-doctrine-body .selectize-control {
  border: none !important;
}


.modal-doctrine-body .modal-header {
  background: darkred !important;
  color: #fff !important;

  button.btn-close-x {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18px;
    width: 30px;
  }
  
  button.btn-close-x:hover {
    background: white !important;
    border-radius: 18px;
    color: darkred !important;
    width: 30px;
  }
}

// Document custom styling //

.doct-body-index div:last-child .hr {
  display: none !important;
}

.doc-nav-body.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #ffffff !important;
  background: darkred !important;
  font-weight: 800;
}

.doc-nav-body .nav-item button {
  color: #000;
}

// Cited custom styling //

.cited-table-body .table-width {
  width: 97%;
  margin: 0 auto;
}

.doctrine-index-body .doctrine-content-body {
  padding-left: 15px;
}