/*-------- Google Fonts Import -------- */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gantari:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@200;300;400;500;600;700;800&display=swap');

/*-------- Define blink animation -------- */
@keyframes blink {
  50%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.r-left:not(.r-left-collapsed) .r-menu [data-menu-top],
.r-left:not(.r-left-collapsed) .r-menu [data-menu-inline] {
  font-size: 11px;
}

.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow {
  background-color: #ffffff00;
}

.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow.rnr-dbselectedrow .btn-link {
	    color: #E8451C;
}


.filterPanelContainer .filter-values>*:first-child,
.filterPanelContainer .filter-show-more>*:first-child,
.filterPanelContainer .filter-multiselect>*:first-child,
.filterPanelContainer .filter-btn-apply>*:first-child {
  padding: 0px 10px;
  display: block;
  flex: 1 1 auto;
}

.filterPanelContainer.filterPanelContainer.filterPanelContainer.filterPanelContainer .filter-show-more>a,
.filterPanelContainer.filterPanelContainer.filterPanelContainer.filterPanelContainer .filter-multiselect>a {
  font-weight: bold;
  text-decoration: none;
  color: #1D1D1B;
}

.r-vbar-page .r-left [data-itemtype="filter_panel"] .panel .filter-show-more,
.r-vbar-page .r-left [data-itemtype="filter_panel"] .panel .filter-multiselect {

  background: #f8f5f0;
}

.r-vbar-page .r-left .panel {
  color: #1D1D1B;
}

select#recordspp1.form-control {
  line-height: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  background-color: #fff !important;
  font-size: 12px !important;
  color: #1D1D1B !important;
  height: 30px;
}

.bs-welcome-content {
  font-size: 12px !important;
}

.radio label,
.checkbox label {
  margin-bottom: 5px;
}

.rnr-field-checkbox {
    text-align: center;
    vertical-align: middle;
}


.form-control::-webkit-input-placeholder {
  color: #8f8f8f !important;
  border-color: #fff;
}

.radio,
.checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  [data-itemtype="grid_field"][data-field]:before {
    display: inline-table;
    font-weight: bold;
    line-height: 25px;
  }

  .r-flexgrid.r-flexgrid.r-flexgrid.r-flexgrid>tbody>tr:not(.rnr-hiddenelem):not([data-hidden]):not([data-media-hidden]).r-gridrow {

    border-radius: 10px;
    padding: 5px 10px;
    background-image: linear-gradient(to bottom, transparent 0px, transparent 0px, transparent 0px, transparent 0px);
    background-color: white;
  }

}

.r-vbar-page .r-left [data-logo-cell][data-logo-cell] {
  justify-content: left;
}

.navbar-toggle {
  margin-top: 27px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 27px;
  height: 6px;
  border-radius: 1px;
}

a.filter-value {
  color: #0081B9 !important;
}

a.dropdown-toggle {
  color: #0081B9 !important;
}

li.dropdown {
  color: #f47c3c !important;
}

div.panel-heading.filter-expander label {
  font-variant: normal !important;
  font-size: 12px !important;
}

button.btn.btn-default.dropdown-toggle {
  font-size: 12px;
}

span.r-menu-expanded {
  color: #1D1D1B !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 12px;
  font-weight: 500;
  text-transform: none !important;
}

span.r-menu {
  background-color: #1178be !important;
}

ul.dropdown-menu {
  border-style: none !important;
  background-color: #fff !important;
}

ul.dropdown-menu li a {
  line-height: 20px;
  border-style: none !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  font-size: 12px !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  background-color: #fff !important;
  color: #1D1D1B !important;
}

ul.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #1D1D1B;
  text-transform: uppercase !important;
  background-color: #E9ECEF !important;
}

.dropdown-menu>li>a {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  text-transform: uppercase;
  color: #1D1D1B;
}


ul.dropdown-menu.dropdown-left {
  border-style: none !important;
  background-color: #fff !important;
}

.r-align-right .dropdown-menu {
  top: 28px;
}

ul.dropdown-menu li a:hover {
  border-style: none !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  background-color: #E9ECEF !important;
  color: #020202 !important;
}

/*--------------------------------------------------------*/

ul.nav.nav-pills.nav-justified li a {
  font-size: 12px !important;
  color: #1D1D1B;
  background-color: white;
  border-radius: 0px;
}

li.active a:hover {
  background-color: #eee;
}

div.text-muted {
  padding-left: 14px;
  padding-right: 5px;
  padding-top: .25px;
  padding-bottom: .25px;
}

.rnr-horizontal-lookup {
  min-height: 30px !important;
}

textarea.form-control {
  background-color: #f8f5f0 !important;
  border-color: #ccc !important;
}

a.filter-clear {
  background-color: #E9ECEF  !important;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0px 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  font-size: 11px;
  line-height: 22px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 4px;
  color: #666666 !important;
}

a.rnr-button.filter-btn-apply {
  color: #1a2035;
}

li.list-group-item.filter-field-btn {
  padding-bottom: 5px;
  padding-top: 0;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
  background-color: #ccc;
  border-color: #eee;
}
/*
.navbar.navbar-default .btn-default:not(:hover) {
  background-color: #E8451C;
}
*/

th.rnr-gridfieldlabel {
  white-space: normal;
  background-color: #fff;
}


.form-control::-webkit-input-placeholder {
  color: #1D1D1B;

}

.bs-proceed-icon.bs-proceed-icon {
  color: #333;
}

.rnr-dbelemtable {
  background: #0081B9;
}

.rnr-dbselectedrow.rnr-dbselectedrow {
  background-color: #ffffff;
  color: #1D1D1B;
}

