*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: inherit;

}



header{

    background-color: #FFFFFF;

    border-bottom: 1px solid #6666;

    display: flex;

    justify-content: center;

}


.logo{

    padding: 10px;



}

.logo img{

    width: 100%;

    height: auto;

}

.header_text{

    padding: 10px 10px 10px 10px;

    

}

.header_text h1{

    color: #333333;

    font-weight: normal;

    padding: 8px;

    font-size: 35px;

}

.header_text p{

    padding: 0px 5px 0px 10px;

    color: #333;

    font-size: 19px;



}

/*form Header Section*/

.form_header{

    text-align: center;

    padding: 20px;

    border-bottom: 1px solid #6666;

}

.form_header h1{

    color: #333;

    font-weight: normal;

}



/*form start*/

.main_form_area{

    display: flex;

    justify-content: center;

}

.form_section{

    width: 58%;

    height: auto;

    border: 1px solid inherit;

    padding: 20px;





}

.note_section{

    width: 30%;

    border: 1px solid inherit;

    height: auto;

    margin-top: 40px;

}

.form_head {

    padding: 10px 0px 10px 0px;

    border-bottom: 1px solid #6666;



}



.form_head h1{

    font-size: 20px;

    color: #333;

    font-weight: normal;

    



}

.form_name{

    display: flex;

    justify-content: space-between;

}

.box_part_one{

    width: 47%;

    height: auto;

    padding: 10px 0px 10px 0px;

}

.box_part_one label{

    padding: 0px 0px 10px 0px;

    color: #222;

    font-weight: bold;

    font-size: 15px;

}

.box_part_one input{

    width: 100%;

    margin: 10px 0px 0px 0px ;

    height: auto;

    padding: 5px;

    border-radius: 3px;

    border: 1px solid #666;



}

.notices p{

    color: #333;

    font-size: 12px;



}

.notices p span{

    color: red;

}

.add_photo label{

    padding: 0px 0px 10px 0px;

    color: #222;

    font-weight: bold;

    font-size: 14px;

}



.add_photo input{

    width: 100%;

    margin: 10px 0px 0px 0px ;

    height: auto;

    padding: 5px;

    border-radius: 3px;

    border: 1px solid #666;



}

.form_name_club{

    display: flex;

    justify-content: space-between;



}

.box_part_two{

    width: 31%;

    height: auto;

    padding: 10px 0px 10px 0px;



}

.box_part_two label{

    padding: 0px 0px 10px 0px;

    color: #222;

    font-weight: bold;

    font-size: 14px;

}

.box_part_two input{

    width: 100%;

    margin: 10px 0px 0px 0px ;

    height: auto;

    padding: 5px;

    border-radius: 3px;

    border: 1px solid #666;



}

.box_part_two select{



    width: 100%;

    margin: 10px 0px 0px 0px ;

    height: auto;

    padding: 5px;

    border-radius: 3px;

    border: 1px solid #666;

}

.radio_box_selector p{

    padding: 10px 0px 10px 0px;

    color: #222;

    font-weight: bold;

    font-size: 14px;

}



.radio_select{

    display: flex;

    justify-content: space-between;



}

.box_part_three{

    width: 50%;

    height: auto;

    padding: 10px 0px 10px 0px;



}

.box_part_three label{

    color: #222;

    font-weight: bold;

    font-size: 14px;



}

.box_part_three p{

    font-weight: normal;

    font-size: 12px;

    color: #666;

    margin-left: -100px;

}

.btn_selector{

    width: 48%;



    

}

.btn_selector select{

    width: 100%;

    margin: 10px 0px 0px 0px ;

    height: auto;

    padding: 5px;

    border-radius: 3px;

    border: 1px solid #666;

    background-color: #FFFFFF;



}

.google_verification{

    width: 350px;

    height: auto;

    border: 1px solid #666;

    display: flex;

    justify-content: space-between;

    padding: 20px 0px 0px 10px;

    margin: 10px 0px 10px 0px;

    border-radius: 5px;

}

.google_verification p{

    color: red;

    font-size: 15px;

    line-height: 30px;

}

.google_verification img{

    width: 100%;

    height: auto;

    padding: -10px 10px 10px 10px;



}



.last_btn button{ 

    width: 90px;

    padding: 12px 17px;

    height: 42px;

    background-color: #337AB7 ; 

    border: none;

    border-radius: 5px;

    cursor: pointer;

    color: #fff;

    font-size: 15px;

}



.last_btn button:hover{

    background-color: #1e4e79;

}







/*note Section Start*/

.note_box{

    width: 100%;

    height: auto;

    background-color: #F7CBB2;

    padding: 0px 10px 20px 10px;

    margin-top: 20px;

}

.note_box h1{

    font-size: 20px;

    font-weight: normal;

    padding: 10px 0px 0px 0px;

    color: #555;



}

.note_header_area{

    padding: 10px 0px 0px 0px;

}

.note_header_area h2{

    font-size: 15px;

    color: #333;

}

.note_header_area p{

    font-size: 15px;

    color: #333;

    padding: 10px 0px 0px 0px;

}

.note_header_area li{

    padding: 0px 0px 0px 20px;

    color: #333;

}

.note_header_area ul{

    padding: 0px 0px 0px 30px;

}



/*Footer*/

footer{

    text-align: center;

}
@media (max-width: 768px) {
  .heading_payment_for_mobile {
    /* display: block !important; */
  }
}


footer p{

    font-size: 12px;

    color: #666;

    padding: 20px;

}

footer p a{

    text-decoration: none;

}





/* list details table */



#customers {

    font-family: Arial, Helvetica, sans-serif;

    border-collapse: collapse;

    width: 100%;

}



#customers td, #customers th {

    border: 1px solid #ddd;

    padding: 8px;

}



#customers tr:nth-child(even){background-color: #f2f2f2;}



#customers tr:hover {background-color: #ddd;}



#customers th {

    padding-top: 12px;

    padding-bottom: 12px;

    text-align: left;

    background-color: #103271;

    color: white;

}



.pdf_link:hover{

    color: #FF0000 !important;

}