/***** Bootstrap overrides and resets *****/
.card-img-overlay-custom{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
}

/***** Styles to create footer that can be pushed down *****/
html, body{
  margin:0;
  padding:0;
  height:100%;
}

.reset-a, .reset-a:hover, .reset-a:visited, .reset-a:focus, .reset-a:active  {
  text-decoration: none;
  color: inherit;
  outline: 0;
  cursor: pointer;
}

.body{
  padding:10px;
  padding-bottom:60px;
}
.wrapper {
  min-height:100%;
  margin-bottom: -60px; /* Minus the height of footer*/
}
.push {
  height:60px;   /* Height of the footer */
}
.footer {
  height:60px;   /* Height of the footer */
  background:#676767;
  text-align: center;
  justify-content: center;
  align-items:center;
  display:flex;
}

/***** Rounded objects/images *****/
.round-img-sm{
  display: block;
  width: 110px;
  border-radius: 50%;
}

.round-img-md{
  width: 250px;
  border-radius: 50%;
}

.round-img-lg{
  width: 400px;
  border-radius: 50%;
}

/***** Border Styles *****/

.b-1{
	border: 1px solid black;
}

.b-top-1{
	border-top: 1px solid black;
}

.b-bottom-1{
	border-bottom: 1px solid black;
}

.b-left-1{
	border-left: 1px solid black;
}

.b-right-1{
	border-right: 1px solid black;
}

/***** Navigatior Bar related customizations - Require Bootstrap *****/

@media (min-width: 992px){
  
  .dropdown-menu .dropdown-toggle:after{
    border-top: .3em solid transparent;
      border-right: 0;
      border-bottom: .3em solid transparent;
      border-left: .3em solid;
  }

  .dropdown-menu .dropdown-menu{
    margin-left:0; margin-right: 0;
  }

  .dropdown-menu li{
    position: relative;
  }
  .nav-item .submenu{ 
    display: none;
    position: absolute;
    left:100%; top:-7px;
  }
  .nav-item .submenu-left{ 
    right:100%; left:auto;
  }

  .dropdown-menu > li:hover{ 
    background-color: #f1f1f1 
  }
  .dropdown-menu > li:hover > .submenu{
    display: block;
  }
}

/***** Sidebar Related Styles *****/

.sidebar {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 10px 0 0; /* Top padding of navbar */
  box-shadow: -1px -1px 15px rgba(0, 0, 0, .5);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 400;
  font-size: .85rem;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .80rem;
  text-transform: uppercase;
}

/***** Shadow Styles *****/
.sh-1 {
    box-shadow:
      1px 1px 1px rgba(0, 0, 0, 0.15),
      2px 2px 2px rgba(0, 0, 0, 0.15),
      4px 4px 4px rgba(0, 0, 0, 0.15),
      8px 8px 8px rgba(0, 0, 0, 0.15);
  }

  .sh-2 {
    box-shadow:
      1px 1px 1px rgba(0, 0, 0, 0.12),
      2px 2px 2px rgba(0, 0, 0, 0.12),
      4px 4px 4px rgba(0, 0, 0, 0.12),
      8px 8px 8px rgba(0, 0, 0, 0.12),
      16px 16px 16px rgba(0, 0, 0, 0.12);
  }

  .sh-3 {
    box-shadow:
      1px 1px 1px rgba(0, 0, 0, 0.11),
      2px 2px 2px rgba(0, 0, 0, 0.11),
      4px 4px 4px rgba(0, 0, 0, 0.11),
      8px 8px 8px rgba(0, 0, 0, 0.11),
      16px 16px 16px rgba(0, 0, 0, 0.11),
      32px 32px 32px rgba(0, 0, 0, 0.11);
  }

  .sh-soft-1 {
    box-shadow:
      1px 1px 2px rgba(0, 0, 0, 0.07),
      2px 2px 4px rgba(0, 0, 0, 0.07),
      4px 4px 8px rgba(0, 0, 0, 0.07),
      8px 8px 16px rgba(0, 0, 0, 0.07),
      16px 16px 32px rgba(0, 0, 0, 0.07);
  }

  .sh-soft-2 {
    box-shadow:
      1px 1px 2px rgba(0, 0, 0, 0.07),
      2px 2px 4px rgba(0, 0, 0, 0.07),
      4px 4px 8px rgba(0, 0, 0, 0.07),
      8px 8px 16px rgba(0, 0, 0, 0.07),
      16px 16px 32px rgba(0, 0, 0, 0.07),
      32px 32px 64px rgba(0, 0, 0, 0.07);
  }

  .sh-soft-3 {
    box-shadow:
      1px 1px 2px rgba(0, 0, 0, 0.07),
      2px 2px 4px rgba(0, 0, 0, 0.07),
      4px 4px 8px rgba(0, 0, 0, 0.07),
      8px 8px 16px rgba(0, 0, 0, 0.07),
      16px 16px 32px rgba(0, 0, 0, 0.07),
      32px 32px 64px rgba(0, 0, 0, 0.07),
      64px 64px 96px rgba(0, 0, 0, 0.07);
  }
  
/* Themes and Visual Styles */

/* Opacity */

