body, html
{
    touch-action: none;
    -ms-touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

body{
/*    //position: absolute;*/
    margin: 0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
}

.print_favorites
{
    float:right;
    display:block;
    margin-bottom: -10px;
    margin-top: 5px;
    margin-right:5px;
}

#top{
    width: 980px;
    height: 300px;
    margin-left:auto;
    margin-right:auto;
    background-image:url(../images/internormTop1.JPG);
}

#container {
    width: 980px;
    margin-left:auto;
    margin-right:auto;
    margin-top:3px;
    background-color:white;
/*    //border-style:solid;
    //border-width:1px;*/
}

#container-app{
    width: 980px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    background-color:white;
/*    //border-style:solid;
    //border-width:1px;*/
    position: relative;

}

#bottom
{
    float:left;
    width: 980px;
    height: 480px;
/*    //border-style:solid;
    //border-width:1px;*/
}

#footer{
    background-color: #789EB2;
    margin-bottom:0px;
    width: 980px;
    height: 15px;
}

#left-inner{
    width:480px;
    height:760px;
    margin-left:10px;
    marting-top:0px;
/*    //border-style:solid;
    //border-width:1px;*/
}

#right-inner{
    width:480px;height:760px;
    marting-top:0px;
/*    //border-style:solid;
    //border-width:1px;*/
}
.bottom
{
    margin-left:10px;
}
.float-left
{
    float:left;
}
h2,h1,p
{
/*    //color: #979797;*/
}
#mainImg{

}
#tumbnail{
    float:left;
    width:100px;
    height:100px;
    margin-left:10px;
    margin-right:10px;
}
#tumbnails{
    height:110px;
    margin-left:60px;
}
#orange-link{
    color:#FF9B07 !important;
    font-size:17px;
}
hr.style-four {
    color: #789EB2;
    background-color:#789EB2;
    height:1.5px;
    width:220px;
    margin-left:0px;
}
#footer
{
    width: 980px;
    height: 30px;
    margin-left:auto;
    margin-right:auto;
    background:#F0F0F0;
    color:#FFFFFF;
    float: left;
}

#slideshowWrapper
{

}
#slideshow
{
    border:1px solid #999;
    padding:2px;


    overflow:hidden;
}

#slideshow li img
{
    width: 1000px;
    height: 100%;
}

#meni-item
{
    position: absolute;
    top: 250px;
    right: 20px;
}
.meni-item-img
{
    position: relative;
    margin-top: 10px;
    left:0px;
    height:90px;
}
.meni-item-txt
{
    color:white !important;
    font-size:21px ;
    text-align:center;
    position: relative;
    top: 50px;
}
a
{
    text-decoration: none !important ;
}
#door
{
    text-align:center;
    margin-top:20px;
}
#down-menu
{
    margin-top:5px;
    text-align:center;
    width:400px;
}
.down-menu-item
{
    display:inline-block;
    cursor: pointer;
/*    //font-weight:bold;*/
    margin-left: 7px;
    text-align: center;
    font-size: 1.4vmin ;
    margin-top: 1vh;
    margin-bottom: 1%;
    /*width: 4vw;

    margin-left: 0.2vw;*/
}

.down-menu-inner
{
    height:100%;
}
.down-menu-item-size
{
    border: 1px solid transparent;
    height: 7vh;
}
.down-menu-item-door-size
{
    height: 5.8vmin ;
}
.no-title{
    visibility: hidden;
}
.shorted-title{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.down-menu-sidepanel-item
{
    display: inline-block;
    border-color:#979797;
    font-weight:bold;
    vertical-align:middle;
    width: auto;
    margin-right: 8vw;
    margin-top:0.5vh;
/*    //float: left;
    //margin-left: 25px;*/
    text-align: center;

}
.down-menu-sidepanel-item div img{
    float: left;
    cursor: pointer;
}

.down-menu-item-sp-active
{
    padding:5px;
    border: 1px solid black !important;
}

.active-down-menu-item, .down-menu-sidepanel-item:hover, .down-menu-item:hover{
/*    //padding: 3px;*/
    border: 1px transparent;
    /*   -ms-transform:scale(1.07);
       -webkit-transform:scale(1.07);
       -o-transform:scale(1.07);
       -moz-transform:scale(1.07);
       transform:scale(1.07);  */
}
.down-menu-item.active-down-menu-item .down-menu-item-size {
    border: 1px solid black;
    padding: 4px;
}
.down-menu-item.active-down-menu-item .down-menu-item-size img{
    width:140%;
}
.zoom_on_hover:hover  {
    -ms-transform:scale(1.07);
    -webkit-transform:scale(1.07);
    -o-transform:scale(1.07);
    -moz-transform:scale(1.07);
    transform:scale(1.07);
}
#edit-right-menu
{
    background: rgb(227,227,227);
    font-family: Arial;
/*    //display: block;*/
    z-index: 1;
    vertical-align: middle;
    position: absolute;
    right: 0;
/*    //width: 11vw;*/
    font-size: 1.6vmin;
    font-weight: bold;
}

#edit-door-panel
{
    position: absolute;
    text-align:center !important;
    align-content:center;
    top:0px;
}
#edit-door-panel-img{
    position: absolute;
    background-image: url('../img/assets/A3_HT400_CO-D4B.jpg');
    width: 280px;
    height: 550px;
    background-size: 100%;
}



