.bg-gray{
    background-color:#edf0f5;
}
.btn-xs{
    --bs-btn-padding-y: .25rem; 
    --bs-btn-padding-x: .5rem; 
    --bs-btn-font-size: .75rem;
}
.semi-display-image{
    filter:brightness(0.1);
    opacity: 0.75;
}
.ui-datepicker {
    width: 100%;
}
.ui-datepicker td span,
.ui-datepicker td a {
    text-align: center;
    padding: 10px 0px;
}
/* bulma effect */
:root{
    --bulma-primary: hsl(171, 100%, 41%);
    --bulma-primary-low: hsl(173, 55%, 33%);
    --bulma-purple: hsl(271, 100%, 71%);
}
.is-primary{
    background-color: var(--bulma-primary);
}
.is-primary-low{
    background-color: var(--bulma-primary-low);
}
.is-purple{
    background-color: var(--bulma-purple);
}
.select2-container .select2-selection--single 
{
    height:40px !important;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    width: 100%;
}

.my_green1{
background-color: rgb(105, 231, 105);
}


/* css for Index page */

.carImgHeight{
    height: 300px;
}

@media screen and (min-width: 1024px) {
    .carImgHeight{
    height: 500px;
}
}
.image-hover{
    padding: 25px;
    transition: transform .3s;
}

.image-hover:hover{
    transform: scale(1.1)
}

.formstyle{
    box-shadow: 1px 1px 1px #ADD8E6;
    border-radius:20px; 
    min-height: 400px;
    /* background: url('leaf-bg.png'); */
    background-repeat: no-repeat;
}
.card-contact{
/* border: 1px solid gray; */
box-shadow: 0px 0px 10px #ADD8E6;
text-align: center;
padding: 15px;
width: 250px;
position: relative;
}

.contact-ii{
height: 65px;
width: 65px;
border-radius: 50%;
font-size: 35px;
text-align: center;
color: hsl(215.78deg 98.24% 55.49%);
background-color: white;
box-shadow: 0px 0px 10px #ADD8E6;
padding-top: 20px;
}

.card-contact .contact-i{
height: 65px;
width: 65px;
border-radius: 50%;
font-size: 35px;
text-align: center;
color: hsl(215.78deg 98.24% 55.49%);
/* background-color: #3d0b0b; */
box-shadow: 0px 0px 10px #ADD8E6;
padding-top: 20px;
top: -32px;
position: absolute;
z-index: 2;
left: 50%;
transform: translateX(-50%);
}


.card-contact-inner{
background-color: hsl(215.78deg 98.24% 55.49%);
color: white;
height: 70px;
padding-top: 15px;
border-radius: 10px 0px 10px 0px;
}

/* end css for Index page */



.table-top-fixed-1{
    position: sticky !important;
    /* position: -webkit-sticky; */
    top: 0;
    z-index:10   
}

table tr:hover{
    background-color: rgb(237, 244, 237);
}

.custom-file-upload{
    position: absolute;
    right: 50px;
    bottom: 20px;
}

 /* CSS for small screens (max-width: 600px) */
@media (max-width: 600px) {
  .show-on-small-screen {
    display: block;
  }
  .show-on-medium-screen {
    display: none;
  }
}

/* CSS for medium and larger screens (min-width: 600px) */
@media (min-width: 600px) {
  .show-on-small-screen {
    display: none;
  }
  .show-on-medium-screen {
    display: block;
  }
}