.container {
    width: 30%;
    margin-top: 9%;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
    padding: 40px;
    background-color: #19436d;
    border-radius: 6px;
}
.custom-bg-image {
  background-image:url(../images/header2.jpg);
  background-repeat: no-repeat;
  background-size: cover; /* This scales the image to cover the entire container */
  background-position: center; /* This centers the image in the container */
}

button.input-group {
    width: 48%;
    font-size: 12px;
}
.text-stroke {
    font-size:20px;
    font-weight:700;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-text-stroke-width: 1px; /* Adjust width as needed */
    -webkit-text-stroke-color: white; /* Choose your stroke color */
    color: black; /* Choose your text fill color */
}
.msg {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #F00;
}

.my-custom-height {
    height: 30px;
    /* or any specific pixel value */
    border-radius: 5px;
    font-size: 12px;
}

.breadcrumb-item a {
    text-decoration-line: none;
}

.display-4 {
    font-weight: bold;
}
.card-header {
    font-weight: bold;
    background-color: #6a90b5;
    color: white;
}
.card-body-icon {
    position: absolute;
    z-index: 0;
    top: 10px;
    right: 10px;
    opacity: 0.4;
    font-size: 80px;
}
.btn{
    background-color: #6a90b5;
}
.btn:hover{
    background-color: #dc9e25;
}


.bg-greenyellow {
    background-color: greenyellow;
}

.bg-blueviolet {
    background-color: blueviolet;
}

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

.bg-aquamarine {
    background-color: aquamarine;
}

.bg-coral {
    background-color: coral;
}

.bg-lightseagreen {
    background-color: lightseagreen;
}

.bg-cadetblue {
    background-color:cadetblue;
}

.bg-darkmagenta {
    background-color:darkmagenta;
}

.bg-darkslateblue {
    background-color:darkslateblue;
}

.bg-deeppink {
    background-color:deeppink;
}

.btn-info {
    background-color: #2ba4f5;
}

.datepicker {
    z-index: 9999 !important;

}

.readonly-select {
    pointer-events: none;
}

.table-rounded {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: none;
    color: #2ba4f5;
}

.disabled-link {
    color: gray;
    cursor: default;
    text-decoration: none;
    pointer-events: none;
    /* Prevents all pointer events */
}

/*
button.nav-link{
    background-color: #2ba4f5;
    color: #000;
}

.form-floating > label {
  color: #0000ff; 
}
*/
@media screen and (max-width: 500px) {
    .container {
        width: 100%;
    }
}