@import url("open-iconic/font/css/open-iconic-bootstrap.min.css");
@font-face {
  font-family: "opensans";
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "opensans";
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "opensans";
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "opensans";
  src: url("../fonts/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 700;
}
table, .e-grid .e-table {
  border-collapse: collapse;
}

button.e-btn {
  border-radius: 3px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 20px 5px;
  box-shadow: none;
}

.e-control, .e-css {
  font-family: "opensans";
  font-size: 14px;
}
.e-control b, .e-css b {
  font-weight: 600;
  color: #232323;
}

.content-list-details-wrapper {
  font-family: opensans;
}

body {
  background-color: #eef5f9;
  font-family: "opensans";
}

.disable-case-wrapper .mat-checkbox-label-before .mat-checkbox-inner-container {
  margin-top: 3px;
}

hr {
  border-top: 2px solid #9c27b0;
}

.rb-content {
  font-weight: normal;
}

.title b {
  font-weight: normal;
}

a {
  color: #9c27b0;
}

label.label-divider, .activity-header span {
  font-weight: normal;
}

.e-header-btn {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  padding: 5px 20px 5px;
}

.e-cancel-btn {
  background: none;
  box-shadow: none;
  color: #565656;
}
.e-cancel-btn:hover {
  background: none;
}

.comp-wrapper {
  font-family: opensans;
  margin-left: 5px;
  padding: 10px 15px 15px 15px;
}
.comp-wrapper .mat-icon {
  vertical-align: top;
  color: #666;
}
.comp-wrapper .main-title {
  position: relative;
  margin-bottom: 10px;
  margin-top: 0px;
}
.comp-wrapper .main-title b {
  font-weight: normal;
}
.comp-wrapper .main-title h1 {
  margin: 6px 0px 0px 0px;
  font-family: RalewayLight;
  font-size: 20px;
  font-weight: 100;
  bottom: 0px;
}
.comp-wrapper .main-title h1 .mat-icon {
  height: 20px;
  font-size: 23px;
  margin-right: 3px;
}
.comp-wrapper .main-title .main-title-buttons {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.comp-wrapper .main-title button {
  text-transform: uppercase;
  height: 28px;
  line-height: 28px;
  font-size: 11px !important;
  top: 0px;
  left: 0px;
}
.comp-wrapper .main-title button.main-button {
  color: #9c27b0;
  text-transform: uppercase;
  font-family: "OpenSansSemiBold";
  font-weight: 500;
}
.comp-wrapper md-card.card {
  margin: 0px 0px 12px 0px;
  left: 0px;
  top: 0px;
  right: 0px;
}
.comp-wrapper .card-purple .card-content-wrapper label {
  color: #eee;
}
.comp-wrapper .card-purple .mat-form-field-underline {
  background-color: #ccc;
}
.comp-wrapper .card-purple .mat-focused .mat-input-ripple {
  background-color: white;
}
.comp-wrapper .card-content-wrapper {
  padding: 13px;
}
.comp-wrapper .card-content-wrapper label {
  margin-bottom: 0px;
}
.comp-wrapper .card-title {
  border-bottom: 1px solid #e0e0e0;
  padding: 12px;
  font-family: "RalewayLight";
  margin: 0px;
}
.comp-wrapper .card-title .main-title-buttons {
  bottom: 10px;
  right: 9px;
}
.comp-wrapper .card-title h2.title {
  float: none;
  font-family: "RalewayLight";
  margin: 0px;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 22px;
}
.comp-wrapper .card-title h2.title b {
  font-family: "RalewaySemiBold";
  font-weight: normal;
}

md-card.card.card-purple {
  background-color: #9c27b0;
  border: none;
  color: white;
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #9c27b0;
}

.mat-radio-button.mat-primary .mat-radio-outer-circle {
  border-color: #9c27b0;
}

.mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: #9c27b0;
}

.mat-radio-checked .mat-radio-label-content {
  color: #9c27b0;
}

.vertical-radio-group .mat-radio-label:hover .mat-radio-label-content,
.inline-radio-group .mat-radio-label:hover .mat-radio-label-content {
  color: #333;
}

.card-purple .mat-radio-button.mat-primary .mat-radio-outer-circle {
  border-color: white;
}

.card-purple .mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: white;
}

.card-purple .mat-radio-checked .mat-radio-label-content {
  color: white;
}

.card-purple .vertical-radio-group .mat-radio-label:hover .mat-radio-label-content,
.card-purple .inline-radio-group .mat-radio-label:hover .mat-radio-label-content {
  color: white;
}

.card-purple .vertical-radio-group .mat-radio-label .mat-radio-label-content,
.card-purple .inline-radio-group .mat-radio-label .mat-radio-label-content {
  color: #ccc;
}

.card-purple .vertical-radio-group .mat-radio-checked .mat-radio-label .mat-radio-label-content,
.card-purple .inline-radio-group .mat-radio-checked .mat-radio-label .mat-radio-label-content {
  color: white;
}

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

.card.no-padding {
  padding: 0px;
}

.card {
  border-top: 2px solid #9c27b0;
}

.left-column-card-wrapper {
  padding-right: 7px;
}

.right-column-card-wrapper {
  padding-left: 7px;
}

.input-no-bottom-padding {
  margin-top: 12px;
}

.input-no-bottom-padding .mat-input-underline {
  bottom: 0px;
}

.input-no-bottom-padding .mat-input-wrapper {
  padding-bottom: 0px;
}

.input-no-top-padding .mat-input-infix {
  border-top: 0px;
}

.card-purple .mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-optgroup-label {
  color: white;
  background-color: #9c27b0;
  padding: 0px 12px;
  height: 32px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  margin: 0px;
}

.mat-optgroup .mat-option:not(.mat-option-multiple) {
  padding-left: 12px;
}

.mat-autocomplete-panel .mat-option .billing-group-data b {
  font-size: 16px;
  line-height: 40px;
  vertical-align: top;
}

.tab-button-wrapper button:hover .mat-button-focus-overlay {
  background-color: white;
  opacity: 1;
  z-index: -1;
}

.invoice-wrapper .invoice-case-activities-grid .ngx-datatable .datatable-body-cell {
  padding: 0px 9px 0px 13px;
}
.invoice-wrapper .invoice-case-activities-grid .ngx-datatable .datatable-body-cell .row {
  padding-top: 8px;
  padding-bottom: 8px;
}

.row.selected-activity {
  background-color: rgba(0, 150, 136, 0.9);
  color: white;
}

.clear-multiselect-item-icon {
  color: #ccc !important;
}

.clear-multiselect-item-icon:hover {
  color: white !important;
}

.no-left-margin.mat-checkbox-label-before .mat-checkbox-inner-container {
  margin-left: 0px !important;
  margin-right: 6px;
}

.vertical-checkbox-list-item {
  margin-bottom: 6px;
}

.report-wrapper datatable-body-row:hover datatable-body-cell {
  background-color: rgba(0, 150, 136, 0.1) !important;
}
.report-wrapper datatable-body-row datatable-body-cell {
  padding: 6px !important;
}
.report-wrapper datatable-body-row datatable-body-cell:nth-child(2n+1) {
  background-color: #f2f2f2;
}
.report-wrapper datatable-header {
  padding: 0px !important;
}
.report-wrapper datatable-header .datatable-header-inner {
  height: 100%;
}
.report-wrapper datatable-header datatable-header-cell {
  height: 100%;
  padding: 6px !important;
}
.report-wrapper datatable-header datatable-header-cell:nth-child(2n+1) {
  background-color: #f2f2f2;
}

.yearly-hours-report-wrapper datatable-header {
  padding: 0px !important;
}
.yearly-hours-report-wrapper datatable-header .datatable-header-inner {
  height: 100%;
}
.yearly-hours-report-wrapper datatable-header datatable-header-cell {
  height: 100%;
  padding: 2px 0px 2px 8px !important;
}
.yearly-hours-report-wrapper datatable-body-row datatable-body-cell {
  padding: 6px !important;
}
.yearly-hours-report-wrapper datatable-body-row:hover datatable-body-cell {
  background-color: rgba(0, 150, 136, 0.1) !important;
}
.yearly-hours-report-wrapper datatable-body-row datatable-body-cell {
  border-left: 1px solid #999;
}
.yearly-hours-report-wrapper .yearly-report-level1-row {
  background-color: #aaa;
}
.yearly-hours-report-wrapper .yearly-report-level2-row {
  background-color: #ddd;
}

.select-filter-form-group {
  padding-top: 14px;
}

.comp-wrapper .alert-danger {
  background-color: #ff6363;
  color: white;
  border: none;
}
.comp-wrapper .alert-danger a {
  color: maroon;
}

.accented-data-box {
  border-left: 3px solid #9c27b0;
  padding: 6px 12px 6px 10px;
  margin-right: 2px;
  margin-bottom: 9px;
  background-color: #f5f5f5;
  width: 100%;
}
.accented-data-box .data-box-content {
  color: #9c27b0;
  font-size: 14px;
  font-weight: 500;
}
.accented-data-box .data-box-label {
  font-size: 11px;
  color: #999;
  text-transform: uppercase;
}

.red {
  color: #ff5252 !important;
}

.green {
  color: mediumseagreen !important;
}

.orange {
  color: darkorange !important;
}

.tabs-invoice-recipients .mat-tab-header {
  margin-right: 130px;
}

.recipient-deactivate md-checkbox {
  vertical-align: middle;
  display: inline-block;
  margin-top: 4px;
}

.tabs-invoice-recipients .mat-tab-label {
  padding: 0px;
}
.tabs-invoice-recipients .mat-tab-label > div {
  padding: 0px 12px;
}

/* This will disable the panel animation */
md-tab-group [role=tabpanel] {
  transition: none;
}

.mat-tab-label.mat-tab-label-active {
  opacity: 1;
}
.mat-tab-label.mat-tab-label-active b {
  color: #9c27b0;
}