.navbar.navbar-default .breadcrumb>li>a,
.navbar.navbar-default .breadcrumb>li+li:before {
  color: #E8451C;

}

.navbar .btn.btn.btn {
  color: #fff;
  /*background-color: #E8451C;*/
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-weight: normal;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #E8451C;
  border-radius: 10px;
}

.ui-widget-header {
  border: 1px solid #1178be;
  background: #1178be;
  color: #fff;
  font-weight: bold;
}

a.btn.btn-default:hover {
  background-color: #1a2035 !important;
  color: white !important;
}

element.style {
  border: 0px solid currentColor;
  border-image: none;
  width: 230px;
  height: 55px;
}

div.panel-footer.bottomSearchButt {
  background-color: #ffffff !important;
}

.srchPanelRow .form-control {
  font-size: 12px;
}

/* End search panel adjustments */

select.form-control {
  line-height: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.btn-primary:hover {
  background: #E8451C;
  border-color: #E8451C;
}

li.list-group-item.filter-values {
  color: #E8451C !important;
  background-color: #ffffff !important;
  border-color: #cccccb !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  line-height: 9px !important;
  font-size: 10px !important;
  overflow-wrap: break-word;
}

button.btn.btn-primary {
  background-color: #1D1D1B !important;
}

button.btn.btn-primary:hover {
  color: #fff !important;
  background-color: #E8451C !important;
}

li.list-group-item.filter-values:hover {

  background-color: #f5f5f5 !important;
  border-rgb(48, 44, 44)r: #cccccb !important;
}


.srchPanelRow .input-group-addon {
  font-size: 10px;
}

[data-itemtype="grid_details_link"] {
  font-size: 10px;
}

[data-itemtype="grid_field_label"] {
  white-space: normal;
}

.searchPanelContainer {
  width: auto;
}

.stepFrame {
  padding: 5px;
  background-color: #eeeeee;
}

.r-below {
  padding-top: 5px;
}

.nav.nav-pills.nav-justified {
  background-color: #3e3f3a;
}

th {
  background-color: white;
  font-weight: 400 !important;
  color: #f47c3c;
  vertical-align: middle !important;
}

td {

  vertical-align: middle !important;
}

.r-vbar-page .nav a,
.r-leftbar-top-page .nav a {
  color: #1D1D1B !important;
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 5px 10px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
}

.alert-success {
  background-color: #ff7248 !important;
  border-color: transparent !important;
  color: #fff !important;
}


.filterPanelContainer[data-horizontal] .filter-field>.btn-link {
  border: solid #E9ECEF 1px;
  /*text-decoration: none;*/
  color: #1D1D1B !important;
  background: #E9ECEF;
  padding: 10px 30px;
  border-radius: 10px;
}

.filterPanelContainer[data-horizontal] .filter-field > .btn-link:hover {
  color: #666666 !important;
  border-color: #E9ECEF !important;
}

.r-vbar-page .r-content-col .r-body>* {
  max-width: 100%;
}

.rnr-bs-dpreviewrow.rnr-bs-dpreviewrow .dpinline,
.bs-details-opened.bs-details-opened.bs-details-opened:not(.r-record-body),
.bs-details-opened.bs-details-opened.bs-details-opened.r-record-body>.panel {
  background: white;
  color: #1D1D1B;
}

/*-------- Typography Formatting -------- */

body {
  min-height: 100vh;
  font-family: 'Manrope', sans-serif;
  position: relative;
  font-size: 12px !important;
  color: #666666;
  letter-spacing: 0.5px;
  max-width: 2200px;
}

.tooltip {
  font-family: 'Manrope', sans-serif;
}

.popover {
  font-family: 'Manrope', sans-serif;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  font-family: 'Manrope', sans-serif;
}

.r-leftbar-top-page>.r-under .r-left {
  font-family: 'Manrope', sans-serif;
}

.btn {
  padding: 10px 20px;
  opacity: 1;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin: 1px;
}

.rnr-loading .text,
.rnr-loading-print .text {
  margin-left: 8pt;
  font-size: 15pt;
  vertical-align: middle;
  font-weight: bold;
  color: #6e6e6e;
  font-weight: bold;
  min-height: 44px;
}

.modal-backdrop.in {
  opacity: .85;
}

.btn-warning,
.btn-warning:hover {
  border-radius: 10px;
  background: #1a2035 !important;
  color: #ffffff !important;
  border-color: #1a2035 !important;
}

/*-------- Form Header Section -------- */

.r-form[data-location="top"],
.r-form[data-location="top"]:hover {
  font-weight: lighter;
  font-size: 30px;
  color: #1D1D1B;
  padding: 20px;
  padding-bottom: 10px;
  border-left: 5px solid #666666;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background: white;
}

.panel-info>.panel-heading {
  border-color: #E8451C !important;
}

ol.breadcrumb {
  color: #ffffff !important;
}

ol.breadcrumb li {
  color: #ffffff !important;
}

ol.breadcrumb li a {
  color: #ffffff !important;
}

/*-------- View Form Formatting -------- */

.close {
  color: #3E3F3A;
  opacity: 50;
}

.modal-header>button,
.modal-header

/*> [data-itemtype]*/
  {
  font-weight: 500;
  letter-spacing: 1px;
}

/*-------- Navigation Tabs Formatting -------- */

ul.nav.nav-tabs {
  border-style: none !important;
}

.nav-tabs>li>a {
  color: #E8451C !important;
  padding: 10px 20px;
  border-bottom: 10px solid #DEE2E6;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.3s ease, color 0.3s ease;
  -webkit-border-radius: 10px !important;
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 1.4;
  border: 1px solid transparent;
  border-radius: 3px 3px 0 0;
  background-color: #DEE2E6;
  cursor: pointer;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #ffffff !important;
  background-color: #E8451C !important;
  border: 1px solid #E8451C;
  border-bottom-color: transparent;
  cursor: pointer;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 20px !important;
}

.nav-tabs>li>a:hover {
  text-decoration: none;
  background-color: #DEE2E6;
  border-color: #DEE2E6 #DEE2E6 #DEE2E6;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 5px;
}

/*-------- All Screens Formatting -------- */
body.function-dashboard,
body[data-panel-bg] {
  background-color: #fff;
}

/*-------- Sidepanel Formatting -------- */

.menu-treelike.menu-treelike ul[data-menulevel]:not([data-menulevel="1"])  {
  background-color: #ffffffb0;
}

.r-vbar-page .r-left {
  font-family: 'Manrope', sans-serif;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0), 0 10px 10px rgba(0, 0, 0, 0.3);
  padding-bottom: 15px;
  background: #E9ECEF;
}

