/* CSS for all main menu with blue theme */
.btn-secondary-outline {
    color: #212529 !important;
    background-color: #fff !important;
    border-color: #dddddd !important;
}
.btn-secondary-outline:hover {
    background-color: rgb(189, 187, 187) !important;
}
/* @media (min-width: 1400px){
    .container {
        max-width: 90% !important;
    }
    
} */
.navpadding{
    padding: 10px !important;
}
/* .nav-tabs .nav-link {
    padding: 10px !important;
    color: #747575 !important;
} */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #dad9d9 !important;
    color: #2c2c2c !important;
}
.thumbnail { 
    display:block; 
    z-index:999; 
    cursor: pointer; 
    -webkit-transition-property: all; 
    transition-property: all; 
    -webkit-transition-duration: 0.3s; 
    transition-duration: 0.3s; 
    -webkit-transition-timing-function: ease; 
    transition-timing-function: ease; 
    } 
    
    /*change the number below to scale to the appropriate size*/ 
    .thumbnail:hover { 
    transform: scale(4); 
    margin-left: 50px;
}

.table-sortable th a.sorted-asc:after{content:url(/static/image/btnUp.gif);margin-left:3px;opacity:0.5;}
.text-underline-hover {
    text-decoration: none;
}
.table-sortable th a.sorted-desc:after{content:url(/static/image/btnDown.gif);margin-left:3px;opacity:0.5;}
.text-underline-hover {
    text-decoration: none;
}

.text-underline-hover:hover {
    text-decoration: underline;
}
.profile_canvas {
    width:600px; 
    height:400px; 
    align-self: center;
}

.list-group a.active { background-color: rgb(82, 109, 150);}
.font-sm{
    font-size: 0.8rem;
}
.alias {cursor: alias;}

.table a {
    text-decoration: none !important;
    color: #295C94;
}
.table-text{
    font-size: 0.9rem !important;
}
.text-gray-sm {
    color: #747575;
    font-size: 0.7rem;
}
.text-black-sm{
    color: #000000;
    font-size: 0.7rem;
}
.bg-gray-50 {
    background-color: #f7f7f7;
}
.bg-gray-100 {
    background-color: #7475753b;
}
.bg-gray-200{
    background-color: #74757544;
}
.bg-gray-400{
    background-color: #747575ce;
}
.bg-yellow-200{
    background-color: rgba(255, 238, 0, 0.200) !important;
}
.bg-green-200{
    background-color: rgba(0, 253, 84, 0.200) !important;
}
.breadcrumb{
    font-size: small !important;
}
.card .object {
    font-size: 0.8rem;
    font-weight: 400;
    padding: 5px;
}

.col-1-5 {
    flex: 0 0 12.3%;
    max-width: 12.3%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* navigation tabs */
.navbar {
    background-color: #295C94;
    border-color: #114E7C;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 400;
    padding: 0px;
}

.navbar .navbar-nav .nav-link:hover {
    background-color: #114E7C;
    color: #114E7C;
}

.navbar .navbar-nav .nav-link {
    padding: 1em 0.7em;
    color: #ffffff;
    /* font-size: 1.2em; */
    transition: all 0.5s;
}

.navbar .navbar-brand {
    padding: 0 0.6em;
    font-size: 1.5em;
    font-weight: bold;
}

@media only screen and (min-width: 992px) {
    .navbar {
        padding: 0;
    }

    .navbar .navbar-nav .nav-link {
        padding: 1em 0.7em;
    }

    .navbar .navbar-brand {
        padding: 0 0.8em;
    }
}
.app-logo{
    width: 30px;
    color:white !important;
  }
  
  .thumbnail { 
    display:block; 
    z-index:999; 
    cursor: pointer; 
    -webkit-transition-property: all; 
    transition-property: all;
    -webkit-transition-duration: 0.3s; 
    transition-duration: 0.3s; 
    -webkit-transition-timing-function: ease; 
    transition-timing-function: ease; 
    } 
    
    /*change the number below to scale to the appropriate size*/ 
    .thumbnail:hover { 
    transform: scale(4); 
    margin-left: 50px;
  }
  
  .profile_canvas {
    width:600px; 
    height:400px; 
    align-self: center;
  }
  
  .text-underline-hover:hover {
    text-decoration: underline;
  }
  
  .table-sortable th a.sorted-asc:after{content:url(/static/image/btnUp.gif);margin-left:3px;opacity:0.5;}
  .text-underline-hover {
    text-decoration: none;
  }
  
  .table-sortable th a.sorted-desc:after{content:url(/static/image/btnDown.gif);margin-left:3px;opacity:0.5;}
  .text-underline-hover {
    text-decoration: none;
  }
  
  .btn-secondary-outline {
    color: #212529 !important;
    background-color: #fff !important;
    border-color: #dddddd !important;
  }
  .btn-secondary-outline:hover {
    background-color: rgb(189, 187, 187) !important;
  }
  .list-group a.active { background-color: rgb(82, 109, 150);}
  .font-sm{
      font-size: 0.8rem;
  }
  .alias {cursor: alias;}
  
  .table a {
      text-decoration: none !important;
      color: #295C94;
  }
  .table-text{
      font-size: 0.9rem !important;
  }
  .text-gray-sm {
      color: #747575;
      font-size: 0.7rem;
  }
  .text-black-sm{
      color: #000000;
      font-size: 0.7rem;
  }
  .bg-gray-50 {
      background-color: #f7f7f7;
  }
  .bg-gray-100 {
      background-color: #7475753b;
  }
  .bg-gray-200{
      background-color: #74757544;
  }
  .bg-gray-400{
      background-color: #747575ce;
  }
  .breadcrumb{
      font-size: small !important;
  }
  .card .object {
      font-size: 0.8rem;
      font-weight: 400;
      padding: 5px;
  }
  
  .col-1-5 {
      flex: 0 0 12.3%;
      max-width: 12.3%;
      position: relative;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
  }
  
  .dropdown-menu {
    visibility: visible;
    transition-delay: 0.2s;
  }
  .navbar{
    background-color: #295c94;
    color:white !important;
    /* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 0.9rem !important;
    font-weight: 300 !important;
    padding: 0px !important;
  }

  @media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .dropdown-menu{
      display: block;
      transition-delay: 500ms;
    }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }
  /* .nav-link{
    padding: 0px;
  } */
  .loged-in-as:hover {
    color: white;
  }
  
  .bi-g {
    font-size: 1rem;
  }
  .dropdown-menu-end {
    right: 0 !important;
    /* left: 50px; */
  }
  
  
  .navbar .navbar-nav .nav-link:hover {
    background-color: #114E7C;
    color: #ffffff;
    transition: all 0.5s;
  }  
  .selected {
    background-color: #587286;
    color: #ffffff;
    transition: all 0.5s;
  } 
  
  .icon-input-btn {
    display: inline-block;
    position: relative;
  }
  
  .icon-input-btn .bi {
    display: inline-block;
    position: absolute;
  }
  
  ::-webkit-scrollbar{
    display: none !important;
    /* width: 0px !important; */
    /* background: transparent !important; */
  }