.opacity-1{
  opacity: 0.10;
}
.opacity-2{
  opacity: 0.20;
}
.opacity-3{
  opacity: 0.30;
}
.opacity-4{
  opacity: 0.40;
}
.opacity-5{
  opacity: 0.50;
}
.opacity-6{
  opacity: 0.60;
}
.opacity-7{
  opacity: 0.70;
}
.opacity-8{
  opacity: 0.80;
}
.opacity-9{
  opacity: 0.90;
}
.opacity-10{
  opacity: 1.00;
}

/* Basic colors */

.bg-white{
  background-color:#F0F0F0 !important;
}
.bg-blue{
  background-color:#243366 !important;
}
.bg-green{
  background-color:#2B5440 !important;
}
.bg-charcoal{
  background-color:#2E2E2E !important;
}
.bg-purple{
  background-color:#3C2F4F !important;
}
.bg-orange{
  background-color:#9C6500 !important;
}
.bg-red{
  background-color:#910707 !important;
}
.bg-cyan{
  background-color:#046E6E !important;
}
.bg-khaki{
  background-color:#6D6E45 !important;
}
.bg-lightgray{
  background-color: #D0D0D0 !important;
}
.bg-gray{
  background-color: #A0A0A0 !important;
}
.bg-darkgray{
  background-color: #707070 !important;
}

.basic-blue{
  color: #206EC7 !important;
}  
.basic-green{
  color: #549050 !important;
}  
.basic-charcoal{
  color: #5E5E5E !important;
}  
.basic-purple{
  color: #6A518F !important;
}  
.basic-orange{
  color: #C28513 !important;
}  
.basic-red{
  color: #CC4343 !important;
}  
.basic-cyan{
  color: #098F8F !important;
}  
.basic-khaki{
  color: #93945A !important;
}  
.basic-white{
  color: #FFFFFF !important;
}
.basic-lightgray{
  color: #D0D0D0 !important;
}
.basic-gray{
  color: #A0A0A0 !important;
}
.basic-darkgray{
  color: #707070 !important;
}

.bg-grad-aqua{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 45%, rgba(0,212,255,1) 100%);     
}
.bg-grad-tropical{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,121,22,1) 45%, rgba(0,212,255,1) 100%);     
}
.bg-grad-fire{
  background: rgb(36,0,0);
  background: linear-gradient(90deg, rgba(36,0,0,1) 0%, rgba(202,37,37,1) 45%, rgba(255,244,2,1) 100%);     
}
.bg-grad-lavender{
  background: rgb(10,10,116);
  background: linear-gradient(90deg, rgba(10,10,116,1) 0%, rgba(59,53,177,1) 45%, rgba(158,30,255,1) 100%);     
}
.head-blue{
  color: #206EC7
}  
.head-green{
  color: #549050
}  
.head-charcoal{
  color: #5E5E5E
}  
.head-purple{
  color: #6A518F
}  
.head-orange{
  color: #C28513
}  
.head-red{
  color: #CC4343
}  
.head-cyan{
  color: #098F8F
}  
.head-khaki{
  color: #93945A
}  

.label-dark-small{
  font-weight: 400;
  font-size: .75rem;
  color: #000000;
}
.label-light-small{
  font-weight: 400;
  font-size: .75rem;
  color: #FFFFFF;
}
.label-dark-medium{
  font-weight: 500;
  font-size: .95rem;
  color: #000000;
}
.label-light-medium{
  font-weight: 500;
  font-size: .95rem;
  color: #FFFFFF;
}
.label-dark-large{
  font-weight: 600;
  font-size: 1.05rem;
  color: #000000;
}
.label-light-large{
  font-weight: 600;
  font-size: 1.05rem;
  color: #FFFFFF;
}

.thead-custom{
  background-color:#001421;
  color:#FFFFFF
}
.title-custom{
  background-color:#002E4D;
  color:#FFFFFF
}

/* Navbar Theme - Aqua */

.navbar-aqua{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 45%, rgba(0,212,255,1) 100%);     
}

/* Brand and Text color */
.navbar-aqua .navbar-brand,
.navbar-aqua .navbar-text {
    color: rgba(255,255,255,.8);
}

/* Link color */
.navbar-aqua .navbar-nav .nav-link {
    color: rgba(255,255,255,.7);
}

/* Active or Hovered link colors */
.navbar-aqua .nav-item.active .nav-link,
.navbar-aqua .nav-item:hover .nav-link {
    color: #ffffff;
}

/* Dropdown link hover colors */
.navbar-aqua .dropdown-menu li a:hover{
  color: #ffffff;
  background-color: rgba(0,212,255,1);
}

/* Navbar Theme - Tropical */

.navbar-tropical{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,121,22,1) 45%, rgba(0,212,255,1) 100%);     
}

/* Brand and Text color */
.navbar-tropical .navbar-brand,
.navbar-tropical .navbar-text {
    color: rgba(255,255,255,.8);
}

/* Link color */
.navbar-tropical .navbar-nav .nav-link {
    color: rgba(255,255,255,.7);
}

/* Active or Hovered link colors */
.navbar-tropical .nav-item.active .nav-link,
.navbar-tropical .nav-item:hover .nav-link {
    color: #ffffff;
}

/* Dropdown link hover colors */
.navbar-tropical .dropdown-menu a:hover{
  color: #ffffff;
  background-color: rgba(18,186,110,1);
}