.r-left .r-menu li.active.active.active>[data-menu-link] {
  box-shadow: none;
  background: #DEE2E6 !important;
  color: #E8451C !important;
  padding: 3px 3px;

}

.r-menu-title {
  color: #3E3F3A;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-right: 4px;
  white-space: nowrap;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  padding: 3px 3px;
}

.r-menu-title.active {
  box-shadow: none;
  background: #F1F3F5 !important;
  color: #E8451C !important;
}

.r-menu-title:hover {
  box-shadow: none;
  color: #E8451C !important;
}

@media screen and (max-width: 767px) {
  .r-vbar-page .r-left[data-fixed]+.r-content-col {
    margin-left: 0 !important;
  }
}

.r-vbar-page [data-menu-top][data-menu-v]> :not(.r-menu-collapsed)>.r-menu-expand-icon,
.r-vbar-page [data-menu-v][data-menu-inline]> :not(.r-menu-collapsed)>.r-menu-expand-icon {
  margin-top: 5px;
}

/*-------- Button Formatting -------- */

a.btn.btn-default,
a.btn.btn-default:hover {
  background-color: #1a2035 !important;
  color: white !important;
}

.btn-default:hover {
  background-color: #1a2035;
}

a.btn.btn-primary,
a.btn.btn-primary:hover {
  background-color: #E8451C;
  color: white !important;
}

.btn-primary {
  background: #E8451C !important;
  border-color: #E8451C !important;
}

.btn-success {
  color: #fff;
  background-color: #E8451C;
  border-color: transparent;
}

.btn-success:hover {
  color: #fff;
  background-color: #E8451C;
  border-color: transparent;
}

.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
  color: #fff;
  background-color: #E8451C !important;
  border-color: transparent;
}

.btn-link {
  color: #E8451C;
  font-weight: normal;
  border-radius: 0;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  color: #E8451C !important;
  text-decoration: underline;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-danger {
  background-color: #1a2035 !important;
  color: #fff !important;
}

a.btn.btn-default.btn-xs {
  background-color: #1a2035 !important;
  line-height: inherit;
}

.btn-default {
  color: #fff;
  background-color: #1a2035;
  border-color: transparent;
  margin-right: 3px;
}

.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
  color: #fff;
  background-color: #E8451C !important;
  border-color: none;
}

.btn-default:focus,
.btn-default.focus {
  color: #fff;
  background-color: #333;
  border-color: rgba(0, 0, 0, 0);
}

/*-------- Forms Formatting -------- */

