@charset "utf-8";
.training-card { will-change: transform, opacity; } .training-card:hover { transform: translateY(-2px); transition: transform 0.2s ease; } #loadMoreTrigger { min-height: 120px; background: linear-gradient(45deg, #f8f9fa, #ffffff); border-radius: 8px; border: 2px dashed #dee2e6; } #loadMoreTrigger img { filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)); } .progress-bar-animated { background: linear-gradient(45deg, rgba(0,123,255,0.6) 25%, transparent 25%, transparent 50%, rgba(0,123,255,0.6) 50%, rgba(0,123,255,0.6) 75%, transparent 75%, transparent); background-size: 40px 40px; } #containerCategories .card:hover{ cursor: pointer; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); } #containerCategories .card:hover, #containerCategories .card.selected{ border-color: #cc0000; } #containerCategories .card.filterobject { border-radius: .5rem !important; } #containerCategories .card.filterobject .icon{ position: absolute; transform: translateZ(0); transition-duration: 0.1s; transition-property: transform; transition-timing-function: ease-out; } #containerCategories .card .card-footer { background-color: #dedede; } #containerCategories .card .img-wrapper { text-align: center; color: #cc0000; width: 20%; } #containerCategories .card .img-wrapper svg path { fill: #cc0000 !important; } #containerCategories .card:hover .img-wrapper svg path, #containerCategories .card.selected .img-wrapper svg path { fill: #fff !important; } #containerCategories .card span.h3-style { transform: perspective(1px) translateZ(0);transition-duration: 0.1s; display: inline-block; width: 100%; } #containerCategories .card .card-body { position: relative; } #containerCategories .card .card-body .active-icon { display: none; position: absolute; right: 2rem; top: .5rem; } #containerCategories .card.selected .card-body .active-icon { display: block !important; } .btn-filter i { display:none; } .btn-filter.active i { display: inline-block; } #searchField .icon-interface-search { color: #cc0000; position: absolute; right: 2rem; top: 1.3rem; } span.icon-date-picker.icon-interface-calendar { top: 1.2rem; right: 1.2rem } .drp-picker .calendar-table th, .drp-picker .calendar-table td { padding:0; border: none } #seminarContainer .card .card-body span.multiline-ellipsis{ min-height: 2.9rem; } #seminarContainer .card .card-body p.multiline-ellipsis { min-height: 5rem; } .custom-switch { height: 3.6rem; } .custom-switch input.custom-control-input { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26); } .custom-switch .custom-control-input~.custom-control-label::before { padding-left: 3.5rem; border: .1rem solid #dedede; } .alpine-picker .btn{ right: .1rem; } .alpine-picker .picker { top: -3.5rem; left: 0 } .alpine-picker .date-picker-reset { top: .1rem; right: -2rem; height: 4rem; } @media screen and (max-width: 768px) { .alpine-picker .date-picker-reset { top: .1rem; right: 0rem; } } @media screen and (max-width: 576px) { #containerCategories .card .img-wrapper { width: 2.2rem; } #containerCategories .card-deck .card .img-wrapper { float: left; } #containerCategories .card span.h3-style { line-height: 1.5; } #servicesContainer .grid-item { width: 100%; } }