body {
  font-family: "Segoe UI" !important;
  background-color: #f0f1f2;
}

.boxed {
  border: 1.5px solid #ddd;
  line-height: 10px !important;
}

.boxed-blue-text {
  color: #0160aa !important;
}

.separation-line {
  border-color: #bbbfc6 !important;
}

leap-required-field > span {
  color: #0060aa !important;
}

.fa-question-circle,
.fa-trash-o {
  color: #1e355e;
}

.matter-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-control {
  line-height: 0 !important;
  height: 25px !important;
}

.displayInlineBox {
  display: inline-flex;
}

.displayInlineBlock {
  display: inline-block;
}

select {
  font-size: 13px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  padding-right: 20px !important;
}

.form-group {
  margin-bottom: 5px !important;
}

.input-group-addon {
  font-size: 12px !important;
  padding: 3px 12px !important;
}

.filter-btn {
  background-color: #2a4b85;
}

.filter-btn > i {
  color: #db761d !important;
}

.btn.btn-sm {
  font-size: 13px !important;
}

.btn-leap-blue {
  font-weight: 100;
  border: 1px solid #1e365e;
  background-color: #1e365e !important;
  text-transform: none !important;
  font-weight: inherit !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  color: #ffffff !important;
}

​ .btn-leap-blue:hover {
  color: #ffffff !important;
  border: 1px solid #1e365e;
  background-color: #122038 !important;
}

​ .btn-leap-blue:focus {
  border: 1px solid #1e365e;
  background-color: #122038 !important;
}

