body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

/*GENERAL*/

.ml-15 {
    margin-left: 15px;
}

#district-backgr {
    display: block;
    margin: auto;
}

.map-icon-label .map-icon {
    font-size: 24px;
    color: white;
    line-height: 48px;
    text-align: center;
    white-space: nowrap;
}

.fa-chevron-circle-left {
    color: #4d4d4d;
}

.fa-chevron-circle-right {
    color: #4d4d4d;
}

.ma {
    margin: auto;
}

.height270 {
    height: 270px !important;
}

.mb-40 {
    margin-bottom: 40px;
}

.active_tab {
    text-decoration: underline;
    text-decoration-color: white;
}

#fs-12 {
    font-size: 12px !important;
}

.full-width {
    width: 100%;
}

.ta-c {
    text-align: center;
}

.ta-l {
    text-align: left;
}

.ta-r {
    text-align: right;
}

.pr {
    position: relative;
}

.nopadding {
    padding: 0 !important;
}

.nopadding-right {
    padding-right: 0 !important;
}

.nopadding-left {
    padding-left: 0 !important;
}

.nopadding-top {
    padding-top: 0 !important;
}

.nopadding-bottom {
    padding-bottom: 0 !important;
}

.pl-10 {
    padding-left: 10px;
}

.pl-12 {
    padding-left: 12px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-20 {
    margin-top: 20px;
}

.ml-50 {
    margin-left: 50px;
}

.mt-15 {
    margin-top: 15px;
}

.flft {
    float: left;
}

.cb {
    color: black !important;
}

.mr-8 {
    margin-right: 8px;
}

.ml8- {
    margin-left: -8px;
}

.mr8- {
    margin-right: -8px;
}


/*arrows for carousel*/


.show {
    background-color: rgba(77, 77, 77, 0.7);
    z-index: 1000;
}

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none !important;
}

.stad-image {
    height: 300px;
}

.previous-a {
    color: #f39200;
    font-size: 21px;
    position: relative;
    float: left;
    margin-top: -116px;
    text-decoration: none;
    font-weight: lighter;
    margin-left: -14px;
}

.previous-a:hover {
    text-decoration: none;
}

.previous-a-single {
    color: #f39200;
    font-size: 21px;
    position: relative;
    float: left;
    margin-top: -130px;
    text-decoration: none;
    font-weight: lighter;
    margin-left: -20px;

}

.previous-a-single-home {
    color: #f39200;
    font-size: 21px;
    position: relative;
    float: left;
    margin-top: -160px;
    text-decoration: none;
    font-weight: lighter;
    margin-left: -20px;

}

.previous-a-single:hover {
    text-decoration: none;
}

.next-a {
    color: #f39200;
    font-size: 21px;
    position: relative;
    float: right;
    margin-right: 0px;
    margin-top: -116px;
    text-decoration: none;
    font-weight: lighter;
}

.next-a:hover {
    text-decoration: none;
}

.next-a-single {
    color: #f39200;
    font-size: 21px;
    position: relative;
    float: right;
    margin-right: -5px;
    margin-top: -130px;
    text-decoration: none;
    font-weight: lighter;
}

.next-a-single-home {
    color: #f39200;
    font-size: 21px;
    position: relative;
    float: right;
    margin-right: -5px;
    margin-top: -160px;
    text-decoration: none;
    font-weight: lighter;
}

.next-a-single:hover {
    text-decoration: none;
}

.previous {
    color: #f39200;
    font-size: 32px;
}

.next {
    color: #f39200;
    font-size: 32px;
}


#arrow-lang {
    margin-top: -5px;
    margin-left: 5px;
}


/*header*/
.header {
    width: 100%;
    height: 45px;
    background-color: #4d4d4d;
    position: relative;
}

#header-container {
    height: 45px;
    display: flex;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2.5rem;
    padding-left: 0.5rem;
    color: white;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
!important;
}

.nav-link {
    font-family: 'Roboto Slab', serif !important;
    font-size: 14px;
}

#navbarNav {
    position: relative;
    height: 45px;
}

.nav-item .nav-link {
    color: white;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    font-style: normal;
}

.nav-link > a {
    text-decoration: none;
}

.lang-switch {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.lang-switch:hover {
    color: white;
    text-decoration: none;
}

.logo-lang {
    width: 195px;
    height: 100px;
    position: absolute;
    float: right;
    display: flex;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    right: 0;
    z-index: 9;
}

/*dropdown language*/
.dropdown-language {
    padding-top: 0.8rem;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-align: left;
    height: 50px;
}

.dropdown-language:hover {
    cursor: pointer;
}

.language-title {
    /*display: inline;*/
    width: 60px;
    background-color: #4d4d4d;
    text-align: left;
    color: white;
    padding-left: 10px;
}

.language-title > span {
    /*margin-left: 20px;*/
}

.language-title:hover {
    text-decoration: none;
    color: white;
}

.dropdown-content-lang {
    display: none;
    position: absolute;
    width: 60px;
    z-index: 1;
    height: 25px;
}

.dropdown-content-lang a {
    color: white;
    text-decoration: none;
    display: block;
    text-align: left;
    background-color: #4d4d4d;
    height: 30px;
    padding-top: 5px;
    padding-left: 10px;
}

.dropdown-content-a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dropdown-content-lang a:hover {
    background-color: #ddd;
    color: #f39200;
}

.dropdown-language:hover .dropdown-content-lang {
    display: block;
}

.main-publicity {
    display: flex;
    justify-content: flex-end;
    padding-right: 0;
}

.thePublicityContainer {
    position: absolute;
}

.theLogo {
    position: absolute;
    width: 134px;
    height: 96px;;
    float: right;
    right: 0;
    background-color: #f39200;
    display: flex;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    /*margin-top: 92px;*/
}

.pt-40 {
    padding-top: 40px;
}

.redirect-btn {
    width: 134px;
    cursor: pointer;
    margin-top: 50px;
    height: 96px;;
    background-color: #f39200;
    display: flex;
    border-radius: 8px;
    text-align: center;
    color: white;
    font-family: 'Roboto Slab', serif;
}

.redirect-btn:hover {
    text-decoration: none;
    color: white;
}

.redirect-btn > p {
    text-align: center;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
}

.wiesbaden-logo-div {
    position: relative;
    margin: auto;
}

#wiesbaden-logo {
    margin: auto;
    width: 107px;
    height: 54px;
}