.clear
{
    clear: both;
}

#top-door-edit
{
    background-color:#F3F3F3;
    height: 35px;
    text-align: center;
    vertical-align: middle;
/*    //margin-top: 10px;*/
    white-space:nowrap;
    padding-left: 20px;
    width: 100%;
}
.disabled{
    /* to see this item, change in doordesigner.html needed */
}
.top-menu-item
{
    margin-left:80px;
    height:30px;
    display:inline-block;
    margin-right: 50px;
/*    //border-style:solid;
    //border-width:1px;*/
}
.pointer
{
    cursor: pointer;
}

#center-edit-door-panel
{
/*    //position: ;*/
    width: 100%;
    height: 100%;
    /*background-image:url(../images/background2.png);
    background-size:90%;
    background-repeat: no-repeat;
    background-position: center;
    height:750px;*/
/*    //border-style:solid;
    //border-width:1px;*/
}

.hr_separator{
    margin: 0px 20px;
    color: #2B2B2B;
    z-index: 1;
}

.right_menu
{
/*    //color: black;*/
    text-align: center;
    padding: 20px 0px;
    /*font-size: 14px;
    font-weight: bold;*/
    border-bottom: solid 1px #898989;
    cursor: pointer;
    margin: 0px;
}
.right_menu:hover{
/*    //color:white !important;*/

}

.right_menu_active{
    background-color: #898989 !important;
    color: white !important;
}
.p
{
/*    //color: #979797;*/
}

#door_elements_container
{
    display:none;
}

#edit-down-menu
{
    vertical-align: middle;
    margin-top: 10px;
    white-space:nowrap;
    width: 100%;
    font-size: 1.4 vmin ;
    font-family: Arial;
/*    //cursor: pointer;*/
    position: absolute;
    bottom: 0px;
/*    //padding-left: 20px;*/
    text-align: center;
    height:12vh;
/*    //background-color: rgba(243,243,243,0.7);*/
    background-color: rgb(243, 243, 243);
    z-index: 2;
/*    //z-index: 1000;*/
}

#img{
    margin-top:39px;
    text-align: center;
/*    //background-image: url("http://localhost:8080/miljan/trunk/images/json/YYYYY_XX-XXX_GR_TEG14.png"),url("http://localhost:8080/miljan/trunk/images/json/AT410_P453_GL_SATINATOWEISS.png"),url("http://localhost:8080/miljan/trunk/images/json/AT410_P45X_FF1_HM704.png"),url("http://localhost:8080/miljan/trunk/images/json/AT410_XX-XXX_RM_HM605.png");*/

    /*background-image:url('http://localhost:8080/miljan/trunk/images/json/YYYYY_XX-XXX_GR_TEG15.png'),
        url('http://localhost:8080/miljan/trunk/images/json/AT410_P453_GL_ALUNOX-SATINATOWEISS.png'),
        url('http://localhost:8080/miljan/trunk/images/json/AT410_P45X_FF1_M916.png'),
        url('http://localhost:8080/miljan/trunk/images/json/AT410_XX-XXX_RM_M916.png');*/
    margin-right: auto;
    position: absolute;
    background-size: 100%;
    background-origin:content-box;
    width: 280px;
    height: 550px;
}
#down-menu-label-sidepanel-farberahmen
{

    cursor: default;
    border-bottom: 1px solid white;
}
.down-menu-label
{
    font-family: Arial;
    font-size: 1.7vmin;
    text-align: left;
    vertical-align: middle;
    height: 100%;
    background-color: #2F2F2F;
    color: #ffffff !important;
    left:0;
}

