/* Please use this css file for any overriding styles that you want. */

.mx-wrapper {
    margin-bottom: 0;
}

.mx-combobox .mx-combobox-input {
    height: calc(2.85rem + 2px);
}

.mx-autocompletebox .racTokenList {
    min-height: calc(3.25rem + 2px);
    padding: 0.9rem 1rem !important;
}

.mx-datepicker .RadInput_Default input[type="text"] {
    padding: 0.55rem 0.75rem 0.2rem 0.75rem !important;
    height: calc(3.25rem + 2px);
}

.mx-companyname-span {
    font-size: 20px;
}

.rpLink.rpExpandable.rpExpanded,.rpRootGroup{
    background-color:#4a4f60!important;
}
.rpText{
    color:white;
    font-weight: 600;
    text-transform: uppercase;
}
.card{
    min-height:300px!important;
}
.mx-image-account-detail {
    width: 50%;
    height: auto;
}
.mx-image-event {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    padding:20px;
  
}
.mx-image-product {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: ease-in-out .5s;
}
.mx-image-product:hover{
    transform: scale(1.05); 
}

/* card-group and card-deck: number of columns per row */

@media (min-width: 768px) {
    .mx .card-group .card,
    .mx .card-deck .card {
      /* ie */
      flex-basis: calc(33.33333% - 32px);
      /* non ie */
      flex: 0 0 calc(33.33333% - 30px); } }
  
  @media (min-width: 992px) {
    .mx .card-group .card,
    .mx .card-deck .card {
      /* ie */
      flex-basis: calc(25% - 32px);
      /* non ie */
      flex: 0 0 calc(25% - 30px); } }
  
  @media (min-width: 1200px) {
    .mx .card-group .card,
    .mx .card-deck .card {
      /* ie */
      flex-basis: calc(25% - 32px);
      /* non ie */
      flex: 0 0 calc(25% - 30px); } }
  

    div#dnn_ctr1613_PackageCatalog_ctl00_uscFind_lstRecords_pnlItems .card {
        min-height: 610px!important;
      }
      div#dnn_ctr1613_PackageCatalog_ctl00_uscFind_lstRecords_pnlItems .card-body {
        min-height: 228px!important;
      }