/*
jednobarevná zelená
#E3EDDF
#89C273
#679C52
#3D7028
#1C420D
#113801
-možná přidat průhlednost
modrofialová
#E4DFED
#A597C1
#6A529C
#402870
#1F0D42
#140138
*/
body {
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 1%;
  margin-bottom: auto;
  font-family: "Poppins";
  font-size: 20px;
  border-color: #171717;
  /*background-color: #d0121288;*/
  /*background-image:url("background_2222.png");*/
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  /*background-image:url("bambus_w.jpg");*/
}

.my_navbar{
  border-radius: 5px;
  margin-bottom:15px;
  /*background-color: #5c287056;*/
  background-color: #80787986;
  

}

.text_color{
color: #000;
text-decoration: none;
}

.link_color{
  color: #FF7F11D8;  
}

.my_color{
  background-color: #FF7F11D8;  
}

.text_color_email{ 
  color: #FF7F11D8;  
}

.link_color_2{
  color: #000;  
}


.success {
  background-color: #FF7F11D8;
  color: #000;
  padding: 10px;
  font-weight: bold;
  text-align: center; /* Center the text horizontally */
  border-radius: 10px; /* Round the corners */
  width: 400px; /* Change the box size for text (adjust the width as needed) */
  margin: 0 auto; /* Center the box horizontally on the page */
}


.menu:hover{
  background-color: #FF7F11D8;
  color: #000; 
}
.success_menu{
  background-color: #FF7F11D8;
  color: #000;
  padding: 10px;
  font-weight: bold;
  text-align: center; /* Center the text horizontally */
  border-radius: 10px; /* Round the corners */
  width: 200px; /* Change the box size for text (adjust the width as needed) */
  margin: 10px; /* Center the box horizontally on the page */
  box-shadow: 0px 1px 1px 0px #000; /* 3D shadow effect */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
}

.success_menu:hover {
  
  background-color: #ffffff88;
  color: #ffffff88;
  transform: translateY(2px); /* Elevate on hover */
  box-shadow: 0px 0px 0px 0px #ffffff88; /* Remove shadow on hover */
}

.btn-success{
  background-color: #FF7F11D8;
  /*color: #ffffff;*/
  padding: 10px;
  font-weight: bold;
  text-align: center; /* Center the text horizontally */
  border-radius: 10px; /* Round the corners */
  box-shadow: 0px 1px 1px 0px #000; /* 3D shadow effect */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
  margin: 10px; /* Center the box horizontally on the page */
}

.btn-success:hover {
  transform: translateY(2px); /* Elevate on hover */
  box-shadow: 0px 0px 0px 0px #ffffff88; /* Remove shadow on hover */
  background-color: #ffffff88;
  color: #ffffff88;
  
}


/* Styl pro změnu barvy checkboxu */
.form-check-input:checked {
  background-color: #FF7F11D8; /* Změna barvy pozadí zaškrtnutého checkboxu */
  border-color: #FF7F11D8; /* Změna barvy okraje */
}




.btn-info{
  background-color: #ffffff88;
  color: #ffffff;
  padding: 10px;
  font-weight: bold;
  text-align: center; /* Center the text horizontally */
  border-radius: 10px; /* Round the corners */
  box-shadow: 0px 1px 1px 0px #000; /* 3D shadow effect */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
  margin: 10px; /* Center the box horizontally on the page */
}

.btn-info:hover {
  transform: translateY(2px); /* Elevate on hover */
  background-color: #ffffff88;
  color: #ffffff88;
  box-shadow: 0px 0px 0px 0px #ffffff88; /* Remove shadow on hover */
}



/* Warning message */
.warning {
  background-color: #FF7F11D8;
  color: #030303;
  padding: 10px;
  font-weight: bold;  text-align: center; /* Center the text horizontally */
  border-radius: 10px; /* Round the corners */
  width: 400px; /* Change the box size for text (adjust the width as needed) */
  margin: 0 auto; /* Center the box horizontally on the page */
}

.button-link {
  display: inline-block;
  padding: 10px 10px;
  margin: 5px;
  background-color: #ffffff88;
  /*color: #fff;*/
  text-decoration: none;
  border: none;
  text-align: center;
  border-radius: 4px;
  border: 2px solid #000; /* Black border with 2px width */
  box-shadow: 0px 2px 2px 0px #000; /* 3D shadow effect */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
}

.button-link:hover {
  transform: translateY(2px); /* Elevate on hover */
  box-shadow: 0px 0px 0px 0px #000; /* Remove shadow on hover */
}

