@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

   html,
   body {
       font-weight: 400 !important;
       font-family: 'Fira Sans', sans-serif !important;
       background: #f2f8fb !important;
       font-size: 15px !important;
       /* background: #e9ecef !important; */
   }


   p,
   .label,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: 'Fira Sans', sans-serif !important;
   }

   .button {
       background: transparent none;
       color: #000;
       font-weight: 400;
       text-transform: none;
       text-shadow: none !important;
       box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset;
   }






   .bd {

       background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://salamahosting.com/static/frontend/images/leto.jpg') !important;
       background-repeat: no-repeat;
       background-position: top center;
       background-size: cover;
       border: none !important;
   }


   .daterangepicker .ranges li.active,
   .daterangepicker td.active {
       background-color: #ec6473;
       color: #fff;
   }

   .row-deck>.col,
   .row-deck>[class*="col-"] {
       display: flex;
   }

   .desaturate {
       filter: grayscale(0%);
       transition: .2s ease-in;
   }

   .desaturate:hover {
       filter: grayscale(100%);
   }

   .zoom {
       transition: transform .2s;
       /* Animation */
   }

   .card:hover {
       -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16) !important;
       box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16) !important;
   }

   .card {
       border-radius: 0px !important;
       border: none;
       margin-bottom: 30px;


   }

   .card:not(.card-group .card) {
       border: 1px solid rgba(91, 105, 135, .22);
       box-shadow: none;
   }

   .bg-grey {
       background-color: #dbdee5 !important;
   }

   .card:not(.card-group .card)>card-header .bg-dark {
       border: 1px solid #343a40 !important;
       box-shadow: none;
   }

   .card-group>.card:not(:nth-child()) {
       border: 1px solid #000;
   }

   .card-header {
       border-bottom: 1px solid #dbdee5;
   }

   .card-header {
       padding: .85rem 1.5rem;
       margin-bottom: 0;
       background-color: #dbdee526;
   }