.sp_data > ol, .sp_data ol li, .sp_data > ul, .sp_data ul li { list-style: auto !important; list-style-type: auto !important; }
.common-button-small-green { padding: 3px 6px 0px !important; background-color: #009140; border: 1px solid #009140; }
.common-button-small-red { padding: 3px 6px 0px !important; background-color: #AF0000; border: 1px solid #AF0000; }
.common-button-small-green:hover { border: 1px solid #009140; } 
.common-button-small-red:hover { border: 1px solid #AF0000; }
.common-button:disabled { opacity: 0.6; cursor: not-allowed; pointer-events: none; }
.swiper-button-next, .swiper-button-prev { z-index: 8; }
img { object-fit: cover; } .ht30 { height: 30px !important; }
option:disabled { color: white !important; background-color: red !important; }
.reqbdr { border: 1px solid red !important;  }
.dbdr { border: 1px solid #ced4da !important;  }
.dbdr_none { border: none !important;  } 
.white { color: #FFFFFF !important; }
.green { color: #009140 !important; }
.red { color: #AF0000 !important; }
.redbg { background-color: #AF0000 !important;  }
body { font-family: 'Open Sans', sans-serif !important; }
.modal-body { padding: .50rem !important; }
.modal-header { padding: 0.5rem 0.5rem !important; }
.displaynone { display: none; }
.img227 { height: 227px !important; }
header .top-bar { padding: 1px 0px !important; }
header .top-bar .site-option li a.dropdown-item  { color:#000 !important; line-height: 2;  } 
.carousel-control-next-icon, .carousel-control-prev-icon { width: 50px; height: 50px; color: #000 !important; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #fff !important; }
.mega_menu_bdr { border: 1px solid #eee; border-top: 0px solid #eee;  }
.blog-grid-vertical .blog-block .blog-caption { gap: 10px !important; }
.prod_title { white-space: break-spaces; overflow: hidden; text-overflow: ellipsis; width: 100%; line-height: 1.5 !important; min-height: 90px !important; }
.mmheight600 { max-height: 600px !important; min-height: 600px !important; }
.ptpb70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.pagination .page-link { color: #000 !important; }
.pagination .active>.page-link, .page-link.active, .pagination .page-link:hover { background-color: #24BFD7 !important; color: #fff !important; border-color: #24BFD7 !important; }
.fubble-card-title { background-color: #24BFD7; color: #fff !important; }
.bdrfbl, .list-group-item { border-color: #24BFD7 !important;  }
.resize-none { resize: none; min-height: 200px !important; }
.resize-none-100 { resize: none; min-height: 100px !important; } 
.bi::before, [class*=" bi-"]::before, [class^=bi-]::before { vertical-align: .125em; }
.bdr_left { border-left: 1px #e5e5e5 solid; }
.bdr_right { border-right: 1px #e5e5e5 solid; }
.colone-half { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 12.33333%; } 
.colfour-half { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 37.49999%; } 
.colseven-half { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 62.66666%; }
/* Spiner css */
#loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white */
    z-index: 9999; /* Ensure it's on top */
    display: flex; /* For centering the spinner */
    justify-content: center;
    align-items: center;
    /* Add transition for smooth hiding */
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
#loader-overlay.hidden {
    opacity: 0;
    visibility: hidden;
}
.spinner {
    /* CSS for your spinner animation */
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
    
/* table list view  */
.tblist { width:100%; }
.tblist th { background: #f0f6fa; font-size: 13px; font-weight: 600;color: #666; border: 1px solid #e5eff6; padding:.25rem .50rem; }
.tblist td { background: #fcfcfc;padding: .50rem; line-height: 20px;vertical-align: middle;border: 1px solid #e5eff6;  }
.tblist td:first-child { border-left-width: 1px !important; }
.tblist td:last-child { border-right-width: 1px !important; }