/*
 * Overrides
*/
.nav-item {
    font-size: 1.5rem;
}
.nav-item-icon {
    width: 1.8rem;
    height: 1.8rem;
}
.nav-item-icon-small {
    width: 1rem;
    height: 2rem;
}
/* Because we render SVGs as images we need to do some special stuff
    to get color into the SVG.  To transform a color to filter go to: 
    https://codepen.io/sosuke/pen/Pjoqqp */
.svg-white {
    filter: invert(88%) sepia(44%) saturate(0%) hue-rotate(41deg) brightness(107%) contrast(101%);
}
.svg-normal {
    width: 1rem;
    height: 1rem;
}

.form-control:disabled, .form-control[readonly] {
    background-color: rgba(82, 82, 82, 0.534);
    color: white;
}

/* 
 * Header Styles
*/
.header-content {
    min-height: 8vh
}

/* 
 * Main Content Styles
*/
.page-content {
    min-height: 80vh;
    padding-right: 0;
}

.b-table-row-selected {
    border: solid #f39c12 3px !important;
}

  /* .table.b-table > tbody > .bg-active, .table.b-table > tbody > .bg-active > td, .table.b-table > tbody > .bg-active > th {
    background-color: transparent !important;
  } */

.icon-bigger {
    font-size: 1.5rem;
}

.login-form {
    text-align: center
}

/* 
 * Footer Styles
*/
.footer-content {
    min-height: 10vh
}

.padding-small {
    padding: 5px;
}

.padding-x-small {
    padding-right: 5px;
    padding-left: 5px;
}

.icon-bordered {
    width: 18px;
    height: 18px;
    padding: 0.5rem;
    border: solid 1px var(--info);
    border-radius: 6px;
}

/* Animation to spin an SVG */
.spin{
    animation-name: ckw;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    display: inline-block;
  }
  @keyframes ckw {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}


.bg-disabled {
    color: #666666;
}

.bg-highlight {
    background-color: #1f3246 !important;
}

.bg-highlightdisabled {
    color: #666666;
    background-color: #1f3246 !important;
}

.bg-warningdark {
    /* background-color: #724a09 !important;  #375a7f*/
    /* background: rgb(255,193,7) !important;
    background: linear-gradient(90deg, rgba(255,193,7,0.5) 0%, rgba(255,255,255,0) 15%) !important;  */
    background: rgb(55,90,127) !important;
    background: linear-gradient(90deg, rgba(55,90,127,1) 0%, rgba(255,255,255,0) 15%) !important; 
}

.danger-text {
    color: red;
}

.warning-text {
    color: orange;
}