.xx{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}
.kwz_confirm_kithendo h1{
color:#000;
}
.xxxx{margin_:auto auto 0;margin_:0;padding:10px;
  width:100vw;
  max-width:480px;
  min-height:160px;
  margin-left:0;
  margin-bottom:0;
  border:0;
  border-top:1px solid green;
  border-top-right-radius:10px;
  border-top-left-radius:10px;
  background-color: #fefefe;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s
}

/* The Close Button */
./* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}
@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}
@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}
@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}
.kwz_get_editor_form{
width:100%;
height:40px;
text-align:left;
margin:40px 0 40px;
  border:1px solid black;
}
/*.kwz-editor{position:fixed;top:0;left:0;
  width:100%;
  min-height:200px;position_:relative;
   background:yellow;z-index:40000;
}*/.a-sup,
#kwz_editor{background:pink;
width:100vw;
max-width:480px;
height:100vh;
max-height:100%;
padding:0;
margin-left:0;
border:0;
}
.kwz_editor_vitendho{
margin:50px 0 0;padding:0 10px;
}




.kwz_editor_vitendho .btn{
margin-right:10px;
}
#kwz_editor_textarea{
width:calc(100% - 20px);
height:250px;
margin:20px auto;
border:1px solid green;
border-radius:5px;
}
#kwz_editor_mapica_input{
display:none;
}
#kwz_editor_media_preview{background:red;
}
#kwz_editor_mapica_add_more{background:yellow;
margin-left:10px;
}
#kwz_editor_mapica_add_more_label{background:pink;
width:100px;
height:100px;

}
#kwz_editor_media_preview ul{background:green;
overflow:hidden;
overflow-x:auto;
white-space:nowrap;
-ms-overflow-style:none;
scrollbar-width:none;
padding:0;
margin:0;
}
#kwz_editor_media_preview li{background:yellow;
position:relative;
height:100px;
overflow:hidden;
display:inline-block;
padding:0;
margin:0 10px;
}
#kwz_editor_media_preview .file_type_is_vidheo{
width:180px;
}
#kwz_editor_media_preview .no_valid_file_type{
width:200px;
padding:7px;
border:1px solid orange;
}
#kwz_editor_media_preview .no_valid_file_type p{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#kwz_editor_media_preview img{display_:block;
width:auto;
height:100px;
}
#kwz_editor_media_preview .btn_remove_media{color:black;background:green;
position:absolute;
top:10px;
right:10px;
}
#kwz_editor_media_preview .no_valid_file_type .btn_remove_media{background:orange;
}
.visually-hidden{
position:absolute !important;
height:1px;
width:1px;
overflow:hidden;
clip:rect(1px, 1px, 1px, 1px);
}

input.visually-hidden:is(:focus, :focus-within) + label {
outline:thin dotted;
}

.obj{

height:60px;
  
}


/*
//!! Âgalia zha dunga !!

*/

#kwz-box-editor{
  position:fixed;
  top:40px;
  left:0;
  height:calc( 100vh - 80px );
  
width:100vw;
max-width:480px;
padding:10px 10px 40px;
overflow:scroll;
background:#afafaf;
}
.kwz-box-editor-vitendho-1{
width:100%;
}
.kwz-box-editor-vitendho-1 .btn{
border-top:none;
border-top-right-radius:0;
border-top-left-radius:0; 
}
.kwz-box-editor-vitendho-2{
width:100%;
justify-content:space-between ;
margin:20px 0 0;
}

#kwz-textarea-editor{
border:0;
}








.kwz-modal-editor{
z-index:1065;
backdrop-filter:blur(6px);  
}
#modal-editor .modal-content{
min-height:70vh;
background:pink;

}/*
.tab-content{
  background :yellow;
}
*/
.nav-tabs{background-- :green ;
position:relative;
z-index:10;

}
.nav-tabs::after{
content:'';
position:absolute;
width:100%;
height:1px;
bottom:0;
left:0;
background:#afafaf;
}
#modal-editor .nav-tabs .btn{
position:relative;
z-index:11;
background:#fafafa;
border:1px solid #afafaf;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}
#modal-editor .nav-tabs .btn.active{
background:#efefef;
border-bottom-color:transparent;
}
#modal-editor .tab-content{
padding:10px 5px;
background:#efefef;
border:1px solid #afafaf;
border-top:0;
}
.tab-content > .tab-pane{
 display:none;
}
.tab-content > .active{
display:block;
}
#kwz-editor-textarea nav{
justify-content:space-between;
margin-bottom:10px;
}