.limit-height {
    left: 50%;
    transform: translate(-50%,0);
}

.picture {
    border: 1px solid blue;
}

.desc{
    color: blue;
}

body {
    font-family: Verdana, sans-serif;
}

div.scroll-container {
    /*background-color: #333;*/
    overflow: auto;
    white-space: nowrap;
    padding: 2px;
}

div.scroll-container img {
    padding: 10px;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  /*background-color: lightgrey;*/
  color: white;
  text-align: center;
}
/*
.card{
    margin-bottom: 2px;
    margin-right: 2px;
}
*/

#card_basic {
    width:200px;
    height:200px; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    margin-top:8px;
    /*padding:4px;*/
}

#card_basic_div {
    width:220px;
    border: 1px solid lightgray;  
    border-bottom: 2px solid darkgrey;
    border-right: 2px solid darkgrey;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    background-color:  #e9ecef;
}
/*
.card_basic_2 {
    width:215px;
    border: 1px solid lightgray;  
    border-bottom: 2px solid darkgrey;
    border-right: 2px solid darkgrey;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    
    }
*/
#wrapped_img_index {
    width:200px; 
    height:200px; 
    border: 2px solid lightgray; 
    margin:4px;
}

#card_title_text {
    color: black !important;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1.5;
}

#img_with_index {
    width:100%; 
    margin-top:4px;
}

.img_border {
    width:200px; 
    height:200px; 
    padding:0px; 
    margin:2px; 
    margin-bottom:10px; 
    border-radius: 5px; 
    -moz-border-radius: 5px;
}

.main_block {
    /*
    border: 2px solid lightgray;  
    border-bottom: 3px solid darkgrey;
    border-right: 3px solid darkgrey;
    border-radius: 5px; 
    -moz-border-radius: 5px;
    border-style: groove;
    */
    
    box-shadow: inset 0 0 10px lightgray;
    /*box-shadow: inset 10px 10px 10px 10px lightgray;*/
    width: 85%;
    padding: 15px;
}

.imgCollTitle {
    
}