.navbar-laravel {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.navbar-brand {
  width: 90% !important;
  margin: auto !important;
  height: 100% !important;
}
.navbar-brand .navbar-brand-wrapper {
  margin: auto !important;
  height: 100% !important;
  text-align: center !important;
  width: 100% !important;
}
.navbar-brand .navbar-brand-wrapper .navbar-brand-image-wrapper {
  width: 80px !important;
  text-align: center !important;
  margin: auto !important;
}
.navbar-brand .navbar-brand-wrapper .navbar-brand-image-wrapper img {
  width: auto !important;
}
.navbar-brand .navbar-brand-wrapper .navbar-brand-image-text {
  line-height: 1.2em !important;
  display: block !important;
  font-size: 0.7em !important;
  padding-top: 5px !important;
  max-width: 100% !important;
  text-align: center !important;
  margin: auto !important;
}

.main-navbar .navbar-left-login {
  height: 120px;
}

.main-navbar .navbar-left {
  height: 110px;
}

.nav-wrapper {
  height: calc(100vh - 111px);
}

.top-nav {
  padding: 10px 10px;
  font-size: 10pt;
  background-color: #e4ebed;
  width: 100%;
}
.top-nav div {
  display: block;
}

.top-nav-sm {
  margin: auto 10px;
  margin-left: 20px;
  font-size: 10pt;
}
.top-nav-sm div {
  display: block;
}

.nav-tabs .inactive-tab {
  border: #cdcdcd solid 1px;
  background-color: #ebebeb;
  color: #6b6b6b !important;
}
.nav-tabs .inactive-tab:hover {
  color: #6b6b6b !important;
}
.nav-tabs .inactive-tab i {
  color: #6b6b6b;
}

.alert-messages .alert {
  margin: 8px;
}
.alert-messages h4 {
  color: #fff;
  font-size: 12pt;
  margin-bottom: 0;
}

.select2-container .select2-selection {
  font-size: 16pt;
  line-height: 16pt;
  box-sizing: border-box;
  display: block;
  height: 40px !important;
  padding-top: 4px;
}

.overlay {
  background: #e9e9e9;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: 999;
}

.alert2 {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navFS {
  font-size: 10pt !important;
  padding-left: 14px !important;
}

.navFS > .material-icons {
  margin-right: 0px !important;
}

#betaBadge {
  position: fixed;
  top: 0;
  z-index: 9999;
  right: 0;
  padding: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 15px;
  /* background-color:#076bff; */
  background-color: #5dd962;
  color: #fff;
  border-radius: 0px 0px 6px 6px;
  font-size: 6pt;
  font-family: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  opacity: 0.85;
}

.popover {
  font-size: 10pt !important;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 10pt !important;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome and Opera */
  cursor: pointer;
}

.faCustom {
  font-size: 20pt;
  padding-bottom: 10px;
}

.faCustom2 {
  font-size: 28pt !important;
  padding-bottom: 6px;
  margin-top: -6px;
}

.miCustom {
  font-size: 12pt !important;
}

.faSpan {
  padding: 0px 5px;
}

.faSpanOff {
  padding: 0px 5px;
  opacity: 0.2;
}

table {
  font-size: 9pt;
}

label {
  font-weight: 500;
  font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.text-muted {
  font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 12pt;
}

.item_header {
  font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 14pt;
}

.btnCustom {
  width: 25%;
}

.btnCustom2 {
  width: 32.5%;
}

#editor-container {
  max-height: 150px !important;
}

#editor-container2 {
  max-height: 150px !important;
}

.editor-container {
  max-height: 150px !important;
}

.dtr-details {
  width: 100%;
}

.alert2 {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.setCtrBtn:hover, .nav-item:hover {
  color: #076bff !important;
}

.setCtrBtn:link, .nav-item:hover {
  color: #076bff !important;
}

.radioEntity {
  font-size: 18pt !important;
  padding: 20px 10px !important;
}

.login-alert {
  margin: 8px;
}
.login-alert h4 {
  color: #fff;
  margin-bottom: 0;
  font-size: 14pt;
}

.modal#setCentre .modal-header {
  background-color: #076bff;
  color: #fff !important;
}
.modal#setCentre .modal-header .modal-title {
  color: #fff !important;
}
.modal#setCentre .modal-body .sc_centre_selection {
  display: block !important;
  width: 100% !important;
  padding: 10px !important;
}
.modal#setCentre .modal-body .select2-container {
  width: 100% !important;
}
.modal#setCentre .modal-body p {
  margin-top: 10px;
}

