*{
    -webkit-overflow-scrolling:touch;
}
#container {
    height: 100vh;
    overflow-x: hidden;
}

#container.login {
    display: flex;
    align-items: center;
}


.off-canvas {
    background: #333;
}

#breacrumbscontainer{
    text-align:center; top: -5px;position: relative;
}
.breadcrumbs{display: inline-block;background: #f5f5f5;padding: 8px 25px; margin-bottom:0px; width:100%;}

.off-canvas li a {
    color: white;
    text-transform: uppercase;
}

.off-canvas-content #content {
    padding: 15px;
}

.off-canvas i {
    margin-right: 5px;
}

.off-canvas a {
    border-bottom: 1px solid #5c5c5c
}

.off-canvas a:hover,
.heading {
    background: #5c5c5c
}

.heading {
    text-align: center;
    padding: 5px;
    color: white
}

#main {
    min-height: 100vh;
    position: relative;
    padding-bottom: 50px;
}

footer {
    position: absolute;

    bottom: 0px;

    min-height: 50px;

    text-align: center;

    width: 100%;

    left: 0;

    right: 0;
}

#simarlab {
    width: 120px;
    vertical-align: sub;
}

footer {
    font-size: 10pt
}

#copyright {
    margin-right: 10px
}

.switchLang img {
    width: 25px;
}

.switchLang ul {
    min-width: unset
}

.title-bar {
    background: #a8a8a8
}

.off-canvas {
    background: #ededed;
}

.off-canvas li a {
    border-bottom: 1px solid #acacac;
    color: #333;
    width: 100%;
}

.off-canvas li a:hover {
    background: #c8c8c8;
}

.me {
    text-align: center;
    align-items: center;
    padding: 8px;
    color: #505050;
    background: #dedede;
}

.me:hover {
    background: #ccc !important;
}

.me img {
    width: 30px !important;
    margin: 0px !important;
    vertical-align: middle;
    border: 1px solid #878787
}

#notification {
    width: 250px;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1007;
    display: none;
}

#scrollToTop{
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    font-size: 25pt;
    padding: 10px 15px;
    margin: 0px;
    background: #ccc;
    color: #555;
}

#scrollToTop:hover{
    background: #b5b5b5;
color: #333;
}

 #responsive-menu li{
    display: flex;
    align-content: center;
    justify-content: center;
 }

 #responsive-menu li>a{
     align-self: center;
 }

 #responsive-menu li>a:hover{
     background-color: #d9d9d9;
 }

 .errors #content{
    position: relative;
    margin: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    z-index: 1;
    margin-top: 5%;
 }

 .errors #responsive-menu{
     position: relative;
     z-index: 2;
 }

 .thumbGallery{

    width: 25%;

    display: inline-block;

    padding: 5px;

}

#gallery{

    color: #1e1e1e;

    background: white;

}



#galleryCMD {

    display: flex;

    justify-content: right;

}



#galleryCMD > div {

    margin-left: 5px;

}

.fullscreen_slick, .fullscreen_slick .slick-list, .fullscreen_slick .slick-track, .fullscreen_slick .slick-slide {

    height: 100%;

}

.fullscreen_slick.contain img {

    object-fit: contain;

    height: 100%;

    width: 100%;

    max-width: none;

}



#closeGallery{cursor: pointer;}

.slick-slider{margin-bottom: 0px !important;}

.slick-slide img{

    max-width: none;

    width: 100%;



}



.slick-prev, .slick-next{

    width: unset;

    height: unset;

    background-color: #48484a;

    padding: 10px;

    z-index: 1;

}

.slick-prev:hover, .slick-next:hover{

    background-color: #353536;    

}

.slick-prev{

    left: 0px;

}

.slick-next{

    right: 0px;

}

.slick-prev::before, .slick-next::before{

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

}



.slick-next::before {

    content:'\f054';



}



.slick-prev::before{

    content:'\f053';

}


.resize_slick .slick-list, .resize_slick .slick-track{
	height: 100%;
}

.resize_slick .slick-slide img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}