#edit-down-menu-line{
    background-color: rgb(47,47,47);
    height: 2%;
    bottom:12.1vh;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.side-panel-label-frame-and-panel
{
/*    //	border-left: 1px solid gainsboro;*/
    cursor: pointer;
    background-color: rgb(249, 249, 249);
/*    //    position: absolute;*/
}
#down-menu-label-sidepanel-frame
{
/*    //    margin-top: 3vh;
    //border-top: 1px solid;*/
    border-bottom: 1px solid;
}
#down-menu-label-sidepanel-panel
{
/*    // margin-top: 6vh;*/
    border-bottom: 1px solid white;
}
.down-menu-horizontal-scroll{
    overflow-x: auto;
    overflow-y: hidden;
}
.down-menu-item-label
{
    text-align: center;
    width: 100%;
    font-family: Arial;
    margin-top: 0px;
}
/*door tranform page start*/
.top_menu_door_transform {
    width: 99.6vw;
    height: 7.5vh;
    text-align: center;
    margin: 0.2vw auto;

}

.top_menu_door_transform ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.top_menu_door_transform li {
    float: left;
    color: white;
}

.top_menu_door_transform li.last {
    float: right;
    margin-left: 0px;
}

a.doorlink {
    display: block;
    margin-left: 30px;
    /*margin-top: 15px;
    margin-bottom: 10px;*/
    font-size: 24px;
    cursor: pointer;
    color:#C51F2B;
    text-align: center;
    white-space: nowrap;
}

.container_door {

    /*width: 100%;
    heght: 732px;*/
}

#background{
    position: absolute;
    z-index: 0;
    display: block;
}

#house_image_contaier {
    height: 500px;
    overflow: auto;
    position: absolute;
    width: 100%;
}


#house_image {
    width: 77.2vw;
    margin-left: 11.2vw;
    position: absolute;
    background-image: url('../images/background_fit.jpg');
    background-color: white;
    border: 1px solid #e4e4e4;
}
@media (orientation: landscape) {
    #house_image.background_position {
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}
@media (orientation: portrait) {
    #house_image.background_position {
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
}
.notification{
    z-index: 4;
    height: auto;
    max-width: 280px;
    background-color: white;
    color: #808080;
    display: none;
    padding: 10px 25px;
    position: fixed;
    font-family: Arial;
}

.notification_bg {
    z-index: 4;

    background-color: white;
    color: #808080;
    display: none;
    padding: 10px 25px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.right_side_panel{
    position: absolute;
    background-image: url('../images/json/HT410_XX-XXX_SP_M916.png'), url('../images/json/YYYYY_XX-XXX_SP_HM704.png');
    background-size: 100%;
    background-origin:content-box;
    z-index: 1;
}

.left_side_panel{
    position: absolute;
    background-image: url('../images/json/HT410_XX-XXX_SP_M916.png'), url('../images/json/YYYYY_XX-XXX_SP_HM704.png');
    background-size: 100%;
    background-origin:content-box;
    z-index: 1;
}

.door {
    position: absolute;
    z-index: 1;/*grid*/
    background-size: 100%;
    background-origin:content-box;
}
.pt {
    position: absolute;
    z-index: 1;
    width: 28px;
    height: 28px;
    margin-left: -14px;
    margin-top: -14px;
    /*border-radius: 15px;
    background-color: #F00;*/
    cursor: pointer;
    background-image: url('../images/einpassen/red_edge.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-origin:content-box;
}

.magnify {
    position: absolute;
}
/*magnifying glass*/
.touch-magnifying-glass {
    width: 150px;
    cursor: pointer;
    height: 150px;
    z-index: 10000;
    position: absolute;
    border-radius: 0 !important;
    /*Multiple box shadows to achieve the glass effect*/
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85),  0 0 2px 2px rgba(0, 0, 0, 0.25),  inset 0 0 40px 2px rgba(0, 0, 0, 0.25) !important;
    /*Lets load up the large image first*/
    background: url('nones') no-repeat;
    /*hide the glass by default*/
    display: none;
}

.magnifying-glass {
    width: 150px;
    cursor: pointer;
    height: 150px;
    position: absolute;
    border-radius: 100%;
    /*Multiple box shadows to achieve the glass effect*/
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85),  0 0 7px 7px rgba(0, 0, 0, 0.25),  inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    /*Lets load up the large image first*/
    background: url('nones') no-repeat;
    /*hide the glass by default*/
    display: none;
}
/*To solve overlap bug at the edges during magnification */
.small {
    display: block;
/*    //ubacen*/
}