.invoice-options-wrapper .mat-checkbox-label-before .mat-checkbox-inner-container, .recipient-form-group .mat-checkbox-label-before .mat-checkbox-inner-container {
  margin-left: 0px;
}

.mar-bottom-10 {
  margin-bottom: 10px;
}

.mar-bottom-6 {
  margin-bottom: 10px;
}

.mar-top-10 {
  margin-top: 10px;
}

.mar-top-13 {
  margin-top: 13px;
}

.mar-top-15 {
  margin-top: 15px;
}

.mar-top-20 {
  margin-top: 20px !important;
}

span.mat-select-placeholder.mat-floating-placeholder {
  transform: scale(0.85) !important;
  font-family: "Open Sans";
}

.after-title-small {
  font-size: 70%;
  color: #999;
  text-transform: uppercase;
}

.select-payments-wrapper .mat-option, .select-tariff-wrapper .mat-option {
  height: auto;
  padding: 0px 12px;
}

.select-payments-wrapper .mat-option .payment-subtitle {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  line-height: 12px;
  margin-top: -9px;
  margin-bottom: 15px;
  color: #888;
}

.select-tariff-wrapper .mat-option {
  height: auto;
  padding: 12px;
}
.select-tariff-wrapper .mat-option .tariff-description {
  font-size: 14px;
  white-space: normal;
  line-height: 16px;
}

.card.no-top-border {
  border-top: none;
}

.card.auto-width-card {
  display: inline-block;
}

.accent-table-row {
  background-color: #eee;
  text-transform: uppercase;
  font-size: 14px;
}

.accent-table-row span {
  font-family: "opensanssemibold";
}

.vertical-align-top {
  vertical-align: top;
}

.invoice-wrapper b {
  font-weight: normal;
  font-family: "opensanssemibold";
}

.datatable-body-row.active .grid-item-description, .row.selected-activity .grid-item-description {
  color: #ccc;
}

.datatable-body-row:hover .row.selected-activity {
  background-color: rgba(0, 150, 136, 0.7) !important;
}

.mat-tab-body-wrapper {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  font-family: "opensansregular";
}

.report-wrapper .datatable-body-row {
  border-top: 1px solid #ccc;
}

.activity-date-buttons .mat-icon {
  width: 15px;
  height: 10px;
  font-size: 18px;
  line-height: 10px;
  font-weight: bold;
}

.remove-wrapper .mat-checkbox-label-before .mat-checkbox-inner-container {
  margin-left: 0px;
}

.custom-client-wrapper .mat-select-value-text {
  font-family: OpenSansSemiBold !important;
}

.custom-client-wrapper .mat-select-placeholder.mat-floating-placeholder {
  top: -18px !important;
}

span.invoice-autocomplete-item {
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}

span.invoice-autocomplete-item-title {
  display: block;
  font-size: 14px;
}

span.invoice-autocomplete-item-subtitle {
  display: block;
  font-size: 14px;
  color: #999;
}

.cmp-client-ce .mat-checkbox-layout .mat-checkbox-label {
  order: 2;
  margin-left: 5px;
}

.invoice-details-button-link {
  background: none;
  border: none;
  text-decoration: underline;
}
.invoice-details-button-link:hover {
  cursor: pointer;
}

.invoice-colors-legend {
  /*vertical-align: middle;*/
  padding-left: 7px;
  margin-bottom: 10px;
}
.invoice-colors-legend .invoice-colors-legend-label {
  margin-left: 5px;
  line-height: 16px;
  /*vertical-align: middle;*/
  font-family: OpenSansSemiBold;
  font-size: 12px;
  color: #888;
}
.invoice-colors-legend .legend-item {
  margin-right: 15px;
  /*vertical-align: middle;*/
}
.invoice-colors-legend .legend-color {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.invoice-colors-legend .invoice-gray-color {
  background-color: #333;
}
.invoice-colors-legend .invoice-blue-color {
  background-color: dodgerblue;
}
.invoice-colors-legend .invoice-green-color {
  background-color: forestgreen;
}
.invoice-colors-legend .invoice-orange-color {
  background-color: darkorange;
}
.invoice-colors-legend .invoice-dark-orange-color {
  background-color: #cc7000;
}
.invoice-colors-legend .invoice-light-gray-color {
  background-color: #ccc;
}

tr.reversed {
  color: #ccc;
}

tr.custom {
  color: dodgerblue;
}

tr.custom.write-off, tr.write-off {
  color: #cc7000;
}

tr.custom.written-off, tr.written-off {
  color: darkorange;
}

tr.sub-row.custom.written-off, tr.sub-row.written-off {
  color: #333;
}

tr.preprocessed, tr.custom.preprocessed {
  color: forestgreen;
}

.written-off-value {
  font-size: 11px;
  font-family: OpenSansSemibold;
  position: relative;
  line-height: 10px;
  margin-bottom: 2px;
}

.user-report-table {
  padding: 10px;
}
.user-report-table td {
  padding: 2px 5px;
  font-family: "opensansregular";
}
.user-report-table td.gray-value {
  color: #aaa;
  font-family: "opensansregular";
}
.user-report-table td.case-name-value {
  font-family: "opensansregular";
}
.user-report-table td.red-value {
  color: orangered;
}
.user-report-table td.nbhrs {
  background-color: lemonchiffon;
}
.user-report-table td.bhrs {
  background-color: #e5fbe5;
}
.user-report-table .user-report-user-row td {
  font-size: 18px;
  font-family: "opensanssemibold";
  padding: 20px 10px 0px 10px;
}
.user-report-table .user-report-header-row.border-bottom-row td {
  border-bottom: 1px solid #eee;
}
.user-report-table .user-report-header-row td {
  font-size: 11px;
  font-family: "opensanssemibold";
  color: #aaa;
}
.user-report-table .total-row td {
  border-top: 1px solid #eee;
  font-family: "opensanssemibold";
}

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

.double-value-cell .gray-value {
  color: #aaa;
}
.double-value-cell .red-value {
  color: orangered;
  font-family: "opensanssemibold";
}
.double-value-cell .green-value {
  color: green;
  font-family: "opensanssemibold";
}
.double-value-cell > div {
  font-size: 11px;
  line-height: 10px;
}
.double-value-cell > div > i {
  font-size: 15px;
  line-height: 10px;
  vertical-align: middle;
}
.double-value-cell > div > span {
  vertical-align: middle;
}

.client-payment-form-wrapper {
  padding: 10px 0 0 0;
}
.client-payment-form-wrapper .payment-types-radio-group .mat-radio-label {
  align-items: normal;
}
.client-payment-form-wrapper .payment-types-radio-group .mat-radio-label-content {
  white-space: normal;
}
.client-payment-form-wrapper .payment-currency-grid {
  display: grid;
  grid-template-columns: minmax(0px, 100px) 1fr;
}
.client-payment-form-wrapper .payment-currency-grid.no-currency-column {
  grid-template-columns: 0px 1fr;
}

.locked-client-payment-card {
  padding: 15px;
}

.already-invoiced-payment {
  background-color: #eee;
  padding: 15px;
  margin-bottom: 15px;
  color: #9C27B0;
  font-family: "OpenSansSemiBold";
}

.client-payment-active-wrapper {
  background-color: #eee;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: "OpenSansSemiBold";
}
.client-payment-active-wrapper .mat-checkbox-layout {
  margin-top: 2px;
}
.client-payment-active-wrapper .client-payment-active-description {
  line-height: 25px;
}
.client-payment-active-wrapper.client-payment-inactive {
  background-color: #ffd1d1;
}
.client-payment-active-wrapper.client-payment-inactive .client-payment-active-description {
  color: #333;
}

.full-width {
  width: 100%;
}

.day-wrapper {
  display: block;
}

.day-names {
  padding: 0px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}

.day-names .day-wrapper {
  color: #999;
  text-align: center;
  font-size: 10px;
  margin-bottom: 6px;
}

.week {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 6px;
}

.week + .week {
  margin-top: 6px;
}

.week .day-wrapper {
  padding: 0px;
}

.week .day:hover {
  /*background-color: #f3f3f3;*/
  cursor: pointer;
  transition: all 0.3s ease;
}
.week .day:hover .date {
  color: #9c27b0;
  transition: all 0.3s ease;
}
.week .day.active:hover .date {
  color: #e2a8ec;
  transition: all 0.3s ease;
}

.week .day:hover {
  border: 1px solid #9c27b0;
}
.week .day:hover .year {
  color: #9c27b0;
  transition: all 0.3s ease;
}
.week .day.active:hover .year {
  color: #e2a8ec;
  transition: all 0.3s ease;
}

.card {
  padding: 0px !important;
  margin-top: 15px;
  margin-left: 5px;
  border-top: 2px solid #9c27b0;
}

.day {
  font-family: "OpenSansRegular";
}

.day.active {
  border-color: #9C27B0 !important;
  background-color: #9C27B0 !important;
}

.week .day {
  background-color: #f8f8f8;
  border-radius: 0px;
  border: 1px solid #eee;
  width: 100%;
}

.day.active .date,
.day.active .year {
  font-weight: 500;
  background-color: #9C27B0;
  color: white;
  border: none;
}

/*.day.active .date {
		border-top: 2px solid #9c27b0;
		margin-top: -2px;
		margin-left: -1px;
		margin-right: -1px;
	}*/
.day .date {
  color: #777;
  text-align: center;
  font-size: 18px;
  padding-top: 8px;
  font-family: "opensans";
  background-color: #f2f2f2;
  font-weight: 600;
}

.day .year {
  text-align: center;
  font-size: 10px;
  color: #777;
  letter-spacing: 4px;
  margin: -2px 0px 3px 0px;
  font-family: "opensans";
  background-color: #f2f2f2;
  padding-bottom: 11px;
}

.day .hours {
  text-align: center;
  padding-top: 5px;
  font-size: 14px;
  color: #999;
  font-family: opensans;
  font-weight: 400;
}

.day .hours span {
  color: #343434;
  font-family: opensans;
  font-weight: 600;
}

.day.no-activities .hours span {
  color: #aaa;
  font-family: opensans;
  font-weight: 400;
}

.day.active .hours {
  background-color: #f2f2f2 !important;
}

.day.active .activities {
  background-color: #f2f2f2 !important;
}

.day .hours.warning {
  color: coral;
}

.day .hours.danger {
  color: crimson;
}

.day .hours small {
  font-weight: normal;
  color: #888;
  text-transform: lowercase;
}

.day .activities {
  font-weight: 400;
  text-align: center;
  font-size: 11px;
  color: #999;
  font-family: "opensans";
  padding-bottom: 11px;
}

.day .activities > span {
  color: #aaa;
  font-family: opensans;
  font-weight: 600;
}

.day.no-activities .activities > span {
  color: #aaa;
  font-family: opensans;
  font-weight: 400;
}

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

.mat-box.calendar-box {
  margin-top: 15px;
}

button.week-change-button {
  background: none;
  border: none;
  font-size: 12px;
  text-transform: uppercase;
  color: #9c27b0;
  padding: 8px 15px;
}
button.week-change-button:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}