.c-link {
  border-color: #030303;
  box-shadow: 0px 1px 1px 0px #000; /* 3D shadow effect */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
  background-color: #FF7F11D8;
}
.c-link:hover{
  transform: translateY(2px); /* Elevate on hover */
  box-shadow: 0px 0px 0px 0px #ffffff88; /* Remove shadow on hover */
  background-color: #858884d8;
  color: #FFFFFF;
}

.c-link h3, .c-link a, .c-link small, .c-link .details {
  color: inherit; /* Zajistí, že všechny prvky převezmou barvu textu karty */
}

.c-link:hover h3, .c-link:hover a, .c-link:hover small, .c-link:hover .details {
  color: white; /* Při hoveru změní barvu všech textových prvků */
}



/*karty návod atp.*/
.card {
  border-color: #030303;
  box-shadow: 0px 1px 1px 0px #000; /* 3D shadow effect */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
  background-color: #ffffff74;
}

.pic_card{
  object-fit: cover;
  max-width: 100px;
  max-height: 100px;
}

.pic_card_big{
  object-fit: cover;
  max-width: 200px;
  max-height: 200px;
}



.custom-card-body {
  border-color: #030303;
  box-shadow: 0px 1px 1px 0px #000; /* 3D shadow effect */
  transition: transform 0.3s ease-in-out; /* Smooth hover effect */
  background-color: #FF7F11D8;
  /*background-color: #ffffff88;*/ /* Replace with the desired color */
  /* You can add more styles as needed */
}

.custom-card-body:hover{
  transform: translateY(2px); /* Elevate on hover */
  box-shadow: 0px 0px 0px 0px #ffffff88; /* Remove shadow on hover */
  background-color: #858884d8;
  color: #FFFFFF;
}

.custom-card-body a, .custom-card-body h3, .custom-card-body small, .custom-card-body .details {
  color: inherit; /* Zajistí, že všechny prvky převezmou barvu textu karty */
}

.custom-card-body:hover a, .custom-card-body:hover h3, .custom-card-body:hover small, .custom-card-body:hover .details {
  color: white; /* Při hoveru změní barvu všech textových prvků */
}




.btn-primary {
  border-color: #030303;
  color: #030303;
  background-color: #FF7F11D8; /* Change this color to your desired color */
  /* Add any other styles as needed */
}

.btn-primary:hover {
  transform: translateY(2px); /* Elevate on hover */
  border-color: #030303;
  background-color: #858884d8;
  color: #FFFFFF;
  /*color: #9B9E8A; barva textu tlačítka */
  box-shadow: 0px 0px 0px 0px #ffffff88; /* Remove shadow on hover */
}


.btn-no-primary {
  border-color: #030303;
  color: #030303;
  background-color: #858884d8; /* Change this color to your desired color */
  /* Add any other styles as needed */
}

.btn-no-primary:hover {
  transform: translateY(2px); /* Elevate on hover */
  border-color: #030303;
  background-color: #858884d8;
  color: #FFFFFF;
  /*color: #9B9E8A; barva textu tlačítka */
  box-shadow: 0px 0px 0px 0px #ffffff88; /* Remove shadow on hover */
}




.top {
  /*background-color: #FF7F11D8;*/
  border-radius: 10px;
  /*border-color: #000;*/
  /*border: 5px solid;*/
   margin-top:10px; 
   margin-bottom:10px;
   padding-bottom: 10px;
   border-width: 10px;
   border: 15px solid #FF7F11D8;
}


.my-custom-color {
    color: #860d15;
    background-color: #37084f;
    border-color: #7a145f;
    border-radius: 25px;
  }

.my-custom-color2 {
    color: #f44f09;
    background-color: #46a606;
    border-color: #420516;
    border-radius: 25px;
  }

.center {
    text-align: center;
  }

.pic {
  margin: 10px;

}

.pic_all {
  margin: 5px;

}


/* Cookie consent bar styling */
.cookie-bar {
  position: fixed;
  bottom: 10%;
  left: 50%;
  margin-block-end: auto;
  transform: translateX(-50%);
  max-width: 400px; 
  width: 80%;
  background-color: #FF7F11D8; /* Set your background color */
  text-align: center;
  border-radius: 10px;
  
  z-index: 100; /* Adjust the z-index as needed to ensure it's above other elements */
}

.cookie-bar button {
 background-color: #FF7F11D8;
 /*color: #ffffff;*/
 margin: 5px;
 text-align: center; /* Center the text horizontally */
 border-radius: 10px; /* Round the corners */
 box-shadow: 0px 1px 1px 0px #000; /* 3D shadow effect */
 transition: transform 0.3s ease-in-out; /* Smooth hover effect */
}

