/* These styles are copied here from bootstrap 3 so the forms will still look well even if the site doesn't use bootstrap. */

/* We added Bootstrap3 in the font name to avoid conflicts with the rest of the style in case we use
	more recent Bootstrap css version which might have updated version of this font as well */
@font-face {
    font-family: 'Glyphicons Halflings Bootstrap3';
    src: url('fonts/glyphicons-halflings-bootstrap3-regular.eot');
    src: url('fonts/glyphicons-halflings-bootstrap3-regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/glyphicons-halflings-bootstrap3-regular.woff2') format('woff2'),
		url('fonts/glyphicons-halflings-bootstrap3-regular.woff') format('woff'),
		url('fonts/glyphicons-halflings-bootstrap3-regular.ttf') format('truetype'),
		url('fonts/glyphicons-halflings-bootstrap3-regular.svg#glyphicons_halflingsregular') format('svg');
}

form {
    display: block;
    margin-top: 0em;
}

.form-group {
    margin-bottom: 10px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.redstar {
    color: red;
}

.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-success {
    color: #fff;
    border-radius: 3px;
    background-color: #86c127;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
    border-color: #86c127;
    padding: 15px 50px;
    text-decoration: none;
    text-transform: uppercase;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings Bootstrap3';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-repeat:before {
    content: "\e030";
}

textarea.form-control {
    min-height: 90px;
    word-wrap: break-word;
    overflow-y: auto;
    overflow-x: hidden;
}

.security-code {
    max-width: 100px !important;
}

.security_image {
	float: left;
} 

.reload-security-image {
	background-color: white;
	padding: 2px;
	cursor: pointer;
	float: left;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}