/* @import './poppins-font.css'; */

/* body:not(.material-icons-outlined,.material-symbols-outlined), *:not(.material-icons-outlined,.material-symbols-outlined) {
    font-family: 'Poppins-Regular';
    letter-spacing: normal !important;
} */
.color-primary {
    color: #E60000 !important;
}

.color-black {
    color: #3C3C3C !important;
}
.bg-black{
    background-color: black !important;
}
.color-green {
    color: #009F10 !important;
}
.bg-color-dark-red{
    background-color: #AA1B17 !important;
}

.bg-color-light-red{
    background-color: #FFF5F5;
}

.bg-color-spot-red{
    background-color: #fdeded;
}
.bg-color-amber{
    background-color: #FFBF00;
}


.bg-color-red {
    background-color: #ebebeb !important;
}

.bg-color-light-green {
    background-color: #F5FCFE !important;
}
.bg-color-primary{
    /* background-color: #205D75 !important; */
    background: #E60000 0% 0% no-repeat padding-box !important;
}

.text-color-primary {
    color: #E60000 !important;
}
.text-color-secondary{
    color: #FCB416;
}
.bg-color-secondary{
    background-color: #FCB416;
}
.text-color-dark-red{
    color: #831D18 !important;
}
.text-gray{
    color: #707070 !important;
}
.text-color-light-red{
    color: #AB1F08;
}

.my-custom-popup-class {
    z-index: 9999; /* Adjust the z-index value as needed */
}

.btn-bg-color {
    background-color: #E60000 !important;
}
.no-select {
    user-select: none; /* Prevents text selection */
    -webkit-user-select: none; /* For Safari */
    -moz-user-select: none; /* For Firefox */
    -ms-user-select: none; /* For older versions of Internet Explorer */
  }
  .bg-gray-100{
    background-color: #00000014 !important;
  }

  
  .bg-gray-200{
    background-color: #70707033 !important;
  }
  
  .bg-gray-300{
    background-color: #CBCBCB91 !important;
  }
  
  .bg-gray-400{
    background-color: #00000029 !important;
  }
  
  .bg-gray-500{
    background-color: #CCCCCC !important;
  }
  
  .bg-gray-600{
    background-color: #707070 !important;
  }
.text-muted{
    color: #707070 !important;
}
.bg-gradient-primary {
    background: transparent linear-gradient(180deg, #8D1706 0%, #B52019 100%) 0% 0% no-repeat padding-box !important;
}

.btn.bg-gradient-secondary {
    background: transparent linear-gradient(270deg, #6C6C6C 0%, #444444 100%) 0% 0% no-repeat padding-box !important;
}

.table {
    font-size: 14px !important;
}

.upload-btn button{
    border: 2px dashed #F92B34 !important;
}
.upload-btn >button:hover{
    background-color: whitesmoke !important;
}

::ng-deep .ng-dropdown-panel .scroll-host{
    max-height: 130px !important;
}
.text-off-white{
    color: rgb(206, 205, 205) !important;
}

/* Style for the entire scrollbar (applies to vertical and horizontal scrollbars) */
@media (min-width: 1025px) {
::-webkit-scrollbar {
    width: 10px; /* Width of vertical scrollbar */
    height: 10px; /* Height of horizontal scrollbar */
  }
  
  /* Style for the scrollbar track (the background part of the scrollbar) */
  ::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Light gray background */
    border-radius: 10px; /* Rounded corners for track */
  }
  
  /* Style for the draggable thumb */
  ::-webkit-scrollbar-thumb {
    background-color: #888; /* Darker gray color */
    border-radius: 10px; /* Rounded corners for thumb */
    border: 3px solid transparent; /* Adds some space around the thumb */
    background-clip: padding-box; /* Ensures the thumb stays within the track */
  }
  
  /* Hover effect on the thumb */
  ::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Darken thumb on hover */
  }
  
  /* Optional: Style the scrollbar corners (if present) */
  ::-webkit-scrollbar-corner {
    background-color: #f1f1f1;
  }
}
/* font sizes */

/* .text-xs {
    font-size: 12px !important;
}


.text-sm {
    font-size: 14px !important;
}


.text-md {
    font-size: 16px !important;
}


.text-lg {
    font-size: 18px !important;
}


.text-xl {
    font-size: 20px !important;
}

.text-2xl {
    font-size: 22px !important;
}


.text-3xl {
    font-size: 24px !important;
} */

.custom-card-danger {
    
    background: var(--pure-white) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 2px 25px #0000001A;
    border-radius: 15px;

    .card-header {
        background: #AB1F08 0% 0% no-repeat padding-box !important;
        box-shadow: 0px 3px 6px #00000033 !important;
        border: 2px solid #DA5757 !important;
        opacity: 1 !important;
    }
}