/*          
            Custom DEKRA classes to handle Bootstrap and AngularJS form styles
------------------------------------------------------------------------------------------------
   Company: DEKRA
*/

/* AngularJS classes */
form .form-control.ng-dirty.ng-valid {
	border: 1px solid #57AB27;
}

form .form-control.ng-dirty.ng-invalid {
	border: 1px solid #d32323;
}

/* Bootstrap */
/* Dark form styles */
.bg-darker .form-control {
	margin-bottom: 5px;
    display: block;
    width: 100%;
    height: 35px;
    padding: 5px 10px;
    color: #FFF !important;
    background-color: #006433 !important;
    background-image: none;
    border: 1px solid #333;
    border-radius: 5px;
    font-size: 13px;
}

.bg-darker .form-control:focus {
	border-color: #99cbb2;
}

.bg-darker textarea.form-control {
	height: auto;
}

.bg-darker .btn-primary {
	color: #FFF;
	background-color: #555;
	border: 1px solid #555;
	-webkit-transition: background-color 0.5s linear, border 0.5s linear;
    -moz-transition: background-color 0.5s linear, border 0.5s linear;
    -o-transition: background-color 0.5s linear, border 0.5s linear;
    -ms-transition: background-color 0.5s linear, border 0.5s linear;
    transition: background-color 0.5s linear, border 0.5s linear;
    -webkit-transition: background-color 0.5s linear, border 0.5s linear;
}

.bg-darker .btn-primary:focus, .bg-darker .btn-primary:active, .bg-darker .btn-primary:hover {
	color: #FFF !important;
	background-color: #57AB27 !important;
	border: 1px solid #57AB27 !important;
}

.bg-darker .form-control::-webkit-input-placeholder { color: #F3F3F3; }
.bg-darker .form-control:-moz-placeholder { color: #F3F3F3; }
.bg-darker .form-control::-moz-placeholder { color: #F3F3F3; }
.bg-darker .form-control:-ms-input-placeholder { color: #F3F3F3; }


/* Form styles */
.form-control {
	margin-bottom: 10px;
    display: block;
    width: 100%;
    height: 35px;
    padding: 5px 10px;
    color: #333 !important;
    background-color: #FFF !important;
    background-image: none;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    font-size: 13px;
}

textarea.form-control {
	height: auto;
}

.form-control:focus {
	border-color: #555;
}

.form-control::-webkit-input-placeholder { color: #555; }
.form-control:-moz-placeholder { color: #555; }
.form-control::-moz-placeholder { color: #555; }
.form-control:-ms-input-placeholder { color: #555; }

.has-feedback-left .form-control {
	padding-left: 30px;
}

.has-feedback-left .form-control-feedback {
    color: #777;
    left: 0;
    width: 35px;
    line-height: 35px;
}


.form-control-feedback {
    color: #777;
    line-height: 35px;
}

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