.text-muted {
  color: #a1a1a1;
  padding-left: 25px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.panel .panel-heading,
.panel .panel-title {
  background-color: #ffffff !important;
  color: #E8451C;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.panel {
  background-color: #fff;
  border: 1px solid #fff !important;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 2px;
  font-family: 'Manrope', sans-serif;
  font-size: 12px !important;
  color: #3E3F3A;
}

.panel-footer {
  background-color: #fff;
  border-color: #fff;
}

.panel-default > .panel-heading,
.panel-primary>.panel-heading {
  border-color: #E8451C !important;
}

.r-edit-tooltip {
  color: #3E3F3A;
  padding-top: 5px;
}

.r-edit-form > * > tr > [data-cellid] > [edit-form-cell] > .r-edit-field {
  padding-bottom: 6px;
}

textarea.form-control {
  background-color: #ffffff !important;
  border-color: #999999 !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f1f1f1;
  opacity: 1;
}

div.rnr-dragndrop-area {
  height: 50px !important;
  background-color: #fff !important;
  border-color: #ebedf2 !important;
  border-radius: 5px;
  color: #666666;
}

@media print, (min-width: 768px) {
  table[data-location="grid"].bs-fieldsgrid > tbody > tr:nth-child( 2n + 2) {
    background: #ffffff !important;
  }}

/*-------- Form Error Formatting -------- */
.has-error .help-block {
  background-color: #ffcccb;
  color: #3E3F3A;
  padding: 10px 15px;
  margin: 15px 0;
  border-left: 5px solid red;
  animation: pulse 2s 4;
  font-size: 12px;
  border-radius: 5px;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #3E3F3A !important;
}

/*-------- Hyperlink formatting -------- */

a,
a:focus,
a:active,
a:link,
img {
  outline: none;
  text-decoration: none;
}

a {
  color: #e8451c;
  font-weight: bold;
}

a:hover {
  color: #E8451C;
  text-decoration: none;
}

a:focus {
  color: #E8451C;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*-------- Table formatting -------- */

.table {
  font-size: 12px;
}

.table-bordered {
  border: 1px solid #ccc;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
  border: 1px solid #ccc;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
  border-bottom-width: 2px;
}

.table-hover>tbody>tr:hover {
  background-color: #DEE2E6 !important;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  vertical-align: middle;
}

.table>tbody>tr>td,
.table>tbody>tr>th {
  padding: 5px;
}

.table>tfoot>tr>td,
.table>tfoot>tr>th {
  padding: 5px;
}

.table thead th {
  color: #E8451C;
  font-weight: bold !important;
  font-size: 14px;
  letter-spacing: 1px;
  border-bottom: 1px solid #E8451C !important;
  text-transform: uppercase;
}

.table td,
.table th {
  font-size: 12px;
  border-bottom: 1px solid #dee1e3 !important;
  padding: 0 5px 0 10px !important;
  vertical-align: middle !important;
  background: transparent;
  font-weight: 500;
  color: #1D1D1B;
}

.table th {
  height: 60px;
  text-align: center !important;
}

.table th:hover {
  background: #DEE2E6!important;
} 

table tbody tr {
  border-bottom: #fff !important;
}

.table>tbody>tr>td {
  padding: 10px 10px !important;
}

.r-horizontal-grid.table > * > tr > th {
    border-color: #E8451C;
  }

.rnr-orderlink {
  cursor: pointer;
  text-decoration: none;
}

/*-------- Formatting for box to toggle how many records display on grid -------- */
.form-control {
  font-size: 12px;
  border-color: #ebedf2;
  border-radius: 10px;
  height: 44px;
}

ul.dropdown-menu.dropdown-left {
  border-style: none !important;
  background-color: #fff !important;
}

li.divider {
  background-color: #eeeeee !important;
  border-style: none !important;
}

/*-------- Search Bar & Search Button Formatting -------- */

button.btn.btn-primary {
  /* border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important; */
  background-color: #E8451C !important;
  font-size: 12px !important;
}

.btn-success {
  background-color: #E8451C !important;
}

#ctlSearchFor1 {
  background: #E9ECEF;
  padding-left: 20px;
  min-height: 44px;
  max-width: 550px;
  font-size: 12px;
  font-weight: none;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 10px !important;
  border-top-left-radius: 10px !important;
  text-transform: capitalize;
}

.input-group-addon {
  padding: 12px 16px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #E8451C;
  border: none;
  border-radius: 4px;
}

.navbar .input-group {
  color: rgb(0 0 0);
}

.navbar .input-group .form-control.form-control,
.navbar .input-group .btn.btn {
  color: rgb(0 0 0);
}

.navbar .input-group .form-control.form-control:focus,
.navbar .input-group .btn.btn:focus {
  color: rgb(0 0 0);
}

/*-------- Screen Filter panels -------- */

div.panel-body.controlsBlock {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  background-color: #eeeeee !important;
}

[data-itemtype="search_panel"] .srchPanelRow > label {
  white-space:nowrap;
  padding: 5px;
}

select[multiple], select[size] {
  height: 44px;
}

/*-------- Alert Message Formatting -------- */
.alert-warning {
  background-color: #E8451C;
  padding: 10px 15px;
}

.alert-info {
  background-color: transparent !important;
  color: #666666 !important;
  border-color: transparent;
  border-radius: 50px;
}

/*----------Warning Pop-Up Formatting -------------------*/
.swal-title {
  color: rgba(0, 0, 0, .65);
  font-weight: 600;
  position: relative;
  display: block;
  padding: 12px 15px;
  font-size: 20px;
  line-height: normal;
  text-align: center;
  margin-bottom: 0;
}

.swal-text {
  font-size: 12px;
  position: relative;
  float: none;
  line-height: 20px;
  vertical-align: top;
  text-align: left;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  font-weight: 400;
  color: #3E3F3A;
  max-width: calc(100% - 20px);
  overflow-wrap: break-word;
  box-sizing: border-box;
}

.swal-button {
  background-color: #E8451C;
  color: #fff;
  border: none;
  box-shadow: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
  padding: 10px 25px;
  margin: 0;
  cursor: pointer;
}

.swal-button:hover,
.swal-button:active {
  background-color: #E8451C !important;
  border: none;
}

/*----------Screen Title Formatting-------------------*/
.Opus_Title {
  font-weight: 400;
  font-size: 40px;
  line-height: 45px;
  color: #1D1D1B;
  margin-top: 15px;
}

.Opus_Title:hover {
  border-radius: 5px;
}


 
/* Right-align elements with data-itemid="username_button" */ 
 @media screen and (max-width: 767px) {
[data-itemid="username_button"] {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
}


/*----------Page Message & Description Formatting -------------------*/

.Opus_Message_iframes {
  width: 100%; 
  height: 100%;
  min-height: 600px; 
  border: none; 
}

.Opus_Message_FYI {
  background-color: #E9ECEF;
  color: #1D1D1B;
  padding: 20px;
  margin: 15px 0;
  border-left: 5px solid #E8451C;
  font-size: 12px;
  border-radius: 5px;
}

.Opus_Message_FYI:hover {
  border-radius: 5px;
}

.Opus_Message_FYI_Nice {
  background-color: #E9ECEF;
  color: #1D1D1B;
  padding: 20px;
  margin: 15px 0;
  border-left: 5px solid #50C878;
  font-size: 12px;
  border-radius: 5px;
}

.Opus_Message_FYI_Nice:hover {
  border-radius: 5px;
}


@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

.alert-danger,
.Opus_Message_FYI_Elevated {
  background-color: #ffcccb;
  color: #1D1D1B;
  padding: 20px;
  margin: 15px 0;
  border-left: 5px solid #fa3e3e;
  animation: pulse 2s 4;
  font-size: 12px;
  border-radius: 5px;
}

.alert-danger:hover,
.Opus_Message_FYI_Elevated:hover {
  border-radius: 5px;
}

/*----------Page Grids Formatting -------------------*/
@media screen and (max-width: 767px) {
  .r-vbar-page .r-content-col {
    max-width: inherit !important;
  }
}

@media print,
(min-width: 768px) {
  .r-vbar-page .r-content-col {
    max-width: inherit !important;
  }

  .r-vbar-page .r-content-col .r-body>* {
    max-width: inherit !important;
  }
}

.r-horizontal-grid.table {
  background-color: #F1F3F5 !important;
  border-width: 0;
}

.r-grid {
  background: #F1F3F5;
  padding: 20px;
  border-radius: 10px;
}

/*----------Portal Footer Formatting -------------------*/

.Screen_TandC_Body {
  min-height: 100vh;
  font-family: 'Manrope', sans-serif;
  position: relative;
  color: #66666;
  font-size: 8px;
  letter-spacing: 0;
}

footer {
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #ffffffc7;
  border-radius: 10px;
}

footer:hover {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: none;
}

/*----------Portal Header Formatting -------------------*/
.navbar-brand {
  height: 50px;
}

.navbar-title {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
}


.r-vbar-page .r-left [data-logo-cell][data-logo-cell] {
  background-color: #1D1D1B;
  max-height: 55px !important;
  min-height: 55px !important;
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
}

.r-vbar-page .r-left [data-logo-cell][data-logo-cell]>[data-itemid]:not([data-hidden]) {
  justify-content: middle;
  padding-left: 30px !important;
}

.navbar-default {
  background-color: #1D1D1B;
  border:none !important;
  max-height: 54px !important;
  min-height: 54px !important;
}

.navbar-nav {
  background-color: #FFFFFF;
  padding: 5px;
  margin: 15px 0;
  font-size: 12px;
  border-radius: 5px;
  width: 100%;
}

.navbar-nav > li > a {
    padding: 0px !important;
    margin: 5px !important;
    background-color: transparent !important;
}

.r-vbar-page .nav a:hover{
  background: #E9ECEF;;
}

/*----------Dynamic Menu Formatting -------------------*/
.navbar-nav .r-menu-title{
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0px;
  margin-right: 4px;
  white-space: nowrap;
  letter-spacing: 0.5px;
  padding: 10px 20px;
  background: #E8451C;
  border-radius: 10px;
}

.navbar-nav .r-menu-title:active{
  box-shadow: none;
  color: #FFFFFF !important;
  background: #E8451C !important;
}

.navbar-nav .r-menu-title:hover{
  box-shadow: none;
  color: #FFFFFF !important;
   background: #ff4414;
}

.nav .r-menu-title {
  line-height: 10px;
  }
   
  .navbar-nav  .r-menu-title {
  line-height: 40px;
  }
/*---------- Pagination Formatting -------------------*/
.pagination>li>a,
.pagination>li>span {
  padding: 5px 12px !important;
  font-size: 12px;
  color: #666666;
  background-color: #E9ECEF;
  border: 1px solid #E9ECEF !important;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination>.active>a {
  color: #E8451C !important;
  background-color: #E9ECEF !important;
  border: 1px solid #E9ECEF !important;
  cursor: default;
}

/*---------- Scroll-Bar Formatting -------------------*/


/*---------- Special Icon Formatting -------------------*/
.glyphicon.glyphicon-th-large {
  font-size: 20px;
}

.glyphicon {
  position: inherit;
}

.glyphicon-arrow-up {
  transform: scaleX(0.6);
  font-weight: 100 !important;
}


span.glyphicon.glyphicon-triangle-right {
  color: #ffffff !important;
  font-size: 14px !important;
}

.navbar-nav .r-menu-title span.glyphicon.glyphicon-user,
span.glyphicon.glyphicon-user {
  color: #ffffff !important;
}

.navbar-nav .r-menu-title span.glyphicon.glyphicon-piggy-bank,
span.glyphicon.glyphicon-piggy-bank {
  color: #ffffff !important;
}



.btn.btn-primary span.glyphicon.glyphicon-ok {
  color: #ffffff;
}

span.glyphicon.glyphicon-retweet {
  color: #ffffff !important;
}

span.glyphicon.glyphicon-screenshot {
  color: #ffffff !important;
}
 
.navbar-nav .r-menu-title span.glyphicon.glyphicon-cloud,
span.glyphicon.glyphicon-cloud {
  color: #ffffff !important;
}

[data-icon="sortasc"] {
  font-size: 10px;
}

[data-icon="sortdesc"] {
  font-size: 10px;
}

.button__badge {
  background-color: #E8451C;
  border-radius: 2px;
  color: white;

  padding: 1px 3px;
  font-size: 10px;

  position: absolute;
  /* Position the badge within the relatively positioned button */
  top: 0;
  right: 0;
}

/*----------Launch Pad Boxes Formatting -------------------*/

.bs-welcome-item .bs-welcome-header a {
  font-family: 'Manrope', sans-serif;
}

.bs-welcome-item.bs-welcome-item,
.bs-welcome-item .bs-welcome-header,
.bs-welcome-item .bs-welcome-content {
  border: none;
}

.bs-welcome-item.bs-welcome-item {
    border-radius: 10px;
    margin: 13px;
    margin-bottom: 25px;
    margin-top: 5px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 24px;
    box-shadow: 0 2px 4px 0 rgb(121 121 121);
    max-width: 600px;
}

.bs-welcome-item .bs-welcome-header a {
    background: #ffffff;
    color: #E8451C !important;
    font-size: 14px;
    padding: 10px 15px;
    display: block;
}

.bs-welcome-item .bs-welcome-content {
  background-color: #fff;
  margin-bottom: 5px;
  padding: 10px 15px;
  font-family: 'Manrope', sans-serif;
  font-size: 12px;
  color: #3E3F3A;
  transition: box-shadow 0.3s ease;
}

/*----------Logout Message Formatting -------------------*/
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #E9ECEF;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff !important;
}

.modal-content.ui-resizable,
.modal-header.ui-draggable-handle,
.modal-body {
  width: 90% !important;
  left: 5% !important;
}


.modal-header.modal-header,
.modal-footer,
.modal.in .modal-dialog {
  width: 100% !important;
  max-width: 1500px;
}

/*----------Investor Portal Screen Specific Formatting -------------------*/
/*--- Digital Subs Formatting---*/
[data-page="sub_docs_view_redo_step1_v2"][data-itemid="view_back_list"]>.btn {
  background-color: #E8451C !important;
}

[data-page="sub_docs_view_redo_step1_v2"][data-itemid="view_edit"]>.btn {
  background-color: #E8451C !important;
}

[data-cellid="welcome_item3"][data-page="_global_digital_subs"][data-cellid="welcome_item3"][data-page="_global_digital_subs"][data-cellid="welcome_item3"][data-page="_global_digital_subs"] {
  color: #E8451C;
}

[data-cellid="grid_cell_label12"][data-page="sub_docs_list"][data-cellid="grid_cell_label12"][data-page="sub_docs_list"][data-cellid="grid_cell_label12"][data-page="sub_docs_list"] {
  background-color: #666666 !important;
  padding: 1px !important;
}

[data-page="sub_docs_edit"][data-itemid="text11"] {
  color: #F1F3F5 !important;
}

[data-page="sub_docs_viewCompletedOwnership"][data-itemid="text10"] {
  background-color: #E9ECEF !important;
  border-left: 5px solid #E8451C;
  font-size: 12px !important;
  box-shadow: none !important;
  padding-top: 15px !important;
}

[data-page="sub_docs_list"][data-itemid="textFunding"] {
  font-size: 12px !important;
  box-shadow: none !important;
}

/*--- Two Factor Authentication---*/
[data-cellid="section_c5"][data-page="Login_two_factor_add"][data-cellid="section_c5"][data-page="Login_two_factor_add"][data-cellid="section_c5"][data-page="Login_two_factor_add"] {
  font-size: 14px !important;
}

[data-page="Login_two_factor_add"][data-itemid="text1"] {
  font-size: 12px !important;
  padding-left: 25p
}

/*--- Items Requiring Attention---*/
[data-page="zinvestor_items_requiring_attention_list_dashboard"][data-itemid="text"] {
  font-size: 12px;
}

/*--- Login Page ---*/
.r-pretty-login-page[data-image-fullsize]>.r-sideimage>.r-image {
  padding-right: 50px;
}

/*----------Timeout Pop-Up Formatting -------------------*/

[data-cellid="above-grid_c1"][data-page="_global_session_expired"][data-cellid="above-grid_c1"][data-page="_global_session_expired"][data-cellid="above-grid_c1"][data-page="_global_session_expired"],
[data-cellid="above-grid_c"][data-page="_global_session_expired"][data-cellid="above-grid_c"][data-page="_global_session_expired"][data-cellid="above-grid_c"][data-page="_global_session_expired"],
[data-cellid="grid_c1"][data-page="_global_session_expired"][data-cellid="grid_c1"][data-page="_global_session_expired"][data-cellid="grid_c1"][data-page="_global_session_expired"],
[data-cellid="grid_c"][data-page="_global_session_expired"][data-cellid="grid_c"][data-page="_global_session_expired"][data-cellid="grid_c"][data-page="_global_session_expired"],
[data-cellid="grid_c2"][data-page="_global_session_expired"][data-cellid="grid_c2"][data-page="_global_session_expired"][data-cellid="grid_c2"][data-page="_global_session_expired"],
[data-cellid="grid_c3"][data-page="_global_session_expired"][data-cellid="grid_c3"][data-page="_global_session_expired"][data-cellid="grid_c3"][data-page="_global_session_expired"],
[data-cellid="grid_c4"][data-page="_global_session_expired"][data-cellid="grid_c4"][data-page="_global_session_expired"][data-cellid="grid_c4"][data-page="_global_session_expired"],
[data-cellid="grid_c5"][data-page="_global_session_expired"][data-cellid="grid_c5"][data-page="_global_session_expired"][data-cellid="grid_c5"][data-page="_global_session_expired"],
[data-cellid="grid_c6"][data-page="_global_session_expired"][data-cellid="grid_c6"][data-page="_global_session_expired"][data-cellid="grid_c6"][data-page="_global_session_expired"] {
  background-color: #ffffff !important;
  color: #666666 !important;
}

[data-page="_global_session_expired"][data-itemid="session_expired_message"] {
  color: #666666 !important;
  font-size: 14px !important;
}


[data-page="_global_session_expired"][data-itemid="session_expired_comment"] {
  color: #666666 !important;
  font-weight: bold;
  font-size: 22px;
}

[data-page="_global_session_expired"][data-itemid="expired_logout"]>.btn {
  text-shadow: none;
  color: #666666 !important;
}

[data-page="_global_session_expired"][data-itemid="text"] {
  color: #666666 !important;
  font-size: 16px;
}


/*----------Investor Dashboard -------------------*/

/*---KPI Box---*/
[data-page="zinvestordashboard_dev"][data-itemid="text1"] {
  background-color: #fff !important;
  color: #666666 !important;
  border-left: none !important;
  border-radius: 5px;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 1.3px !important;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  margin: 8px !important;
}


/*----------Quick Launch -------- */

[data-pageid="1"].r-form[data-location="top"],
[data-pageid="1"].r-form[data-location="top"]:hover {
  font-weight: 400;
  font-size: 40px;
  color: #1D1D1B;
  padding: 20px;
  padding-bottom: 10px;
  border-left: none;
  border-radius: none;
  box-shadow: none;
  background: #fff;
}

/*----------Opus Unlimited Screen Specific Formatting -------------------*/
 
.glyphicon {
  position: inherit;
}

.input-group-btn > .btn {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin: -8px;
}

[data-itemtype="search_panel"][data-horizontal] .panel-body {
  gap: 4px;
  justify-content: left;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: 3px;
}

[data-itemtype="search_panel"] .panel-heading {
  display: block;
}

[data-itemtype="search_panel"][data-horizontal] .panel-body > * {
  flex: 0 0 150px;
}

[data-itemtype="search_panel"][data-horizontal] .panel-body {
  max-width: 1200px;
}

.navbar .input-group {
color: rgb(0 0 0);
}


.navbar .input-group .form-control.form-control, 
.navbar .input-group .btn.btn {
color: rgb(0 0 0);
}
.navbar .input-group .form-control.form-control:focus,
.navbar .input-group .btn.btn:focus {
color: rgb(0 0 0);
}

.panel-info > .panel-heading .btn.btn-info:not(:hover) {
  background-color: #000000;
}

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #b5b5b5;
border-color: transparent;
}