.number-of-defendants-factor {
  font-weight: 600;
  font-size: 10px;
  color: red;
}

.activity-grid {
  display: grid;
  grid-template-columns: 1fr 130px auto;
  grid-column-gap: 15px;
}
.activity-grid .activity-grid-column-3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 6px;
}
.activity-grid.activity-grid-readonly .activity-grid-column-1 {
  padding-left: 10px;
}

.recommended-hours-wrapper .mat-checkbox-label-before .mat-checkbox-inner-container {
  margin-left: 0px;
}

.classified-description-mass-edit {
  color: lightcoral;
}

.classif-desc-cell {
  color: lightcoral;
}

.description-wrapper {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  padding-top: 5px;
  margin-bottom: 4px;
}
.description-wrapper .description-value {
  font-size: 14px;
  color: #343434;
  font-family: "OpenSansSemiBold";
}

.sidebar {
  padding-top: 0px;
  width: 247px;
  background-color: #353536;
  box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.3);
  z-index: 1;
  margin-right: 0px;
  font-size: 14px;
  height: 100vh;
  overflow-y: auto;
}

.logged-user-wrapper {
  color: white;
  width: 100%;
  text-align: center;
  padding: 0;
  background-color: #9c27b0;
}

.logged-user {
  padding-right: 9px;
  margin-right: 2px;
  border-right: 1px dashed white;
  font-size: 13px;
}

.logout-button {
  width: 20px;
  line-height: 20px;
  color: white;
  display: inline !important;
}

.nav-item .nav-link > .oi {
  font-size: 10px !important;
  top: -1px;
  margin-left: 0 !important;
  width: 12px;
  margin-right: 6px;
  color: #888;
}
.nav-item a.nav-link {
  color: #d7d7d7;
  height: auto;
  display: flex;
  align-items: center;
  line-height: normal;
  padding: 12px 15px;
}

a.nav-link.nav-grid-link {
  display: grid;
  grid-template-columns: auto 1fr auto;
}
a.nav-link.nav-grid-link span {
  margin-left: 0px !important;
}

span.nav-expand-icon {
  font-size: 16px !important;
  line-height: 14px !important;
  font-weight: bold;
}

.mat-box {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17), 0 1px 2px rgba(0, 0, 0, 0.35);
  display: block;
}

.mat-box-filter {
  padding: 10px 15px 10px 15px;
}

.mat-box-content {
  padding: 10px;
}

button.e-btn.main-title-button {
  border-radius: 3px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 20px 5px;
  box-shadow: none;
}
button.e-btn.main-title-button span.oi {
  font-size: 8px;
  line-height: 8px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 2px;
}

/* DEFAULT LAYOUT STYLES - DO NOT CHANGE! */
/* DEFAULT LAYOUT STYLES - DO NOT CHANGE! */
/* DEFAULT LAYOUT STYLES - DO NOT CHANGE! */
.page {
  display: grid;
  grid-template-columns: auto 1fr;
  height: 100vh;
}

.content-list-details-wrapper {
  display: grid;
  grid-template-columns: 40% 60%;
}
.content-list-details-wrapper .content-details-wrapper .content-wrapper {
  padding-left: 0;
}
.content-list-details-wrapper .content-details-wrapper .title-wrapper {
  padding-left: 0;
}

.content-list-details-wrapper-unselected {
  display: grid;
  grid-template-columns: 1fr;
}
.content-list-details-wrapper-unselected .content-details-wrapper .content-wrapper {
  padding-left: 0;
}
.content-list-details-wrapper-unselected .content-details-wrapper .title-wrapper {
  padding-left: 0;
}

.header-row .main-title-cmp {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}

