﻿.mdc-card {    
    /*height: 370px;*/
    /*width: 470px;*/
}
.card__primary {
    padding: 1rem;
}

/** 
 * Styles for error alerts
 */
.a-alert-error {
    border-color: #CC0C39;
}

.text-error {
    color: #CC0C39 !important;
}

.a-alert-error .a-alert-container .a-icon.a-icon-alert {
    background-position: -452px -423px;
}

/** 
 * Styles for info alerts
 */
.a-alert-info {
    border-color: #1196AB;
}

.text-info {
    color: #1196AB !important;
}

.a-alert-info .a-alert-container .a-icon.a-icon-alert {
    background-position: -258px -355px;
}

/** 
 * Styles for success alerts
 */
.a-alert-success {
    border-color: #067D62;
}

.text-success {
    color: #067D62 !important;
}

.a-alert-success .a-alert-container .a-icon.a-icon-alert {
    background-position: -84px -117px;
}

/** 
 * Styles for warning alerts
 */
.a-alert-warning {
    border-color: #FFAF38;
}

.text-warning {
    color: #FFAF38 !important;
}

.a-alert-warning .a-alert-container .a-icon.a-icon-alert {
    background-position: -84px -97px;
}

/** 
 * General styles for all alerts
 */
.a-alert-container {
    background-color: #FFF;
    padding: 14px 18px 18px;
}

.a-alert-error, .a-alert-info, .a-alert-success, .a-alert-warning {
    position: relative;
    border-style: solid;
    border-width: 2px;
    border-left-width: 12px;
}

.a-alert-heading {
    padding-bottom: 10px;
}

.card__secondary {
    padding: 0 1rem 8px;
}

/*Horizontal image and text*/
.mdc-card__media.mdc-card__media--square {
    width: 150px;    
}

.mdc-card__media {
    position:unset;

}
 .mdc-card__media.mdc-card__media--square .img-events {
        padding: 10px;
        width: 150px;
    }

.mdc-card__primary-action-square {
    flex-direction: row;    
}
.mdc-card__action-icons {
    display:inline-flex;
}

.btn-group-sm .font-size-events {
    font-size: .6775rem;
}

/*Chips*/
.mdc-chip-set {
    padding: 1px
}

.mdc-chip-set .mdc-chip {
    margin: 1px;
}

/*Chips Events*/
.mdc-chip__text-events 
{
    display:table-caption;
}
.mdc-chip-set {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mdc-chip {
    border-radius: 25px;
    justify-content: center;
    height: 40px;
    /*font-weight: 600;*/
    letter-spacing: 0.05em;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
 .mdc-chip:hover {
        transform: scale(1.03);
        opacity: 0.95;    
  }

.mdc-chip__text {
    text-align: center;
    width: 100%;
}