.btn-to-register {
    background-color: #f39200;
    color: #FFFFFF;
    width: 172px;
    min-height: 29px;
    padding: 4px 0px;
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: bold;
}

.btn-to-register:hover {
    text-decoration: none;
    color: white;
}

.publicity-right-side {
    margin-top: 100px;
    font-family: 'Roboto Slab', serif;
    color: #4d4d4d;
}

@media screen and (max-width: 575px) {
    .left-side-publicity {
        padding-right: 0;
    }
}

.big-paragraphs {
    font-size: 30px;
    font-family: 'Roboto Slab', serif;
}

.link-to-register {
    cursor: pointer;
    font-size: 11px;
    color: #f39200;
}

.little-paragraph {
    font-size: 15px;
    font-family: 'Roboto Slab', serif;
}

.website-link {
    color: #f39200;
    cursor: pointer;
}

.website-link:hover {
    text-decoration: none;
    color: #f39200;
}

.list-item {
    margin-bottom: 5px;
    font-size: 14px;
}

.list-item > .fa-check {
    padding-right: 5px;
}

.mb-15 {
    margin-bottom: 20px;
}

.left-img {
    object-fit: cover;
}

#searchField:focus {
    border: 1px solid #4B4842;
    outline: none;
    box-shadow: none;
}

.clear::-webkit-search-decoration,
.clear::-webkit-search-cancel-button,
.clear::-webkit-search-results-button,
.clear::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.clear::-ms-clear {
    display: none;
}

.information {
    position: absolute;
    height: 328px;
    width: 450px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    border: 2px solid #f39200;
    margin-top: 7%;
    color: #4B4842;
}

.information-content {
    padding-left: 28px;
    padding-right: 28px;
}

.information-content h2 {
    font-family: 'Roboto Slab', serif;
    font-weight: 900;
    color: #4B4842;
    font-size: 28px;
}

.information-content h3 {
    /*margin: 20px auto 0 33px;*/
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 200;
    letter-spacing: 1px;

}

.information > .row h3 {
    margin: 20px auto 0 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.search-input {
    position: relative;
}

.navbar {
    padding: 0.8rem 1rem;
}

.search-input > .navbar {
    padding: 0;
}

.form-inline > .search-icon {
    margin-top: -53px;
    margin-left: 373px;
    float: right;
    font-size: 22px;
    position: absolute;
}

.under-search {
    display: flex;
    color: #4B4842;
    font-size: 12px;
}

.under-search > h3 {
    font-size: 13px;
    display: inline;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
}

#understutz {
    width: 129px;
    height: 36px;
    margin-top: -10px;
    margin-left: 20px;
}

.form-inline {
    width: 400px;
    display: inline-grid;
    font-family: 'Roboto', sans-serif;
}

.form-inline > .search-button {
    background: #f39200;
    margin-top: 16px;
    width: 96px;
    color: white;
    font-family: 'Roboto Slab', serif;
}

.container-1 {
    background: url("http://www.cool-cities.com/mobile/bmw-portrait/milan/img/milan_moods0614_043mk_web.jpg") no-repeat;
    background-size: cover;
    height: 600px;
    width: 100%;
}

.container-2 {
    background-color: white;
    width: 100%;
}

.content-container {
    background-color: white;
}

.images-container {
    margin-left: auto;
    margin-right: auto;
    width: 63%;
    align-content: center;
    margin-top: 50px;
}

.images-container > h2 {
    margin-left: 324px;
}

.descriere-poza {
    position: absolute;
    background-color: aqua;
    height: 49px;
    margin-top: 151px;
}

.image-title {
    position: relative;
}

.image-title > h1 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    position: absolute;
}

.image-title > h2 {
    bottom: 8px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    color: #4B4842;
}

.opacity_image_description {
    position: absolute;
    bottom: 0;
    width: 96%;
    background: rgba(255, 255, 255, 0.7);
    font-family: 'Roboto Slab', serif;
    min-height: 45px;
    overflow: hidden;
}

.opacity_image_description .list-item-title {
    color: #4B4842;
    font-weight: 900;
    font-size: 16px;
    text-align: center;
    padding-top: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-bottom: 0 !important;
}

.opacity_image_description .list-item-subtitle-blue {
    font-weight: normal;
    font-family: 'Roboto Slab', serif;
    color: #4B4842;
    text-align: center;
    display: block;
    font-size: 14px;
}

.opacity_image_description > span {
    font-family: 'Roboto', sans-serif;
    color: #4B4842;
    text-align: center;
    display: block;
    font-size: 14px;
}

.opacity_image_description span:first-child {
    color: #4B4842;
    font-weight: 900;
    font-size: 16px;
}

.opacity_image_description_single {
    background: rgba(255, 255, 255, 0.7);
    min-height: 45px;
    margin-top: -45px;
    padding-left: 10px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: 'Roboto Slab', serif;
}