.title-wrapper {
  font-size: 18px;
  font-weight: 500;
  font-family: "opensans";
  color: #666666;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title-wrapper .main-title-cmp {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
.title-wrapper h1.main-title {
  font-size: 16px;
  font-weight: 500;
  color: #666666;
  margin-bottom: 0px;
}
.title-wrapper h1.main-title span {
  color: #666666;
}
.title-wrapper h1.main-title b {
  color: #9c27b0;
}

.content-wrapper {
  padding: 0 15px 15px 15px;
}

/* END OF DEFAULT LAYOUT STYLES - DO NOT CHANGE! */
/* END OF DEFAULT LAYOUT STYLES - DO NOT CHANGE! */
/* END OF DEFAULT LAYOUT STYLES - DO NOT CHANGE! */
.case-subtypes-component .mat-box-filter {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-column-gap: 15px;
}

.list-table {
  font-size: 14px;
  width: 100%;
}
.list-table th {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  border-bottom: 1px solid #eee;
  padding: 0px 10px;
}
.list-table tr td {
  border-bottom: 1px solid #eee;
  padding: 5px 10px;
}
.list-table tr td.name-cell {
  font-weight: 500;
}
.list-table tr:hover td {
  background-color: #f2f2f2;
  cursor: pointer;
}
.list-table tr.active-row td {
  background-color: #f9d8ff;
}
.list-table tr.active-row:hover td {
  background-color: #f3b3ff;
  cursor: pointer;
}

.list-table-totals-row {
  font-size: 12px;
  color: #999;
  text-align: center;
}

.form-control-wrapper {
  position: relative;
  margin-bottom: 10px;
}
.form-control-wrapper .validation-message {
  position: absolute;
  right: 0;
  bottom: -8px;
  font-size: 10px;
  font-weight: 500;
  color: red;
}
.form-control-wrapper.vertical-radio-button-list {
  display: flex;
  flex-direction: column;
}
.form-control-wrapper.vertical-radio-button-list .e-radio + label .e-label {
  padding-left: 23px;
  font-size: 14px;
  margin-bottom: 5px;
}

.edit-form-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.edit-form-buttons button span.oi {
  font-size: 8px;
  line-height: 8px;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 2px;
  top: 0px;
}
.edit-form-buttons button span.oi.oi-share {
  transform: scale(-1, 1);
  position: relative;
  top: -1px;
}

.grid-wrapper b {
  font-weight: 600;
}
.grid-wrapper .main-text {
  font-family: opensans;
}
.grid-wrapper .sub-text {
  font-family: opensans;
}
.grid-wrapper.e-grid {
  border: none;
  padding: 0px;
}
.grid-wrapper.e-grid .e-gridcontent {
  font-family: opensans;
}
.grid-wrapper.e-grid .e-focused:not(.e-menu-item) {
  box-shadow: unset;
}
.grid-wrapper.e-grid .e-rowcell,
.grid-wrapper.e-grid .e-headercell {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.grid-wrapper.e-grid .e-headercell,
.grid-wrapper.e-grid .e-detailheadercell {
  height: 24px;
  font-size: 12px !important;
  color: #999;
}
.grid-wrapper.e-grid .e-headercelldiv {
  font-size: 11px;
  color: #c91de7;
}
.grid-wrapper.e-grid .e-rowcell {
  white-space: initial !important;
}
.grid-wrapper.e-grid th {
  border-left: 1px solid #e0e0e0 !important;
}
.grid-wrapper.e-grid th:nth-child(1) {
  border-left: none !important;
}
.grid-wrapper.e-grid th:nth-child(2) {
  border-left: none !important;
}
.grid-wrapper .payment-value-description {
  line-height: normal;
}
.grid-wrapper .e-pager .e-spacing, .grid-wrapper .e-pager .e-numericitem:hover, .grid-wrapper .e-pager .e-currentitem {
  border-radius: 2px;
}

.full-height-grid.e-grid {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}

.full-height-box.mat-box {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}

.full-height-box {
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.full-height-box.full-height-box-with-shadow {
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 5px;
}

.s-fee-cap {
  color: darkorange;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-float-input.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap,
.e-float-input.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error) .e-input-in-wrap {
  border-color: #e0e0e0;
  
}

.input-with-currency {
  display: grid;
  grid-template-columns: 1fr 70px;
  grid-column-gap: 10px;
}

.payment-types-list-details-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 25px;
}

.payment-seniority-row {
  display: grid;
  grid-template-columns: 240px 1fr;
  font-family: "opensans";
  align-items: center;
}
.payment-seniority-row label {
  font-size: 14px;
  color: #343434;
  text-align: right;
  display: block;
  margin-right: 10px;
  margin-bottom: 8px;
  font-weight: 500;
}

.sub-title {
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: normal;
  color: #888;
  margin-bottom: 10px;
  position: relative;
  /*	&::before {
  	content: ' ';
  	width: 50px;
  	height: 3px;
  	position: absolute;
  	left: 0;
  	bottom: 0;
  	background-color: red;
  }*/
}

.fee-cap-row {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-column-gap: 15px;
}
.fee-cap-row.padded-fee-cap-row {
  padding-left: 146px;
}

.price-input {
  text-align: right;
}
.price-input input {
  text-align: right;
}
.price-input label.e-float-text {
  transform-origin: right top !important;
}

.two-row-dropdown .e-dropdownbase .e-list-item {
  background-color: #fff;
  border-bottom: 0;
  border-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  font-family: inherit;
  font-size: 13px;
  line-height: 36px;
  min-height: 36px;
  padding-right: 16px;
  text-indent: 5px;
}
.two-row-dropdown .e-dropdownbase .e-list-item:hover {
  cursor: pointer;
  background-color: #eee;
}
.two-row-dropdown .e-multi-select-wrapper .e-chips {
  background-color: #eee;
  height: auto;
  border-radius: 4px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
}

.e-dropdownbase .e-list-item {
  /*	line-height: normal;
  padding-top: 6px;
  padding-bottom: 6px;*/
  /*padding-left: 12px;
  padding-right: 12px;*/
  font-size: 13px;
}
.e-dropdownbase .e-list-item .dd-main-title {
  font-weight: 500;
  color: #343434;
  margin-bottom: 2px;
  /*line-height: normal;*/
}
.e-dropdownbase .e-list-item .dd-sub-title {
  font-size: 86%;
  color: #999;
  /*		line-height: normal;*/
}
.e-dropdownbase .e-list-item .dd-sub-title span + span {
  margin-left: 8px;
}

.dd-single-select {
  font-size: 13px;
}
.dd-single-select.dd-single-select-two-rows {
  min-height: 42px;
  align-items: center;
}
.dd-single-select .dd-main-title {
  font-weight: 500;
  color: #343434;
  margin-bottom: 2px;
  line-height: normal;
}
.dd-single-select .dd-sub-title {
  font-size: 86%;
  color: #999;
  line-height: normal;
}
.dd-single-select .dd-sub-title span + span {
  margin-left: 8px;
}
.dd-single-select .e-float-text.e-label-bottom {
  margin-top: 10px;
}

.dd-single-line-select .e-list-item {
  line-height: normal;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 13px;
}
.dd-single-line-select .e-list-item .dd-main-title {
  font-weight: 500;
  color: #343434;
  margin-bottom: 2px;
  line-height: normal;
}

.dd-multi-select {
  font-size: 13px;
}
.dd-multi-select.dd-multi-select-two-rows {
  min-height: 42px;
  align-items: center;
}
.dd-multi-select .dd-main-title {
  font-weight: 500;
  color: #343434;
  margin-bottom: 2px;
  line-height: normal;
}
.dd-multi-select .dd-sub-title {
  font-size: 86%;
  color: #999;
  line-height: normal;
  -webkit-text-fill-color: #999;
}
.dd-multi-select .dd-sub-title span + span {
  margin-left: 8px;
}
.dd-multi-select .e-float-text.e-label-bottom {
  margin-top: 10px;
}
.dd-multi-select .e-multi-select-wrapper {
  min-height: 40px;
}

.client-select {
  margin-bottom: 20px;
}

.progress-bar-wrapper {
  line-height: 2px;
  position: fixed;
  left: 0;
  right: -10px;
}

.input-hours-minutes-label {
  font-size: 12px;
  font-family: "Roboto";
  color: rgba(0, 0, 0, 0.42);
  line-height: normal;
  margin-bottom: 0;
}

.input-hours-minutes {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.input-hours-minutes .hours {
  min-width: 20px;
  display: inline-block;
  width: 37px;
}
.input-hours-minutes .hours input {
  text-align: right;
  padding-right: 4px !important;
}
.input-hours-minutes .minutes {
  min-width: 45px;
  display: inline-block;
  width: 45px;
}
.input-hours-minutes .separator {
  font-size: 13px;
  color: #666;
  margin-left: 2px;
  margin-right: 2px;
  line-height: 27px;
}
.input-hours-minutes .buttons {
  display: flex;
  align-items: flex-start;
  padding-top: 4px;
}
.input-hours-minutes .buttons button {
  background: none;
  border: none;
  color: #999;
  font-size: 9px;
  line-height: 20px;
  border-radius: 2px;
  margin-left: 3px;
  display: block;
}
.input-hours-minutes .buttons button:hover {
  transition: all ease 0.2s;
  color: #9c27b0;
  background-color: #f2f2f2;
}
.input-hours-minutes .buttons button:active, .input-hours-minutes .buttons button:focus {
  outline: none;
}

.e-list-item .client, .e-input-value .client {
  color: #888;
  line-height: 11px;
  font-size: 11px;
}
.e-list-item .mat-item-custom-subtitle, .e-input-value .mat-item-custom-subtitle {
  color: #888;
  line-height: 11px;
  font-size: 11px;
  margin-top: 1px;
}
.e-list-item .data, .e-input-value .data {
  line-height: 18px;
  font-size: 14px;
}
.e-list-item .data span, .e-input-value .data span {
  margin-right: 4px;
}
.e-list-item .data b, .e-input-value .data b {
  font-family: "opensans";
  font-weight: 600;
  line-height: 18px;
  font-size: 14px;
}

.e-list-item {
  /*	padding-top: 6px !important;
  padding-bottom: 7px !important;
  line-height: normal;*/
}

.e-input-value .client {
  margin-top: 4px;
}

.x-button {
  border: none;
  background-color: red;
  color: white;
}
.x-button[disabled] {
  background-color: #ddd;
}

.e-dropdownbase .e-list-item .trf-li {
  font-size: 14px;
  line-height: 29px;
}

.mat-box .title h2 {
  font-size: 20px;
  color: #545454;
}
.mat-box .title h2 b {
  font-family: opensans;
  font-weight: 600;
  color: #343434;
}

.user-created-wrapper {
  font-size: 12px;
  font-family: "opensans";
  color: #545454;
}

input.e-input,
textarea.e-input,
.e-input-group,
.e-input-group.e-control-wrapper {
  font-family: "opensans";
  font-size: 14px;
  font-weight: 400;
}

/*// case activity item
.new-activity-buttons button {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}*/
.new-activity-bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.new-activity-button {
  border: none;
  font-size: 14px;
  font-family: "opensans";
  font-weight: 400;
  padding: 1px 15px;
  margin-left: 10px;
  border-radius: 2px;
  font-weight: 500;
}
.new-activity-button.create {
  background-color: #9c27b0;
  color: white;
  /*color: $mainColor;*/
}
.new-activity-button.reset {
  background-color: #eee;
  color: #777;
  /*color: $mainColor;*/
}

.e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
  font-size: 14px;
}

.case-activities-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 15px;
}

.e-checkbox-wrapper .e-frame + .e-label,
.e-css.e-checkbox-wrapper .e-frame + .e-label {
  margin-left: 0px;
}

.activity-deactivate {
  display: flex;
  flex-direction: column;
}
.activity-deactivate button.x-button {
  margin-top: 10px;
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0;
}
.activity-deactivate .e-label {
  display: none;
}
.activity-deactivate .e-checkbox-wrapper .e-frame, .activity-deactivate .e-css.e-checkbox-wrapper .e-frame {
  height: 20px;
  width: 20px;
}

.e-checkbox-wrapper label, .e-css.e-checkbox-wrapper label {
  display: flex;
  align-items: center;
  line-height: normal;
  column-gap: 5px;
}
.e-checkbox-wrapper label .e-label, .e-css.e-checkbox-wrapper label .e-label {
  line-height: normal;
}

.existing-activity {
  margin-bottom: 15px;
  position: relative;
}
.existing-activity .processed-tag {
  display: none;
  position: absolute;
  top: 0px;
  font-size: 11px;
  text-transform: uppercase;
  transform: rotate(270deg);
  left: -41px;
  top: 22px;
  font-weight: 500;
  color: #3cb371;
}
.existing-activity.activity-processed {
  border-left: 5px solid mediumseagreen;
}
.existing-activity.activity-processed .processed-tag {
  display: initial;
}

.new-activity-box .processed-tag {
  display: none;
}

.activity .e-checkbox-wrapper .e-frame + .e-label,
.activity .e-css.e-checkbox-wrapper .e-frame + .e-label {
  color: rgba(0, 0, 0, 0.54);
}
.activity .e-input-group .case-dd-item {
  padding-top: 0px;
}

.activity-tariffs-select-wrapper {
  margin-top: 10px;
}

.trf-li b {
  font-weight: 600;
}

.horizontal-radio-button-list .e-radio + label .e-label {
  padding-left: 22px;
  margin-right: 15px;
}

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

.header-row {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 18px;
  font-weight: 500;
  font-family: "opensans";
  color: #666666;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.header-row b {
  font-weight: 600;
  color: #343434;
}
.header-row.horizontal-radio-button-list .e-radio + label .e-label {
  font-size: 15px;
  font-weight: 500;
  color: #666666;
}

.loading-description {
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e1e1e1;
  color: #777;
  font-size: 16px;
  font-family: "opensans";
}

.no-results-description {
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e1e1e1;
  color: rgba(0, 150, 136, 0.9);
  font-size: 18px;
  font-weight: 500;
  font-family: "opensans";
}

.sum-char {
  line-height: normal;
  font-size: 14px;
  vertical-align: middle;
  position: relative;
  top: -4px;
}

.cmp-activity-processing .ap-filter-first-row {
  display: grid;
  grid-template-columns: 100px 100px 1fr 1fr;
  column-gap: 15px;
}
.cmp-activity-processing .ap-filter-second-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 15px;
}
.cmp-activity-processing .activity-processing-row {
  display: grid;
  grid-template-columns: 1fr 100px 150px 150px;
  font-size: 14px;
}
.cmp-activity-processing .hour-headers {
  font-size: 12px;
  color: #999;
  text-align: right;
  padding-right: 190px;
  border-bottom: 1px solid #eee;
}
.cmp-activity-processing .activity-header {
  background-color: paleturquoise;
  padding: 10px;
  font-weight: 500;
  font-family: "opensans";
  color: #343434;
  font-size: 14px;
  margin-top: 15px;
}
.cmp-activity-processing .mass-input-hours-wrapper .input-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: right;
}