.panel-heading .input-group > .form-control {
  height: 44px;
}


.form-control {
  background-color: #ffffff !important;
  color: black !important;
  font-size: 12px !important;
  border: 1px solid #ebedf2 !important;
  padding: 6px 11px !important;
  border-radius: 10px !important;
  border-color: #999999 !important;
}
/*----------Client Portal Screen Specific Formatting -------------------*/
 
/* --- Capital Calls --- */
[data-page="zcap_call_details_list"][data-itemid="grid_field8"] {
  color: #ffffff !important;
}

/* --- Digital Subscriptions --- */
[data-cellid="grid_headcell_field20"][data-page="zsub_docs_list"][data-cellid="grid_headcell_field20"][data-page="zsub_docs_list"][data-cellid="grid_headcell_field20"][data-page="zsub_docs_list"] {
  color: #E8451C !important;
}

[data-cellid="grid_headcell_field20"][data-page="zsub_docs_list"][data-cellid="grid_headcell_field20"][data-page="zsub_docs_list"][data-cellid="grid_headcell_field20"][data-page="zsub_docs_list"] {
  background-color: #DFD7CA;
}


.r-body {
    margin-left: auto;
    margin-right: auto;
}

@media print, (min-width: 768px) and (min-width: 1200px) {
  .r-vbar-page .r-content-col .r-body[data-body-width="standard"] {
    width: 1070px;
  }
}

