.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: .875em;
  color: #dc3545;
}

.info-box-2 {
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  text-align: center;
  min-height: 150px;
}
.login-bg-pattern {
  background-image: url(../images/background.jpg);
  background-repeat: no-repeat;
    /* background-position: center center; */
    /* background-attachment: scroll; */
    background-size: cover;
  
}
#sidebar-menu .menuitem-active>a {
  color: #030C4D;
}

.form-check-input:checked {
  background-color: #030C4D;
  border-color: #030C4D;
}

.btn-custom{
  color: #fff;
  background-color: #030C4D;
  border-color: #030C4D;
}

.btn-custom:hover {
  color: #fff;
  background-color: #030C4D; 
  border-color: #030C4D;
}
.login-box{
  padding-top: 185px;
}

.breadcrumb-item>a {
  color: #030C4D;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #030C4D;
  border-color: #030C4D;
}

.input--file {
  position: relative;
  color: #7f7f7f;
  border-radius: 11px;
  border: 2px dashed #030C4D;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  margin-bottom: 20px;
  flex-direction: column;
}

.input--file input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
}

.select-code {
  /* border-radius: 12px; */
  border: 1px solid #ced4da;
  border-radius: 0.2rem !important;
}

.custom-icon{
  background-color: "none";
  font-size: "1.3rem";
  color: #030C4D;
}

.longtext {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis  
}

/* 
.react-switch {
  vertical-align: middle;
  margin-left: 4px;
} */
/* .action-button {
  background: none;
  border: none;
  padding: 1;
  cursor: pointer;
  font-size: 1.2rem;
}

.action-button:focus {
  outline: none;
} */
.action-button {
  background: none;
  border: none;
  padding: 1;
  cursor: pointer;
  font-size: 1.2rem;
  color: #6c757d; 
  transition: color 0.3s; 
}

.action-button:hover {
  color: #030C4D;
}

.active>.page-link {
  background-color: #030C4D!important;
  border-color: #030C4D!important;
  color: #ffffff;
}

#sidebar-menu>ul>li>a:active, #sidebar-menu>ul>li>a:focus, #sidebar-menu>ul>li>a:hover {
  color: #030C4D;
}

.nav-second-level li a:focus, .nav-second-level li a:hover {
  color: #030C4D;
}

.addButton{
  background-color:#030C4D;
  color: white;
  height: 40px;
  width: 40px;
  margin-left:95%;
  border: none;
  /* position: absolute; */
  cursor: pointer;
  /* border-radius: 50%; */
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a {
  position: relative;
  width: calc(190px + 70px);
  color: #030C4D;
  background-color: #f3f7f9;
  box-shadow: inset 3px 5px 10px 0 rgba(154,161,171,.2);
}

body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul a:hover, body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapsing>ul a:hover {
  color: #030C4D;
}

@media (min-width: 768px) {
  body[data-sidebar-size=condensed]:not([data-layout=compact]) {
      min-height: auto;
  }
}