/* 
    Created on : 10.08.2019, 13:01:55
    Author     : juergen kind it-kind.de 
*/

@media (min-width:992px) {
    
    .map-container {
        border: 2px solid red;
        width: 100%;
        height: 400px; min-height: 400px;
    }
    .map {
        border: 2px solid blue;
        width: 100%;
        height: 100%;
    }
    .poimap-box-information {
        display:block; width:100%; height: 100px;
        border: 2px solid red;
    }
    
}


/*

plugin.bootstrap_package.settings.scss.primary =   #0084bb
plugin.bootstrap_package.settings.scss.secondary = #dc0028
plugin.bootstrap_package.settings.scss.secondary = #5ba755


*/



@media (min-width:1200px) { 

    .section-daw-top {
        /* max-height: 300px; */
        /* height: 300px; */
        border: 0px solid blue;
    }

}



@media (min-width:1200px) {


    /* Controls */
    .poimap-container-controls {
        border: 0px solid red;
    }

    .poimap-search-box {
        display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
    }
    .poimap-search-input {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        /* justify-content: space-between; */
        align-items: center;
        /* align-content: space-between; */
        width: 100%;
        height: 2rem;
    }
    
    .poimap-container-controls {
        position: absolute;
        padding-top: 20px;
        z-index: 1009;
        width: 100%;
        margin-left:  40px;
        margin-right: 40px;
    }
    
    /* Suchfeld */
    .poimap-search-container {
        /* max-width:600px; */
        /* margin: auto; */
        border: 0px solid green;
        width: 800px;
        margin: auto;
    }
    
    .poimap-input-search {
        width: 700px;
        height: 40px;
        padding: .5rem;
        color: darkgrey;
    }
    .poimap-input-search input {
        padding: 1rem;
    }
    
    

    /* Map */
    .poimap-container-map {
        border: 0px solid orange;
        z-index: 1008;
        height: 500px;
        max-height: 500px;
        height: calc(100vh - 340px);
        max-height: calc(100vh - 340px);
    }

  
    
    .map {
        z-index: 1007;
        height: 100%;
    }


}


/* Formtierung Suchergebnis */