button,
html input{
  border-radius: 7px;
  border: none;
  color: #e8451c;
  background: white;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
}

.tab-pane.active .panel-body th {
  background: #000000 !important;
  color: white !important;
  height: fit-content;
  padding: 5px !important;
}

.tab-pane.active .panel {
  border: 1px none #b6b6b6 !important;
  box-shadow: 0 8px 16px 0 rgb(121, 121, 121);
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

@media print, (min-width: 768px) and (min-width: 1200px) {
  .r-vbar-page .r-content-col .r-body[data-body-width="standard"] {
    width: 1070px;
  }
}

@media screen and (max-width: 767px) {
    .r-flexgrid.r-flexgrid.r-flexgrid.r-flexgrid > tbody > tr:not(.rnr-hiddenelem ):not([data-hidden]):not([data-media-hidden]).r-gridrow:before {
        height: auto;
    }
}
@media screen and (max-width: 767px) {
[data-location] .r-ori-vert > *:not([data-hidden]):not([data-media-hidden]):not(.navbar-toggle), [data-location] [data-single] > *:not([data-hidden]):not([data-media-hidden]):not(.navbar-toggle) {
    display: flex;
    flex-direction: column;
}
}

@media screen and (max-width: 767px) {
    .r-flexgrid.r-flexgrid.r-flexgrid.r-flexgrid > tbody > tr:not(.rnr-hiddenelem ):not([data-hidden]):not([data-media-hidden]) > td:not([data-hidden]):not([data-media-hidden]) {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
.nav>li>a {
    padding: 4px 3px !important;
}
}

@media screen and (max-width: 767px) {
.modal-content.ui-resizable,
.modal-header.ui-draggable-handle,
.modal-body {
  width: 100% !important;
  left: 0% !important;
}
}

@media screen and (max-width: 767px) {
    .Opus_Title {
        font-size: 24px;
        line-height: normal;
        margin-top: 5px;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
.btn-default {
  min-height: 0px !important;
}

button.btn.btn-primary {
  min-height: 0px !important;
}
.btn {
    padding: 4px 4px;
    font-size: 11px !important;
	min-height: 0px !important;
}
.filterPanelContainer[data-horizontal] .filter-field>.btn-link {
    padding: 4px 4px;
}


img[src="images/check_yes.gif"] {
    max-width: 20px;
    border: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img[src="images/check_no.gif"] {
    max-width: 20px;
    border: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.glyphicon-search {
    padding: 12px;
}

.glyphicon-remove {
    padding: 12px;
    margin-right: 7px;
}


}

@media screen and (max-width: 767px) {
    .r-flexgrid.r-flexgrid.r-flexgrid.r-flexgrid > tbody > tr:not(.rnr-hiddenelem ):not([data-hidden]):not([data-media-hidden]) > td:not([data-hidden]):not([data-media-hidden]) {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
.panel .panel-heading, .panel .panel-title {
    text-align: center !important;
	display: grid !important;
}

.rnr-dbebrick.rnr-dberight {
    float: inherit;
}
}
@media screen and (max-width: 767px) {
.r-vbar-page .r-left {
    background: #E9ECEF !important;
	width: 75% !important;
	max-width: 325px !important;
}

.r-vbar-page .r-left .r-menu-title {
    text-align: left;
}

.r-vbar-page .nav a, .r-leftbar-top-page .nav a {
    color: #1D1D1B !important;
    text-align: center;
}
.input-group {
    vertical-align: middle;
    display: inline-table;
    max-width: 95%;
}
.r-vbar-page .r-left [data-logo-cell][data-logo-cell]>[data-itemid]:not([data-hidden]) {
    justify-content: middle;
}

.panel .panel-heading, .panel .panel-title {
    padding: 4px 8px;
}

.panel-footer .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center the pagination */
    align-items: center; /* Vertically center the items */
}
}

@media screen and (max-width: 767px) {
.welcome-group {
    margin-left: auto;
    margin-right: auto;
}
.bs-welcome-item .bs-welcome-header a {
    text-align: center !important;
}
.bs-welcome-item .bs-welcome-content {
    text-align: center !important;
}
.bs-welcome-content {
    min-height: 65px;
}


}

/* Wire Menu Formatting */
#itemlink2[itemtitle="Digital Subscriptions"] .r-menu-title,
#itemlink3[itemtitle="Wire Template Change Log"] .r-menu-title,
#itemlink4[itemtitle="Transaction Approval"] .r-menu-title,
#itemlink5[itemtitle="Payable Transactions"] .r-menu-title,
#itemlink6[itemtitle="Custom Attributes"] .r-menu-title,
#itemlink12[itemtitle="Bank Balances"] .r-menu-title,
#itemlink13[itemtitle="Bank Balances"] .r-menu-title,
#itemlink5[itemtitle="Wire Templates"] .r-menu-title,
#itemlink14[itemtitle="Wire Templates"] .r-menu-title,
#itemlink6[itemtitle="Holdback Settings"] .r-menu-title,
#itemlink9[itemtitle="Cancelled Wires"] .r-menu-title,
#itemlink11[itemtitle="SmartWire Settings"] .r-menu-title,
#itemlink12[itemtitle="SmartWire Settings"] .r-menu-title,
#itemlink2[itemtitle="Wire Dashboard"] .r-menu-title,
#itemlink10[itemtitle="Bulk Wire Requests"] .r-menu-title {
    background: #1a2035 !important;
}

/* Custom Menu Formatting for labels that require 2 lines */
#itemlink24[title*="Investor Statements"] .r-menu-title {
    line-height: 15px;
}


.swal2-styled.swal2-confirm {
    background-color: #E8451C!important;
}

.swal2-html-container {
    font-size: 14px !important;
    text-align: center !important;
}

.swal2-popup {
    width: 60em !important;
}

.navbar .input-group .form-control.form-control, .navbar .input-group .btn.btn {
    min-height: 44px;
}


/*-------- Select button formatting -------- */

/* Exclude styles for Custom_Tags and Additional_Attendees */
[data-field]:not([data-field="Custom_Tags"]):not([data-field="Additional_Attendees"]) .bs-lookup-links {
  border-radius: 10px;
  text-transform: uppercase;
}

[data-field="Custom_Tags"], 
[data-field="Additional_Attendees"] .bs-lookup-links {
  background-color: #ffffff !important;
  font-size: 12px;
  padding: 8px !important;
  width: fit-content;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-left: 5px;
  border-radius: 10px;
  text-transform: uppercase;
}

/* Exclude styles for Custom_Tags and Additional_Attendees */
[data-field]:not([data-field="Custom_Tags"]):not([data-field="Additional_Attendees"]) .bs-ctrlspan {
  position: relative;
  display: block;
  align-items: center;
}

/* Exclude styles for Custom_Tags and Additional_Attendees */
[data-field]:not([data-field="Custom_Tags"]):not([data-field="Additional_Attendees"]) .bs-ctrlspan .bs-list-lookup input[type="text"] {
  width: 100%;
  min-width: 150px;
  transition: opacity 0.2s ease; /* Smooth transition for hiding */
}

/* Initially hide the select button, excluding Custom_Tags and Additional_Attendees */
[data-field]:not([data-field="Custom_Tags"]):not([data-field="Additional_Attendees"]) .bs-ctrlspan .bs-lookup-links {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
}

/* Show the select button and hide the input text on hover, excluding Custom_Tags and Additional_Attendees */
[data-field]:not([data-field="Custom_Tags"]):not([data-field="Additional_Attendees"]) .bs-ctrlspan:hover .bs-lookup-links {
  display: flex; /* Makes the select button cover the full area */
  max-width:200px;
}

[data-field]:not([data-field="Custom_Tags"]):not([data-field="Additional_Attendees"]) .bs-ctrlspan:hover .bs-list-lookup input[type="text"] {
  opacity: 0; /* Hide the text input on hover */
}

/* Style the select button (filling the text box), excluding Custom_Tags and Additional_Attendees */
[data-field]:not([data-field="Custom_Tags"]):not([data-field="Additional_Attendees"]) .bs-lookup-links a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: #e74c3c;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}



@keyframes fade-border {
    0% {
        border-color: transparent; /* Start with no border */
    }
    50% {
        border-color: red; /* Fade in to red */
    }
    100% {
        border-color: transparent; /* Fade out to no border again */
    }
}