/*
    Application form controller CSS rules
*/

/* AppForm view */

.app-form ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #333;
}

.app-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
    opacity: 1;
}

.app-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
    opacity: 1;
}

.app-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333;
}

.app-form :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #333;
}

.app-form .login-row .login,
.app-form .plan-a-meeting-row .plan-a-meeting,
.app-form .about-you-row .about-you,
.app-form .about-you-row .fields,
.app-form .about-you-row .documents-row,
.app-form .about-you-row .documents-row .documents,
.app-form .about-you-row .controls-row,
.app-form .links-row {
    margin-bottom: 15px;
}

.app-form .login *,
.app-form .apply-with-linkedin *,
.app-form .plan-a-meeting *,
.app-form .about-you *,
.app-form .about-you-row .documents * {
    display: inline-block;
}

.app-form .login p,
.app-form .plan-a-meeting p,
.app-form .about-you p,
.app-form .about-you-row .documents p {
    font-size: 18px;
    font-weight: bold;
}

    .app-form .login p .login-link,
    .app-form .login p .linkedin-link,
    .app-form .apply-with-linkedin .linkedin-link,
    .app-form .apply-with-linkedin .linkedin-logout {
        margin-left: 10px;
    }

.app-form .login .mouse-icon,
.app-form .plan-a-meeting .calendar-icon,
.app-form .about-you .user-icon,
.app-form .about-you-row .documents .mouse-icon {
    margin-right: 15px;
}

.app-form .apply-with-linkedin {
    margin: 10px 0 10px 0;
    padding-left: 61px;
}

    .app-form .apply-with-linkedin p {
        font-size: 14px;
    }

/* START Custom style for the dropdowns */
.app-form .plan-a-meeting-dropdown {
    margin: 10px 0 10px 0;
}
        .app-form .form .form-control:focus {
            border-color: #333;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51, 51, 51, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(51, 51, 51, .6);
        }

            .app-form .plan-a-meeting-dropdown .form-control button.dropdown-toggle span.filter-option,
            .app-form .form .form-control button.dropdown-toggle span.filter-option {
                width: 95%;
            }

            .app-form .plan-a-meeting-dropdown .form-control button.dropdown-toggle span.bs-caret span.caret,
            .app-form .form .form-control button.dropdown-toggle span.bs-caret span.caret {
                background-image: url('../Images/dropdown_button.png');
                padding: 16px;
                background-color: #333;
                background-position: center;
                top: 0%;
                right: 0px;
                margin-top: 0px;
                border-width: 0px;
            }

        .app-form .plan-a-meeting-dropdown .form-control .dropdown-menu,
        .app-form .form .form-control .dropdown-menu {
            padding: 0px;
            border-radius: 1px;
            border-color: #333;
        }

            .app-form .plan-a-meeting-dropdown .form-control ul.dropdown-menu li:nth-child(even),
            .app-form .form .form-control .dropdown-menu ul.dropdown-menu li:nth-child(even) {
                background-color: #D3D3D3;
            }

            .app-form .plan-a-meeting-dropdown .form-control ul.dropdown-menu li:nth-child(odd),
            .app-form .form .form-control .dropdown-menu ul.dropdown-menu li:nth-child(odd) {
                background-color: #ffffff;
            }

            .app-form .plan-a-meeting-dropdown .form-control ul.dropdown-menu li a,
            .app-form .plan-a-meeting-dropdown .form-control ul.dropdown-menu li.selected a,
            .app-form .form .form-control .dropdown-menu ul.dropdown-menu li a,
            .app-form .form .form-control .dropdown-menu ul.dropdown-menu li.selected a {
                padding-left: 20px;
                padding-top: 10px;
                padding-bottom: 10px;
            }

                .app-form .plan-a-meeting-dropdown .form-control ul.dropdown-menu li a:hover,
                .app-form .plan-a-meeting-dropdown .form-control ul.dropdown-menu li.selected a:hover,
                .app-form .form .form-control .dropdown-menu ul.dropdown-menu li a:hover,
                .app-form .form .form-control .dropdown-menu ul.dropdown-menu li.selected a:hover {
                    background-color: transparent;
                }
/* END Custom style for the dropdowns */

/* START Custom style for boolean fields (ex: willing to travel) */
/*.checkbox label {
    font-weight: bold;
    width: 100%;
    padding-left: 0;
}

    .checkbox label .labelText {
        padding-left: 0;
    }

    .checkbox label input[type="checkbox"] {
        float: right;
        position: relative;
    }*/

/* END Custom style for boolean fields (ex: willing to travel) */

.app-form .documents-row .list-group-item {
    margin-bottom: 5px;
}

/* Submit view */

.app-form-submit .alert.alert-success {
    margin-top: 20px;
}

.contacts-page H3 {
    color: #FF0000;
    font-variant: small-caps;
    font-weight: bold;
}

/* custom bootstrap upload file button*/

.btn-uploadfile {
    color: #ffffff;
    background-color: #333333;
    border-color: #555555;
}

.file-upload {
    width: 100%;
}

.btn-uploadfile:hover,
.btn-uploadfile:focus,
.btn-uploadfile:active,
.btn-uploadfile.active,
.open .dropdown-toggle.btn-uploadfile {
    color: #ffffff;
    background-color: #111;
    border-color: #555555;
}

.btn-uploadfile:active,
.btn-uploadfile.active,
.open .dropdown-toggle.btn-uploadfile {
    background-image: none;
}

.btn-uploadfile.disabled,
.btn-uploadfile[disabled],
fieldset[disabled] .btn-uploadfile,
.btn-uploadfile.disabled:hover,
.btn-uploadfile[disabled]:hover,
fieldset[disabled] .btn-uploadfile:hover,
.btn-uploadfile.disabled:focus,
.btn-uploadfile[disabled]:focus,
fieldset[disabled] .btn-uploadfile:focus,
.btn-uploadfile.disabled:active,
.btn-uploadfile[disabled]:active,
fieldset[disabled] .btn-uploadfile:active,
.btn-uploadfile.disabled.active,
.btn-uploadfile[disabled].active,
fieldset[disabled] .btn-uploadfile.active {
    background-color: #333333;
    border-color: #555555;
}

.btn-uploadfile .badge {
    color: #333333;
    background-color: #ffffff;
}