.opacity_image_description_single .list-item-title {
    color: #4B4842;
    font-weight: 900;
    font-size: 16px;
    text-align: center;
    padding-top: .5rem;
    margin-bottom: 0 !important;
    padding-left: .5rem;
    padding-right: .5rem;
}

.opacity_image_description_single .list-item-subtitle-blue {
    font-weight: normal;
    font-family: 'Roboto Slab', serif;
    color: #4B4842;
    text-align: center;
    display: block;
    font-size: 14px;
}

.opacity_image_description_single .list-item-subtitle-blue-type {
    font-weight: normal;
    font-family: 'Roboto Slab', serif;
    color: #4B4842;
    text-align: center;
    display: block;
    font-size: 14px;
    margin-bottom: 0 !important;
}


.opacity_image_description_single span {
    font-family: 'Roboto', sans-serif;
    color: #4B4842;
    text-align: center;
    display: block;
    font-size: 14px;
}

.opacity_image_description_single span:first-child {
    color: #4B4842;
    font-weight: 900;
    font-size: 16px;
    text-align: center;
}

.main-image1 {
    min-width: 100%;
    height: 270px;
    object-fit: cover;
    overflow: hidden;
}

.obj-fit-img {
    object-fit: cover;
    overflow: hidden;
}

.images-container-title {
    font-family: 'Roboto Slab', serif;
    color: #4B4842;
    font-size: 18px;
    font-weight: 900;
}

/*carousel*/

/* transition for carousel home page*/
.carousel-inner-a .carousel-item-right.active,
.carousel-inner-a .carousel-item-next {
    transform: translateX(33.33%);
}

.carousel-inner-a .carousel-item-left.active,
.carousel-inner-a .carousel-item-prev {
    transform: translateX(-33.33%)
}

.carousel-inner-a .carousel-item-right,
.carousel-inner-a .carousel-item-left {
    transform: translateX(0);
}

/*end transition*/


/*transition carousel single poi*/
/*.carousel-inner-b .carousel-item-right.active,*/
/*.carousel-inner-b .carousel-item-next {*/
/*transform: translateX(100%);*/
/*}*/

/*.carousel-inner-b .carousel-item-left.active,*/
/*.carousel-inner-b .carousel-item-prev {*/
/*transform: translateX(-100%)*/
/*}*/

/*.carousel-inner-b .carousel-item-right,*/
/*.carousel-inner-b .carousel-item-left {*/
/*transform: translateX(0);*/
/*}*/

/*end transition*/


.carousel-item {
    /*text-align: bottom;*/
    position: relative;
}

.carousel-item a {
    text-decoration: none;
}

#credit-photos {
    position: relative;
    margin-top: -36px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 22px;
    font-family: 'Roboto', sans-serif;
}

#credit-photos span {
    font-size: 10px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background: rgba(255, 255, 255, 0.7);
    font-family: 'Roboto', sans-serif;
    padding: 5px 8px;
}

/*footer*/
.footer {
    width: 100%;
    height: 55px;
    background-color: #4d4d4d;
    border-top: 5px solid #f39200;
    color: white;
    font-family: 'Roboto', sans-serif;
    position: relative;
    font-size: 14px;
    display: flex;
}

@media screen and (max-width: 1200px) {
    .footer {
        height: 65px;
    }
}

.footer-row {
    padding: 0.8rem 1rem 0;
}

.footer > .row {
    margin: auto;
    width: 100%;
}

.contact-section > a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 20px;
}

/*contact section for microsoft ed*/

@supports (-ms-ime-align:auto) {
    .contact-section a i {
        color: white;
    }
}

.contact-icon {
    margin-left: 7px;
    margin-right: 7px;
}

.footer-link {
    text-decoration: none;
    color: white;
}

.active_tab_footer {
    border-bottom: 1px solid #FFFFFF;
}

.footer-link:hover {
    text-decoration: none;
    color: white;
}

/*contact*/
.static-content {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #4d4d4d;
    text-align: left;
    min-height: 800px;
}

.static-content > h2 {
    font-weight: 900;
    font-size: 20px;
}

/*Shops&Restaurants*/

.parent-content {
    width: 80%;
    height: 100%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
}

.half-background {
    background-size: cover;
    width: 100%;
}

#background-pois {
    width: 100%;
    /*display: block;*/
    /*margin: auto;*/
    height: 560px;
    object-fit: cover;
    overflow: hidden;
}

.title-area {
    margin-top: 89px;
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    max-width: 165px;
    text-align: center;
    height: 41px;
    padding-right: 25px;
    padding-left: 25px;
}

.second-half-background {
    margin-left: 0;
    margin-right: 0;
}

.title-area-text {
    padding: initial;
    font-weight: 900;
    font-family: 'Roboto Slab', serif;
    font-size: 23px;
    color: #4d4d4d;
}

#menu-side {
    background-color: white;
}

#gallery-side {
    background-color: #00adef;
    display: flex;
}

.single-image:first-child {
    padding-left: 0;
}

.photos-title {
    text-align: left;
    margin-left: 10px;
    font-family: 'Roboto Slab', serif;
    color: #4B4842;
    font-size: 18px;
    font-weight: 900;
}


.search-for-home {
    font-size: 20px;
    position: absolute;
    margin-left: 95%;
    margin-top: 6px;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .search-for-home {
        position: relative;
        margin-left: 90%;
        margin-top: -30px;
    }

    .contact-section a i {
        color: white;
    }


    #searchButton2 {
        position: relative;
        margin-right: 100px;
    }

    .wiesbaden-logo-div {
        margin-top: 20px;
    }

    .search-but {
        position: relative;
        margin-left: -25px !important;
        top: 8px;
    }


    #vertical-eink {
        position: relative;
    }

    .single-info-vertical {
        position: absolute;
        top: 20px;
        left: 0px;
    }

    .title-area-single {
        min-height: 80px;
    }

    .collapse-description-min {
        /*top: 100px !important;*/
        left: 0px;
    }

    .font-size13 {
        top: 200px !important;
    }
}

.search-but {
    font-size: 20px;
    position: absolute;
    margin-left: 90%;
    margin-top: 0px;
}

.search_for {
    text-align: left;
    margin-left: 16px;
    font-family: 'Roboto', sans-serif;
    color: #f39200;
    font-size: 18px;
    font-style: italic;
}

.menu-form {
    border-right: 2px dotted #4d4d4d;
}

#search-title {
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 900;
    text-align: left;
}

.menu-form > h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #4d4d4d;
    font-weight: 200;
    text-align: left;
}

.list-group {
    text-align: left !important;
    list-style-type: none;
    border-radius: 2px;
}

.list-group-shops {
    text-align: left !important;
    list-style-type: none;
    border-right: 2px dotted #4B4842;
}

.scrollable-filter {
    /*padding: 15px;*/
    /*border: 1px solid #f39200;*/
}

.list-group-shops::-webkit-scrollbar {
    width: 7px;
    height: 2px;
    scrollbar-width: 7px;
}

.list-group-shops::-webkit-scrollbar-thumb {
    height: 2px;
    border: 0px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 7px;
    background-color: #f39200;
    scrollbar-color: #f39200 #f0f0f0;
    box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

#checkCategories {
    margin-bottom: 10px;
}

#checkedCategories {
    display: flex;
}

.close {
    opacity: 1 !important;
}

.checkedCategory {
    border: 1px solid #4d4d4d;;
    display: inline-block;
    border-radius: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 30px;
}

.checkedCategory button {
    font-size: 14px;
    color: #f39200;
    font-family: 'Roboto', sans-serif;
    height: 30px;
}

.checkedCategory button:hover {
    color: #f39200;
}

.checkedCategory span {
    color: #4d4d4d;
    font-size: 20px;
    font-weight: 200;
    display: inline-block;
}

.checkedCategory p {
    color: #f39200;
    font-size: 14px;
    font-weight: 200;
    display: inline-block;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

/* Handle on hover */
.item-lista {
    border: none;
    text-align: left;
    color: #4d4d4d;
    font-size: 14px;
}

.checkbox-menu {
    margin-right: 24px;
}

.label-for-check {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #4d4d4d;
}

.align {
    /*margin-right: auto;*/
    position: relative;
    padding: 0 0 0 0;
}

.single-image img {
    width: 100%;
    padding-right: 10px;
    height: 250px;
    object-fit: cover;
    overflow: hidden;
}

.single-image:hover {
    text-decoration: none;
}

.row-no-margin {
    margin-left: 0px;
    margin-right: 0px;
}

/*stadtteile*/

.shops-gallery img {
    width: 100%;
}

.mr-7 {
    margin-right: 7px;
}

.mr-9 {
    margin-right: 9px;
}

.ml-9 {
    margin-left: 9px;
}

.district-section {
    min-height: calc(100vh - 220px);
}

.district-background-pic {
    width: 100%;
    height: 300px;
}

/*.information-pic > .single-info {*/
/*position: absolute;*/
/*max-width: 100%;*/
/*height: 46px;*/
/*background: rgba(255, 255, 255, 0.7);*/
/*margin-top: -256px;*/
/*margin-left: 0;*/
/*color: #4d4d4d;*/
/*font-family: Roboto, Arial, Helvetica, Sans-Serif;*/
/*font-size: 14px;*/
/*}*/

/*.information-pic {*/
/*position: relative;*/
/*}*/

.single-info-duo {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    max-width: 100%;
    min-height: 46px;
    padding-left: 5px;
    padding-right: 15px;
    top: 60px;
}

/*.single-info-duo-sec {*/
/*position: absolute;*/
/*max-width: 100%;*/
/*height: 46px;*/
/*background: rgba(255, 255, 255, 0.7);*/
/*margin-top: -256px;*/
/*margin-left: 10px;*/
/*}*/

.main-information {
    padding-left: 15px;
    padding-right: 15px;
    color: #4d4d4d;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 900;
    text-align: left;
}

.count-information {
    padding-left: 15px;
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    margin-top: -18px;
    text-align: left;
    margin-bottom: 0;

}

/*LINK FOR DIV*/
.the-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

/*SINGLE PAGE*/
.title-area-single {
    margin-top: 89px;
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    width: 400px;
    text-align: center;
    min-height: 45px;
}

.photos-title-single {
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 900;
}

/*dropdown*/

#headingOne {
    min-height: 45px;
}

.dropdown-content {
    text-align: left;
}

.drop-heading {
    font-weight: 900;
    color: #4d4d4d;
    font-family: 'Roboto Slab', serif;
    font-size: 23px;
    margin-left: 15px;
    text-align: left
}

.font-size13 {
    min-height: 75px;
    min-width: 500px;
}

.collapse-description {
    min-width: 400px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #4d4d4d;
    background: rgba(255, 255, 255, -0.3);
    margin-top: -10px;
    max-height: 100%;
}

.collapse-district {
    padding: 10px 15px 10px 15px;
}

#accordionExample .btn[aria-expanded=false] span:before {
    font-weight: 900;
    float: right;
    /*transition: all .5s;*/
    font-size: 35px;
    margin-top: -7px;
    color: #4d4d4d;
    margin-right: 15px;
}

#accordionExample .btn[aria-expanded=true] span:before {
    font-weight: 900;
    float: right;
    /*transition: all .5s;*/
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 35px;
    margin-top: -7px;
    color: #4d4d4d;
    margin-right: 15px;
}

