.navbar-brand img {
    width: 100px;
}
.box-white {
    width:50%;
    background-color: #ffffff;
    border-radius: 5px;
}

.bg-icon{
    padding: 8px;
    width: 100%;
    border-bottom:1.5px solid #99999959;
    display:flex;
    flex-direction:column;
    align-items: center;
}
.bg-icon.selection{
    background-color: #BBAFE0;
    color:#ffffff;
    border-radius:5px;
    border-bottom:none;
}
.bg-icon:hover {
    background-color: #BBAFE0;
    color:#ffffff;
    border-radius:5px;
    border-bottom:none;
}
.side-icon{
    font-size:12px;
    font-weight:500;
    
}
.off-box{
    background-color: #FFBEBE;
    padding: 5px;
    border-radius: 5px;
}
.justify-content-left{
    justify-content: left;
}

.img-box{
    z-index: 9;
}
@media (min-width:992px) {    
    .vertical-nav {
        position: fixed;
        overflow-x: hidden;
        left: 0;
        width: 5%;
        height: 100%;
        background-color: #ffffff;
        overflow-y: auto;
        padding-top: 30px
      }
  }
  @media (min-width:992px) {    
    .vertical-nav-content {
        position: fixed;
        top: 56px;
        right: 0;
        width: 94%;
        height: 100%;
        background-color: #F9F7FF;
        overflow-x: hidden;
        padding-top: 30px;
        padding-bottom: 200px;
      }
  }
  card-sl {
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-image img {
    height:200px;
    width:255px;
    border-radius: 8px 8px 0px 0;
}

.card-action {
    position: relative;
    float: right;
    margin-top: -17px;
    margin-right: 20px;
    z-index: 2;
    color: #E26D5C;
    background: #fff;
    border-radius: 100%;
    padding: 5px;
    font-size: 15px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
}

.card-action:hover {
    color: #fff;
    background: #FFBEBE;
    -webkit-animation: pulse 1.5s infinite;
}

.card-heading {
    font-size: 15px;
    font-weight: bold;
    background: #fff;
    padding: 10px 15px;
}

.card-text {
    padding: 10px 15px;
    background: #fff;
    font-size: 14px;
    color: #636262;
}

.card-button {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    width: 100%;
    background-color: #1F487E;
    color: #fff;
    border-radius: 0 0 8px 8px;
}

.card-button:hover {
    text-decoration: none;
    background-color: #1D3461;
    color: #fff;

}

.magnify {
    position: absolute;
    top: 55%;
    left: 20px; /* Adjust based on desired positioning */
    transform: translateY(-50%);
    z-index: 2;
}
.slider-icon {
    position: absolute;
    top: 55%;
    right:20px; /* Adjust based on desired positioning */
    transform: translateY(-50%);
    z-index: 2;
    border-left:1px solid grey;
    padding:5px;
}

.position-relative{
    position:relative;
}
/* .close{
    color:#BBAFE0 !important;
    font-size:16px !important;
} */
.close:focus{
    outline:none;
}
.text-close{
    
    font-size: 14px !important;
}
.text-span-close{
    color: rgb(255, 0, 0) !important;
}
.bg-icon:hover svg path {
    stroke: #ffffff; /* Change the SVG stroke color to red on hover */
  }
.modal-footer{
    border-top:none !important;
    justify-content: center !important;
}
.modal-header{
    border-bottom:none !important;
    align-items:center !important;
}
.modal-title{
    font-size:1rem;
}


@-webkit-keyframes pulse {
    0% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    70% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(90, 153, 212, 0);
    }

    100% {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
}
.new-item{
    font-size:14px;
    font-weight:580;
}
 .user-icon{
    background-color: #fff;
    border-radius: 50%;
    width:30px;
    height: 30px;
    padding:4px;
 }
 .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #d0cfcf;
    width: 96%;
    margin: 5px;
  }
  
  .dropdown-menu .dropdown-item.active {
    font-weight: bold; /* Style the selected item */
  }
  .profile-image{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}