.new-item-btn-toolbar button.btn-leap-white {
  border: 1px solid #122038 !important;
  background-color: #ffffff;
  text-transform: none !important;
  color: #0060aa !important;
  font-weight: inherit !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

​ .new-item-btn-toolbar button.btn-leap-white:hover {
  border: 1px solid #122038 !important;
  background-color: #d7ecf6;
}

​ .new-item-btn-toolbar button.btn-leap-white:focus {
  border: 1px solid #122038;
  background-color: #d7ecf6 !important;
}

.btn.warning-btn {
  background-color: #fff !important;
  color: #0060aa !important;
  text-transform: none !important;
  border: 1px solid #122038 !important;
  font-weight: inherit !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.btn.warning-btn:hover {
  border: 1px solid #122038 !important;
  background-color: #d7ecf6 !important;
}

.btn-warning-btn:focus {
  border: 1px solid #122038 !important;
  background-color: #d7ecf6 !important;
}

.btn-toolbar button.btn-leap-white {
  border: 1px solid #122038 !important;
  background-color: #ffffff;
  text-transform: none !important;
  color: #0060aa !important;
  font-weight: inherit !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

​ .btn-toolbar button.btn-leap-white:hover {
  border: 1px solid #122038 !important;
  background-color: #d7ecf6;
}

​ .btn-toolbar button.btn-leap-white:focus {
  border: 1px solid #122038;
  background-color: #d7ecf6 !important;
}

.btn-leap-white {
  border: 1px solid #122038 !important;
  background-color: #ffffff;
  text-transform: none !important;
  color: #0060aa !important;
  font-weight: inherit !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

​ .btn-leap-white:hover {
  border: 1px solid #122038 !important;
  background-color: #d7ecf6;
}

​ .btn-leap-white:focus {
  border: 1px solid #122038;
  background-color: #d7ecf6 !important;
}

.btn-width-108 {
  width: 108px !important;
}

.btn-width-130 {
  width: 130px !important;
}

.btn-no-style {
  border: none;
  background-color: transparent;
}

.cmm-input {
  max-width: 74px;
}

.no-transform {
  text-transform: none;
}

leap-default-table-header {
  text-transform: none;
}

.multi-table {
  border-collapse: separate;
  border-top: 1px solid #bbbfc6;
  border-left: 1px solid #bbbfc6;
  border-right: 1px solid #bbbfc6;
  border-bottom: 0px;
}

.multi-table thead .border-cell {
  border-collapse: separate;
  min-height: 35px;
  border-left: 1px solid #e7e7e7;
}

.multi-table tbody {
  background-color: white;
}

.multi-table tbody .border-cell {
  border-collapse: separate;
  border-left: 1px solid #e7e7e7;
  min-height: 34px;
}

.multi-table tbody tr {
  border-collapse: separate;
  border-bottom: 1px solid #e7e7e7;
  min-height: 34px;
}

.crownCourtLine {
  min-height: 68px !important;
}

.crownCourtCell {
  min-height: 68px !important;
}

.multi-table-bottom-border {
  border-bottom: 1px solid #bbbfc6;
}

.table-bordered {
  height: 100%;
  border-collapse: collapse;
}

.submissions-cell {
  border-left: 1px solid #dfdfdf !important;
  border-bottom: 1px solid #dfdfdf !important;
  border-top: 0;
  border-right: 0;
  padding-left: 8px;
}

.submissions-header-cell {
  border-left: 1px solid #d8d8d8 !important;
  border-bottom: 1px solid #d8d8d8 !important;
  background-color: white;
  font-weight: 600;
}

.submissions-select-all-cell {
  border-bottom: 1px solid #d8d8d8 !important;
  background-color: white;
  padding-top: 4px !important;
}

.submissions-select-all-header-cell {
  border-bottom: 1px solid #bbbfc6 !important;
  background-color: white;
}

.unsubmitted-btn {
  max-width: 155px;
}

.submission-tabs {
  display: flex;
}

.last-col-padding {
  padding-right: 20px !important;
}

.ag-body-viewport {
  overflow-y: scroll !important;
}

.ag-header {
  position: inherit !important;
}

.ag-header-cell {
  padding: 8px;
  align-items: center;
  text-transform: uppercase;
  -webkit-box-align: center;
}

.ag-cell {
  height: inherit !important;
}

.ag-cell {
  height: inherit !important;
}

.ag-header-cell {
  height: inherit !important;
}

.table-fixed thead,
.table-fixed .billable-item-table {
  width: 100%;
}

.table-fixed tr,
.table-end {
  width: 100%;
}

.total-table tr {
  height: 40px;
}

.new-item-td {
  background-color: #ffffff !important;
  border-top: 1px solid #a9a9a9 !important;
}

.toolkit-tr-total {
  background-color: #fef8f2;
  border-top: 2px solid #f69139 !important;
}

.total-table td {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
}

.multitable-total {
  border-top: 1px solid #bbbfc6;
  border-left: 1px solid #bbbfc6;
  border-right: 1px solid #bbbfc6;
  background-color: #eee;
}

.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed td,
.table-fixed th {
  display: block;
}

.table-fixed tr {
  display: block;
}

.table-fixed tbody td,
.table-fixed thead > tr > th {
  float: left;
}

.dashboard-table tbody tr td {
  border-top: none;
}

.dashboard-table {
  border-collapse: collapse;
  height: 100%;
}

.dashboard-table tbody {
  height: 95% !important;
}

.chartBreakdown accordion {
  max-height: calc(35vh - 10px) !important;
  min-height: calc(35vh - 10px) !important;
  overflow: auto;
}

.chart-container {
  position: relative;
  margin: auto;
  height: 37vh;
  width: 100%;
  display: inline-flex;
}

.btn-toolbar {
  bottom: 12px;
  right: 15px;
  position: fixed;
}

.total-table {
  border-collapse: separate;
  border-left: 1px solid #bbbfc6;
  border-right: 1px solid #bbbfc6;
  border-bottom: 1px solid #bbbfc6;
}

.submission-table {
  border-collapse: separate;
  border-left: 1px solid #bbbfc6;
  border-right: 1px solid #bbbfc6;
  border-bottom: 1px solid #bbbfc6;
}

.submission-table tr {
  height: 30px;
}

.delete-icon {
  color: #0060aa !important;
}

.close {
  float: none;
  color: #0060aa !important;
  opacity: 0.75;
}

.billing-modal-input {
  line-height: 1;
  display: block;
  width: 100%;
  color: #444;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  height: 25px !important;
}

.eform-modal-textarea {
  line-height: 1;
  display: block;
  width: 100%;
  color: #444;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
}

.tab-button > i {
  color: #2a4b85 !important;
}

.tab-button {
  color: black !important;
}

.tab-button:hover {
  color: #d77c24 !important;
}

.padding-left7 {
  padding-left: 7px !important;
}

.padding-right7 {
  padding-right: 7px !important;
}

.padding-left4 {
  padding-left: 4px !important;
}

.padding-left19 {
  padding-left: 19px !important;
}

.padding-right5 {
  padding-right: 5px !important;
}

.padding-bottom9 {
  padding-bottom: 9px !important;
}

.padding-bottom7 {
  padding-bottom: 7px !important;
}

.totals-table tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px;
}

.gap25 {
  display: block;
  clear: both;
  height: 25px;
}

.invoice-table,
.invoice-table td {
  border-collapse: separate;
  line-height: 10px !important;
  color: black;
  background-color: white !important;
}

.invoice-table {
  border: 1px solid #ddd;
}

.invoice-table thead {
  line-height: 10px !important;
  color: black;
}

.invoice-table thead .border,
.invoice-table tbody .border {
  border-right: 1px solid #ddd;
}

.invoice-table-total {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.breakdown-label-top {
  padding-bottom: 0px !important;
}

.breakdown-label-bottom {
  padding-top: 0px !important;
  font-style: italic;
}

.invoice-table-total,
.invoice-table-total td {
  border-collapse: separate;
  line-height: 10px !important;
  color: black;
  background-color: white;
}

.invoice-table-total tbody .general-info td {
  border-top: none !important;
}

.branch-table {
  overflow-y: auto;
  max-height: 20px;
}

.invoice-table-total {
  border-left: none !important;
  border-bottom: none !important;
}

.breadcrumb-group {
  min-height: 22px;
}

.breadcrumb-tab {
  padding-bottom: 9px !important;
}

.no-top-border {
  border-top: none !important;
}

.invoice-table-total tbody .border-right {
  border-right: 1px solid #ddd;
}

.invoice-table-total tbody .border-bottom {
  border-bottom: 1px solid #ddd;
}

.summary-border {
  border-bottom: none !important;
  border-left: none !important;
}

.grey-text {
  color: grey !important;
}

.red-text {
  color: red !important;
}

.italic-text {
  font-style: italic;
}

.blue-text {
  color: #2a4b85 !important;
}

.summary-row {
  background-color: #f0f1f2 !important;
}

.toolkit-tr-total > td {
  background-color: #fef8f2 !important;
}

.total-color {
  background-color: #fef8f2 !important;
  border-top: 2px solid #f69139 !important;
}

.orange-border-right {
  border-right: 1px solid #f69139 !important;
}

.orange-border-left {
  border-left: 1px solid #f69139 !important;
}

.orange-border-bottom {
  border-bottom: 1px solid #f69139 !important;
}

.border-none {
  border: none !important;
}

.underline {
  text-decoration: underline;
}

.description {
  border: 1px solid #ccc;
}

.description-div {
  padding-bottom: 2px;
}

.question-ddl {
  border: none;
  background-color: inherit !important;
  text-decoration: none;
}

.question-ddl:hover {
  text-decoration: none;
}

.control-label {
  padding-top: 4px !important;
  color: black;
}

.ufn-label {
  padding-top: 2px !important;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0 !important;
}

.padding-top1 {
  padding-top: 1px !important;
}

.padding-top2 {
  padding-top: 2px !important;
}

.padding-top3 {
  padding-top: 3px !important;
}

.padding-top4 {
  padding-top: 4px !important;
}

.padding-top5 {
  padding-top: 5px !important;
}

.padding-top6 {
  padding-top: 6px !important;
}

.padding-top7 {
  padding-top: 7px !important;
}

.padding-top8 {
  padding-top: 8px !important;
}

.padding-top9 {
  padding-top: 9px !important;
}

.padding-top18 {
  padding-top: 18px !important;
}

.padding-right16 {
  padding-right: 16px !important;
}

.padding-left8 {
  padding-left: 8px !important;
}

.padding-right8 {
  padding-right: 8px !important;
}

.padding-bottom2 {
  padding-bottom: 2px !important;
}

.padding-bottom3 {
  padding-bottom: 3px !important;
}

.padding-bottom4 {
  padding-bottom: 4px !important;
}

.padding-bottom6 {
  padding-bottom: 6px !important;
}

.padding-bottom2 {
  padding-bottom: 2px !important;
}

.padding-bottom7 {
  padding-bottom: 7px !important;
}

.padding-bottom8 {
  padding-bottom: 8px !important;
}

.margin-top6 {
  margin-top: 6px !important;
}

.icon-size-15 {
  font-size: 15px !important;
}

.total-row {
  height: 30px;
  border-left: 1px solid #bbbfc6 !important;
  border-right: 1px solid #bbbfc6 !important;
  border-bottom: 1px solid #bbbfc6 !important;
}

.table-list-wrapper {
  border-left: 1px solid #bbbfc6 !important;
  border-right: 1px solid #bbbfc6 !important;
  border-top: 1px solid #bbbfc6 !important;
}

.filter {
  height: 25px;
  padding-top: 1px !important;
  padding: 1px 16px 7px 13px !important;
}

input[type="checkbox"] {
  margin: 0px 0 0 !important;
  line-height: normal;
}

.checkbox-label {
  font-weight: 400;
  color: black;
  display: flex !important;
}

.checkbox-panel {
  border: 1px solid #bbbfc6;
}

.breadcrumb-icon {
  padding-top: 5px;
  padding-bottom: 5px;
}

.breadcrumb-icon:hover {
  background-color: #e9eff6;
}

.submission-btn:hover {
  cursor: default;
}

.submission-btn {
  color: black;
  white-space: nowrap !important;
}

.submission-button {
  margin-bottom: -1px !important;
}

.border-right {
  padding-right: 22px;
}

#mainWrapper {
  overflow: hidden !important;
}

.main-content-full {
  overflow-y: -webkit-paged-x !important;
  overflow-x: hidden !important;
}

.tooltip {
  width: 350px;
  opacity: 1 !important;
}

.tooltip-inner {
  white-space: pre-line;
  max-width: 350px !important;
  color: black !important;
  background-color: white !important;
  border: 1px solid #1e355e;
  border-radius: 2px;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #1e355e;
}

.fixed-fee-row .tooltip {
  width: 100% !important;
}

.fixed-fee-row .tooltip-inner {
  max-width: 120px !important;
}

.selected-total-cell {
  color: #db761d;
}

.submission-main {
  border: 1px solid #bbbfc6;
  background-color: white;
}

.submission-height {
  height: 20px !important;
}

.submission-row {
  height: 22px !important;
}

#enhanced {
  display: inline-flex;
}

.inline-flex {
  display: inline-flex;
}

#reverse {
  display: inline-flex;
  color: black;
}

#reverse:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: transparent !important;
}