.cookie-bar button:hover {
  transform: translateY(2px); /* Elevate on hover */
  background-color: #ffffff88;
  color: #ffffff88;
  transform: translateY(2px); /* Elevate on hover */
  box-shadow: 0px 0px 0px 0px #ffffff88; /* Remove shadow on hover */
}


.my-buttons {
  margin-top: 5px;
  margin-bottom: 10px;
  border-color: #030303;
  color: #030303;
  background-color: #FF7F11D8;  
}

  .bg-image{
    position: relative;
  }
  
  /*.bg-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-image:url("bambus.jpg");
    opacity: 0.5;
  }*/
  
  .bg-image > * {
    
    position: relative;
    z-index: 1;
  }

  .footer{
    background-color: #FF7F11D8; 
    margin-bottom: 15px; 
    border-radius: 5px; 
  }


  /* Změna barvy šipky na černou (levá) */
  .carousel-control-prev-icon {
      background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 fill%3D%22black%22 viewBox%3D%220 0 16 16%22%3E%3Cpath fill-rule%3D%22evenodd%22 d%3D%22M11.354 1.146a.5.5 0 0 1 0 .708L5.207 8l6.147 6.146a.5.5 0 0 1-.708.708l-6.5-6.5a.5.5 0 0 1 0-.708l6.5-6.5a.5.5 0 0 1 .708 0z%22/%3E%3C/svg%3E');
  }

  /* Změna barvy šipky na černou (pravá) */
  .carousel-control-next-icon {
      background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 fill%3D%22black%22 viewBox%3D%220 0 16 16%22%3E%3Cpath fill-rule%3D%22evenodd%22 d%3D%22M4.646 1.146a.5.5 0 0 1 .708 0l6.5 6.5a.5.5 0 0 1 0 .708l-6.5 6.5a.5.5 0 0 1-.708-.708L10.793 8 4.646 1.854a.5.5 0 0 1 0-.708z%22/%3E%3C/svg%3E');
  }

  .icon-wrapper {
    display: inline-block; /* Zajistí, že div bude mít šířku a výšku jako ikona */
    background-color: #FF7F11D8; /* Barva pozadí */
    /*padding: 10px; /* Okraje mezi ikonou a okraji pozadí */
    border-radius: 50%; /* Pro kulaté pozadí */
  }


  .icon-no-wrapper {
    display: inline-block; /* Zajistí, že div bude mít šířku a výšku jako ikona */
    background-color: #858884d8; /* Barva pozadí */
    /*padding: 10px; /* Okraje mezi ikonou a okraji pozadí */
    border-radius: 50%; /* Pro kulaté pozadí */
  }
  
  .icon {
    width: 30px; /* Změňte podle velikosti vaší ikony */
    height: 30px;
  }
  
    /* Udělá celý obsah buňky jako odkaz */
    .table-link {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      color: inherit; /* Zajišťuje, že odkaz bude mít stejnou barvu jako text */
    }
  
    .table-link:hover {
      background-color: #f0f0f0; /* Volitelně přidání efektu při najetí myší */
    }


        /* Styl pro barevný nadpis */
        .colored-heading {
          color: #FF7F11D8; /* Můžete změnit barvu podle potřeby */
      }

      /* Styl pro nebarevný nadpis */
      .default-heading {
          color: #f0f0f0; /* Standardní barva nadpisu */
      }


    /* Změna barvy pozadí a textu pro stránkovací tlačítka */
    .pagination .page-link {
        color: #000; /* Barva textu */
        /*background-color: #007bff; /* Barva pozadí (modrá) */
        border-color: #000; /* Barva okraje */
    }

    /* Změna barvy po najetí myši */
    .pagination .page-link:hover {
        background-color: #858884d8; /* Tmavší modrá */
        border-color: #000;
        color: #FFFFFF;
    }

    /* Změna barvy pro aktivní stránku */
    .pagination .active .page-link {
        background-color: #FF7F11D8; /* Zelená barva pro aktivní stránku */
        border-color: #000;
    }

    /* Změna barvy pro deaktivovaná tlačítka (předchozí/další, pokud nejsou dostupná) */
    .pagination .disabled .page-link {
        color: #000; /* Šedý text */
        /*background-color: #000;*/
        border-color: #000;
    }

.qr{
  background-color: #FF7F11D8;
    }

    .table-responsive {
      overflow-x: auto;
  }

  table {
    width: 100%;
}

table td, table th {
    word-wrap: break-word;
    white-space: normal;
}

table td, table th {
  word-break: break-word;
  white-space: normal;
}