.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

html,body {
    height: 100%;
}

body {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.homeicon{
    background-image : url("img/home-24.png");
    background-repeat : no-repeat;
    background-position : center center;
}
.searchicon{
    background-image : url("img/magnify.png");
    background-repeat : no-repeat;
    background-position : center center;
}
.downloadicon{
    background-image : url("img/download-white.png");
    background-repeat : no-repeat;
    background-position : center center;
}
.animationicon{
    position:absolute;
    right:3px;
    top:0px;
    width : 24px;
    height : 24px;
    background-image : url("img/animation.png");
    background-repeat : no-repeat;
    background-position : center center;

}

.viewImageResult{
    display : none;
}

.categoryPanel{
    display : none;
}

.blockCategory01{
    background-image : url("img/all-cliparts.png");
}
.blockCategory02{
    background-image : url("img/avatars.png");
}
.blockCategory03{
    background-image : url("img/isometric.png");
}

.blockCategory{
    position:relative;
    display:block;
    background-color : white;
    width : 100%;
    height : 350px;
    border : solid 1px #B2BABB;
    background-repeat : no-repeat;
    background-size : contain;
    background-position : center center;
    cursor : pointer;
}
.blockCategory:hover{
    background-color : rgb(167, 204, 238);
}

.blockImageView{
    background-color : white;
    background-image : url("img/loadtable.gif");
    width : 100%;
    height : 370px;
    border : solid 1px #B2BABB;
    background-repeat : no-repeat;
    background-position : center center;
}
.blockImageViewClose{
    position:absolute;
    top : 2px;
    right : 2px;
    background-image : url("img/close.png");
    width : 64px;
    height : 64px;
    background-repeat : no-repeat;
    background-position : center center;
    cursor : pointer;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
    margin-top: 15px;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input {
    width: 48%;
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin button {
    width: 48%!important;
}

/* images */

.blockImgContain{
    position : relative;
    border : solid 1px #B2BABB;
    background-color: white;
}

.blockImageContain{
    float : left;
    border : solid 1px #ffffff;
    margin : 0%;
    width : 100%;
    height : 120px;
    margin-top : 10px;
    margin-bottom : 10px;
    background-repeat : no-repeat;
    background-position : center center;
    background-size : contain;
    cursor : pointer;
}

.blockImageContain:hover{
    border : dotted 1px #AAB7B8;
}

.blockImage{
    float : left;
    border : solid 0px purple;
    margin : 9%;
    width : 82%;
    height : 82%;
    margin-top : 10px;
    margin-bottom : 10px;
    background-repeat : no-repeat;
    background-position : center center;
    background-size : contain;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }