/* START przyciski edycji w lewym panelu */

.buttons_box {

   /* margin-bottom: 10px; */

    padding:  0 10px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



 .edit, .del {

  width: 50%;

      padding: 5px;

      text-align: center;

      font-size: 1.1rem;

      border: 1px solid #ccc;

      color: #555;

      background: #f3f3f3; 

}

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

 .edit {

  width: 80%;

}

}





 .edit:hover {

  border: 1px solid #1d910b;

      background: #0d8517;

      color: #fff;  

}



 .del:hover {

  border: 1px solid #c81c1c;

      background: #f88205;

      color: #fff;

}



.v-top-box {

   height: 81%;

}



.v-bottom-box {

  margin-top: 25px;

}



 



#stop, #powrot {
     display: flex;
    justify-content: center;
    align-items: center;  
}

 

#powrot::after {

  content: url('../graphics/ok2.png');

  width: 20px;

      margin-left: 25px;     

}



#stop::after {  

  content: url('../graphics/stop4.png');

  width: 20px;

      margin-left: 25px;    

}



      /* dodaj artykuB lewy panel */

 .addArt {

  width: 70%;

      padding: 10px;

      margin: 10px auto 10px auto;

      text-align: center;

      font-size: 1.1rem;

      border: 1px solid #ccc;

      background-color: #059629;

      color: #fff;

      cursor: pointer;

}





.modal_button {

width: 60%;

padding: 6px 20px;

margin-top: 15px;

     background-color: #059669;

          font-size: 1.1rem;  

     color: #fff; 

       border-radius: 5px;

}    

    

.modal_button:hover {

     background-color: #44b300;

          cursor: pointer;

} 



    

/* END przyciski edycji w lewym panelu */



.textundrline {

 text-decoration: underline;

 }

 







.article-container {

margin: 8px 0 20px 0;

/*  border-radius: 5px; */

/*  border: 1px solid #c8c8c8;  */

  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);

  padding: 1.5em;

   background: #fff;    /*  background: #f8f8f8;  */ 

  display: flow-root;

}



.lp_amain_conte {

       position: relative; 

       font-family: Arial;

       font-size: 1.1rem;

       line-height: 1.25rem; 

}



.rcolum_conte {

       font-family: Arial;

       font-size: 0.98rem;

       line-height: 1.25rem; 

}





.image-container {

  float: left;

 width: 100%;

  max-width: 250px;

    

  margin-right: 14px;

  margin-bottom: 3px;

  

    border: 1px solid #ddd; 

   

  padding: 5px 4px 5px 5px;

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);

}









.amainImg {

    /* display: block; Usuwa niechciane marginesy  position: relative;     */

    max-width: 100%; /* Dostosowanie do kontenera */

}



.video_amain_descr {

  margin: 2px 2px 2px 3px; 

  font-size: 0.99rem; 

  font-style: italic; 

  background: #fff; 

 

}

















.button_box_lp {

z-index: 10;

position: relative;

    width: 100%;

  padding:0 4px;  

      display: flex;

  justify-content: space-between;

  align-items: center;

  /*  background-color: rgba(0, 0, 0, 0); */

   margin: 6px 0 3px 0;

}