/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  /*padding at the bottom of the page before the footer*/
  padding-bottom: 3px;
  /*background-color: #F3F1F1;*/
  background-color: white;
  /*color: #30383D;*/
  color: black;
}

body > .container, body > .container-fluid {
  padding: 25px 15px 0;
}

tr.clickableRow { cursor: pointer; }

/*
 * Configure the z-index of the editor UI, so when inside a Bootstrap
 * modal, it will be rendered over the modal.
 */
:root {
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 );
}


/*
 * Override the width of the table set by Bootstrap content styles.
 * See: https://github.com/ckeditor/ckeditor5-table/issues/154.
 */
.ck-content .table {
    width: auto;
}
@media screen
{
  span.danger { color: #721c24;font-weight:bold}
  span.warning { color: #856404;font-weight:bold}
  span.success { color: #155724;font-weight:bold}
  span.error { color: #b94a48;font-weight:bold}
  span.light { color: #818182;font-weight:bold}
  span.dark { color: #1b1e21;font-weight:bold}
  span.primary { color: #333366;font-weight:bold}
  span.secondary { color: #383d41;font-weight:bold}
  span.info { color: #6A9FC6;font-weight:bold}

  /*
.table-striped tbody tr:nth-of-type(odd){
   background-color:lightblue;
}
*/
.table-hover tbody tr:hover{
  color:white;
  background-color:#8092AA;
}
.table-hover tbody tr:hover a{
  color:white;
}

.list-group-item-action:hover{
    color:white;
    background-color:#8092AA;
  }
}

@media print
{
  body > .container, body > .container-fluid {
    padding: 0 15px 0;
  }
  .footer a
  {
    color: #000;
  }
}

input.nonumberarrows::-webkit-outer-spin-button,
input.nonumberarrows::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.dropdown-toggle::after {
    display:none;
}

a {
  color: #333366;
}
a:hover {
  color: #3e3e7b;
}

nav.navbar-light {
  background-color: #23224c;
}
.navbar {
  padding: 5px 10px 5px 10px;
}

.navbar-icon-top .navbar-nav .nav-link > .fas {
  position: relative;
  width: 36px;
  font-size: 20px;
}

.navbar-icon-top .navbar-nav .nav-link > .fas {
  top: 3px;
  line-height: 12px;
}

/*public nav bar link colors*/
ul.navbar-nav li a.nav-link.publicnavlink, ul.navbar-nav li a.nav-link.publicnavlink.active {
  color: white;
}
ul.navbar-nav li a.nav-link.publicnavlink:hover, ul.navbar-nav li a.nav-link.publicnavlink.active:hover {
  color: #e3c672;
}
/*private nav bar link colors*/
.navbar a.nav-link.dropdown-toggle, .navbar li.nav-item a.nav-link {
  color: white;
}

.navbar a.nav-link.dropdown-toggle:hover, .navbar li.nav-item a.nav-link:hover, .navbar li.nav-item.active a.nav-link {
  color: #e3c672;
}

li.nav-item.dropdown.active a.nav-link:hover {
  color: #e3c672;
}

#homebutton {
  color:white;
}
#homebutton:hover {
  color:#e3c672;
}

li.nav-item.dropdown.active a.nav-link {
  color: #e3c672;
}

li.nav-item.dropdown.show a.nav-link {
  color: #e3c672;
}


@media (min-width: 576px) {
  .navbar-icon-top .navbar-expand-sm .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-icon-top .navbar-expand-sm .navbar-nav .nav-link > .fas {
    display: block;
    width: 48px;
    margin: 2px auto 4px auto;
    top: 0;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-icon-top.navbar-expand-md .navbar-nav .nav-link > .fas {
    display: block;
    width: 48px;
    margin: 2px auto 4px auto;
    top: 0;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-icon-top.navbar-expand-lg .navbar-nav .nav-link > .fas {
    display: block;
    width: 48px;
    margin: 2px auto 4px auto;
    top: 0;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link {
    text-align: center;
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-icon-top.navbar-expand-xl .navbar-nav .nav-link > .fas {
    display: block;
    width: 48px;
    margin: 2px auto 4px auto;
    top: 0;
    line-height: 24px;
  }
}


.dropdown-item {
  color: #212529;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #fff;
  background-color: #333366;
}

.dropdown-item.active, .dropdown-item:active {
  color: #212529;
  text-decoration: none;
  background-color: #fff;
}


#homeCover{
    margin:0;
    border-radius:10px;
    background:linear-gradient(40deg, rgba(105, 110, 146, 0.60), rgba(51, 51, 102, 0.60)),
    url(/images/head_bg_audit2000x316.png);
    background-size: cover;
    color:white !important;
    height:auto;
    margin-bottom: 15px;
}



i.danger { color: #721c24;}
i.warning { color: #856404;}
i.success { color: #155724;}
i.error { color: #b94a48;}
i.light { color: #818182;}
i.dark { color: #1b1e21;}
i.primary { color: #333366;}
i.secondary { color: #383d41;}
i.info { color: #6A9FC6;}

.btn-primary {
  color: #fff;
  background-color: #333366;
  border-color: #6c6c9e;
}

.btn-primary:hover {
  color: #fff;
  background-color: #4a4a8c;
  border-color: #4a4a8c;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #6c6c9e;
  border-color: #6c6c9e;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108,108,158, 0.5);
}

.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#333366;border-color:#727291}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,108,158, 0.5)}

.badge-primary, .btn-primary:visited, .btn-primary:focus {
  color: #fff;
  background-color: #333366;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #4a4a8c;
}


.btn-link {
  font-weight: 400;
  color: #333366;
  background-color: transparent;
}

.btn-link:hover {
  color: #4a4a8c;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}


.list-group .active {
  background-color: #333366;
  border-color: #333366;
}
.list-group .active a {
  color: white;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #333366;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #333366;
  text-decoration: none;
  background-color: #e9ecef;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #333366;
  border-color: #3d3d78;
  border: none;
}

.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(108,108,158, 0.5);
}




.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  /*background-color: #D5D1BF;*/
  background-color: #23224c;
  /*color: #191B22;*/
  color: #fff;
}

.footer a{
  color: #fff;
}

a#save, a#add {
  color: #fff;
}

.modal.left .modal-dialog {
	position: fixed;
	margin: auto;
	width: auto;
}
.modal.right .modal-dialog {
	position: fixed;
  right: 0;
	margin: auto;
	width: auto;
}


.table-fit {
  width: 1%;
}

.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
  }

div#sideNavBar ul {
  margin: 0;
  padding: 0 0 0 10px;
}
#sideNavBar li {
  margin:0;
  padding: 0;
}

.navActive {
 font-weight: bold;
}

.table-active-row>td {
  color:white;
  background-color:#8092AA;
}
.table-active-row>td a {
  color:white;
}

.claimnumber {
  white-space:pre; /* or pre-wrap if you want wrapping to still work. */
}