@media (min-width: 1200px) {
    
    .poimap-search-result-list {        background: white;  padding: 0; margin: 0rem;  }
    .poimap-search-result-list ul {  border: 0px solid red;}
    .poimap-search-result-list li {  border: 0px solid red; list-style: none; color: #0084bb; margin: 0rem; padding-left: 1rem; padding-top: .2rem;padding-bottom: .2rem;}
    .poimap-search-result-list li:hover {   color: #0054ab; background: #efefef;  }
    
    .poimap-search-result-list a { color: #0084bb; text-decoration: none; width: 100%; margin: 0rem;}
    
}



/* Infobox */

.nodisplay { display: none;}

/* Dialog */ 
@media (min-width:1200px) {
    
    .mDialog-Close {
    text-align: center;
    font-weight: lighter;
    font-size: 1rem;
    padding: .25rem;
    padding-left: .5rem;
    padding-right: .5rem;
    cursor: pointer;
    float: right;
    margin-bottom: 0px;
}

.object-box {
        display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
        width: 1100px;
        
}
.object-description     {
    width: 500px;border: 0px solid #999;
}
.object-media           {
     width: 500px;
     border: 0px solid #999;
     height: 100%;
     /* min-height: 500px; */
}
.object-image { width: 500px;border: 0px solid #999; }

.slick-track { max-height: 400px;}


/* buttons */
.your-class .slick-prev {background: url('/modules/itk/poimapg/icons/arrow-left.svg');background-size: contain;background-repeat: no-repeat;width:  50px;/* background: #999; */height: 50px;opacity: 1;}

.your-class .slick-next { right: -60px;background: url('/modules/itk/poimapg/icons/arrow-right.svg');background-size: contain;background-repeat: no-repeat;width:  50px;/* background: #999; */height: 50px;opacity: 1;}

.your-class .slick-prev:hover {background: url('/modules/itk/poimapg/icons/arrow-left.svg');background-size: contain;background-repeat: no-repeat;width:  50px;/* background: #999; */height: 50px;opacity: 1;}

.your-class .slick-next:hover { right: -60px;background: url('/modules/itk/poimapg/icons/arrow-right.svg');background-size: contain;background-repeat: no-repeat;width:  50px;/* background: #999; */height: 50px;opacity: 1;}




}



/* Obekte in Karte Klickbar */

@media (min-width: 1200px) {
    
    .poimap-box-information { display: none; }
    .chosenAddress          { display: none; }

    .poimap-object-list {
        display: none;;
        min-width: 400px; min-height: 300px; 
        /*border: 0px solid red;*/
    }
    
    
    .poimap-overlay-btn {
        /* display: block; */
        background: #0078e6;
        color: white;
        font-size: 10px;
        padding: 4px;
        z-index: 10099;
        max-width: 10rem;
        height: auto;
        cursor: pointer;
    }
    
}


/* Dialogbox static positionieren */
@media (min-width: 1200px) { 
    #daw-dialog {
      
    }
    
	.frame.daw-popup {
		margin: 0px;
		padding: 0px;
	}
	.frame.daw-popup .frame-container {
		margin: 0px;
		padding: 0px;
	}
	

    .daw-popup {
    position: fixed;
    display: none;
    background: white;
    background: rgba(255,255,255,.95);
    z-index: 10099;
    box-shadow: 5px 5px 15px #333;
}

    .daw-popup {
    top: 220px;
    transform: translateX(calc((100vw - 1100px)/2));
    -ms-transform: translate(-50%,-50%);
    }



}



/* INMAP INFOBOX  */
@media (min-width: 1200px) {
    
    #c226 {
        display: flex;
    flex-flow: column;
    max-width: 250px;
    padding: 10px;
    border: 2px solid darkgrey;
    z-index: 1009;
    position: absolute;
    top: 230px;
    left: 80px;
    }
    
    #c226.frame .btn  { margin: 4px; width: 100%; min-width: 100%;}
    #c226.frame .btn  { min-width: 200px;}
}
@media (min-width: 1200px) {
    
    #c239 {
        display: flex;
    flex-flow: column;
    max-width: 250px;
    padding: 10px;
    border: 2px solid darkgrey;
    z-index: 1009;
    position: absolute;
    top: 230px;
    left: 80px;
    }
    
    #c239.frame .btn  { margin: 4px; width: 100%; min-width: 100%;}
    #c239.frame .btn  { min-width: 200px;}
}




/* Unterschrift für Bild von Objekt im Slider */

@media (min-width: 1200px) {
    
    .daw-media-item-description {
        min-width: 100%;
        display: block;
        display: flex;
        align-content: space-between;
        padding: 1rem;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0;
        font-size: 1rem;
        background: #fff;
        color: black;
        /* border-top: 1px solid #eee; */
        /* border-bottom: 1px solid #eee; */
        align-items: center;
    }
   
    .co-userimages {
        border: 0px solid red; 
        display: flex;
        flex-direction: row;
/*        width: 90%;*/
        padding-right: 4px;
    }
    
    .co-chooseFoto {
        border: 0px solid red; 
        float: right;
        width: 200px;
    }
    .co-userimages .co-userfoto {
        max-height: 50px;
        border: 0px solid #999;
        /* padding-right: 4px; */
    }
    /* Vordefinierte Bilder zum einsetzen */
    .co-userimages-placeholder {
        border: 1px solid red;
        max-height: 50px; height: 50px;
    }
    .lb-placeholder-image { max-height: 50px; height: 50px; border: 0px solid blue; padding-right: 8px;}
    .card-panel-dark .card-header {
    color: #000 !important;
}
	.bg-dark, .card-panel-dark .card-header, .navbar-inverse, .navbar-inverse-transition, .navbar-inverse-transition.navbar-transition {
    background-color: #fff !important; color: black;
}
    
}


/* daw-user-image-4 */

@media (min-width: 1200px) { 
/*
    .daw-user-image-4 {
        position: absolute;
        display: block;
        width: 150px;
        height: 230px;
        border: 2px solid red;
        margin-top: 35px;
        margin-left: 173px;
        background: url('/modules/itk/poimap/objects/customers/user-bild.jpg');
        background-size: cover;
    }
    
    .daw-user-image-2 {
        position: absolute;
        display: block;
        width: 260px;
        height: 185px;
        border: 0px solid red;
        margin-top: 45px;
        margin-left: 133px;
        background: url('/modules/itk/poimap/objects/customers/user-bild-2.jpg');
        background-size: cover;
        border-radius: 4px;
    }
*/
}


/* Farben für Dialogbox  */
@media (min-width: 1200px) {

    .btn-lb-remove-item {
        background: #f5f5f5;
        color: red;
        font-size: 1rem;
        text-align: center;
        /* margin: auto; */
        /* width: 100%; */
        display: block;
    }
    .btn-lb-remove-item:hover {
        background: #efefef;
    }
    
    
    .btn-lb-remove-item-sample {
        background: #f5f5f5;
        color: red;
    }
     .btn-lb-remove-item-sample:hover {
        background: #efefef;
        color: red;
    }
    
    
    .lb-item-block { margin-right: 8px;}
    
}