.activities-processing-filter-description {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 15px;
  align-items: flex-end;
  background-color: #f2f2f2;
  padding: 10px;
}
.activities-processing-filter-description .ap-filter-description {
  font-size: 14px;
  color: #545454;
  padding-bottom: 4px;
}
.activities-processing-filter-description .ap-filter-description b {
  font-weight: 500;
  color: #232323;
}

.no-activities-processing-description {
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e1e1e1;
  color: #777;
  font-size: 16px;
  font-family: "opensans";
}
.no-activities-processing-description span {
  margin-right: 8px;
}

.description-box {
  width: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e1e1e1;
  color: #777;
  font-size: 16px;
  font-family: "opensans";
}

.tag {
  font-family: opensans;
  text-align: center;
  border-radius: 15px;
  margin-bottom: 10px;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #777;
  color: white;
  padding: 2px 10px;
}
.tag.tag-orange {
  background-color: darkorange;
  color: white;
}
.tag.tag-green {
  background-color: #009688;
  color: white;
}
.tag.tag-blue {
  background-color: dodgerblue;
  color: white;
}
.tag.tag-light-red {
  background-color: lightcoral;
  color: white;
}

.cmp-activity-grid {
  display: grid;
  grid-template-columns: 1fr 165px;
  column-gap: 15px;
}

.cmp-activity-processing .recommended-input-hours-wrapper label {
  margin-bottom: 0;
  font-size: 12px;
  color: #999;
  text-align: right;
  display: block;
}
.cmp-activity-processing .recommended-input-hours-wrapper .hours, .cmp-activity-processing .recommended-input-hours-wrapper .minutes, .cmp-activity-processing .recommended-input-hours-wrapper .sufix {
  color: lightcoral;
}
.cmp-activity-processing .mass-input-hours-wrapper {
  color: #999;
}
.cmp-activity-processing .hours, .cmp-activity-processing .minutes {
  font-weight: 500;
  font-family: "opensans";
  color: #232323;
}
.cmp-activity-processing .minutes {
  margin-left: 4px;
}
.cmp-activity-processing .hour-totals.activity-processing-row {
  padding-right: 190px;
}

.cmp-activity-processing-item-wrapper {
  position: relative;
}
.cmp-activity-processing-item-wrapper .progress-bar-v2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.cmp-activity-processing-item {
  padding: 10px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.activity-processing-details-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 15px;
  align-items: center;
}
.activity-processing-details-actions button {
  box-shadow: none;
}

.activity-processing-details-actions-edit button {
  width: 100%;
  display: block;
  box-shadow: none;
}
.activity-processing-details-actions-edit button + button {
  margin-top: 15px;
}

.activity-processing-content {
  display: grid;
  grid-template-columns: 220px 1fr;
  column-gap: 15px;
}
.activity-processing-content .e-multi-line-input + .e-multi-line-input {
  margin-top: 25px;
}
.activity-processing-content .cap-form-part {
  padding-top: 10px;
}
.activity-processing-content .cap-form-part .e-checkbox-wrapper {
  margin-top: 10px;
}

.cmp-activity-processing .activities {
  margin-bottom: 50px;
}

.ap-filter-actions {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  column-gap: 0px;
  align-items: center;
}
.ap-filter-actions .e-checkbox-wrapper {
  margin-left: 25px;
}

.progress-bar-v2 svg {
  overflow: hidden;
  vertical-align: middle;
  height: 4px !important;
  width: 100% !important;
  display: block;
}

.top-progress-bar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
}

.e-card {
	border-top: 2px solid #800080;
}
.e-card .e-card-header {
  border-bottom: 1px solid #e0e0e0;
  padding: 12px;
}
.e-card .e-card-header .e-card-header-caption .e-card-header-title {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 22px;
}

.e-accordion {
  border-top: 2px solid #9c27b0;
}
.e-accordion .e-acrdn-header {
  border-bottom: 1px solid #e0e0e0;
  padding: 12px;
}
.e-accordion .e-acrdn-header .e-acrdn-header-content {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 22px;
}

.label-value-row {
  margin-bottom: 8px;
}
.label-value-row .column-label {
  font-size: 13px;
  color: #aaa;
  margin-bottom: -4px;
}
.label-value-row .column-content {
  font-size: 15px;
  margin-top: 2px;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.87);
}

.small-report-box {
  border-left: 3px solid #9c27b0;
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 3px 0px 3px 10px;
}
.small-report-box.with-accent {
  background-color: #9c27b0;
  color: white;
  padding: 10px 10px 10px 8px;
}
.small-report-box.with-accent .rb-title {
  color: white;
  font-size: 12px;
}
.small-report-box.with-accent .measurement-unit {
  color: #ccc;
}
.small-report-box .rb-main-title {
  font-size: 16px;
  text-align: center;
  border-bottom: 1px dashed #999;
  margin-bottom: 6px;
  padding-bottom: 6px;
}
.small-report-box .rb-content-wrapper {
  margin-bottom: 8px;
  margin-top: 12px;
}
.small-report-box .rb-title {
  font-size: 14px;
  color: #999;
}
.small-report-box .rb-content {
  font-size: 16px;
  font-weight: 600;
}
.small-report-box .capped-fee-wrapper {
  padding-top: 10px;
  border-top: 1px dashed #bbb;
  margin-top: 10px;
}
.small-report-box .rb-main-title {
  font-size: 16px;
  text-align: center;
  border-bottom: 1px dashed #999;
  margin-bottom: 6px;
  padding-bottom: 6px;
}
.small-report-box .rb-content-wrapper {
  margin-bottom: 8px;
  margin-top: 12px;
}

.measurement-unit {
  color: #999;
  margin-left: 1px;
  margin-right: 3px;
  font-size: 12px;
  font-weight: bold;
}

.validation-message {
  color: red;
}

.activities-cases-grid {
  margin-top: 15px;
}
.activities-cases-grid .grid-wrapper.e-grid .e-rowcell, .activities-cases-grid .grid-wrapper.e-grid .e-headercell {
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 3px;
  padding-bottom: 3px;
}
.activities-cases-grid .mat-box-filter {
  padding: 10px;
}

.case-dd-item {
  padding-top: 6px;
  padding-bottom: 6px;
}

.calendar-view .full-height-box.mat-box {
  max-height: initial;
}
.calendar-view .filter-control-wrapper-grid {
  grid-template-columns: 1fr 1fr 1fr 0px 0px auto !important;
  padding-bottom: 5px;
}
.calendar-view .filter-control-wrapper-grid .e-float-input, .calendar-view .filter-control-wrapper-grid .e-float-input.e-control-wrapper {
  margin-bottom: 0px;
}

.dd-multi-select {
  align-items: flex-end;
}
.dd-multi-select .e-chipcontent .case-dd-item {
  padding: 0;
}
.dd-multi-select .e-chipcontent .case-dd-item div.client {
  -webkit-text-fill-color: #888;
  color: #888;
  line-height: 11px;
  font-size: 11px;
}
.dd-multi-select .e-chipcontent .mat-item-custom-subtitle {
  -webkit-text-fill-color: #888;
  color: #888;
  line-height: 14px;
  font-size: 11px;
}
.dd-multi-select .e-chipcontent .data b {
  font-weight: 600;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
  white-space: initial;
}

.dd-multi-select .dd-main-title {
  margin-bottom: 0px;
  font-weight: 600;
}

.dd-multi-select .dd-sub-title {
  -webkit-text-fill-color: #888;
  color: #888;
  line-height: 14px;
  font-size: 11px;
}

.dd-multi-select .e-multi-select-wrapper {
  align-self: flex-end;
}

.cmp-invoices .filter-control-wrapper-grid {
  display: grid;
  grid-template-columns: 1fr 200px 200px 200px auto;
  align-items: center;
  column-gap: 15px;
}
.cmp-invoices .mat-box-filter {
  padding: 15px 10px 15px 15px;
}
.cmp-invoices .title-new-invoice-selector {
  display: grid;
  grid-template-columns: 200px 1px 250px 150px;
  column-gap: 15px;
  align-items: center;
}

.irc-prefill-row {
  margin-bottom: 10px;
}
.irc-prefill-row .e-input-group.e-success,
.irc-prefill-row .e-input-group.e-control-wrapper.e-success,
.irc-prefill-row .e-input-group.e-success:not(.e-float-icon-left),
.irc-prefill-row .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) {
  border-bottom-color: #e0e0e0;
}

.irc-form-row.irc-first-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 15px;
}

.irc-form-row.irc-second-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 15px;
}

.two-column-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
}

.mat-box-content.form-box-content {
  padding-bottom: 0px;
}

a.breadcrumb-link {
  color: #9c27b0;
  text-decoration: underline;
}

.hide-ddl-icon .e-ddl-icon {
  z-index: -1;
  min-width: 0px !important;
  width: 0px !important;
}

.free-input-hours-minutes {
  display: grid;
  grid-template-columns: 16px 3px 16px;
  column-gap: 2px;
}
.free-input-hours-minutes .free-separator {
  line-height: 27px;
  color: #aaa;
}

.date-time-grid {
	display: grid;
	grid-template-columns: 150px auto;
	align-items: center;
	column-gap: 10px;
	
}
.date-time-grid .free-input-hours-minutes {
  margin-top: auto;
}

.invoice-edit-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
}
.invoice-edit-layout .custom-invoice-edit-grid {
  display: grid;
  grid-row-gap: 15px;
}
.invoice-edit-layout.invoice-edit-layout-custom {
  grid-template-columns: 1fr;
}
.invoice-edit-layout.invoice-edit-layout-custom .custom-invoice-edit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
}

.ie-dates-row {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 40px;
}

.ie-previous-invoice {
  font-size: 12px;
  background-color: #f2f2f2;
  padding: 5px 10px;
  color: #999;
  margin-bottom: 10px;
}
.ie-previous-invoice b {
  font-weight: 500;
  color: seagreen;
}

.vertical-radio-button-list {
  display: grid;
}

