/* *, *:before, *:after { */
  /* box-sizing: border-box; */
/* } */


div.vef_summary * {
  box-sizing: border-box;
}


div.col1.vef_summary {
	width: 98%;
}


div.vef_summary {
	width: 100%;
  max-width: 960px;
}
div.vef_summary input[type="text"], div.vef_summary select {
	height: 30px;
	font-size: 16px;
	padding: 4px 10px;
}


div.vef_summary label.required {
	font-weight: bold;
}

div.vef_summary div.vef_header {
	width: 100%;
    display: block;
    padding: 8px;
    margin-bottom: 12px;
    padding-left: 0;
    margin-left: 0;
    background-color: #59aaf6;
    color: white;
    padding-bottom: 16px;
    margin: 0;
    padding-left: 24px;
    padding-top: 12px;
}

div.vef_summary div.vef_group {
	width: 100%;
	font-size:14px;
	border: 1px dotted #e0e0e0;
	display: block;
    padding-bottom: 20px;
	margin-bottom: 8px;
	padding: 8px;
}

div.vef_summary div.vef_group * {
	margin-top: 6px;
}

div.vef_summary div.vef_group hr {
	height: 2px;
    width: 100%;
    border-bottom: 2px dotted #e0e0e0;
    margin-bottom: 18px;
    margin-top: 16px;
}

div.vef_summary div.vef_group div {
	margin-top: 0;
}

div.vef_summary div.vef_group div.aligned {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

div.vef_summary div.vef_group label {
	width: 110px;
	text-align: right;
	display: none;
	margin-right: 10px;
	vertical-align: top;
	padding-top: 4px;
}
div.vef_summary div.vef_group label[for=birthdate] {
	width: 154px;
}

div.vef_summary div.vef_group textarea {
	width: 100%;
	height: 80px;
}

div.vef_summary div.vef_vol_data input[type=text] {
	width: 400px;
}

div.vef_summary div.sameline {

}

div.vef_summary div.centered {
	text-align: center;
    font-weight: normal;
    margin-bottom: 18px;
	font-style: italic;
	font-size: 11px;
}

div.vef_summary div.vef_group_header {
    width: 100%;
    margin: 0;
    background-color: #59aaf6;
    padding: 3px;
    text-align: center;
    margin-bottom: 0;
    color: white;
    margin-top: 8px;
    margin-left: 0;
}

div.vef_summary div.sameline label {
	width: 97px;
	margin-left: 12px;
}

div.vef_summary div.vef_group.languages div.sameline label {
	width: 46px;
	margin-left: 12px;
}

/* #sex { */
	/* width: 60px; */
/* } */

/* #birthdate { */
	/* width: 130px; */
	/* margin-top: -1px; */
	/* margin-right: -5px; */
/* } */

/* #address1,#address2 { */
	/* width: 400px; */
	/* display: block; */
/* } */

/* #zip { */
	/* width: 75px; */
/* } */

/* #city { */
	/* width: 198px; */
/* } */

/* #prov_rgn { */
	/* width: 120px; */
/* } */

/* #country { */
	/* width: 400px; */
/* } */

/* #email,#telephone,#occupation,#nationality,#ice_name,#ice_telephone { */
	/* width: 207px; */
/* } */

div.vef_summary div.vef_data {
	width: 100%;
	font-size:14px;
	border: 1px dotted #e0e0e0;
	display: block;
}

div.vef_summary div.vef_choice_row {
	display: block;
}

div.vef_summary div.vef_choice_row * {
	display: inline-block;
}

div.vef_summary div.vef_choice_row div.index {
	width: 20px;
	text-align: center;
}
div.vef_summary div.vef_choice_row input[type=text].code {
	width: 135px;
}

div.vef_summary div.vef_choice_row input[type=text].name {
	width: 495px;
}

div.vef_summary div.vef_choice_row input[type=text].dates {
	width: 160px;
}
div.vef_summary div.vef_choice_row img.action {
	width: 16px;
}

div.vef_summary div.vef_choice_row img.action:hover {
	cursor: pointer;
	opacity: 0.4;
}

div.vef_summary div.vef_choice_row.header > div {
    font-size: 11px;
    padding-left: 1px;
    margin-bottom: -1px;
    margin-top: 1px;
    display: inline-block;
}

div.vef_summary div.vef_choice_row.header div.index {
	width: 25px;
}
div.vef_summary div.vef_choice_row.header div.code {
	width:135px;
}

div.vef_summary div.vef_choice_row.header div.name {
	width: 493px;
}

div.vef_summary div.vef_choice_row.header div.dates {
	width:120px;
}
div.vef_summary div.vef_choice_row.header div.action {
	width: 20px;
}

div.vef_summary div.action_row {
	display: inline-block;
}

/* checkdata */

div.pre_submit_warning {
    border: 4px solid orange;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 10px;
    padding: 8px;
    width: 100%;
}


div.terms_conditions_privacy {
    border: 2px solid orange;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 12px;
    margin-top: 10px;
    padding: 8px 8px 12px 14px;
    width: 100%;
}

div.terms_conditions_privacy input[type=checkbox] {
    margin-right: 4px;
    margin-top: 0;
    vertical-align: middle;
}

div.terms_conditions_privacy label {
    display: inline-block;
    padding-top: 4px;
}

div.terms_conditions_privacy a {
	font-weight: bold;
}

#vef_action_row {
    border: 2px solid orange;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 12px;
    margin-top: 10px;
    padding: 8px 8px 17px;
    width: 100%;
}

