﻿body {
}

@media screen and (min-width: 992px) {


    /* Fill empty div*/
    .blankTileDiv {
        padding: 0;
        min-width: 1px;
        min-height: 275px;
        background-color: #eee;
    }

    /* Create space in button to align in center */
    .buttonGroupSpace {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 20px;
    }

    /* Align right : Login - Language - Search Artist */
    .navbar-right {
        float: right !important;
        margin-right: -30px !important;
    }

    .divAlignButton {
        /*
    padding: 5px 5px 5px 35px;
    position: absolute;
*/
        padding: 35px 25px 5px 35px;
        position: absolute;
        bottom: 10px;
        min-width: 90%;
        align-content: center;
    }

}

@media screen and (max-width: 767px) {
    
    /* Fill empty div*/
    .blankTileDiv {
        padding: 0;
        min-width: 1px;
        min-height: 145px;
        background-color: #eee;
    }

    /* Create space in button to align in center */
    .buttonGroupSpace {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 0px;
    }


    /* Create a space between image and tiles in mobile device */
    .spaceImage{
        padding-top: 15px;
    }
    
    /* Align header to the image in mobile device */
    .alignHeader {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .divAlignButton {
        /*
    padding: 5px 5px 5px 35px;
    position: absolute;
*/
        padding: 35px 25px 5px 35px;
        position: inherit;
        bottom: 10px;
        min-width: 90%;
        align-content: center;
    }

}

.border-tile-before {
    border: 2px solid #fff;
}

.border-tile {
    /*border-width: thick !important;
    border: 2px solid #ddd !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 5px;*/
}

.tile-space {
    margin-right: 0px !important;
    margin-left: 0px !important; 
    margin-top: 0px; 
    margin-bottom: 0px;
}

.upcoming-tile-description {
    border: 2px solid #fff;
    padding-right: 0px;
    padding-left: 0px;
}

.past-tile-description {
    border: 2px solid #fff;
    padding-right: 0px;
    padding-left: 0px;
}

/* Define space between rows */
.divRowsSpace {
    padding-bottom: 25px;   
}

/* Define space to the text inside the tile */
.divContentSpace{
    padding-top:15px;
    padding-left:15px;
}

/* Define space to the button inside the tile */
.buttonSpace {

    padding-bottom:30px;
}


.bottomPosition1 {
    position: absolute;
    bottom: 10px;
}

.toBottom1 {
    background-color: lightgray;
    position: absolute;
    bottom: 0;
    width: 55%;
    height: 15%;
    z-index: 2;
    left: 10px;
    right: 10px;
}