/* 
    Document   : onlineRegistrationFormStyleSheet
    Created on : 05 Dec 2018, 10:44:38 AM
    Author     : asd_admin
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

#asd_form
{
    background-color: #eeeeee !important; 
}

.label {
    white-space: normal !important;  
}

#asd_heading {
    color: #eeeeee;
    text-align: center;
    background-color: #eeeeee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2px;
    padding: 3.5%;
    font-weight: 300;
    display: none;
}

#step1_label{
    color : #24418f;
    text-align: center;
    background-color:#eeeeee; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}
.asd_step_label{
    font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif !important;
    color: #24418f;
    font-weight: 700 !important;
    line-height: 180% !important;
    font-size: 28px ;
    font-weight: bolder;
    background: transparent;
    padding-left: 0;
}
.asd_question_label	{
    background: transparent;
    line-height: 180% !important;
    font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif !important;
    color: #444444;
    line-height: 33px;
    font-size: 22px;       
    font-weight: 500;
    padding-left: 0;
}

.asd_container_of_fields{
    padding-left: 3%;
}

#asd_form{
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 2%;
    padding-bottom: 2%;
}


element {

}
.ui-selectonemenu label.ui-selectonemenu-label {

    cursor: pointer;

}
body .ui-selectonemenu .ui-selectonemenu-label {

    background: transparent;
    padding-right: 2.357rem;
    min-height: calc(2rem + 10px);
    font-size: 15px;

}


.delivery_label{
    color : #24418f;
    text-align: left;
    background-color:#eeeeee; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    font-size: 15px;
}

#asd_button{

    margin-top: 9px;
    margin-left: 10px;
    margin-bottom: 9px;
    background-color: #d2232a;
    padding: 12px;
    color: white;
    cursor: pointer;
    border: 1px solid azure;
    font-size: 12px !important;
}

#invalid-input{
   border: 1px solid red !important;
}

#asd_button_dis{
    margin-top: 9px;
    margin-left: 10px;
    margin-bottom: 9px;
    background-color: grey;
    padding: 12px;
    color: white;
    cursor: pointer;
    border: 1px solid azure;
    font-size: 12px !important;
}

.ui-autocomplete {
    width: auto;
    zoom: 1;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    display: inline-block;
    width: 100%;
}

.ui-datepicker.ui-widget.ui-widget-content {
    font-size: 15px !important;
    width:50% !important;
}

 .asd_option_select{
        width: 100%;
        font-size: 40px !important;
    }

/* DESKTOP */
@media(min-width: 1200px) {
    .asd_option_select{
        width: 100%;
        font-size: 15px !important;
    }

    .asd_text_field{
        width: 100%;
    }

    .asd_date_picker{
        width: 100%;
    }

    body .ui-inputfield {
        margin: 0;
        outline: medium none;
        padding: 4px;
        font-weight: normal;
        width: 100%;
        font-size: 15px;
    }

    .asd_step_label{
        font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif !important;
        color: #24418f;
        font-weight: 700 !important;
        line-height: 180% !important;
        font-size: 28px ;
        font-weight: bolder;
        background: transparent;
        padding-left: 0;
    }
    .asd_question_label	{
        background: transparent;
        line-height: 180% !important;
        font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif !important;
        color: #444444;
        line-height: 33px;
        font-size: 22px;       
        font-weight: 500;
        padding-left: 0;
    }   
}


/* TABLET */
@media screen and (max-width: 640px) {

    .asd_option_select{
        width: 100%;
        font-size: 15px !important;
    }

    .asd_text_field{
        width: 100%;
    }

    .asd_date_picker{
        width: 100%;
    }

    .ui-inputfield {
        margin: 0;
        outline: medium none;
        padding: 4px;
        font-weight: normal;
        width: 100%;
    }

    .asd_step_label{
        font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif !important;
        color: #24418f;
        font-weight: 700 !important;
        line-height: 180% !important;
        font-size: 22px ;
        font-weight: bolder;
        background: transparent;
        padding-left: 0;
    }
    .asd_question_label{
        background: transparent;
        line-height: 180% !important;
        font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif !important;
        color: #444444;
        line-height: 33px;
        font-size: 16px;       
        font-weight: 500;
        padding-left: 0;
    }
}


/* MOBILE */
@media screen and (max-width: 250px) {
    .asd_option_select{
        width: 100%;
        font-size: 15px !important;
    }

    .asd_text_field{
        width: 100%;
    }

    .asd_date_picker{
        width: 100%;
    }

    .ui-inputfield {
        margin: 0;
        outline: medium none;
        padding: 4px;
        font-weight: normal;
        width: 100%;
    }

    .asd_step_label{
        font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif !important;
        color: #24418f;
        font-weight: 700 !important;
        line-height: 180% !important;
        font-size: 16px ;
        font-weight: bolder;
        background: transparent;
        padding-left: 0;
    }

    .asd_question_label{
        background: transparent;
        line-height: 180% !important;
        font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif !important;
        color: #444444;
        line-height: 33px;
        font-size: 10px;       
        font-weight: 500;
        padding-left: 0;
    } 
}