#dashboard_quickbuttons {
  max-width: 100%;
}
#dashboard_quickbuttons .container {
  margin: 15px;
}

#asset-valuation table img {
  max-width: 80px;
  margin: 4px;
}
#asset-valuation table .action {
  max-width: 350px;
}

#asset-valuation-form {
  background-color: #fff;
  padding: 10px;
  width: 100% !important;
}

.centre_selection #centre_selection {
  display: block !important;
  width: 100% !important;
  padding: 10px !important;
}
.centre_selection .select2-container {
  width: 100% !important;
}

#recentDonation td.child > ul, #recentCheckout td.child > ul {
  display: block;
}
#recentDonation .nestedItems, #recentCheckout .nestedItems {
  width: 100%;
}
#recentDonation .nestedItems img, #recentCheckout .nestedItems img {
  max-height: 40px;
}
#recentDonation .modify-record, #recentCheckout .modify-record {
  margin-bottom: 10px !important;
  margin-top: -10px !important;
}

#nav-donation-tab i {
  color: green;
}

#nav-checkout-tab i {
  color: red;
}

#nav-transfer-tab i {
  color: #076bff;
}

.ration-form .form-row {
  background-color: #fff;
}
.ration-form .form-row .ration-item-col {
  border-bottom: 1px solid #ccc;
}
.ration-form .form-row .ration-item-col img {
  max-width: 80px;
  margin: 4px;
}
.ration-form .form-row .ration-item-col input.hcClass {
  height: 42px;
  font-weight: bold;
  font-size: 10pt;
  width: 70px;
}

.modal#rationConfirm .modal-header {
  background-color: #076bff;
  color: #fff !important;
}
.modal#rationConfirm .modal-title {
  color: #fff !important;
}
.modal#rationConfirm #modalMsg {
  width: 100%;
  text-alignment: center;
  font-size: 12pt;
}
.modal#rationConfirm .ration-item img {
  max-width: 40px;
  margin: 4px;
}
.modal#rationConfirm .ration-item .form-group:last-child {
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-radius: 0px 6px;
  background-color: #e5e5e5;
  font-size: 14pt;
}

.checkedout-table img, .donated-table img {
  max-height: 40px;
}
.checkedout-table input.hcClass, .donated-table input.hcClass {
  height: 42px;
  font-weight: bold;
  font-size: 10pt;
  width: 70px;
}
.checkedout-table .editor, .donated-table .editor {
  max-height: 200px;
}

.quickbuttons .btn {
  font-size: 16pt;
}
.quickbuttons .btn i {
  font-size: 40pt;
  padding-bottom: 10px;
}
.quickbuttons .btn#btn_fixed_asst .caption {
  padding-left: 0px !important;
  text-align: center;
  width: 100%;
  line-height: 10pt !important;
  font-size: 10pt;
  margin-top: -4px !important;
  padding-top: 0px;
}
.quickbuttons .btn .button-text {
  text-align: center;
}

.chart {
  padding-top: 20px;
  min-height: 300px;
}

.table.centre-balance {
  margin-top: 30px;
  font-size: 11pt;
}
.table.centre-balance i {
  font-size: 14pt;
  padding-right: 10px;
}
.table.centre-balance .balance-amount {
  text-align: center;
}
.table.centre-balance .balance-amount.low {
  color: red;
  font-weight: bold;
}

.settings-table img {
  max-width: 80px;
  margin: 4px;
}
.settings-table .action {
  max-width: 350px;
}

.modal#removeCentre .modal-header, .modal#removeRation .modal-header {
  background-color: red;
  color: #fff;
}
.modal#removeCentre .modal-header i, .modal#removeRation .modal-header i {
  font-size: 30pt;
}
.modal#removeCentre .modal-title, .modal#removeRation .modal-title {
  color: #fff;
  line-height: 35pt;
  font-size: 20pt;
  font-weight: bolder;
}
.modal#removeCentre .modal-body .item-to-remove, .modal#removeRation .modal-body .item-to-remove {
  font-weight: bolder;
}
.modal#removeCentre .modal-body .notes, .modal#removeRation .modal-body .notes {
  font-size: 10pt;
}

.modal#modifyRation img {
  max-width: 80px;
  margin: 4px;
}

.nav-item.report-donations i {
  color: blue;
}

.nav-item.report-checkout i {
  color: red;
}

.corp-ack p {
  margin-bottom: 16px;
}
.corp-ack .image-wrapper {
  width: 70px;
  text-align: center;
  margin: auto;
}
.corp-ack .image-wrapper img {
  width: auto !important;
}