#vef_captcha {
	display: inline-block;
	float: left;
}

#submit_prompt {
    display: inline-block;
    font-weight: bold;
    height: 100%;
    margin-left: 26px;
    margin-top: 12px;
    position: relative;
    vertical-align: bottom;
}

#b_submit_vef {
    border: 1px dotted black;
    float: right;
    font-weight: bold;
}

#b_submit_vef:hover {
	opacity: 0.4;
	cursor: pointer;
}

#privacy_policy_text,#terms_conditions_text {
	width: 100%;
	height: 100%;
	background-color: white;

}

#privacy_policy_text div.scroller,#terms_conditions_text div.scroller {
margin: 24px;
overflow-y: scroll;
display: block;
height: 392px;

}

.textinput {
    font-size: 13px !important;
}

#birthdate + button.Zebra_DatePicker_Icon {
	top: 0px !important;
}

.Zebra_DatePicker * {
	font-size: 11px;
}

.Zebra_DatePicker {
    background: #59aaf6;
}


@media (max-width: 768px) {
    
    div.vef_summary div.vef_data label,
    div.vef_summary div.vef_data input {
        width: 100%;
        font-size: 14px;
        border: 1px dotted #e0e0e0;
        display: block;
        text-align:left;
    }    
    div.vef_summary div.vef_data div.aligned {
        width: 100%;
    }
    
    div.vef_summary div.sameline label {
        margin-left: 0px;
    }
    
    div.vef_summary div.vef_group label {
        width: 12rem;
        text-align: left;
        display: block;
        vertical-align: top;
    }
    
    div.vef_summary div.vef_group input[type=text] {
        width: 100%;
    }
    
    #display_birthdate {
        width: 100%;
    }    
    
    div.vef_summary div.vef_group.languages div.sameline label {
            margin-left: 0;
            padding-left: 0.3em;
    }
    
    label[for="language1"]:before,
    label[for="language2"]:before,
    label[for="language3"]:before,
    label[for="language4"]:before {
        content:'Language '
    }

    label[for="language1"],
    label[for="language2"],
    label[for="language3"],
    label[for="language4"]
    {
        width: 99% !important;
        margin-right: 10px !important;
    }  
    
    #vef_action_row {
        border: 2px solid orange;
        display: inline-block;
        width: 100%;
        height: auto;
    }    

    /* div.vef_choice_row div.index { display: none !important; } */
    div.vef_choice_row div.code  { display: none !important; }
    div.vef_choice_row div.name  { display: none !important; }
    div.vef_choice_row div.dates { display: none !important; }
    
    div.vef_summary div.vef_choice_row.row_body div.index { 
        float: right;
        margin-top: 0.5em;
        margin-right: -0.5em;
        font-weight: bold;
        background: orange;
        padding:3px;
        width:24px;
        height:24px;
        border-radius: 50%;
    }
    
    div.vef_choice_row.header:after {
        display: none !important;
    }
    
    div.vef_choice_row.row_body {
        border: 1px solid orange;
        margin-top:0;
        padding:1em;
        padding-top: 0;
        margin-top: 0.8em !important;
    }
    
    div.vef_choice_row label.l_code:after {
        content: "Code";
        font-weight: bold;
    }
    
    div.vef_choice_row label.l_name:after {
        content: "Name";
        font-weight: bold;
    }

    div.vef_choice_row label.l_dates:after {
        content: "Dates";
        font-weight: bold;
    }    
    
    div.vef_choice_row input[type=text] {
        width: 100% !important;
    }    

#prj_code_1::before {
        position:relative;
        display:block;
height:100%;
width:100%;
        content: "Code: ";
    }
}