/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
  height: 100%;
  overflow-x: hidden;
}

.full-page-intro {
  background-image: url('../images/hero_white.png');
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 776px) {
  .full-page-intro {
    background-image: url('../images/background.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 1000px;
  }
}

.login-page {
  background-image: url('../images/background.png');
  background-repeat: no-repeat;
  background-size: cover;
}

/* Half Page Carousel itself*/
.carousel {
  height: 50%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
  .carousel {
    height: 100%; } }

/* Navbar animation */
.navbar {
  background-color: white; }

.top-nav-collapse {
  background-color: white; }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: white; } }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #526789; }

.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
  color: #526789;
}
.btn-primary, .btn-primary:not([disabled]):not(.disabled):active {
  background-color: #f68b1e !important;
  color: white !important;
}

.bg-primary {
  background-color: #f68b1e !important;
  color: white !important;
}

.bg-secondary {
  background-color: #526789 !important;
  color: white !important;
}

.btn-secondary, .btn-secondary:not([disabled]):not(.disabled):active {
  background-color: #526789 !important;
  color: white !important;
}

.customer {
  background-color: #526789;
}

a {
  color: #526789 !important;
}

.indigo-text {
  color: #526789 !important;
}

.text-underline {
  text-decoration: underline;
}

.height-30 {
  height: 30px;
}

.height-15 {
  height: 30px;
}

.alert-danger {
  color: #ffffff !important;
  background-color: #ff4444 !important;
  border: none !important;
}

.alert-info {
  color: #ffffff !important;
  background-color: #33b5e5 !important;
  border: none !important;
}

.alert-warning {
  color: #ffffff !important;
  background-color: #ffbb33 !important;
  border: none !important;
}

.alert-success {
  color: #ffffff !important;
  background-color: #00C851 !important;
  border: none !important;
}

.form-control-disabled {
  background-color: #F5F5F5 !important;
}

small {
  color: #999999;
  font-style: italic;
}

.circle-inactive {
  background-color: #999999 !important;
}

ul.stepper {
  padding: 0;
  margin: 0;
}

.breadcrumb {
  background-color: transparent !important;
}

.text-select {
  color: #757575;
  font-weight: 300;
}

.textarea-custom {
  width: 100%;
  height: 600px;
  color: white;
  background-color: black;
  border: 1px solid black;
}

.text-gray {
  color: #999999 !important;
}

.section-top {
  margin-top: 120px;
}

.demo-height {
  height: 550px;
}

.herobanner {
  margin-top: 70px !important;
}

.cta {
  background-color: #F8F8F8;
  padding-top: 5px;
  padding-bottom: 5px;
}

.btn-danger {
  background-color: #E23442 !important;
}

.text-danger {
  color: #E23442 !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff !important;
  font-weight: bold;
  background-color: #E23442;
}

.nav-link {
  color: #999999;
  font-weight: bold;
}

.text-blue {
  color: #4169E1 !important;
}

.probsttmnt {
  background-color: #4169E1 !important;
  padding: 10px !important;
}

a {
  color: #757575 !important;
}