.vertical-checkbox-list {
  display: grid;
  row-gap: 8px;
}

.e-radio + label .e-label {
  color: #666;
}

.e-radio:checked + label .e-label {
  color: #9c27b0;
}

.ie-currency-row {
  display: grid;
  grid-template-columns: auto fit-content(101px) 1fr 101px;
  align-items: center;
  margin-top: 10px;
  column-gap: 15px;
}
.ie-currency-row.ie-multirecipient-currency-row {
  grid-template-columns: fit-content(101px) 1fr 101px;
}

.signle-line-ddl.e-ddl.e-input-group span.e-input-value {
  word-break: break-all;
  overflow: hidden;
  height: 30px;
  display: block;
  padding: 5px 0 4px 0;
}

.ie-tax-checkboxes-row {
  margin-top: 15px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 30px;
}

.ie-write-off-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 15px;
  align-items: flex-start;
  font-size: 14px;
  line-height: normal;
}

.e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
  font-family: "opensans";
}

.e-checkbox-wrapper, .e-css.e-checkbox-wrapper {
	display: inline-block;
	vertical-align: middle;
}

.mat-box + .mat-box {
  margin-top: 15px;
}

.ie-discount-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 15px;
  align-items: flex-start;
  font-size: 14px;
  line-height: normal;
}

.e-float-input, .e-float-input.e-control-wrapper, .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-disabled {
  font-family: "opensans";
  font-size: 14px;
}

.ie-invoice-items {
  font-size: 14px;
}
.ie-invoice-items .ie-invoice-item {
  margin-bottom: 10px;
  padding: 0 10px;
}
.ie-invoice-items .ie-invoice-item.left-right {
  display: grid;
  grid-template-columns: 1fr auto;
}

.ie-custom-invoice-item {
  display: grid;
  grid-template-columns: 46px 1fr 50px 130px;
  align-content: flex-start;
  column-gap: 15px;
  margin-bottom: 6px;
}

.top-bottom-remove-buttons {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.top-bottom-remove-buttons.horizontal-remove-buttons {
  flex-direction: row;
  column-gap: 6px;
}
.top-bottom-remove-buttons button.x-button {
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0;
}
.top-bottom-remove-buttons .e-label {
  display: none;
}
.top-bottom-remove-buttons .e-checkbox-wrapper .e-frame, .top-bottom-remove-buttons .e-css.e-checkbox-wrapper .e-frame {
  height: 20px;
  width: 20px;
}

.e-add-new-button {
  color: #545454;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
  padding: 5px 20px 5px;
}
.e-add-new-button.e-btn.e-outline:focus, .e-add-new-button.e-css.e-btn.e-outline:focus {
  box-shadow: none;
}

.ie-invoice-summary {
  padding: 10px;
  font-size: 14px;
  background-color: whitesmoke;
  margin-top: 10px;
  border-top: 1px dashed #ddd;
  color: #232323;
}
.ie-invoice-summary td.item-label {
  text-align: left;
}
.ie-invoice-summary td {
  text-align: right;
}
.ie-invoice-summary .invoice-total-row {
  text-align: right;
  font-weight: 600;
}
.ie-invoice-summary .invoice-total-row b {
  font-weight: 600;
}
.ie-invoice-summary .invoice-total-row td {
  border-top: 1px solid #999;
}

.e-float-input input, .e-float-input textarea, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper textarea {
  border-bottom-color: #e0e0e0;
}

.ie-invoice-description-item {
  padding: 0 10px 10px 10px;
}

.invoice-items-summary-box {
  padding-top: 10px;
}

.ie-invoice-discount-item {
  display: grid;
  grid-template-columns: 16px 1fr 101px auto;
  align-items: center;
  column-gap: 10px;
  padding: 0 10px;
}
.ie-invoice-discount-item .e-checkbox-wrapper {
  margin-bottom: 9px;
}
.ie-invoice-discount-item .e-checkbox-wrapper .e-label, .ie-invoice-discount-item .e-checkbox-wrapper .e-css.e-checkbox-wrapper .e-label {
  display: none;
}
.ie-invoice-discount-item .e-checkbox-wrapper, .ie-invoice-discount-item .e-css.e-checkbox-wrapper {
  display: block;
  width: 18px;
}

.e-input-group.e-disabled, .e-input-group.e-control-wrapper.e-disabled {
  font-size: 14px;
  font-family: opensans;
}

.section-title {
  font-size: 12px;
  color: #aaa;
}

.ie-custom-invoice-items-title {
  padding: 15px 10px 5px 10px;
}

.ie-new-custom-item-actions {
  text-align: center;
}

.input-with-currency-prefix {
  text-align: right;
}
.input-with-currency-prefix input {
  text-align: right;
}

.text-right {
  text-align: right;
}

.cii-remove-wrapper {
  margin-bottom: 9px;
}

.cii-is-taxable {
  margin-bottom: 9px;
}

.ie-custom-invoice-items {
  padding: 0 10px;
}

.payment-subtitle {
  line-height: normal;
  font-size: 12px;
  color: #888;
}

.dd-item-with-subtitle {
  padding-bottom: 10px;
}
.dd-item-with-subtitle b {
  font-weight: 500;
}

.dd-c-item {
  font-size: 14px;
  font-weight: 500;
}
.dd-c-item b {
  font-weight: 500;
}
.dd-c-item .payment-subtitle {
  font-weight: normal;
}

.ie-payment-select {
  padding: 10px;
  font-size: 14px;
  color: #343434;
}
.ie-payment-select b {
  font-weight: 500;
}

.ie-payment-details {
  padding: 10px;
  font-size: 14px;
  background-color: whitesmoke;
  border-top: 1px dashed #ddd;
  color: #232323;
}
.ie-payment-details b {
  font-weight: 500;
}

.ie-activities-filter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
  padding: 10px;
}

.ie-activities-filter-actions {
  text-align: center;
  display: flex;
  justify-content: space-between;
  padding: 0 10px 10px 10px;
}

.ie-cases-grid, .ie-activities-grid, .ie-expenses-grid {
  font-size: 14px;
  font-family: "opensans";
  color: #232323;
}
.ie-cases-grid b, .ie-activities-grid b, .ie-expenses-grid b {
  font-weight: 500;
}
.ie-cases-grid .ie-case-description, .ie-activities-grid .ie-case-description, .ie-expenses-grid .ie-case-description {
  font-size: 12px;
  color: #aaa;
}
.ie-cases-grid .small, .ie-cases-grid small, .ie-activities-grid .small, .ie-activities-grid small, .ie-expenses-grid .small, .ie-expenses-grid small {
  font-size: unset;
  font-weight: 400;
}

.ie-case-grid-item, .ie-activity-grid-item, .ie-expense-grid-item {
  display: grid;
  grid-template-columns: 1fr auto;
}
.ie-case-grid-item .ie-case-content, .ie-activity-grid-item .ie-case-content, .ie-expense-grid-item .ie-case-content {
  padding: 5px 10px;
  line-height: 18px;
}
.ie-case-grid-item .ie-activity-content, .ie-activity-grid-item .ie-activity-content, .ie-expense-grid-item .ie-activity-content {
  padding: 5px 10px;
  line-height: 18px;
}
.ie-case-grid-item .ie-expense-content, .ie-activity-grid-item .ie-expense-content, .ie-expense-grid-item .ie-expense-content {
  padding: 5px 10px;
}
.ie-case-grid-item .ie-case-actions, .ie-activity-grid-item .ie-case-actions, .ie-expense-grid-item .ie-case-actions {
  padding: 10px 10px 0 0;
}
.ie-case-grid-item .ie-activity-checkbox, .ie-activity-grid-item .ie-activity-checkbox, .ie-expense-grid-item .ie-activity-checkbox {
  padding: 10px 6px 0 0;
}
.ie-case-grid-item .ie-expense-checkbox, .ie-activity-grid-item .ie-expense-checkbox, .ie-expense-grid-item .ie-expense-checkbox {
  padding: 10px 6px 0 0;
}
.ie-case-grid-item:hover, .ie-activity-grid-item:hover, .ie-expense-grid-item:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

.ie-case-grid-item.ie-grid-item-selected {
  background-color: #d1d1d1;
}
.ie-case-grid-item.ie-grid-item-selected .ie-case-description {
  color: #888;
}
.ie-case-grid-item.ie-grid-item-selected:hover {
  background-color: #f2f2f2;
}

.ie-activity-grid-item.ie-activity-grid-item-checked {
  background-color: #d1d1d1;
}
.ie-activity-grid-item.ie-activity-grid-item-checked .ie-case-description {
  color: #888;
}
.ie-activity-grid-item.ie-activity-grid-item-checked:hover {
  background-color: #f2f2f2;
}

.ie-expense-grid-item.ie-expense-grid-item-checked {
  background-color: #d1d1d1;
}
.ie-expense-grid-item.ie-expense-grid-item-checked .ie-case-description {
  color: #888;
}
.ie-expense-grid-item.ie-expense-grid-item-checked:hover {
  background-color: #f2f2f2;
}

.ie-case-actions, .ie-activity-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.e-icon-button {
  padding: 0px 8px;
  font-size: 16px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: flex;
  align-items: center;
}

.ie-tag-nr {
  padding: 0px 5px;
  border-radius: 3px;
  color: #232323;
  background-color: #eee;
  font-size: 12px;
  line-height: 12px;
}

.paginator {
  display: flex;
  column-gap: 2px;
}
.paginator button {
  border: none;
  background: none;
  font-size: 12px;
  font-family: opensans;
  display: block;
  width: 27px;
  height: 27px;
  padding: 0;
  align-items: center;
  text-align: center;
  color: #999;
}
.paginator button:hover {
  color: #343434;
  cursor: pointer;
}
.paginator button.paginator-active {
  background-color: #f2f2f2;
  color: #9c27b0;
  border-radius: 2px;
}
.paginator button.paginator-active:hover {
  background-color: #eee;
}

