body {
    padding-top: 98px;
}

header {
    top: 0;
}


/*no use*/
.icon-menu:before {
    content: '\e80e';
    margin-top: 17px;
}
.icon-inside-search {
    position: absolute;
    right: 20px;
    top: 29px;
    font-size: 28px;
}


.right-sidebar-color {
    background-color: rgba(255, 255, 255, 0.9);
}
/*no use end*/

.border-color-active-grey {
    border-color: #d1d3d4;
}

.pt-search {
    padding-top: 2.6rem;
}

.logo-w-sm-control {
    width: 220px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 575.98px) {
    .logo-w-sm-control {
        width: 185px;
    }

    .rm-p {
        padding: 0px;
    }
}

.search-icon-color {
    color: #707173;
}

.search-border-color {
    border-color: #D1D3D4;
}

@media (max-width: 768px) {

    .ipad-media-query-form, .ipad-media-query-icon {
        position: absolute;
    }

    .ipad-media-query-form {
        left: 48px;
    }

    .ipad-media-query-icon {
        left: 150px!important;
        top: -7px!important;
    }

}



.search-icon-pos {
    right: 18px;
    top: 27px;
    font-size: 28px;
}

.logo-gmeinder {
    background-image: url('/assets/common/images/Roger-Gmeinder-GmbH-Logo.svg');
    height: 85px;
    width: 85px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 3px;
}


.right-sidebar-vh {
    height: calc(100vh - 80px);
    display: none;
}

#searchInput::-webkit-input-placeholder {
    color: #D1D3D4;
}

#searchInput:-moz-placeholder {
    color: #D1D3D4;
    opacity: 1;
}

#searchInput::-moz-placeholder {
    color: #D1D3D4;
    opacity: 1;
}

#searchInput:-ms-input-placeholder {
    color: #D1D3D4;
}

#searchInput:focus + .search-icon-color {
    color: #707173;
}

#searchInput::-webkit-input-placeholder {
    color: #D1D3D4;
}

#searchInput:focus::-webkit-input-placeholder {
    color: #707173;
}

#searchInput:focus:-moz-placeholder {
    color: #707173;
}

#searchInput:focus::-moz-placeholder {
    color: #707173;
}

/* Internet Explorer 10 */
#searchInput:-ms-input-placeholder {
    color: #707173;
}

#searchInput:focus:-ms-input-placeholder {
    color: #707173;
}

.nav-btn-color {
    background-color: #E6E7E8;
}

.no-center {
    text-align: left;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #D1D3D4;
}

.btn.mb-2.d-block.no-center.color-dark-grey.nav-text:focus, .btn.btn-light.no-center.w-100.rm-border-radius.mt-1.mb-1.color-inactive-grey.text-dark.line-button.nav-text:focus, .btn.mb-2.d-block.no-center.mt-3:focus, .btn.mb-2.d-block.no-center:focus {
    box-shadow: 0 0 0 0.2rem rgba(255,255,255,0);
}

.icon-cross.float-right.color-dark-grey {
    margin-right: 7px;
}

#right-sidebar .icon-cross {
    right: 19px!important;
}

.cat.icon-arrow-up:before {
    margin: 0px;
    margin-left: -7px;
}

/**
preview template start
 */
.preview-wrapper {
    width: 100%;
    position: relative;
}

.preview-wrapper:hover > .preview-bar-text {
    background-color: rgba(77, 77, 77, 0.7);
    color: #fff;
}

.preview-bar-text {
    background-color: rgba(255, 255, 255, 0.8);
    color: #4e4e4e;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.preview-bar-text h2 {
    margin: 0;
    padding-top: 6.5%;
}

.preview-cover {
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: opacity 800ms;
    -moz-transition: opacity 800ms;
    -o-transition: opacity 800ms;
    transition: opacity 800ms;
    opacity: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
}

.white-bar {
    position: absolute;
    right: 0;
    bottom: 30%;
    height: 20%;
    width: 80%;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
}

.pos {
    padding-right: 10%;
    padding-top: 7.5%;
}

.preview-wrapper:hover > .preview-cover {
    opacity: 1;
}

.preview-cover p {
    position: absolute;
    left: 5%;
    top: 36%;
}

.preview-image-bg {
    width: 100%;
    height: 100%;
}

.pt-15-t_b {
    margin-top: 15px;
}
.pt-30-t_b {
    margin-top: 30px;
}

/**
 * preview template end
 */