@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,900&family=Roboto:wght@300;400;500;700;900&display=swap');


body {
    font-family: Roboto,Montserratx, Ralewayx, 'Work Sansx', Poppinsx !important;
    font-size: 1.1rem !important;
}

a,h1,h2,h3,h4,h5,h6{
    font-family: Robotox, Montserratx, Ralewayx, 'Work Sansx', Poppins !important;
    color: #2e3543;
font-weight: 700;
line-height: 1.2;   
}
/*
.navbar-brand .brand-logo{
  width: 9px !important;
}
.navbar-brand .brand-logo-mini{
  width: 90px !important;
}*/

.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img {
    /*width: calc(257px - 150px);*/
    height: 20px;
    width: 100px;
    max-width: 100%;
    margin: auto;
    vertical-align: middle;
    
}


.scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;

  .card {
    flex: 0 0 auto;
  }
}

/*.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #b9d0f8;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(69, 130, 236, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(69, 130, 236, 0.25);
}*/

/*
.form-control {
    color: #495057;
    background-color: #fff;
    border-color: #b9d0f8;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(69, 130, 236, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(69, 130, 236, 0.25);
}*/

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #f4d0b9;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(69, 130, 236, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(69, 130, 236, 0.25);
}

input, select, textarea{
    border-color: lightgray !important;
    border-radius: .1rem !important;
}

select {
    color: black !important;
    
}

textarea{
    resize: vertical !important;
}


.border-left-primary {
    border-left: .25rem solid #4e73df !important;
}

.border-left-success {
    border-left: .25rem solid #1cc88a !important;
}

.border-left-warning {
    border-left: .25rem solid #f6c23e !important;
}

.border-left-info {
    border-left: .25rem solid #36b9cc !important;
}



input, select, optgroup {
    height: 2rem !important;
    /*margin-bottom: 0 !important;*/
}

.form-group{
    margin-bottom: 0 !important;
}




.dataTables_wrapper .dataTable tbody tr td {
    border: 1px solid rgba(151, 151, 151, 0.18);
    color: #08113b;
    white-space: unset;
    font-weight: 300;
    padding: 1.1rem 0.9375rem;
}


/*
.template-demo > h2, .template-demo > h3, .template-demo > h4, .template-demo > h5, .template-demo > h6, .template-demo > h1 {
    border-top: 1px solid #f3f3f3;
    padding: 0.5rem 0 0;
}*/

hr {
    border-top: 1px solid #f3f3f3;
    padding: 0.5rem 0 0;
}


body{
    /*color: #656d75 !important;*/
    color: #54595e !important;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    bottom: 3rem;
    z-index: 10;
  }
  
  /* Declare heights because of positioning of img element */
  .carousel-item {
    height: 32rem;
  }
  .carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 32rem;
  }
  
  
  /* MARKETING CONTENT
  -------------------------------------------------- */
  
  /* Center align the text within the three columns below the carousel */
  .marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  .marketing h2 {
    font-weight: 400;
  }
  .marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
  }
  
  
  /* Featurettes
  ------------------------- */
  
  .featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }
  
  /* Thin out the marketing headings */
  .featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
  }
  
  
  /* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
  
    .featurette-heading {
      font-size: 50px;
    }
  }
  
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
  }