@media (max-width: 767px){
	.font_M-xsmall_D-large{
		font-size: x-small;
	}
}

@media (min-width: 768px){
	.font_M-xsmall_D-large{
		font-size: large;
	}
}

.mb__10 {
    margin-bottom: 10px !important;
}

.pb__10 {
   padding-bottom: 10px !important;
}

.textcenter {
	text-align: center;
}

.font_size_small{
	font-size: small;
}
.font_size_smaller{
	font-size: smaller;
}
.font_italic{
	font-style: italic;
}

.color_white{
	color: rgba(255, 255, 255, .9) !important;
}

.chybafont {
	color: red;
	font-style: italic;
	font-size :smaller;
}


/* Štýl pre modálne okno */
.modalR {
    display: none; /* Skryté predvolene */
    position: fixed; /* Zostaňte na mieste */
    z-index: 1000; /* Sedí na vrchu */
    left: 0;
    top: 0;
    width: 100%; /* Plná šírka */
    height: 100%; /* Plná výška */
    overflow: auto; /* Povoliť posúvanie, ak je potrebné */
    background-color: rgba(0,0,0,0.4); /* čierne s opacitou */
}

/* Štýl pre obsah modálneho okna */
.modal-contentR {
    background-color: #fefefe; /* Biela farba pozadia */
    color: #333; /* Tmavosivá pre text */
    margin: 10% auto; /* Zmena z 15% na 10% z hornej časti */
    padding: 20px;
    border: 1px solid #888;
    width: 75%; /* Šírka obsahu modálneho okna */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); /* Pridaný tieň pre hlbkový efekt */
    border-radius: 5px; /* Zaoblené rohy */
    position: relative; /* Relatívna pozícia pre umiestnenie v rámci modálneho */
    top: 20%; /* Nastaví polohu modálneho okna nižšie */
    transform: translateY(-20%); /* Posunie modálne okno nahor o polovicu jeho vlastnej výšky */
}

/* Štýl pre tlačidlo zatvorenia */
.closeR {
    color: #aa0000; /* Zmena farby krížika na červenú */
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute; /* Absolútna pozícia v rámci modálneho obsahu */
    right: 10px; /* Vzdialenosť od pravej strany */
    top: 10px; /* Vzdialenosť od vrchu */
}

.closeR:hover,
.closeR:focus {
    color: #ff0000; /* Tmavšia červená pri prejdení myšou alebo fokuse */
    text-decoration: none;
    cursor: pointer;
}

.verification-containerR {
    text-align: center; /* Zarovná obsah na stred */
}

.verification-containerR p {
    margin: 0; /* Odstráni predvolené vonkajšie okraje */
}

.verified-iconR {
    color: green; /* Zelená farba pre fajku */
    font-size: 24px; /* Veľkosť ikony fajky */
}
