/*Layout styles*/

.print-body { background-color: white; }

.app-header { box-shadow: 0 3px 4px rgb(0 0 0 / 10%); }
  .app-header .menu .menu-search { margin: 0 auto 0 20px; }
.app-content { padding: 30px 30px; }

.app-without-header { background-color: white; }

/*Agency selector*/
.card.agency-list { position: absolute; left: 49px; top: 60px; padding-top: 5px; padding-bottom: 5px; }
  .card.agency-list a { padding: 12px; border: solid 1px #ddd; border-radius: 4px; text-decoration: none; margin-right: 12px; }
    .card.agency-list a:hover { border: solid 1px #ff3b30; /*COLOR_RED*/ }
  .card.agency-list a:last-child { margin-right: 0; }

/*Panel styles*/
.xvin-panel { margin: 10px; background-color: black; border-radius: 5px; text-align: center; height: 200px; color: white; font-size: 18px; font-weight: bold; padding: 0; }
  .xvin-panel .xvin-header { position: relative; top: 20px; }
  .xvin-panel .xvin-content { position: relative; top: 50px; font-size: 30px; }
    .xvin-panel .xvin-content small { font-size: 20px; }

.monthly-budget-panel { margin-left: 6px; margin-top: 10px; margin-bottom: 20px; font-size: 17px; font-weight: bold; }

/*Datatabales Styles*/
.dataTables_filter { margin-bottom: 20px; }
.dataTable.compact thead th, table.dataTable.compact thead td { padding-left: 5px !important; }
table { color: #000 !important; }
  table tr.odd td { background-color: #fbfbfb !important; }
.fixedHeader-floating { border-top: solid 1px; }

[type=search] { outline-offset: 0 !important; }

/*Multiselect*/
.multiselect-native-select { margin-right: 0; width: initial; }
.multiselect-native-select .btn-group { display: block; padding-bottom: 4px; }
.multiselect-native-select button.multiselect { display: block; width: 100%; text-align: left !important; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(.75rem - 3px); font-size: .875rem; font-weight: 400; line-height: 1.5; color: #3c4e71; background-color: #fff; border: 1px solid #c9d2e3; border-radius: 6px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.multiselect-native-select .multiselect-selected-text { color: black !important; font-size: 17px !important; }
.multiselect-container .multiselect-filter > input.multiselect-search { margin-left: -11px !important; }
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active { background-color: #eee !important; }
.multiselect-container .multiselect-all:focus, .multiselect-container .multiselect-all:hover, .multiselect-container .multiselect-group:focus, .multiselect-container .multiselect-group:hover, .multiselect-container .multiselect-option:focus, .multiselect-container .multiselect-option:hover { background-color: #eee !important; }

/*Form styles (related to Multiselect)*/
#lookup-container .form-select { color: black !important; font-size: 17px !important; margin-right: 5px; width: initial; height: 40px; }