.rotate-icon-180 {
  transform: rotate(180deg);
}

.grid-footer {
  padding: 5px 5px 5px 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #999;
}

.ie-business-nr {
  color: lightseagreen;
  margin-right: 6px;
}

.ie-expense-price {
  color: lightseagreen;
  font-weight: 500;
}

.invoice-analysis-wrapper {
  margin-bottom: 50px;
}
.invoice-analysis-wrapper .over-title {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 10px;
}
.invoice-analysis-wrapper .activity-client-wrapper {
  padding: 10px 10px 8px 10px;
  font-size: 14px;
  color: #018f87;
  background-color: #d7f1f0;
}
.invoice-analysis-wrapper .activity-client-wrapper b {
  font-weight: 500;
}
.invoice-analysis-wrapper .activity-case-wrapper {
  padding: 10px 10px 10px 10px;
  font-size: 12px;
  line-height: 16px;
  color: #888;
  background-color: #f2f2f2;
}
.invoice-analysis-wrapper .activity-case-wrapper b {
  font-weight: 500;
  font-size: 14px;
  color: #343434;
}

.invoice-activities-table-wrapper {
  padding: 10px;
}
.invoice-activities-table-wrapper .invoice-activities-table {
  font-size: 13px;
}
.invoice-activities-table-wrapper th {
  font-weight: 400;
  color: #999;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
}
.invoice-activities-table-wrapper td.td-top-border {
  border-top: 1px solid #eee;
}
.invoice-activities-table-wrapper td b {
  font-weight: 600;
}
.invoice-activities-table-wrapper .activity-date-wrapper {
  position: relative;
}
.invoice-activities-table-wrapper .activity-date-wrapper .activity-date-buttons {
  position: absolute;
  display: none;
}
.invoice-activities-table-wrapper .activity-date-wrapper:hover .activity-date-buttons {
  display: block;
}

.recipients-box .ie-tax-checkboxes-row {
  margin-top: 0px;
}

.ie-multi-title {
  font-size: 12px;
  background-color: lightseagreen;
  color: white;
  padding: 0 8px 0 10px;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ie-multi-title .x-button {
  background: none;
  color: white;
  font-size: 9px;
}
.ie-multi-title .x-button:hover {
  color: red;
}
.ie-multi-title b {
  font-weight: 500;
  color: white;
}

.ie-multirecipient-check {
  padding: 10px;
}

.ie-multi-form {
  padding: 10px;
}

.ies-price-row {
  display: grid;
  grid-template-columns: 1fr auto 125px 125px;
  column-gap: 15px;
  align-items: center;
}
.ies-price-row .form-control-wrapper {
  margin-top: 10px;
  margin-bottom: 2px;
}
.ies-price-row .currency-radio-buttons {
  margin-top: 5px;
}

.e-float-input input, .e-float-input.e-control-wrapper input {
  padding-top: 0px !important;
}

input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, textarea.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {
  padding-top: 0px !important;
}

textarea.e-input, .e-input-group textarea, .e-input-group textarea.e-input, .e-input-group.e-input-focus textarea, .e-input-group.e-input-focus textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-input-group.e-control-wrapper.e-input-focus textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper.e-input-focus textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea {
  padding-top: 0px !important;
}

.ie-invoice-item {
  align-items: end;
  grid-column-gap: 10px;
}
.ie-invoice-item.left-right div:nth-child(2) {
  white-space: nowrap;
}

.align-right {
  text-align: right;
}

.invoice-totals-tables-wrapper .td-total {
  border-top: 1px solid #eee;
}
.invoice-totals-tables-wrapper .total-hours-table-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.invoice-totals-tables-wrapper .total-prices-table-wrapper {
  padding-top: 0;
}

.ie-summary-settings-grid {
  display: flex;
  column-gap: 40px;
  background-color: whitesmoke;
  padding: 10px;
}

.ie-multi-summary {
  background-color: #f2f2f2;
  font-size: 14px;
  line-height: normal;
  padding: 10px;
}
.ie-multi-summary .ie-multi-summary-title {
  font-weight: 500;
  color: #555;
  margin-top: 4px;
}
.ie-multi-summary .ie-multi-summary-item {
  display: grid;
  grid-template-columns: auto 1fr 125px 125px;
  column-gap: 5px;
}
.ie-multi-summary .ie-multi-summary-item b {
  font-weight: 500;
}
.ie-multi-summary .ie-multi-footer-item {
  display: grid;
  grid-template-columns: 1fr 125px 125px;
  column-gap: 5px;
}
.ie-multi-summary .ie-multi-footer-item.ie-goal, .ie-multi-summary .ie-multi-footer-item.ie-difference {
  font-size: 14px;
  color: #999;
}
.ie-multi-summary .ie-multi-footer-item b {
  font-weight: 500;
}
.ie-multi-summary .ie-multi-footer-item.ie-diff-error {
  color: #e10808;
  font-weight: 500;
}
.ie-multi-summary .ie-multi-summary-footer {
  border-top: 1px solid #d3d3d3;
  margin-top: 7px;
  padding-top: 6px;
}

.fc-wrapper {
  position: relative;
}
.fc-wrapper .validation-message {
  position: absolute;
  right: 0px;
  font-size: 12px;
  bottom: -10px;
  font-weight: 500;
  white-space: nowrap;
}
.fc-wrapper .case-dd-item {
  padding-top: 0px;
}
.fc-wrapper input.e-control,
.fc-wrapper textarea.e-control,
.fc-wrapper .e-input-value .dd-main-title {
  font-family: "opensans";
  font-weight: 500;
}
.fc-wrapper .e-input-value .data b {
  font-family: "opensans";
  font-weight: 500;
}
.fc-wrapper .e-input-group input.e-input,
.fc-wrapper .e-input-group.e-control-wrapper input.e-input,
.fc-wrapper .e-input-group textarea.e-input,
.fc-wrapper .e-input-group.e-control-wrapper textarea.e-input {
  font-family: "opensans";
  font-weight: 500;
}

.e-input-group, .e-input-group.e-control-wrapper {
  margin-bottom: 6px;
}

.validation-summary-box ul.validation-errors {
  margin-bottom: 5px;
  background-color: #ffe0e0;
  color: red;
  list-style: circle;
  text-indent: 0;
  margin-left: 0px;
  padding: 10px;
  font-size: 14px;
  padding-left: 30px;
  border: 1px solid #ffc6c6;
  border-radius: 3px;
}

.ef-row-1 {
  display: grid;
  grid-template-columns: 3fr 1fr;
  column-gap: 15px;
  align-items: flex-end;
}

.ef-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  column-gap: 15px;
  align-items: flex-end;
}

.ef-row-3 {
  display: grid;
  grid-template-columns: 150px 150px 1fr;
  column-gap: 15px;
  align-items: flex-end;
}

.expense-edit-form {
  padding-right: 15px;
}
.expense-edit-form .header-row {
  padding-right: 2px;
}
.expense-edit-form .ee-expense {
  padding: 10px 10px;
}
.expense-edit-form .ee-expense .fc-wrapper {
  margin-bottom: 6px;
}
.expense-edit-form .ee-price-box {
  padding: 10px 10px;
}
.expense-edit-form .ee-price {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 20px;
  align-items: center;
}
.expense-edit-form .ee-price .input-with-currency-prefix {
  margin-top: 12px;
}
.expense-edit-form .e-input-group-icon.e-date-icon, .expense-edit-form *.e-control-wrapper .e-input-group-icon.e-date-icon {
  margin: 0 0 0px 0;
}
.expense-edit-form .ee-price-summary {
  font-size: 14px;
  color: #777;
  border-top: 1px dashed #eee;
  margin-top: 10px;
  padding-top: 10px;
}
.expense-edit-form .ee-price-summary b {
  font-weight: 500;
}

.expenses-component .e-input-group input.e-input,
.expenses-component .e-input-group.e-control-wrapper input.e-input,
.expenses-component .e-input-group textarea.e-input,
.expenses-component .e-input-group.e-control-wrapper textarea.e-input {
  font-family: "opensans";
  font-weight: 500;
}

.locked-grid {
  font-size: 14px;
  line-height: normal;
  padding: 10px;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 6px;
  row-gap: 5px;
  color: #888;
}
.locked-grid b {
  color: #343434;
  font-weight: 500;
}
.locked-grid span {
  display: block;
  text-align: right;
}

.locked-alert {
  background-color: #baf7ba;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
  color: green;
  border: 1px solid #6cd16c;
  border-radius: 3px;
}

.group-summary-wrapper {
  text-align: right;
}
.group-summary-wrapper table {
  width: 100%;
}

.invoice-details-layout {
  display: grid;
  grid-template-columns: 3fr 2fr;
  padding: 0px 10px 10px 10px;
  column-gap: 15px;
}
.invoice-details-layout .ind-outer-wrapper.mat-box {
  background-color: #ededed;
  padding: 2.5%;
}
.invoice-details-layout .ind-inner-wrapper {
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17), 0 1px 2px rgba(0, 0, 0, 0.35);
  padding: 10px;
}
.invoice-details-layout .ind-inner-wrapper.invoice-analysis-wrapper {
  padding: 0;
}
.invoice-details-layout .ind-summary-title {
  font-size: 18px;
  font-weight: 500;
  padding: 10px;
}

.cmp-invoice-details {
  font-family: "opensans";
  font-size: 14px;
}
.cmp-invoice-details .payment-details-wrapper {
  margin-bottom: 7px;
  border-bottom: 1px dashed #eee;
  padding-bottom: 10px;
}
.cmp-invoice-details .payment-details-wrapper b {
  font-weight: 500;
}
.cmp-invoice-details .header-row {
  padding: 0 10px;
}
.cmp-invoice-details .ie-invoice-summary {
  border-top: none;
  background: none;
  padding: 0;
}
.cmp-invoice-details .e-control b, .cmp-invoice-details .e-css b {
  font-weight: 500;
  color: #232323;
}
.cmp-invoice-details .ie-invoice-summary .invoice-total-row {
  font-weight: 500;
}
.cmp-invoice-details p.footer-company-info {
  margin-bottom: 0;
  line-height: normal;
  font-size: 14px;
  line-height: 14px;
  color: #aaa;
}
.cmp-invoice-details p.footer-company-info b {
  color: #aaa;
}
.cmp-invoice-details p.payment-type-description > span {
  display: flex;
  flex-direction: row;
  column-gap: 4px;
}

