body {
	/* margin: 20px; */
}

.dropBox{
  background-color: #ccc; /* Used if the image is unavailable */
 /*   height: 500px;You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
/*  background-size: cover;  Resize the background image to cover the entire container */
  background-image: url("/images/dragndrop.png");
  
  border-top: 2px solid #65c5fe;
  border-bottom: 2px solid #65c5fe;
  padding: 10px;
/*  border-radius: 15px; */
}
.dropBoxSpacer{
/*  background-color: #ccc; /* Used if the image is unavailable */
  border-top:1px solid #65c5fe;
  border-bottom:1px solid #65c5fe;
  padding: 10px;
  border-radius: 15px; 
}


.dropBoxSidebar{
  background-color: #ccc; /* Used if the image is unavailable */
 /*   height: 500px;You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
/*  background-size: cover;  Resize the background image to cover the entire container */
  background-image: url("/images/dragndrop.png");
  
  border: 2px solid #65c5fe;
  padding: 10px;
 border-radius: 15px; 
 z-index:0;
 overflow:scroll;
 
}

#sortableImageTarget{
z-inex:0;
}

.grid-square img{
z-inedx:10000;
}

.divider-1 {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.border-bottom{
 // border-bottom: 1px solid #65c5fe!important;
	
}
.bi-1{
font-size: 1em
}
.bi-2{
font-size: 2em
}
.bi-3{
font-size: 3em
}
.bi-4{
font-size: 4em
}
.bi-5{
font-size: 5em
}
.hidden{
display: none;
}
#dialogmitte{


}

.ps-25{
	padding-left: 2.5rem!important;
}

/* ------------------- Darstellungänderungen Sortable Grid ------------------------ */ 

.grid-square {
  

    height:200px;
	//width: auto;
	
	
}
.vert{
 z-index:5000!Important
}

.archivGrid{
    position: fixed;
     right: 3px; 
     top:10px; 
    height: 100%;
    overflow: auto;
    z-index: 0;
    padding-bottom:10px;
}
.archivGridFotoshooting{
  
     top:10px; 
    height: 100%;
    overflow: auto;
    z-index: 0;
    padding-bottom:10px;
}
.archivGridFotoshootingfix{
    position: fixed;
}
.bg-light{
  background-color: rgba(12, 32, 50, 1);
  z-index:5001!Important;
}
.archivTargetFotoshooting{

}
#sortableTargetFotoshooting{
margin-top: 0px!Important;
}

#h2Target{
padding-top:10px;
}





/* ------------------- Darstellungänderungen Sortable Grid ------------------------ */ 

.ui-slider-handle{
width: 2em!Important;
height: 2.5em!Important;
color:#ccc;
}

.slider{
height: 2em!Important;
}

.imgVorschau img{
width: 402px;
}

.dasboardImages{
width: 200px;
height: 200px;
overflow:auto;

}

iframe {

  width: 100%!Important;
  min-height: 800px!Important;
}

#vorschauTable{
width:80%!Important;
}
#flip, #menuII{
position: fixed;
left: 0px;
}
#menuII{
width:100%;
}

.noLink {
color: inherit;
text-decoration: none;
}

.text-s1{
font-size:0.5em;
}
.text-s2{
font-size:0.6em;
}
.text-s3{
font-size:0.7em;
}
.text-s4{
font-size:0.8em;
}
.text-s5{
font-size:0.9em;
}

.col-01{
flex: 0 0 auto;
width: 1%;
}
.col-02{
flex: 0 0 auto;
width: 2%;
}
.col-03{
flex: 0 0 auto;
width: 3%;
}
.col-04{
flex: 0 0 auto;
width: 4%;
}
.col-05{
flex: 0 0 auto;
width: 5%;
}

.papierkorbIcon{
  position:relative;
  text-align:center;
  display:none;
  bottom:0px;
  margin:5px;
  background-color:red;
  border-radius:5px;
  z-index:100;


}


/* ------------------------ VIDEO CUT ------------------------ */





.grid-square {
  width: 153px;
  overflow:hidden;
  display: inline-block;
}

.grid-squareImage {

}

.grid-squareVideo {

}
.video-container{

}