.agenda{

    width: 100%;
    border-bottom: 3px solid black;
}
.ml, .mt, .mr, .mb, .ls_ml, .rs_mr{
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    /*border-radius: 15px;
    background-color: #F00;*/
    cursor: pointer;
    background-image: url('../images/einpassen/yellow_edge.png');
    background-size: 100%;
    background-origin:content-box;
/*    //background-color: blue;*/
}
#side-panel-left
{
    position:absolute;
    margin-top:39px;
}
#side-panel-right
{
    position:absolute;
    margin-top:39px;
}
.frame-side-panel-img
{

}
.pane-side-panel-img
{

}






/*version info*/

#version_info_window
{
    width: 500px;
    height: 800px;
    text-align: center;
    background-color: black;
    margin: auto;
    font-family: Arial;
    border: 1px solid black;
}

#version_info_window a
{
    color: red;
}

#vi_com1
{
    height: 110px;
}

#vi_com2
{
    height: 210px;
}

.vi_com_info
{
    width: 500px;
    text-align: left;
    margin-top:  -25px;
    border-bottom: 1px solid silver;
}
.vi_com_info p
{
    color: white;
    font-size: small;
    margin-left: 10px;

}

.vi_com_logo
{
    width: 300px;
    float:left;
    margin: 10px;
    margin-left: 10px;
}

#vi_app_info
{
    height: 110px;
    border-bottom: 1px solid silver;
    text-align: left;
}

#vi_app_info p
{
    margin-left: 10px;
    color: white;
    font-size: small;

}

#vi_app_info h2
{
/*    //text-align: center;*/
    font-family: Arial;
    margin-left: 10px;
    color: orange;
}


#vi_elements
{
    height: 220px;
    text-align: left;
}

#vi_elements p
{
    font-size: small;
    color: white;
    margin-left:10px;
}

.vi_item
{
    color:white;
    margin:10px;
}


.vi_a_img
{
    height: 15px;
}

.vi_item a
{
    color: red;
}

.vi_item a:visited
{
    color:red;
}

#vi_content
{
    margin-left: 20px;
}

.img-content-info
{
    width:  46vw;
/*    //height: 92.5vh;*/
}

@media only screen and (orientation:portrait){
    .img-content-info
    {
        width:100vw;
        display:block;
    }
}
.sample_image_size
{
    width: 100px;
}

.sample_image_scale {

}
.sample_image_scale.last {

}

.loginfail_contact_table
{
    color: black !important;
}

.request_table_width
{
    width: 195px;
}

.request_error_msg
{
    color: #CC0000;
    text-align: left;
}
.required_fild_star
{
    color: #CC0000;
    font-size:100%;
}
.request_label
{
    font-size:90%;
    display: block;
}
#user_message
{
    resize: none;
}

