/*styly pro responsivni zobrazeni*/

@media(max-height:600px) {
    .loginBox{
	margin-top: 60px;
    }
    .regBox{
	margin-top: 60px;
    }
}


@media(min-width:801px) {
    .tabBoxZakladniAkce .tabBoxZakladniRadek:hover {
	border-color: #FF7C09;
	color:#FF7C09;

    }

    .tabBoxZakladniServis .tabBoxZakladniRadek:hover {
	border-color:#FBB21F;
	color:#FBB21F;

    }

    .tabBoxZakladniPoznamky .tabBoxZakladniRadek:hover {
	border-color:#AC3812;
	color:#AC3812;

    }

}

@media(max-width:1080px) {
    .skupinyZavrenaCast {
        width: 0%;
        overflow: hidden;
    }
    
    .skupinyOtevrenaCast {
        width: 100%;
        overflow: hidden;
    }
    
    .skupinyVypisNadpisZpet {
        display: flex;
    }
}

@media(max-width:1020px) {
    .contentBoxMain {
	width: 97%;
    }
    .contentBoxLoader {
	width: 97%;
    }
    .menuLogin {
	width: 97%;
    }
    
    img.headerSmart2{
        display: block;
    }
    img.headerSmart1{
        display: none;
    }
}

@media(max-width:800px) {
    
    .modalContent {
        margin-top: 40px;
        max-height: calc(100% - 80px);
    }
    
    .commanderLegendaObalNastaveni .commanderLegendaTeplotaIn {
        margin-right: 18px;
    }
    
    .footer {
        padding-bottom: 15px;
    }
    
    .content {
         padding-bottom: 150px;
    }
    
    .logoImgObal {
        order: 2;
        width: 50%;
    }
    
    .logoImgObalGoodPro {
        order:1;
        width: 100%;
    }
    
    .footerLogo {
        flex-wrap: wrap;
    }
    
    
    .commanderData {
        width: 220px;
        font-size: 15px;
    }
    
    .commanderLegendaObalNastaveni {
        min-width: 245px;
        width:245px;
    }
    
    
    .commanderDataToggle {
        right: 225px;
    }
    
    .commanderData .material-icons {
        font-size: 18px;
    }
    
    .skupinyClenoveUserCisla {
        display: none;
    }
    
    .header {
        padding: 0 5px;
        height: 60px;
    }
    
    .indexLang {
        top:60px;
    }
    
    .dropdown.menuLoginFlex {
        margin-right: 10px;
        max-width: calc(50% - 10px);
    }


    .tabBoxContentItem {
	width: 100%;
	min-width: 100%;
	opacity: 0;
	transition: all 1.5s ease;
    }

    .tabBoxMenuItem {
	cursor:pointer;  
	font-size:16px;
    }

    .icoVse{
	font-size:16px;
	width:28px;
	height:28px; 
    }

    .tabBoxMenuItemVybrany {
	color: black;
    }


    .tabBoxMenuItemVybrany .icoVse{
	border-color: black;
    }

    .tabBoxContentItemVybrany {
	opacity: 1;
    }

    .contentBoxMain { 
	padding:10px 0px;
	/*width:100%;*/
    }
    
    .menuLoginLogin {
	display: none;
    }
    
    .dropdownAkceItem:hover {
	background-color: unset;
    }
    
    .footerText {
        background-color: black;
        position: relative;
    }
    
    .commanderContri {
        left: -64px;
        font-size: 10px;
    }
}

@media(max-width:580px) {
    
    .skupinyBtn {
	margin: 0 5px;
    }
    
    .vypisZaznamyRadek {
	flex-wrap: wrap;
    }
    
    .vypisZaznamyRadek .vypisZaznamyRadekValue.vypisZaznamyRadekNazev {
	order: 1;
	flex: 1;
	font-weight: bold;
    }
    
    .vypisZaznamyRadek .vypisZaznamyRadekValue.vypisZaznamyRadekDatum {
	order: 2;
	width: unset;
	font-style: italic;
	font-size: 13px;
    }
    
    .vypisZaznamyRadek .vypisZaznamyRadekValue.vypisZaznamyRadekTyp {
	order: 3;
	width: 100%;
	text-decoration: underline;
    }
    
    .vypisZaznamyRadek .vypisZaznamyRadekValue.vypisZaznamyRadekPoznamka {
	order: 4;
	width: 100%;
	font-style: italic;
    }
    
    .prehledOblekuVypisLineInput .loginInput {
        font-size: 13px;
    }
}

@media(max-width:500px) {
    .commanderDole {
        flex-direction: column-reverse;
        align-items: center;
    }
    .commanderLegendaObal {
        margin: 0 0 10px 0 !important;
        width: 100%;
    }
}


@media(max-width:360px) {
    .loginBox{
	width: 100%;
    }
    .regBox{
	width: 100%;
    }
}