.Q_MainMenu{
    height: 100%;
    display: grid;
    align-items: center;
    grid-template-rows: 1fr auto;
}
.Q_MM_cont{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Qsys_main_cont{
    margin-top: 90px;
    width:100%;
    display: inline-block;
    float: left;
}
.zalozky_cont{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.zalozky_ui{
    width: 100%;
    position: sticky;
    top: 60px;
    z-index: 2;
}
.zalozky{
    all: unset;
    display: flex;
    width: 100%;
    overflow-x: auto;
}
.zalozky a{
    all: unset;
    padding: 10 60 10 20;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid #bfbfbf;
    background-color: hsl(0deg 0% 85%);
    -webkit-clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 10px, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 10px, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 0%);
    transition: .3s;
    cursor: pointer;
    font-size: .8rem;
    text-transform: uppercase;
}
.zalozky a:hover{
    background-color: hsl(0deg 0% 35%);
    color: white;
}
.zalozky a.zalozka_active{
    background-color: hsl(0deg 0% 35%);
    color: white;
}
.zalozky a.zalozka_active p{
    margin:0;
}
.Under_zalozky_cont{
    display: none;
}
.Under_zalozky_cont_active{
    display: flex;
}
.Under_zalozka{
    all: unset;
    display: flex;
    width: 100%;
}
.Under_zalozky a{
    all: unset;

    box-sizing: border-box;
    text-align: center;
    width: 100%;
    padding: 10 20;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    background-color: hsl(0deg 0% 85%);
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px));
    clip-path: polygon(0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px));
    transition: .3s;
    cursor: pointer;
    font-size: .8rem;
    text-transform: uppercase;
}
.Under_zalozky a:hover{
    background-color: hsl(0deg 0% 35%);
    color: white;
}
.Under_zalozky a.Under_zalozka_active{
    background-color: hsl(0deg 0% 35%);
    color: white;
}
.zalozky_ui div.zalozky_line{
    width: 100%;
    height: 4px;

    background-color: hsl(0deg 0% 50%);
    color: red;
}
.zalozky_display{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}
.zalozky_display .podsekce{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}
.zalozky_display .width_half{
    width: 50%;
}
.zalozky_display .sekce{
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}
.zalozky_display .sekce_active{
    display: flex;
}
.zalozky_display .under_sekce{
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.zalozky_display .under_sekce_active{
    display: flex;
}
.zalozky_display .nadpis_kat{
    padding: 10px 0 5 0;
    margin: 10px 0;
    font-size: 1.1rem;
    text-transform: uppercase;
    border-bottom: 2px solid black;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.zalozky_display .nadpis_kat .inpz_inp_cont{
    margin: 0;
}
.zalozky_display .opacity_low{
    opacity:  .5;
}
.zalozky_display p{
    padding: 0;
    margin: 0;
}
.zalozky_display .clenove{
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
.zalozky_display .fullsize{
    width: 100%;
}
.zalozky_display .thiner{
    width: 90%;
}
.zalozky_display .firma{
    font-weight: 600;
}
.zalozky_display .red{
    color: red;
}
.zalozky_display .green{
    color: green;
}
.zalozky_display .nadpis_kat p{
    display: inline;
}
.zalozky_display .text_S{
    font-size: .8rem;
}
.zalozky_display .clen_trigger{
    cursor: pointer;

}
.zalozky_display .clen_trigger:hover{
    text-decoration: underline;
}
.email_flex_diverse{
    display: flex;
    grid-gap: 20px;
    width: 100%;
}
.email_flex_cont{
    display: flex;
    grid-gap: 10px;
    width: 100%;
}
.email_flex_fullsize{
    width: 100%;
}
.email_flex_cont_smaller{
    width: 40%;
}
.email_flex_cont_bigger{
    width: 60%;
}
.email_display{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #ededed;
    border: 4px solid #ededed;
    box-sizing: border-box;
}
.email_display_screen{
}
.email_display_screen *{
    box-sizing: border-box;
}
.faktury_container{
    padding: 30 0px;
}
.orders_container{
    display: flex;
    flex-direction: column;
    gap:5px;
}
.order_container{
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background-color: hsl(0deg 0% 97%);
    padding: 20px;
    margin: 5 0;
    border: 10px solid #efefef;
}
.order_udaje{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    background-color: hsl(0deg 0% 97%);
}
.order_items{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.order_item{
    width: auto;
    padding: 10px;
    background-color: #efefef;
    display: flex;
}
.order_item_rent{
    border-left:10px solid #d0d0d0;
}
.order_item_img{
    max-width: 100px;
}
.order_item_texts{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}
.order_item_nadpis{
    text-transform: uppercase;
    font-weight: 600;
}
.order_item_price{
    display: flex;
    justify-content: space-between;
}


.fakturovat_cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.fakturovat_cont .fakturace_nadpis_cont{
    padding: unset;
}
.fakturovat_cont .fakturace_data_cont{
    
}
.fakturovat_cont .full_data_cont_style{
    width: 100%;
    padding: 30px;
    background-color: #f5f5f5;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.fakturovat_cont .thiner{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.fakturovat_cont fieldset{
    all: unset;
    border: 2px solid black;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-evenly;

}


.fakturovat_cont textarea{
    width: 100%;
    resize:vertical;
    min-height: 200px;
}
.fakturovat_cont .textarea_lower{
    min-height: 100px;
}
.fakturovat_cont .line_vertical{
    width: 2px;
    background-color: hsl(0deg 0% 80%);
    margin: 10px 5px;
}
.platba_cont{
    display: flex;
}
.radios_holder{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
.radios_holder .fakturace_radio_fieldset{

}
input[type=radio] {
    padding: 0;
    -webkit-appearance: none;
    outline: 2px solid black;
    outline-offset: 2px;
    background-color: white;
    background-image: unset;
    }

input[type=radio]:checked {
  display: inline-block;
  background-color: #000;
}

.fakturace_radio{
    display: flex;
    align-items: center;
    gap: 10px;
    color: black;
    cursor: pointer;
}
.fakturace_radio input{
    width: .8rem;
    height: .8rem;
    box-shadow: unset;
}
.fakturovat_cont .select_firma_show_data{
    align-items: flex-start;
}
.select_firma_show_data.flex_cont{
    display: flex;
    align-items: stretch;
}
.fakturovat_cont .select_firma_show_data .nadpis{
    margin-bottom: 5px;
    font-size: 1.1rem;
    font-weight: 600;
}
.fakturovat_cont .select_firma_cont{
    align-items: stretch;
}
.filtr{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.filtr .filtr_nadpis{

}
.filtr .top_cont{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filtr .filtry_cont{
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1000px; /* normally 100%, in a relative container */
    align-items: flex-start;
    min-height: 510px;
    height: 20px;
    gap: 20px;
}

.filtr .filtry_cont .one_filtr_cont{
    width: 450px;
    display: block;
}
.filtr .one_filtr_cont{
    width: 100%;
}
.filtr .one_filtr_cont .nadpis{
    padding: 10 0;
}
.filtr .checkbox_grid{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, 200px);
    justify-content: space-between;
    grid-gap: 5px;
    text-transform: none;
}
.filtr .checkbox_cont{
    font-size: .9rem;
    margin: 0;
    flex-wrap: wrap;
    display: flex;
}
.filtr input{
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}
.filtr .checkbox_cont *{
    margin: 0;
}
.filtr .checkmark{
    width: 15px;
    height: 15px;
}
.filtr .checkbox_content{
    width: calc(100% - 30px);
}
.filtr .checkbox_cont .checkmark:after {
    width: 3px;
    height: 6px;
}
.filtr .FRM_INP_nadpis{
    margin: 0;
}
.filtr .inp_style_form{
    margin: 0;
}
.dropdown{

}
.dropdown_button{
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
}
.dropdown_button:hover{
    text-decoration: underline;
}
.dropdown_container{
    display: none;
}
.dropdown_container_show{
    display: flex;
}
.QSMC_flex_cont{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.QSMC_sizing{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80%;
}
.QSMC_admin_user{
    width: 80%;
}
.QSMC_AU_user_cont{
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background-color: #efefef;
    padding: 10px;
    padding-bottom: 6px;
    margin: 5 0;
}
.AU_radios_cont{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.AU_udaje fieldset{
    border: 2px solid #d9d9d9;
    border-bottom-width: 0px;
    padding-bottom: 0px;
    box-sizing: border-box;
}
.memebership_radio_cont{

    display: grid;
    gap: 5px;
    grid-template-columns: repeat( auto-fit, minmax(0px, 1fr) );
}
.memebership_radio{
    

    padding: 10px;
    font-size: .8rem;
    text-transform: uppercase;
    color: black;
    background-color: hsl(0deg 0% 85%);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s;
    text-align: center;
}
.memebership_radio:hover{
    color: white;
    background-color: hsl(0deg 0% 35%);
}
.memebership_radio_active{
    color: white;
}
.AU_udaje_cont{
    /*display: none;  */
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    padding-top: 0;
    background-color: hsl(0deg 0% 97%);
}
.AU_osobni_udaje_cont .nadpis_kat{
    margin-top: 0;
}
.AU_udaje_cont_show{
    display: flex;  
}
.AU_udaje{
    width: 100%;
        
}
.AU_osobni_udaje_cont{
    flex-direction: column;
    padding: 0 10px;
}
.AU_galerie{
    height: 300px;
}
.AU_img_cont{
    height:100px;
    display: inline-block;
}
.AU_nadpis_cont{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: sticky;
    top: 96px;
    background-color: #f7f7f7;
    border-bottom: 4px solid #eeeeee;
    z-index: 0;
}
.AU_nadpis_order{
    display: flex;
    gap: 6px;
}
.AU_nadpis_cont:hover .AU_nadpis{
    
}
.AU_nadpis_cont_active{
    color: black;
    border-bottom: 4px solid hsl(0deg 0% 94%);
    cursor: default;
    justify-content: flex-start;
    color: #595959;
    cursor: pointer;
}
.AU_nadpis_cont_active:hover .AU_nadpis{
    text-decoration: underline;
}
.AU_nadpis{
    display: flex;
    justify-content: space-between;

    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    margin-bottom: 4px;
}
.AU_nadpis_txt{
    text-transform: uppercase;
}
.AU_img{
    height: 100%;
    width: auto;
}

.Admin_controlls_cont{
    width: 80%;
}
.AC_button{
    
}
.AU_faktury_cont{
    display: flex;
    flex-direction: column;
    font-size: 12px;
}
.AU_F_section{
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.AU_F_section_B{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}
.AU_faktura_cont{
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 10px;
    gap:10px;
    margin: 5 0;
    align-items: stretch;
    text-align: center;
    justify-content: space-between;
    background-color: hsl(0 0% 97% / 1);
    border: 2px solid hsl(0 0% 90% / 1);
    transition: .3s;
}
.AU_faktura_cont:hover{
    background-color: white;
}
.AU_F_field{
    text-align: left;
    font-size: .9rem;
    display: flex;
    gap:4px;
    flex-direction: column;
}
.AU_F_field_withNotepad{
    flex-direction: row;
    gap:4px;
}
.AU_F_field_mini{
    font-size: .6rem;
}
.AU_F_state_cont{
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
}
.AU_F_field_state{
    color: white;
    word-break: break-word;
    padding: 3px;
    text-align: center;
    width: 146px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
}
.AU_F_field_dropdown{
    background-color: #cccccc;
    padding: 5px;
    color: black;
    text-decoration: underline;
    display: block;
    font-size: 10px;
    cursor: pointer;
    height: 100%;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.AU_F_field_dropdown:hover{
    font-weight: normal;
    background-color: black;
    color: white;
}
.AU_F_field_dropdown_cont{
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(100%) translateX(0%);
    z-index: 1;
    cursor: default;
    background-color: white;
    border: 2px solid #e5e5e5;
    border-top: none;
    border-right: 2px solid black;
    color: black;
    padding: 10px;
    gap: 6px;
    flex-direction: column;
    width: max-content;
    box-shadow: 0px 4px 4px 0px #00000024;
}
.AU_F_field_dropdown:hover .AU_F_field_dropdown_cont{
    display: flex;
}
.AU_F_field_link{
    background-color: #e6e6e6;
    padding: 10px;
    color: black;
    display: block;
    font-size: .8rem;
    cursor: pointer;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.AU_F_field_link:hover{
    font-weight: normal;
    background-color: black;
    color: white;
}
.AU_button{
    width: 100%;
    text-align: center;
    padding: 12px;
    margin-top:10px;
    cursor: pointer;
    box-sizing: border-box;
}
.AU_button_JQ_inactive{
    background-image: none;
    background-color: gray;
    color:white;
    text-transform: uppercase;
    pointer-events: none;
    cursor: default;
    transition: 0s;
}
.AU_button_JQ_success{
    background-image: none;
    background-color: green;
    color:white;
    text-transform: uppercase;
    pointer-events: none;
    cursor: default;
    transition: 0s;
}
.AU_F_field_show_payment{
    position: relative;
    cursor: default;
}
.AU_UT_text{
    padding: 5px;
    width: 90%;
    height: 100px;
}

.PH_table_item{
    background-color: white;
    padding: 5px;
     border: 1px solid black;
}
.mobile{
    display: none;
}

.KAL_reservation_studio_select{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.clenove_display{
    display: flex;
    gap:6px;
}
.clen_holder_cont{
    display: grid;
    grid-template-columns: repeat(3, 300px);
    padding: 10px 20px;
    background-color: #f0f0f0;
    transition: .3s;
    outline: 1px solid #d3d3d300;
    gap: 10px;
}
.clen_holder_cont:hover{
    background-color: #f7f7f7;
    outline: 1px solid #d3d3d3;
}
.clen_holder_cont:hover .clen_holder_info_email{
    text-decoration: underline;
}
.clen_holder_info{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.clen_holder_stateCircle{
    width: 12px;
    height: 12px;
    background-color: gray;
    /*border-radius: 100%;*/
}
.clen_holder_MembershipInfo_cont{
    display: flex;
    gap: 4px;
    font-size: .8rem;
    align-items: center;
}