.main-nav-tabs {
  background-color: #fafafa !important;
}

.filter-control {
  background-color: #d8d8d8 !important;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #bbbfc6;
}

.filterdropdownleft {
  left: 0 !important;
  right: auto !important;
}

.filterdropdownright {
  left: auto !important;
  right: 0 !important;
}

.top25 {
  top: 25px !important;
}

.breadcrumb-border {
  border-right: 1px solid #d8d8d9 !important;
}
.breadcrumb-hover {
  position: relative;
  display: inline-block;
}

.card .img-top {
  display: none;
}

.card:hover .img-top {
  display: inline;
}

.card:hover .img-bottom {
  display: none;
}

.breadcrumb-button {
  border: 1px solid #fafafa;
}

.breadcrumb-button:hover {
  background-color: #e1effb;
  border: 1px solid #c8e4fb;
  text-decoration: none;
}

.breadcrumb-button a:hover {
  text-decoration: none;
}

.filter-control:hover {
  background-color: #e1effb !important;
  border: 1px solid #0078d7;
}

.halfWidth {
  width: 50% !important;
}

.width40 {
  width: 40% !important;
}

.width20 {
  width: 20% !important;
}

.width10 {
  width: 10% !important;
}

.twitter-list-item {
  padding-left: 5px !important;
}

