@charset "utf-8";
/* CSS Document */
/* V03 */

.requiredField {
color: red;
font-weight:bold;
}

input[type=text].inputIcon, input[type=password].inputIcon, input[type=email].inputIcon, input[type=number].inputIcon, input[type=date].inputIcon, input[type=tel].inputIcon, select.inputIcon
{
background-repeat: no-repeat;
background-position: 6px center;
padding-left: 38px;
}

input#firstName.inputIcon { background-image:url('../images/icons/icon_person1_24.png'); }
input#lastName.inputIcon { background-image:url('../images/icons/icon_person2_24.png'); }
input#email.inputIcon { background-image:url('../images/icons/icon_email24.png'); }
input#dateOfBirth.inputIcon { background-image:url('../images/icons/icon_baby24.png'); }

input#password.inputIcon { background-image:url('../images/icons/icon_password24.png'); }
select#country.inputIcon { background-image:url('../images/icons/icon_globe24.png'); }
select#tShirtSize.inputIcon { background-image:url('../images/icons/icon_tshirt24.png'); }

select#idType.inputIcon { background-image:url('../images/icons/icon_id24.png');}
input#passportFullName.inputIcon { background-image:url('../images/icons/icon_passportname24.png');}
select#passportCountry.inputIcon { background-image:url('../images/icons/icon_globe24.png'); }
input#passportNumber.inputIcon { background-image:url('../images/icons/icon_passportnumber24.png');}
input#passportExpiryDate.inputIcon { background-image:url('../images/icons/icon_passportexpirydate24.png'); }
input#occupation.inputIcon { background-image:url('../images/icons/icon_businessman24.png'); }

input#baseJumps.inputIcon { background-image:url('../images/icons/icon_numberbasejumps24.png'); }
input#baseJumps12Months.inputIcon { background-image:url('../images/icons/icon_numberbasejumps12months24.png'); }
input#firstBASEJumpDate.inputIcon { background-image:url('../images/icons/icon_firstbasejump24.png'); }
input#baseCanopies.inputIcon { background-image:url('../images/icons/icon_canopy24.png'); }
input#baseContainers.inputIcon { background-image:url('../images/icons/icon_container24.png'); }
input#skydives.inputIcon { background-image:url('../images/icons/icon_numberskydives24.png'); }
input#firstSkydiveDate.inputIcon { background-image:url('../images/icons/icon_firstskydive24.png'); }
input#reference1Name.inputIcon, input#reference2Name.inputIcon { background-image:url('../images/icons/icon_man24.png'); }
input#reference1Email.inputIcon, input#reference2Email.inputIcon { background-image:url('../images/icons/icon_email24.png'); }
input#facebookID.inputIcon { background-image:url('../images/icons/icon_facebook24.png'); }
input#eventTagline.inputIcon { background-image:url('../images/icons/icon_tag24.png'); }

label, .fieldName {
    color: #1e62d0;
    font-weight:bold;
    text-align: left;
}

/*.subLabel {*/
    /*font-weight:bold;*/
    /*color: #1e62d0;*/
/*}*/

/*.addressLabel {*/
    /*color: #00688B;*/
    /*color: #302B54;*/
    /*color: #0033CC;*/
    /*font-weight:normal;*/
/*}*/

.labelHelp, .plaintext {
    color: Black;
    font-weight:normal;
}


.fieldError {
    color: Red;
}

.fieldOK {
     color: Green;
 }

.fieldInfo {
    color: #000080;
}

.inputOK:focus {
    /*border-color: Green !important;*/
    border-color: #008000;
    box-shadow: 0 0 5px rgba(0, 128, 0, 0.4);

}

/*.valign-middle{*/
    /*vertical-align: middle;*/
/*}*/

/*.valign-top{*/
    /*vertical-align: top;*/
/*}*/


.custom-checkbox-red .custom-control-input:checked~.custom-control-label::before {
    background-color: red;
}

.custom-checkbox-red .custom-control-input:active~.custom-control-label::before{
    background-color: #FF8080;
}

/* the shadow; displayed while the element is in focus */
.custom-checkbox-red .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 0, 0, 0.25); /* red, 25% opacity */
}

.custom-checkbox-green .custom-control-input:checked~.custom-control-label::before {
    background-color: green;
}

.custom-checkbox-green .custom-control-input:active~.custom-control-label::before{
    background-color: #80FF80;
}

/* the shadow; displayed while the element is in focus */
.custom-checkbox-green .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25); /* green, 25% opacity */
}

/* --- Custom Radio Button Red --- */
/* This is the default state */
.custom-radio-red .custom-control-label::before {
    background-color: whitesmoke;
}

