#dataTable .bread-actions .btn,
.actions a.btn {
  margin-left: 5px;
  border-radius: 10px;
}

.logo-login img {
  max-width: 150px;
  margin: 0 auto;
}

/* Cutom Company Proposal */
.card-title-cp {
  color: #696969 !important;
  margin: 20px 0 !important;
}

.form-label-cp {
  color: #696969 !important;
  font-weight: 400;
}

.form-control {
  border-radius: 10px;
  border: 1px solid #696969;
}

.box-cp {
  display: flex;
  justify-content: center;
  margin: 15px 20rem;
}

.box-info-cp {
  background-color: #a4a7aa;
  color: white;
  padding: 30px 25px;
  margin: 25px 0;
}

.box-info-cp .title {
  color: red;
}

.btn-cp {
  width: 100%;
  margin: 10px;
  font-size: 15px;
  border-radius: 20px;
  padding: 10px 60px;
}

.btn:hover {
  color: white;
  text-decoration: none;
}

.form-check-label-cp {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}

@media (max-width: 540px) {
  .box-cp {
    display: block;
    margin: 5px 0;
  }
  .btn-cp {
    margin: 5px 0;
  }
}

.form-control {
  border: 1px solid #eaeaea;
  border-radius: 0 !important;
}

.form-relaxed {
  margin: 5px 5px;
  padding: 20px 30px;
}

@media (min-width: 540px) {
  .invisible-md {
    display: none;
  }
}

.app-container.expanded .content-container .side-menu {
  background-image: linear-gradient(
    to top,
    #e0e7ee,
    #e3ebf1,
    #e6eff5,
    #e9f3f8,
    #ecf7fb,
    #eff9fc,
    #f2fafe,
    #f5fcff,
    #f8fcff,
    #fbfdff,
    #fefeff,
    #ffffff
  ) !important;
}

.side-menu .navbar-nav {
  background-image: linear-gradient(
    to top,
    #e0e7ee,
    #e3ebf1,
    #e6eff5,
    #e9f3f8,
    #ecf7fb,
    #eff9fc,
    #f2fafe,
    #f5fcff,
    #f8fcff,
    #fbfdff,
    #fefeff,
    #ffffff
  );
}

ul.nav.navbar-nav > li.active {
  background-color: #c59a49 !important;
}

ul.nav.navbar-nav > li.active > a > * {
  color: white !important;
}

ul.nav.navbar-nav > li.active > a > div > span {
  color: white !important;
}

.app-container .content-container .side-menu .navbar-nav li.dropdown ul li a {
  margin-left: 0 !important;
}

.required:after {
  content: ' *';
  color: red;
}

.bs-stepper-circle {
  outline: #6c757d solid 2px;
  color: #6c757d;
  background: white;
}

.completed .bs-stepper-circle {
  outline: #007bff solid 2px;
  color: #007bff;
}

button.step-trigger.btn:hover {
  color: #7e8388;
}

.active .bs-stepper-circle {
  outline: none;
  color: white;
}

.bs-stepper-circle.passed {
  outline: none;
  color: white;
  background-color: #3be359;
}

.bs-stepper-circle.not-passed {
  outline: none;
  color: white;
  background-color: #dc3545;
}

.active .bs-stepper-circle.not-passed {
  background-color: #007bff;
}

.active .bs-stepper-circle.passed {
  background-color: #007bff;
}

.step.active {
  border: solid 2px #007bff;
  border-radius: 30px;
}

.navbar .dropdown.profile .dropdown-menu.absolute-menu {
  z-index: 10;
  bottom: auto;
  left: auto;
  right: 0;
  top: auto;
  position: absolute !important;
}

.notification-menu {
  width: 350px !important;
  overflow-y: scroll;
  max-height: 80vh;
}

.widget {
  border-radius: 10px;
  /*padding: 20px;*/
  /*margin-bottom: 20px;*/
}

.widget-header {
  color: white;
  font-size: 12px;
  font-weight: 800;
  padding: 10px 20px;
}

.widget-body {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  padding: 10px 20px;
}

.widget-text {
  font-size: 26px;
  font-weight: 800;
  color: #696969;
}

.card-label {
  font-weight: bold;
  color: #e4680a;
}

.card-title {
  font-weight: bold;
  text-transform: capitalize;
  margin-top: 15px;
  margin-bottom: 15px;
  color: black;
}

.card-text {
  margin-top: 15px;
}

.card-footer {
  background-image: url('/images/logo.png');
}

.card-footer > label {
  color: black;
  font-weight: bold;
  font-size: 13px;
}

.notification-badge {
  position: absolute;
  top: 38px;
  left: 34px;
  display: inline-block;
  padding: 0 4px;
  min-width: 8px;
  max-width: 18px;
  height: 16px;
  border-radius: 22px;
  text-align: center;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  background-color: #dd2828;
  color: #fff;
}

.pending-application-notification {
  position: absolute;
  top: 24px;
  left: 34px;
  display: inline-block;
  padding: 0 4px;
  min-width: 8px;
  max-width: 18px;
  height: 16px;
  border-radius: 22px;
  text-align: center;
  font-family: 'Roboto', 'Arial', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  background-color: #dd2828;
  color: #fff;
}

.badge {
  font-weight: 500;
}

.bg-gray {
  background-color: #808080;
}

.bg-gold {
  background-color: #ffd700;
}

.bg-royal-blue {
  background-color: #4169e1;
}

.bg-red {
  background-color: #ff0000;
}

.bg-green {
  background-color: #008000;
}

.bg-orange {
  background-color: #ffa500;
}

.bg-yellow-gray {
  background-color: #e5d087;
}

.bg-dark-turquoise {
  background-color: #00ced1;
}

.text-black {
  color: #101010;
}
a.removeRow {
  text-decoration: none;
  cursor: pointer;
  color: #dd2828;
}

.dataTable thead th {
  white-space: nowrap;
}

.mt-1 {
  margin-top: 0.375rem;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #eaeaea;
  border-radius: 0 !important;
  height: 100%;
  width: 100%;
}

.select2-container--open .select2-dropdown--above {
  border: 1px solid #eaeaea;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #eaeaea;
}

.tb-borderless > tbody > tr > td,
.tb-borderless > tbody > tr > th,
.tb-borderless > tfoot > tr > td,
.tb-borderless > tfoot > tr > th,
.tb-borderless > thead > tr > td,
.tb-borderless > thead > tr > th {
  border: none;
}

.dataTable thead th {
    white-space: nowrap;
}

.mt-1 {
    margin-top: 0.375rem;
}