*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#send_camp_data:disabled{
    color: rgb(255, 255, 255);
    background-color: gray;
    cursor:auto;
    pointer-events: none;  /* <----------- */
}

.parent_info{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    width: 50%;
}

.parent_info p, li{
    color: rgb(106, 32, 32);
    font-size: 14pt;
    font-weight: 600;
    text-align: center;
}


body{
    background-color: rgb(255, 245, 245);
}
.avangard-logo{
    display: block;
    margin: auto;
}

.noshifts{
    color: rgb(106, 32, 32);
    font-size: 15pt;
}

.camp-application{
    width: 600px;
    height: 800px;
    margin: 0 auto;

}

.camp-application form{

    text-align: center;
}

.camp-application select{
    background-color: #fff;
    color: #000;

    width: 100%;
    text-align: center;
    font-size: 15pt;
    background-color: #fff;
    border-radius: 2.4px;
    border-style:groove;
    margin: 0px 0px 25px 0px;
}

.camp-application label{
    font-size: 15pt;
    font-weight: 600;


}

.camp-application input{
    background-color: #fff;
    color: #000;
    width: 100%;
    height: 35px;
    border-radius: 2.4px;
    border-style:groove;
    font-size: 15pt;
    margin: 5px 0px 20px 0px ;
}

.camp-application input .inputmask{
    color: red;
}

.camp-application .submit_form{
    display: block;
    cursor: pointer;
    width: 25%;
    height: 50px;
    background-color: rgb(104, 25, 25);
    color: #fff;
    border-radius: 3px;
    border: 1px;
    border-style: solid;
    border-color: #fff;
    font-weight: 600;
    transition: 200ms ease;
    /* text-align: center; */
    
}

.camp-application .submit_form:hover{
    border-color: rgba(137, 22, 22, 0.552);
    color: rgb(137, 22, 22);
    background-color: #fff;
    
}

#camp-application-form input:invalid{
    /* border-color: red; */
    border: solid rgba(255, 0, 0, 0.564);
    /* font-size: 20pt; */
}

#camp-application-form input:valid {
    
    border-radius: 2.4px;
    border-style:groove;
    border-color: rgb(171, 216, 255);
}

.camp-application-form input:focus{
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}


.form-section {
    color: rgba(0, 0, 0, 0.516);
    text-align: left;
    font-size: 15pt;
    font-weight: 600;
    margin: 25px 0px 35px 0;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}


.required:after {
    content:" *";
    color: red;
  }


::placeholder{
    font-family: 'JetBrains Mono', sans-serif;
}

@media screen and (max-width: 700px) {
    body{
        overflow-x: hidden;
        
    }

    img{
        width: 100%;
        height: 100%;
    }

    .camp-application{
        width: 90vw;
        height: 400px;
        margin: 0 auto;
    
    }
    @supports (-webkit-touch-callout: none) {
        /* CSS specific to iOS devices */ 
      
    #camp-application-form input[type="checkbox"] {
        
        display:block;
        margin: auto;
        width: auto;
        padding: 5vw;
        
        
        
        
    }
}
    #camp-application-form input[type="date"] {
        -webkit-appearance:none;
        width: 100%;
        
        
        
    }

    .camp-application .submit_form{
        
        display: block;
        cursor: pointer;
        width: 45%;
        height: 50px;
        background-color: rgb(104, 25, 25);
        color: #fff;
        border-radius: 3px;
        border: 1px;
        border-style: solid;
        border-color: #fff;
        font-weight: 600;
        transition: 200ms ease;
        /* text-align: center; */
        
    }

    .camp-application label{
        font-size: 12pt;
        font-weight: 600;
    
    
    }

    .camp-application input[type="date"]::placeholder{
        content: "22.12.2025";
    }
    
    
}