/*Layout styles*/

.login .login-content { margin: -80px auto 0; }

.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: 20px 20px; }

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

.card-compact .card-body { padding: 10px !important; }

.btn-xs { padding: 1px 3px !important; }

/*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; }

/*Form styles*/
#lookup-container .form-select { color: black !important; font-size: 17px !important; margin-right: 10px; width: initial; }

/*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; }
  table tr.odd td { background-color: #fbfbfb; }
.fixedHeader-floating { border-top: solid 1px; }

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