/* This is the checked state */
.custom-radio-red .custom-control-input:checked~.custom-control-label::before,
.custom-radio-red .custom-control-input:checked~.custom-control-label::after {
    background-color: red;  /* green */
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
    border-radius: 50%;
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio-red .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #ff8080; /* red */
}

/* the shadow; displayed while the element is in focus */
.custom-radio-red .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 0, 0, 0.25); /* red, 25% opacity */
}


/* --- Custom Radio Button Green --- */
/* This is the default state */
.custom-radio-green .custom-control-label::before {
    background-color: whitesmoke;
}

/* This is the checked state */
.custom-radio-green .custom-control-input:checked~.custom-control-label::before,
.custom-radio-green .custom-control-input:checked~.custom-control-label::after {
    background-color: green;  /* green */
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
    border-radius: 50%;
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio-green .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #80ff80; /* green */
}

/* the shadow; displayed while the element is in focus */
.custom-radio-green .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25); /* red, 25% opacity */
}

/* --- Custom Radio Button Pink --- */
/* This is the default state */
.custom-radio-pink .custom-control-label::before {
    background-color: whitesmoke;
}

/* This is the checked state */
.custom-radio-pink .custom-control-input:checked~.custom-control-label::before,
.custom-radio-pink .custom-control-input:checked~.custom-control-label::after {
    background-color: deeppink;  /* #FF1493 */
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
    border-radius: 50%;
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio-pink .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: pink; /* #FFC0CB */
}

/* the shadow; displayed while the element is in focus */
.custom-radio-pink .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 20, 147, 0.25); /* hotpink, 25% opacity */
}

/* --- Custom Radio Button Blue --- */
/* This is the default state */
.custom-radio-blue .custom-control-label::before {
    background-color: whitesmoke;
}

/* This is the checked state */
.custom-radio-blue .custom-control-input:checked~.custom-control-label::before,
.custom-radio-blue .custom-control-input:checked~.custom-control-label::after {
    background-color: deepskyblue;  /* #00BFFF */
    border-radius: 50%;
    /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);
 }

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio-blue .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: lightskyblue; /* #8080FF */
}

/* the shadow; displayed while the element is in focus */
.custom-radio-blue .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 191, 255, 0.25); /* blue, 25% opacity */
}


input[type="checkbox"].checkbox-lg
{
    font-size: 20px;
} 

input[type="checkbox"]:checked.checkbox-green
{
    background-color: green;  /* green */
    border-color: darkgreen;
}

/* the shadow; displayed while the element is in focus */
input[type="checkbox"]:focus.checkbox-green {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25); /* green, 25% opacity */
}

/* active state i.e. displayed while the mouse is being pressed down */
input[type="checkbox"]:active.checkbox-green {
    color: #fff;
    background-color: #80ff80; /* green */
}



input[type="radio"].radio-lg
{
    font-size: 20px;
} 

input[type="radio"]:checked.radio-green
{
    background-color: green;  /* green */
    border-color: darkgreen;
}

/* the shadow; displayed while the element is in focus */
input[type="radio"]:focus.radio-green {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25); /* green, 25% opacity */
}

/* active state i.e. displayed while the mouse is being pressed down */
input[type="radio"]:active.radio-green {
    color: #fff;
    background-color: #80ff80; /* green */
}

input[type="radio"]:checked.radio-red
{
    background-color: red;  /* green */
    border-color: darkred;
}

/* the shadow; displayed while the element is in focus */
input[type="radio"]:focus.radio-red {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 0, 0, 0.25); /* red, 25% opacity */
}

/* active state i.e. displayed while the mouse is being pressed down */
input[type="radio"]:active.radio-red {
    background-color: #ff8080; /* red */
}


input[type="radio"]:checked.radio-blue
{
    background-color: deepskyblue;  /* blue */
    border-color: deepskyblue;
}

/* the shadow; displayed while the element is in focus */
input[type="radio"]:focus.radio-blue {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 191, 255, 0.25); /* blue, 25% opacity */
}

/* active state i.e. displayed while the mouse is being pressed down */
input[type="radio"]:active.radio-blue {
    color: #fff;
    background-color: skyblue; /* blue */
}

input[type="radio"]:checked.radio-pink
{
    background-color: hotpink;  /* pink */
    border-color: deeppink;
}

/* the shadow; displayed while the element is in focus */
input[type="radio"]:focus.radio-pink {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 20, 147, 0.25); /* hotpink, 25% opacity */
}

/* active state i.e. displayed while the mouse is being pressed down */
input[type="radio"]:active.radio-pink {
    background-color: pink; /* pink */
}