.ui-autocomplete
{
    z-index: 1000 !important;
    max-height: 300px;
    width: 210px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-state-focus
{
    background-color: rgba(204,0,0,0.5) !important;
}
.ui-menu-item
{
    width: 215px !important;
    margin-right: 15px !important;
    /*... ako je txt veci od duzine */
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}


.email_input_skew
{
    display:inline-block;
    -webkit-transform: perspective(300px) rotateX(11deg);
    -o-transform: perspective(300px) rotateX(11deg);
    -moz-transform: perspective(300px) rotateX(11deg);
    -ms-transform:skewX(-19deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50% 0;
}
.email_input_skew_central{
    display:inline-block;
    -webkit-transform: perspective(300px) rotateX(-11deg);
    -o-transform: perspective(300px) rotateX(-11deg);
    -moz-transform: perspective(300px) rotateX(-11deg);
    -ms-transform:skewX(19deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50% 0;
}

.anfrage_input_skew
{
    display:inline-block;
    -webkit-transform: perspective(300px) rotateX(25deg);
    -o-transform: perspective(300px) rotateX(25deg);
    -moz-transform: perspective(300px) rotateX(25deg);
    -ms-transform:skewX(-25deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
}

.anfrage_input_skew_central{
    display:inline-block;
    -webkit-transform: perspective(300px) rotateX(-25deg);
    -o-transform: perspective(300px) rotateX(-25deg);
    -moz-transform: perspective(300px) rotateX(-25deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}


/* req-info-content,
req-loader-wrapper {
    padding-left: 10px;
} */

.anfrage_label{
    font-size:94%;
    border-right: 1px solid rgb(178,178,178);
    height: 36px;

    /* height: 45px; */
}

.anfrage_input{
    height:32px !important;
    margin-top:2px !important;
}

#anfrage_door_info {
    width: 100%;
}

.anfrage-door-info {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.anfrage-door-info div {
    width: 49.1%;
}

.anfrage-door-info-id,
.email-door-info-id {
    font-size: 75%;
    /* text-align: right; */
    /* height:35px; */
    color:rgb(115,115,115);
    display: flex;
    justify-content: center;
    align-items: center;
}

.email-door-info-id {
    width: 45%;
    padding: 5px;
}

.anfrage-door-info-id div,
.email-door-info-id div{
    width: 50%;
    height: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
 }


.grey-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.grey-row div#model-title,
.image-title {
    background-color: rgb(115,115,115);
    color: #fff;
    padding-left: 10px;
    width: 100%;
    font-size: 14px;
}

.text-area,
.text-area-email {
    margin-top: 10px;
    width: 100%;
    padding: 5px 3px;
    border: 1px solid rgb(115,115,115);
}
.text-area div {
    color: rgb(115,115,115);
    line-height: 18px;
    font-size: 16px;
    display: flex;
}

.text-area-email div {
    line-height: 18px;
    font-size: 16px;
    display: flex;
    color: rgb(115,115,115);
}

.text-area div span {
    font-size: 18px;
    padding-left: 5px;
}

.text-area-email div span {
    font-size: 18px;
}

.text-area div div.bold,
.text-area-email div div.bold {
    font-weight: 700;
    font-size: 14px;
    max-width: 22%;
    width: auto;
    display: contents;
}


.anfrage-door-imgs,
.email-door-imgs {
    width: 100%;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.columns-image {
    width: 49%;
    border: 1px solid rgb(115,115,115);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.door-img-wrapper{
    display: flex;
    align-items: center;
}

.main-wrapper {
    overflow-y: scroll;
    display: flex;
    height: 440px;
    flex-direction: column;
}

.title-info {
    line-height: 35px;
    color: #fff;
    background-color: rgb(203,32,40);
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
    width: 100%;
}

.email_info_wrapper{
    font-size:100%;
    margin-bottom: 20px;
    display: flex;
}

.email-door-config {
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.info-wrapper {
    width: 55%;
}

#fixed-email {
    position: fixed;
    width: 95%;
    bottom: 20px;
}

#mail_error img{
    height: 25px;
    width: 25px;
}

.emavg_item_anfrage
{
    font-size: small;
    color: black;
    padding:0px;
    height:auto;
    display: block;
}

.email-text-area {
    width: 100%;
    border: 1px solid rgb(115,115,115);
    height: 100px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

.email-text-area-message {
    width: 100%;
    height: 80px;
}

.email-text-area-message textarea{
    color: rgb(115,115,115);
    height: 100%;
    border: none;
}

.email-text-area-count {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: rgb(115,115,115);
    font-size: 10px;
    color: #fff;
}


.emavg_item_l_anfrage {
    text-align: left;
    float:left;
    padding-left:10px;
    color:white;
    background: rgb(115,115,115);
    width:40%;
}

.emavg_item_r_anfrage
{
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    float:left;
    color:rgb(123,123,123);
    background: rgb(228,228,228);
    width:60%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*like popup start*/

.like-popup {
    /* background: rgba(0, 0, 0, 0.45); */
    position: absolute;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
}

.show {
    display: flex;
}

.like-popup-center {
    height: 55%;
    width: 62.5rem;
    background-color: #fff;
    z-index: 10;
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px 0 25px 25px;
    font-size: 14px;
}

.like-popup-info {
    margin-top: 40px;
    overflow-y: scroll;
    width: 95%;
    height: 90%;
    /* margin-left: 25px; */
}

.title {
    position: fixed;
    display: flex;
    width: 96%;
    margin-bottom: 5px;
}

.red-title {
    width: 100%;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    background-color: rgb(203,32,40);
    color: #fff;
    font-weight: bold;
    line-height: 35px;
}

.close-img {
    width: 30px;
    height: 30px;
}

.model-title-like {
    background-color: rgb(115,115,115);
    color: #fff;
    padding-left: 10px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    height: 2vh;
}

.text-area-like {
    border: 1px solid rgb(115,115,115);
    margin-bottom: 25px;
}

.text-area-like div {
    line-height: 18px;
    font-size: 16px;
    display: flex;

    color: rgb(115,115,115);
}

.text-area-like div div.bold {
    font-weight: 700;
    font-size: 14px;
    max-width: 25%;
    width: auto;
    display: contents;
}

.text-area-like div span {
    font-size: 18px;
}

/* .like-popup-detail {
    font-weight: bold;
} */

.internorm,
.total {
    color: rgb(203,32,40) !important;
}

.price-detail {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* flex-direction: column; */
    /* padding-top: 25px; */
    padding-top: 10px;
    min-height: 250px;
    /* font-size: 15px; */
}

.price-detail div.left-side,
.price-detail div.right-side {
    display: flex;
    width: 49%;
    flex-direction: column;
}

.price-detail div span {

    /* height: 3vh; */
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    justify-content: flex-end;
}

.price-detail div span.left {
    width: 40%;
    background-color: rgb(115,115,115);
    color: #fff;
    justify-content: flex-start;
    padding-left: 10px;
}

.price-detail div span.right {
    background-color: lightgray;
    color: #333;
    justify-content: flex-start;
    padding-right: 10px;
    width: 60%;
}

.price-detail div span.left-price {
    width: 60%;
    background-color: rgb(115,115,115);
    color: #fff;
    justify-content: flex-start;
    padding-left: 10px;
}

.price-detail div span.right-price {
    background-color: lightgray;
    color: #333;
    justify-content: flex-start;
    padding-right: 10px;
    width: 40%;
}

.flex-end {
    justify-content: flex-end !important;
}


.door-info-id {
    width: 100%;
    margin: 10px 0;
    font-size: 18px;
    color: rgb(115,115,115);
}
.door-info-id span {
    font-size: 16px;
    font-weight: bolder;
    color:rgb(203,32,40);
}

.like-door-imgs {
    width: 100%;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.like-button {
    width: 100%;
    /* padding-bottom: 150px; */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 30px;
    margin-top: 60px;
}

.like-button div {
    height: 4vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(203,32,40);
    width: 25%;
    font-weight: 700;
    color: rgb(227,227,227);
    /* margin-top:100px */
}

/*like popup end*/

@media only screen and (max-width: 1024px) and (orientation: portrait){
    #fixed-email {
        width: 93%;
    }

    .like-popup-center {
        width: 80%;
        height: 40%;
    }

    .text-area-like div {
        line-height: 1.6vh;
        font-size: 1.5vh;
    }
   .text-area-like div div.bold {
        font-size: 16px;
   }


    .text-area-like div span {
        font-size: 1.9vh;
    }

    .like-popup-text {
        font-size: 1.5vh;
    }

    .price-detail {
        padding-top: 20px;
    }

    .price-detail div span {
        height: 2vh;
        font-size: 1.3vh;
    }


    .price-detail div span.right {
        justify-content: flex-start;
        padding-left: 5px;
        padding-right: 0;
    }
}


@media only screen and (max-width: 800px) {

    .anfrage_label{
        font-size:70%;
        color: white;
    }

    .like-popup-center {
        width: 80%;
        min-width: 80%;
        height: 54%;
        padding: 25px 0 25px 18px;
    }

    .anfrage_input{
/*        //font-size: 98% !important;*/
    }

    .email_info_wrapper{
        font-size:89%;
    }

    .emavg_item_l{
        padding-left:2px;
    }

    .emavg_item_r{
        padding-right: 2px;
    }

    .anfrage_input{
        /* height:41px !important; */
    }

    .emavg_item_l_anfrage{
        width: 50%;
    }

    .emavg_item_r_anfrage{
        width: 50%;
    }
    #fixed-email {
        width: 91%;
    }
}

@media only screen and (max-width: 1400px) and (orientation:landscape) {
    .like-popup-center {
        width: 80%;
        height: 70%;
    }

    .door-info-id {
        font-size: 16px;
    }

    .model-title-like {
        margin-bottom: 15px;
        height: 3vh;
    }

    .text-area-like div {
        font-size: 14px;
    }

    .price-detail {
        padding-top: 20px;
    }

    .price-detail div span {
        height: 2.5vh;
        font-size: 1.3vh;
    }
}

body.iOSscrollingFix {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed;
}