html {
overflow: hidden;
height: 100%;
}

body {
overflow: auto;
height: 100%;
}

.modal-open{
padding:0 !important;
overflow-y: auto;
}

/* #UserModal {
z-index:999 !important;
position: fixed !important;
margin-right:-150px;
height: 100%;
top:100px;
-webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
}   

.modal-backdrop.show {
opacity: 0.2
}

.modal-backdrop {
z-index: -1 !important;
} */

.modal-title {
color: #fff;
}

#exampleModalCentered {
opacity: 1;
top:10%;
}

#imagePreview {
width: 60px;
height: 100%;
margin-bottom: 20px;
}

#header .header-inner,
#header #header-wrap {
background-color: #fff;
/*         backface-visibility: hidden;
-webkit-backface-visibility: hidden; */
left: 0;
right: 0;
transition: all .4s ease-in-out;
}