.mw-600 {
    max-width: 600px;
}

/*RESTAURANT SINGLE PAGE*/
.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
}

.fa-chevron-circle-left {
    font-size: 28px;
}

.fa-chevron-circle-right {
    font-size: 28px;
}

.mid-container {
    margin-left: auto;
    margin-right: auto;
    background-color: #ffff;
    max-height: 100%;
    width: 80%;
}

.details-contact {
    position: absolute;
    border-left: 2px dotted #4d4d4d;
    text-align: left;
    font-family: 'Roboto', sans-serif;
}

.card-title {
    font-weight: 900;
    font-size: 15px;
    color: #4d4d4d;
    margin-bottom: 0;
}

.card-text {
    font-size: 15px;
    color: #4d4d4d;
    margin-bottom: 0;
}

pre {
    font-size: 15px;
    color: #4d4d4d;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif !important;
}

.carousel-pic {
    position: relative;
}

.height530 {
    height: 560px;
}

.link-to-city {
    display: table;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #f39200;
    text-decoration: none;
}

.link-to-city > a {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #f39200;
    text-decoration: none;
    font-style: italic;
}

.link-to-city p:first-child {
    margin-bottom: 2px;
}

.link-to-city p {
    margin-bottom: 0;
}

#breadcrumb {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

#breadcrumb:hover {
    cursor: pointer;
}

.poi-informations {
    min-height: 350px;
    margin-bottom: 15px;
}

.content-description {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    color: #4d4d4d;
    min-height: 400px;
}

.map-title {
    font-weight: 900;
    font-size: 20px;
    color: #4d4d4d;
    font-family: 'Roboto Slab', Serif;
}

.map-single-poi-container {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
}

.content-main-text {
    text-align: left;
    font-size: 15px;
    color: #4d4d4d;
}

.description-with-list > ul {
    line-height: 0.7;
    margin-bottom: 0;
}

.content-main-title > h2 {
    font-weight: 900;
    font-size: 22px;
    margin-bottom: 0;
    font-family: 'Roboto Slab', Serif;
}

#addressButton {
    cursor: pointer;
    display: table;
}

.content-main-title > p {
    font-size: 15px;
    font-family: 'Roboto Slab', Serif;

}

.content-main-text > p > span {
    font-size: 15px;
    color: #f39200;
    text-decoration: none;
}

#link-to-res {
    font-size: 15px;
    color: #f39200;
    text-decoration: none;
}

/*EINKAUFSVIERTEL*/

#vertical-img-eink {
    width: 368px;
}

.vertical-container {
    display: flex;
    width: 629px;
}

#vertical-eink {
    display: block;
    height: 545px;
    /*width: 371px;*/
}

#horizontal-eink {
    display: block;
    height: 266px;
    width: 500px;
}

.single-info-vertical {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    max-width: 100%;
    min-height: 70px;
    margin-top: 100px;
    display: flex;
    margin-left: 10px;
}

.vertical-details {
    margin-top: auto;
    margin-bottom: auto;
}

.horizontal-details {
    margin-top: auto;
    margin-bottom: auto;
}

.single-info-horizontal {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    width: 470px;
    min-height: 60px;
    top: 50px;
    /*padding-left: 5px;*/
    /*padding-right: 15px;*/
    display: flex;
}

.city-part-section {
    min-height: calc(100vh - 240px);
}

/*map*/

#map {
    height: calc(100vh - 100px);
}


@media (max-width: 1200px) {

    #vertical-img-eink {
        width: 307px;
    }

}

@media (min-width: 1200px) {
    .second-contact {
        margin-left: 30px;
    }
}


@media (max-width: 575.98px) {

    .information {
        margin-top: 150px !important;
    }

    .main-image1 {
        height: 100px !important;
    }

    #vertical-img-eink {
        width: 150px;
    }
}

@media (max-width: 768px) {

    .main-information {
        font-size: 14px !important;
    }

    .opacity_width {
        width: 89% !important;
    }

    #vertical-img-eink {
        width: 150px !important;
    }

}

@media (max-width: 992px) {

    .search-but {
        position: absolute;
        margin-left: 80% !important;
    }

    .single-image img {
        width: 100%;
        padding-left: 10px;
        height: 191px !important;
    }

    .information {
        margin-top: 150px !important;
    }

    .main-image1 {
        height: 200px !important;
    }

    .item-lista {
        display: inherit !important;
    }

    .label-for-check {
        font-size: 10px !important;
        display: inline-block;
    }

    .menu-form-shops > h4 {
        font-size: 13px !important;
    }

    #vertical-img-eink {
        width: 228px;
    }

}

.register-container {
    height: 100%;
    width: 100%;
    min-height: calc(100vh - 100px);
    padding: 90px 50px;
}

.login-container {
    height: 100%;
    width: 100%;
    min-height: calc(100vh - 100px);
    padding: 90px 50px;
}

.form-register {
    min-height: 200px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    border: 2px solid #f39200;
    padding: 25px;
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.form-control-register {
    background-color: transparent;
    border-bottom: 1px solid #f39200;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 15px;
}

.form-control-register:focus {
    box-shadow: none;
    border-bottom: 1px solid #f39200;
    background-color: transparent;
}

.register-label {
    margin-bottom: 0;
    font-size: 12px;
}

.login-label {
    margin-bottom: 0;
    font-size: 12px;
}

@media screen and (min-width: 1200px) {
    .form-register {
        margin-left: 200px;
        width: 40%;
    }

    .login-container {
        padding-left: 300px;
    }
}

@media screen and (max-width: 575px) {
    .login-container {
        padding: 20px;
    }
}

@media screen and (max-width: 992px) {
    .padding-0-form-xs {
        padding: 0;
    }
}

@media screen and (min-width: 575px) {
    .nopadding-left-form-fullscreen {
        padding-left: 0;
    }
}

.btn-register {
    background-color: #f39200;
    color: #FFFFFF !important;
    width: 172px;
    min-height: 29px;
    padding: 4px 0px;
    font-size: 12px;
    font-weight: bold;
}

.btn-register:hover {
    color: white;
    text-decoration: none;
}

.link-to-register:hover {
    color: #f39200;
    text-decoration: none;
}

.information-login {
    background: rgba(255, 255, 255, 0.9);
    min-height: 300px;
    width: 450px;
    border-radius: 8px;
    border: 2px solid #f39200;
    color: #4B4842;
}

.login-container {
    padding-top: 100px;
}

.form-login {
    padding: 25px;
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.form-control-login {
    background-color: transparent;
    border-bottom: 1px solid #f39200;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 15px;
}

.form-control-login:focus {
    box-shadow: none;
    border-bottom: 1px solid #f39200;
    background-color: transparent;
}

.forgot-password {
    cursor: pointer;
    font-size: 13px;
    color: #f39200;
    justify-content: flex-end;
}

.w-100 {
    width: 100%;
}

.mt-50 {
    margin-top: 50px;
}

.modal-backdrop {
    z-index: -1;
    background-color: white;
}

.modal-content-forgot-password {
    border: 1px solid #4d4d4d;
    color: #4d4d4d;
    min-height: 50px;
    background-color: white;
    text-align: center;
    /*height: 220px;*/
}

.forgot-password-modal-body {
    padding: 45px 20px;
}

.title-forgot {
    font-size: 20px;
    font-family: 'Roboto Slab', serif;
}

.info-text {
    font-size: 15px;
    font-family: 'Roboto Slab', serif;
}

.first-half-page {
    height: 500px;
    width: 100%;
    /*background: url('/includes/img/Headerbild.png');*/
}

.overview-container {
    padding: 60px 0 150px 0px;
    color: #4B4842;
}

.btn-new-entry {
    border: 1px solid #f39200;
    color: #4B4842;
    min-width: 172px;
    height: 32px;
    padding: 4px 14px;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    border-radius: 1px;
}

.new-entry-plus {
    color: #f39200;
    margin-right: 23px;
}

.text-entry {
    font-size: 15px;
    color: #4B4842;
}

.dropdown-logged-as {
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    color: #4B4842;
}

.dropdown, .show {
    background-color: #FFFFFF;
}

.the-icon {
    color: #f39200;
}

.drop-menu-right {
    border: 1px solid #f39200;
    text-align: left;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    color: #4B4842;
    padding: 5px 15px;
    border-radius: 1px;
    left: 70px !important;
}

.drop-menu-right > li {
    padding: 5px 0;
}

.drop-menu-right > li > a {
    font-family: 'Roboto Slab', serif;
    color: #4B4842;
}

.drop-menu-right > li > a:hover {
    font-family: 'Roboto Slab', serif;
    color: #4B4842;
    text-decoration: none;
}

.drop-menu-right > li:not(:first-child) {
    border-top: 1px solid #f39200;
}

.user-card-settings {
    border: 1px solid #bebebb;
    min-height: 40px;
    padding: 20px;
    border-radius: 5px;
}

@media screen and (min-width: 992px) {
    .d-flex-row {
        display: flex;
    }
}

@media screen and (max-width: 992px) {
    .mb-20-user-settings {
        margin-bottom: 20px;
    }

    .nopadding-at-all-users {
        padding: 0;
    }
}

.checkbox-agree > input[type=checkbox] {
    height: 20px;
    width: 16px;
    margin-top: 1px;
}

.checkbox-agree > [type="checkbox"]:not(:checked),
.checkbox-agree > [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.checkbox-agree > [type="checkbox"]:not(:checked) + label,
.checkbox-agree > [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

.checkbox-agree > [type="checkbox"]:not(:checked) + label:before,
.checkbox-agree > [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.checkbox-agree > [type="checkbox"]:not(:checked) + label:after,
.checkbox-agree > [type="checkbox"]:checked + label:after {
    content: '✓';
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 18px;
    line-height: 0.8;
    color: #f39200;
    transition: all .2s;
}

.checkbox-agree > [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.row-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    border-bottom: 0;
}

.mr-30 {
    margin-right: 25px;
}

.tab-create-poi {
    background-color: #FFFFFF;
    color: #f39200;
    min-width: 172px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    padding: 5px 12px;
    border: 1px solid #f39200;
}

.tab-create-poi:focus {
    outline: 0 !important;
}

.active-tab {
    color: #FFFFFF !important;
    background-color: #f39200 !important;
}

.active-tab:hover {
    color: #FFFFFF !important;
}

.tab-create-poi:hover {
    text-decoration: none;
    color: #f39200;
}

.main-container-crud {
    padding: 50px;
}

.tab-pois {

}

.textarea-crud {
    border: 1px solid #f39200;
}

.select-for-pois > select::-ms-expand {
    display: none;
}

.select-crud {
    border: 1px solid #f39200;
    border-radius: 1px;
    -webkit-appearance: none;
    -ms-appearence: none;
    -moz-appearance: none;
    -o-appearence: none;
}

.select_box:after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f39200;
    position: absolute;
    top: 60%;
    right: 25px;
    content: "";
    z-index: 98;
}

.add-photo-container {
    min-height: 40px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #f39200;
    padding: 47px;
}

.photo-icon {
    color: #BEBEBE;
    font-size: 70px;
}

.plus-container {
    width: 22px;
    height: 22px;
    position: absolute;
    background-color: #f39200;
    border-radius: 50%;
    top: 93px;
    right: 118px;
}

.plus-icon {
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 3px;
    margin-left: 2px;
}

.extra-info-photo {
    font-size: 13px;
    color: #f39200;
    font-family: 'Roboto', sans-serif;
}

.extra-explication {
    font-size: 12px;
    color: #868686;
    font-family: 'Roboto', sans-serif;
}

.select-crud:focus {
    box-shadow: none;
    border: 1px solid #f39200;
    background-color: transparent;
}

.container-for-select {
    padding: 8px 14px;
    border: 1px solid #f39200;
    border-radius: 5px;
}

.select-crud-multiple {
    min-height: 115px;
    overflow-y: scroll;
    width: 100%;
    border: none;
    scrollbar-color: #f39200 #f0f0f0;
}

.select-crud-multiple:focus {
    outline: none;
}

.select-crud-multiple > option {
    margin-right: 10px;
    padding: 5px;
}

.select-crud-multiple > option:not(:first-child) {
    border-top: 1px solid #f39200;
}

.select-crud-multiple-dashboard {
    min-height: 115px;
    overflow-y: scroll;
    width: 100%;
    border: none;
    scrollbar-color: #f39200 #f0f0f0;
}

.select-crud-multiple-dashboard:focus {
    outline: none;
}

.select-crud-multiple-dashboard > option {
    margin-right: 10px;
    padding: 5px;
}

.select-crud-multiple-dashboard > option:not(:first-child) {
    border-top: 1px solid #f39200;
}

/* width */
.container-for-select > ::-webkit-scrollbar {
    width: 10px;
    scrollbar-width: 10px;
}

/* Track */
.container-for-select > ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.45);
    border-radius: 20px;
}

/* Handle */
.container-for-select > ::-webkit-scrollbar-thumb {
    background: #f39200;
    scrollbar-color: #f39200 #f0f0f0;
    border-radius: 10px;
}

.textarea-crud:focus {
    box-shadow: none;
    border: 1px solid #f39200;
    background-color: transparent;
}

.error-message {
    color: red;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
}

.add-poi-button-container > .btn-preview {
    background-color: #FFFFFF;
    color: #f39200 !important;
    width: 172px;
    height: 29px;
    padding: 4px 0px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #f39200;
    margin-bottom: 10px;
}

.btn-cancel {
    background-color: #FFFFFF;
    color: #f39200 !important;
    min-width: 172px;
    min-height: 29px;
    padding: 4px 0px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #f39200;
    margin-bottom: 10px;
}

.btn-reset {
    background-color: #FFFFFF;
    color: #f39200 !important;
    min-width: 172px;
    min-height: 29px;
    padding: 4px 0px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #f39200;
    margin-bottom: 10px;
    margin-left: 7px;
}

.save-btn {
    margin-bottom: 10px;
}

@media screen and (max-width: 575px) {
    .save-btn {
        width: 100%;
    }

    .btn-cancel {
        width: 100%;
    }

    .btn-preview {
        width: 100% !important;
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 992px) {
    .btn-cancel {
        position: absolute;
        right: 30px;
    }
}

/*iframe preview poi*/

.modal-preview > #modalPreviewPoi {

}

.modal-dialog-preview {
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: 100% !important;
}

.modal-content-preview {
    width: 100%;
    height: 100%;
}

.modal-body-preview {
    width: 100%;
    height: 100%;
    padding: 0;
}

#preview-poi-iframe {
    height: 100%;
    width: 100%;
}

.all-results {
    border: 1px solid #bebebb;
    border-top: none;
}

.all-results > .title-div {
    width: 100%;
    height: 50px;
    background-color: #c7c4c4;
    color: black;
    padding: 13px;
}

.poi-content {
    padding: 10px;
    overflow-y: scroll;
    height: 600px;
    margin: 15px 15px 15px 0;
    scrollbar-color: #f39200 #f0f0f0;
}

/* width */
.all-results > ::-webkit-scrollbar {
    width: 10px;
    scrollbar-width: 10px;
}

/* Track */
.all-results > ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.45);
    border-radius: 20px;
}

