/*
 Document   : basic
 Created on : 12 Jan, 2018, 9:31:49 AM
 Author     : sindhukp
 Description:
 Purpose of the stylesheet follows.
 */

root {
    display: block;
}
html{
    position: fixed;
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
}
#photoGallery{
    height: 90%!important;
    width: 100%!important;
    
    
}
#PhotoCarousel{
    height: 100%!important;
    width: 100%!important;
    background-color: rgba(0, 0, 0, 1.0);
    
}
.carousel-inner{
    height: 100%!important;
    width: 100%!important;
}
.carousel-inner .item{
    height: 100%!important;
    width: 100%!important;
}
.carousel-inner .item img{
    object-fit: contain !important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    
}
.carousel-caption{
    background-color: rgba(0, 0, 0, 0.0);
    
}
#noContentToDisplay{
    margin-right:  auto;
    margin-left:  auto;
    width: 50%;
    text-align: center;
    margin-top: 30%;
    font-size: 1.5em;
}
.cloadingMask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-color: rgba(0,0,0,0.8);
    z-index: 9999;
}

.cloadingImage {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30%;
    position: relative;
    width: 20%;
    height: 3%;
    z-index: 999993;
    
    background-image: url(../images/loader.gif);
    background-size: 100% 100%;
}

#loaderText{
    text-align:center;
    font-size:16px;
    color:whitesmoke;
    display:block;
    margin-top:1%;
    margin-left:auto;
    margin-right:auto;
    height: 100%;
    
}

.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }