.carouselNoDatafFound {
    color: #6b6a6a !important;
    font-style: italic !important;
    padding-top: 10px !important;
    padding-bottom: 10px;
    font-size: 14px !important;
}
.carouselTitle {
    font-size: 24px;
    color: white;
    font-weight: 600;
}
.horizontalScroll {
    height: 292px;
    display: flex;
    align-items: center;
}
.item {
    width: 330px; /*17.5vw;*/
    height: 250px !important; /*13vw;*/
    background-size: 100%;
    margin: 2px;
    padding: 7px; /*0.5vw;*/
    /* additional options for aligments */
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}
.item:hover {
    width: 390px; /*20.5vw;*/
    height: 288px; /* 15vw;*/
}
.item:hover .itemTitle , 
.item:hover .itemCoordinates,
.item:hover .itemLocation {
    font-size: 124%;
}
.item .body-item {
    transition-delay: 0.05s;
    line-height: normal;
    position: absolute;
    bottom: 5px;
}
.itemTitle {
    margin: 0;
    margin-bottom: 9px; /*0.5vw;*/
    padding: 0;
    color: white;
    font-size: 14.5px; /*0.75vw;*/
    font-weight: 600;
    text-shadow: 1px 1px 3px #000000;
}
.itemTitle:hover{
    cursor: pointer;
}
.itemCoordinates {
    margin: 0;
    padding: 0;
    font-size: 14.5px; /*0.75vw;*/
    font-weight: 600;
    color: white;
}
.itemLocation {
    margin: 0;
    padding: 0;
    font-size: 14.5px; /*0.75vw;*/
    font-weight: 600;
    color: white;
}
.itemDescription {
    margin: 0;
    padding: 0;
    font-size: 14.5px; /*0.75vw;*/
    font-weight: 600;
    color: deepskyblue;
}
.itemDescription:hover {
    cursor: pointer;
}
.itemIconsSection {
    margin-top: 12px; /*0.6vw;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.iconDescriptionSection {
    display: flex;
}
.iconActionsSection {
    display: flex;
    flex-direction: column-reverse;
    transition: all 0.5s ease-in-out;
    position: absolute;
    /*    height: 28px;*/
    height: 200px;
    overflow: hidden;
    right: -37px;
    bottom: 5px;
    z-index: 2;
}
.item:hover .iconActionsSection {
    /*	height: 200px;*/
    right: 5px;
}
.item:hover .itemDescription {
    font-size: 80%;
}
.iconBox {
    padding: 2px 7px 3px 6px;
    border: 1px solid white;
    font-size: 13px; /*0.68vw;*/
    font-weight: 600;
    color: white;
    float: right;
    top: 5px;
    right: 5px;
}
.iconBoxSeparator {
    margin: 2px; /*0.1vw;*/
}
.iconImage {
    vertical-align: middle;
    font-size: 13.5px; /*0.7vw;*/
    font-weight: 600;
    color: white;
}
.spanButton {
    background-color: #232323d9;
}
.spanButton:hover {
    cursor: pointer;
    background-color: #f01;
}
.spanButton:hover .iconImage {
    /*color: black;*/
}

.spinnerPaging {
    width: 65px;
    height: 199px;
    text-align: center;
    font-size: 4px;
}
.spinnerPaging > div {
    background-color: #ca0909e6;
    height: 100%;
    margin-right: 2px;
    width: 9px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinnerPaging .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.spinnerPaging .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.spinnerPaging .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.spinnerPaging .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% { 
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% { 
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}