/* Handle */
.all-results > ::-webkit-scrollbar-thumb {
    background: #f39200;
    scrollbar-color: #f39200 #f0f0f0;
    border-radius: 10px;
}

.all-results > ::-webkit-scrollbar-thumb:vertical {
    scrollbar-color: #f39200 #f0f0f0;
    border-radius: 10px;
}

.poi-content > a {
    width: 100%;
    text-decoration: none;
}

.poi-content > .border:not(:first-child) {
    border-top: 1px solid #c7c4c4;
}

.last {
    border-bottom: 1px solid #c7c4c4;
}

.poi-content > a > .poi-name {
    margin-bottom: 0;
    text-decoration: none;
    color: #4B4842;
}

.poi-content > a > .poi-name:hover {
    text-decoration: none;
    color: #4B4842;
}

.published {
    color: #04ff00;
    margin-right: 5px;
}

.unpublished {
    color: #e13027;
    margin-right: 5px;
}

.left-search {
    display: flex;
    padding: 7px;
    min-width: 89px;
    height: 38px;
    border: 1px solid #bebebb;
    border-bottom: none !important;
    position: absolute;
    z-index: 9;
    top: 0;
    background-color: white;
    left: 15px;
}

.left-search > .fa-search {
    margin-right: 5px;
    font-size: 20px;
    color: #f39200;
}

.left-search > p {
    color: #4B4842;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.right-side {
    width: 100%;
    border: 1px solid #bebebb;
    min-height: 380px;
    margin-top: 37px;
    padding: 15px;
}