.error-modal-footer {
  background-color: #f0f1f2;
  border-top: 1px solid #e7e7e7;
}

#errorModalDialog {
  border: 1px solid #3991d5;
}

/* .modal-backdrop:nth-child(2n-1) {
  opacity: 0;
} */

.eForm-modal .modal-body {
  background-color: #f0f1f2;
}

.eForm-modal-footer {
  background-color: #f0f1f2;
}

#reverse.disabled {
  color: grey;
}

#reverse {
  background-color: transparent !important;
  border: none;
}

#print.disabled {
  color: grey;
}

#print {
  background-color: transparent !important;
  border: none;
}

#print:hover {
  background-color: transparent !important;
}

.dashboard-panel {
  border: 1px solid #bbbfc6;
  background-color: white;
}

.flip {
  position: relative;
}

.flip .card.flipped {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.flip .card {
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.9s;
  transform-style: preserve-3d;
  transition: 0.9s;
}

.flip .card .face {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
}

.chromeFlip {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip .card .front {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.flip .card .back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.inner {
  margin: 0px !important;
}

.hasOvetflow {
  padding-right: 17px;
}

accordion-group {
  padding: 5px;
}

accordion-group .panel-body {
  border: 1px solid #bbbfc6 !important;
}

accordion-group .panel-collapse {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.panel-group .panel.panel-default .panel-heading {
  border-bottom: none !important;
}

.update-tool-navbar {
  padding: 11px 15px !important;
}

#leapLogo {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 28px;
  width: 82px;
}

.update-tool-panel {
  height: 250px;
}

#authTokenInput {
  height: 65px;
  min-height: 65px;
}

.convertLink {
  color: blue;
}

.converted-image {
  padding-top: 8px;
  padding-bottom: 8px;
}

.convert-single-image {
  padding-top: 3px;
  width: 50%;
}

.modal-lg {
  min-width: 1300px !important;
}

.modal-lg .modal-header {
  padding-left: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.modal-md {
  min-width: 900px !important;
}

.modal-md .modal-header {
  padding-left: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.modal-header h2 {
  text-transform: none;
}

filter-menu {
  z-index: 10;
  display: block;
}

.width23 {
  width: 23% !important;
}

.width22 {
  width: 22% !important;
}

.grey-bordered-footer {
  border-bottom: 1px solid #a9a9a9;
  bottom: 55px;
  width: 100%;
  position: fixed;
}

.grey-bordered {
  position: fixed;
}

.grey-dropdown:focus {
  background-color: #cce4f7 !important;
  color: #000000 !important;
}

.grey-dropdown {
  background-color: rgb(228, 226, 226) !important;
  color: #000000 !important;
  border-color: #bdbdbe;
}

.grey-dropdown option {
  background-color: #ffffff !important;
  color: #000000 !important;
  line-height: 3em;
  padding: 5px;
}

.ul-width-inherit {
  width: inherit !important;
}

/* Implement a custom checkbox which is white*/

.w3docs {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: white !important;
  border-color: #bdbdbe;
}

/* Specify the background color to be
  shown when hovering over checkbox */

.main:hover input ~ .w3docs {
  background-color: gray;
}

/* Specify the background color to be
  shown when checkbox is active */

.main input:active ~ .w3docs {
  background-color: white;
}

/* Specify the background color to be
  shown when checkbox is checked */

.main input:checked ~ .w3docs {
  background-color: blue;
}

/* Checkmark to be shown in checkbox */

/* It is not be shown when not checked */

.w3docs:after {
  content: "";
  position: absolute;
  display: none;
}

/* Display checkmark when checked */

.main input:checked ~ .w3docs:after {
  display: block;
}

/* Styling the checkmark using webkit */

/* Rotated the rectangle by 45 degree and 
  showing only two border to make it look
  like a tickmark */

.main .w3docs:after {
  left: 8px;
  bottom: 5px;
  width: 6px;
  height: 10px;
  border: solid blue;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 768px) and (max-width: 991px) {
  .description-div {
    padding-left: 17px !important;
  }
}

/* Chrome only style */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .form-control {
    line-height: 1.4285 !important;
  }
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}

@media (min-width: 930px) and (max-width: 981px) {
  .balance-due {
    padding-right: 0px !important;
  }
  .balance-due-desc {
    padding-right: 0px !important;
  }
  .lf1balance {
    padding-right: 3px !important;
  }
}

@media (min-width: 990px) and (max-width: 1105px) {
  .balance-due {
    padding-right: 5px !important;
  }
  .lf1balance {
    padding-right: 3px !important;
  }
}

@media (min-width: 1106px) and (max-width: 1150px) {
  .balance-due {
    padding-right: 4px !important;
  }
  .balance-due-desc {
    padding-right: 8px !important;
  }
  .lf1balance {
    padding-right: 3px !important;
  }
}

@media (min-width: 1151px) and (max-width: 1200px) {
  .balance-due {
    padding-right: 3px !important;
  }
  .lf1balance {
    padding-right: 3px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1900px) {
  .lf1balance {
    padding-right: 3px !important;
  }
}

.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 
.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
} */

form {
  padding: 0 15px 0 15px !important;
}

fee-multi-details form {
  padding: 0 !important;
}

.main {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 0px;
  cursor: pointer;
}

input[type="checkbox"] {
  visibility: hidden;
}

.w3docs {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: white;
  border: 1px solid #d8d8d8;
}

.main:hover input ~ .w3docs {
  background-color: gray;
}

.main input:active ~ .w3docs {
  background-color: white;
}

.main input:checked ~ .w3docs {
  background-color: white;
}

.w3docs:after {
  content: "";
  position: absolute;
  display: none;
}

.main input:checked ~ .w3docs:after {
  display: block;
}

.main .w3docs:after {
  left: 4px;
  bottom: 2px;
  width: 5px;
  height: 11px;
  border: solid black;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.no-label-checkbox {
  position: absolute;
  top: 7px;
  left: 41px;
  height: 15px;
  width: 15px;
  background-color: white;
  border: 1px solid #d8d8d8;
}

.main:hover input ~ .no-label-checkbox {
  background-color: gray;
}

.main input:active ~ .no-label-checkbox {
  background-color: white;
}

.main input:checked ~ .no-label-checkbox {
  background-color: white;
}

.no-label-checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

.main input:checked ~ .no-label-checkbox:after {
  display: block;
}

.main .no-label-checkbox:after {
  left: 4px;
  bottom: 2px;
  width: 5px;
  height: 11px;
  border: solid black;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.legalaid-field {
  text-transform: uppercase;
}

.ecrm-modal.modal-footer {
  background: none !important;
  padding: 0px !important;
}

.ecrm-modal.modal.modal-dialog.modal-footer {
  background: none !important;
  padding-top: 39px !important;
}

.leap-heading-rule {
  position: relative;
}

.leap-heading-rule span {
  padding-right: 5px;
}

.leap-heading-rule:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  border-top: 1px solid #d8d8d8;
  z-index: 0;
  margin-left: 96px;
}

.leap-heading-rule-modal:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  border-top: 1px solid #d8d8d8;
  z-index: 0;
  margin-right: 96px;
}

.heading-rule {
  position: relative;
}

.heading-rule span {
  padding-right: 5px;
}

.heading-rule:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  border-top: 1px solid #d8d8d8;
  z-index: 0;
  margin-left: 176px;
}

.heading-rule-modal:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  border-top: 1px solid #d8d8d8;
  z-index: 0;
  margin-right: 176px;
}

.standard-heading-rule {
  position: relative;
}

.standard-heading-rule span {
  padding-right: 5px;
}

.standard-heading-rule:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  border-top: 1px solid #d8d8d8;
  z-index: 0;
  margin-left: 143px;
}

.standard-heading-rule-modal:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  border-top: 1px solid #d8d8d8;
  z-index: 0;
  margin-right: 143px;
}

.standard-heading-rule {
  position: relative;
}

.standard-heading-rule span {
  padding-right: 5px;
}

.subheading-rule:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  border-top: 1px solid #d8d8d8;
  z-index: 0;
  margin-left: 162px;
}

.subheading-rule-modal:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  border-top: 1px solid #d8d8d8;
  z-index: 0;
  margin-right: 162px;
}
.padding-left16 {
  padding-left: 16px !important;
}

.padding-left9 {
  padding-left: 9px !important;
}

.btn {
  border-radius: 1px !important;
}

.margin-top3 {
  margin-top: 3px !important;
}

.displayFlex {
  display: flex;
}

.no-margin {
  margin: 0;
}