.e-tab .e-content .e-item {
  background: inherit;
  color: #3f3f3f;
}

.cmp-invoice-multiselect-list .iml-selected-invoice {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
  background-color: #f2f2f2;
  line-height: normal;
  font-size: 12px;
  color: #999;
  padding: 4px 8px;
  margin-bottom: 6px;
  align-items: flex-start;
}
.cmp-invoice-multiselect-list .iml-selected-invoice b {
  font-weight: 600;
  color: #343434;
}
.cmp-invoice-multiselect-list .iml-selected-invoice .iml-selected-invoice-title {
  font-size: 14px;
  color: #343434;
}

.cmp-invoice {
  padding: 15px;
}
.cmp-invoice .e-btn {
  font-size: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 25px;
}
.cmp-invoice .invoice-action-wrapper {
  font-size: 12px;
  color: #999;
  display: grid;
  grid-template-columns: 210px 1fr;
  line-height: normal;
  align-items: flex-start;
  margin-bottom: 7px;
  border-bottom: 1px dashed #eee;
  padding-bottom: 7px;
}
.cmp-invoice .invoice-action-wrapper button {
  width: 193px;
  font-size: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 25px;
}
.cmp-invoice .disable-wrapper {
  display: flex;
  align-items: center;
  width: 210px;
}
.cmp-invoice .disable-wrapper button {
  width: 170px;
  font-size: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 25px;
}
.cmp-invoice .label-divider {
  font-size: 14px;
  font-weight: 500;
  color: lightseagreen;
  margin-bottom: 5px;
}
.cmp-invoice .custom-client-wrapper {
  margin-bottom: 10px;
  border-bottom: 1px dashed #eee;
  padding-bottom: 13px;
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 15px;
  align-items: flex-end;
}
.cmp-invoice .invoice-details-multi-invoices {
  display: block;
}
.cmp-invoice .date-time-grid {
  display: grid;
  grid-template-columns: 1fr auto;
}
.cmp-invoice .date-time-grid.date-time-grid-no-label .free-input-hours-minutes {
  margin-top: 1px;
}
.cmp-invoice .date-time-grid .e-datepicker {
  text-align: right;
}
.cmp-invoice .close-button {
  background: none;
  border: none;
  font-size: 20px;
  font-weight: 500;
  color: #999;
}
.cmp-invoice .ie-previous-invoice {
  margin-bottom: 5px;
  margin-top: 10px;
}
.cmp-invoice .enable-reverse-invoice {
  margin-top: 10px;
}

.form-row-button-wrapper {
  margin-bottom: 6px;
}

.accented-boxes-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
}

.e-ddl.e-input-group .e-input-value, .e-ddl.e-input-group .e-input-value:focus {
  font-weight: 500;
}

.alert b {
  font-weight: 600;
}

span.invoice-warning {
  color: darkorange;
  font-weight: 600;
  margin-right: 5px;
}

.cases-activities-tab-content b, .expenses-tab-content b {
  font-weight: 500;
}

.radio-buttons-group {
  background-color: #9c27b0;
  color: white;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 5px 5px 5px;
  font-size: 18px;
}
.radio-buttons-group .e-radio-wrapper {
  color: white;
}
.radio-buttons-group .e-radio-wrapper .e-label {
  color: white;
  font-size: 18px;
}
.radio-buttons-group .e-radio-wrapper .e-radio:checked + label .e-label {
  color: white;
}

.nav-link.nav-grid-link:hover {
  cursor: pointer;
}

.main-title-cmp {
  font-size: 16px;
  font-weight: 600;
  color: #343434;
}
.main-title-cmp span {
  color: #888;
}

.main-content {
  overflow-y: auto;
}

.e-ddl.e-input-group span.e-input-value {
  word-break: break-all;
  min-height: 30px;
  display: block;
  padding: 5px 0 4px 0;
}

.mail--component .content-list-wrapper .header-row,
.assignment--component .content-list-wrapper .header-row,
.mail-type--component .content-list-wrapper .header-row,
.mail-sender--component .content-list-wrapper .header-row,
.mail-category--component .content-list-wrapper .header-row,
.judge--component .content-list-wrapper .header-row,
.court--component .content-list-wrapper .header-row,
.meeting--component .content-list-wrapper .header-row {
  padding: 0 15px;
}
.mail--component .content-details-wrapper .header-row,
.assignment--component .content-details-wrapper .header-row,
.mail-type--component .content-details-wrapper .header-row,
.mail-sender--component .content-details-wrapper .header-row,
.mail-category--component .content-details-wrapper .header-row,
.judge--component .content-details-wrapper .header-row,
.court--component .content-details-wrapper .header-row,
.meeting--component .content-details-wrapper .header-row {
  padding: 0 15px 0 0;
}

.edit-mail-form .fc-wrapper {
  margin-bottom: 8px;
}

.ce-case-types {
  display: flex;
  column-gap: 30px;
  font-size: 14px;
  line-height: normal;
  color: #999;
  margin-bottom: 15px px;
}
.ce-case-types .e-radio + label .e-label {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  padding-left: 22px;
}
.ce-case-types .e-radio:checked + label .e-label {
  color: #9c27b0;
}

.payment-wrapper .small-report-box.with-accent, .case-info .small-report-box.with-accent {
  background: none;
  color: #343434;
  font-family: "opensans";
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  border: none;
}
.payment-wrapper .small-report-box.with-accent .rb-title, .case-info .small-report-box.with-accent .rb-title {
  color: #343434;
  font-size: 14px;
}
.payment-wrapper .small-report-box .rb-content-wrapper, .case-info .small-report-box .rb-content-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
}
.payment-wrapper .small-report-box .capped-fee-wrapper, .case-info .small-report-box .capped-fee-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}
.payment-wrapper .small-report-box .rb-content, .case-info .small-report-box .rb-content {
  font-size: 14px;
  font-weight: 500;
}
.payment-wrapper .small-report-box.with-accent .measurement-unit, .case-info .small-report-box.with-accent .measurement-unit {
  color: #ccc;
  font-size: 14px;
  font-weight: normal;
  color: #aaa;
  margin-right: 0px;
}

.payment-wrapper .small-report-box .rb-main-title {
  display: none;
  padding-bottom: 0px;
}

.case-info .small-report-box .rb-main-title {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #232323;
}

.invoice-activities-table tbody tr:nth-child(even):not(.align-right) {
  background-color: #f2f2f2;
}

.cbga-new-billing-group {
  padding: 10px;
  border-radius: 3px 3px 0 0px;
  border-bottom: 1px solid #ddd;
}
.cbga-new-billing-group .cbga-new-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 15px;
}

.cbga-select-existing-billing-group {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 15px;
}

.cbga-assigned-group {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 6px;
  font-size: 14px;
  color: #aaa;
}
.cbga-assigned-group .close-button {
  background: none;
  border: none;
  font-size: 20px;
  font-weight: 500;
  color: #999;
}

.cbga-assigned-group-subtitle {
  font-size: 12px;
  color: #999;
  margin-bottom: 20px;
  line-height: normal;
}

.client-edit-form-layout.two-column-grid {
  align-items: flex-start;
  margin-bottom: 15px;
}

.tariff-analysis-wrapper .case-row {
  font-size: 14px;
  line-height: 20px;
  color: #545454;
  background-color: #f2f2f2;
  font-weight: 500;
}
.tariff-analysis-wrapper .case-row td {
  padding: 10px 10px 8px 10px;
  line-height: normal;
}
.tariff-analysis-wrapper .case-row .over-title {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 10px;
  font-weight: 400;
  color: #888;
}
.tariff-analysis-wrapper .case-row .sub-title {
  font-size: 12px;
  line-height: normal;
  color: #888;
  font-weight: 400;
  margin-bottom: 0px;
}
.tariff-analysis-wrapper .case-row .points-header {
  vertical-align: bottom;
  font-size: 12px;
  line-height: normal;
  color: #888;
  font-weight: 400;
  margin-bottom: 0px;
}
.tariff-analysis-wrapper .tariff-row td {
  padding: 5px 10px 5px 10px;
  font-size: 13px;
  font-weight: 400;
  color: #343434;
}
.tariff-analysis-wrapper .tariff-row td b {
  font-weight: 400;
}
.tariff-analysis-wrapper .tariff-row td .tariff-calculation-description {
  font-size: 12px;
  line-height: normal;
  color: #888;
  font-weight: 400;
  margin-bottom: 0px;
  display: block;
}
.tariff-analysis-wrapper .tariff-case-totals-row td, .tariff-analysis-wrapper .tariff-totals-row td {
  padding: 5px 10px 5px 10px;
  font-size: 13px;
  font-weight: 600;
  color: #343434;
}
.tariff-analysis-wrapper .tariff-case-totals-row td b, .tariff-analysis-wrapper .tariff-totals-row td b {
  font-weight: 600;
}
.tariff-analysis-wrapper .tariff-case-totals-row td {
  padding: 5px 10px 0px 10px;
}
.tariff-analysis-wrapper .tariff-totals-row td {
  padding: 0px 10px 5x 10px;
}

.alert-summary-header {
  display: grid;
  grid-template-columns: 1fr 125px;
  font-size: 12px;
  margin-top: 15px;
  color: #999;
}

.alert-summary-row {
  display: grid;
  grid-template-columns: 1fr 125px;
  font-size: 14px;
}

.nbhrs {
  background-color: lemonchiffon !important;
}

.bhrs {
  background-color: #e5fbe5 !important;
}

.content-card-color {
	background-color: white;
}