.btn-new-admin {
    position: absolute;
    right: 15px;
    top: 1px;
}

.search-admin {
    font-size: 14px;
    color: #868686;
    font-family: 'Roboto', sans-serif;
}

.shop-or-restaurant {
    /*width: 40%;*/
}

.select-shop-or-restaurant {
    overflow: hidden;
    height: 78px !important;
    border: 1px solid #f39200;
    border-radius: 1px;
}

.select-shop-or-restaurant > option {
    padding: 6px;
}

.select-shop-or-restaurant > option:first-child {
    border-bottom: 1px solid #f39200;
}

.poi-type {
    margin-bottom: 0;
    padding: 4px;
    font-family: 'Roboto', sans-serif;
    color: #4B4842;

}

.poi-type:not(:first-child) {
    border-top: 1px solid #868686;
}

#mapOverviewPoi {

}

.map-preview-poi-container {
    width: 100% !important;
    height: 500px !important;
    position: relative;
    overflow: hidden;
}

.error-lat-lng {
    font-weight: 900;
    font-size: 15px;
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;

}

.error-lat-lng > .fa-exclamation-triangle {
    color: #f39200;
    margin-right: 5px;
}

.remove-single-img {
    cursor: pointer;
    padding: 0px 5px;
    width: 22px;
    height: 22px;
    position: absolute;
    background-color: #f39200;
    border-radius: 50%;
    color: white;
    margin-left: -22px;
    margin-top: -1px;
}

.img-poi-thumb {
    height: 227px;
    width: 322px;
    margin: 5px 5px 5px 0;
    object-fit: cover;
    overflow: hidden;
}

.preview-main > .no-imgs-container {
    height: 550px;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url('/includes/img/Headerbild.png');
    background-size: cover;
}

.no-imgs-title {
    width: 356px;
    height: auto;
    padding: 15px;
    top: 42%;
    background-color: #FFFFFF;
    font-size: 17px;
    text-align: center;
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    position: relative;
    margin: auto;
    z-index: 9999;
}

.required-field {
    color: red;
}

.error {
    color: red;
    font-weight: bold;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.succes-allert {
    height: 45px;
    background: #94ef7a;
    margin: 15px;
    border-radius: 5px;
    width: 89%;
    padding: 10px;
    color: black;
    font-family: 'Roboto', sans-serif;
    -webkit-transition: opacity 2.0s ease-in;
    -moz-transition: opacity 2.0s ease-in;
    -o-transition: opacity 2.0s ease-in;
}

.admin-logout {
    color: #f39200;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.admin-logout:hover {
    color: #f39200;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

.right-click-menu {
    border: 2px solid #f39200;
    width: 150px;
    min-height: 50px;
    padding: 8px;
    position: absolute;
    right: 56px;
    z-index: 999;
    background-color: white;
    margin-top: -39px;
}

.bb {
    border-bottom: 1px solid #f39200;
}

.right-click-action {
    font-family: 'Roboto', sans-serif;
    color: #4B4842;
}

.right-click-action:hover {
    font-family: 'Roboto', sans-serif;
    color: #4B4842;
    text-decoration: none;
}

.button-to-resend-code {
    cursor: pointer;
    font-size: 13px;
    color: #f39200;
}

.btn-delete-poi {
    background-color: #FFFFFF;
    color: #4d4d4d !important;
    min-width: 172px;
    min-height: 29px;
    padding: 4px 0px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #4d4d4d;
}

.dashboard-img {
    min-height: 60px !important;
}

.to-right-flex {
    display: flex;
    justify-content: flex-end;
}

.open-modal {
    cursor: pointer;
}

#publish-form {
    text-align: left;
}

.btn-publish {
    background-color: #f39200;
    color: #FFFFFF !important;
    min-width: 172px;
    min-height: 29px;
    padding: 4px 0px;
    font-size: 12px;
    font-weight: bold;
}

.input-date {
    border: 1px solid #f39200;
    border-radius: 1px;
    padding: 6px;
}

.label-date {
    margin-bottom: 0;
    padding: 4px;
    font-family: 'Roboto', sans-serif;
    color: #4B4842;
}

.modal-header-gdpr {
    padding: 15px;
}

#gdprModal {
    padding-right: 0 !important;
}

@media (min-width: 576px) {
    .modal-dialog-gdpr {
        max-width: 100%;
        margin: 0;
    }
}

.terms-conditions {
    font-size: 16px;
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
    border: 2px solid #f39200;
    border-radius: 3px;
    padding: 10px;
}

.payment-form {
    width: 80%;
    margin: auto;
}

.jcfe {
    justify-content: flex-end;
}

.cursor-pointer {
    cursor: pointer;
}

.tab-select-dashboard {
    padding: 6px 12px;
    font-size: 14px;
}

.br-0 {
    border-radius: 0px;
}

.select-dashboard-multiple {
    min-height: 180px;
}

.break-line {
    white-space: pre-line;
}

.pos-relative {
    position: relative !important;
}

.container-dp {
    padding: 100px 0;
}

.poi-website {
    color: #f39200;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
}

.poi-website:hover {
    text-decoration: none;
    color: #f39200;
    font-family: 'Roboto', sans-serif;
}

.img-carousel-max-height {
    max-height: 580px;
}

@media screen and (min-width: 991px) {
    .error-images {
        min-width: 700px;
    }

    .error-images-restaurant {
        min-width: 700px;
    }
}

.container-expired-token {
    position: relative;
    height: calc(100vh - 140px);
    margin-top: 50px;
}

.paragraph-expired {
    font-size: 16px;
    color: #4d4d4d;
    font-family: 'Roboto', sans-serif;
}

.pl-10 {
    padding-left: 10px;
}