/**
 * Basic-Formstyling.
 * Should adapt directly to all <form>s and their input-elements on the whole page. 
 * Not only com_pm, also Login/register/forgot login-data and so on
 **/ 

 	/* Form */
 		.pm_contact {
 			margin-bottom: 40px;
 		}

	/* Form Labels */
		label {
			display: inline-block !important;
			font-weight: 600;
		}
		#edit_default_section-lbl {
			margin-bottom: 0;
		}		

	/* normal form-elements, default state. overrides von bootstrap.css */ 
		body textarea,
		body select,
		body select.form-control,
		body input[type="text"],
		body input[type="password"],
		body input[type="datetime"],
		body input[type="datetime-local"],
		body input[type="date"],
		body input[type="month"],
		body input[type="time"],
		body input[type="week"],
		body input[type="number"],
		body input[type="email"],
		body input[type="url"],
		body input[type="search"],
		body input[type="tel"],
		body input[type="color"],
		.uneditable-input {
			background-color: white;
			border: 1px solid #b7b7b7;
			border-radius: 0;
			width: 100%;
			height: 38px;
			padding: 8px 15px;
			box-sizing: border-box;
		}
        
        body textarea {
            height: auto;
        }

    /* Captcha */
    	.captcha_fieldset {
    		margin-bottom: 20px;
    	}

	/* Focus State */
		textarea:focus,
		input:focus,
		select:focus,
		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="datetime"]:focus,
		input[type="datetime-local"]:focus,
		input[type="date"]:focus,
		input[type="month"]:focus,
		input[type="time"]:focus,
		input[type="week"]:focus,
		input[type="number"]:focus,
		input[type="email"]:focus,
		input[type="url"]:focus,
		input[type="search"]:focus,
		input[type="tel"]:focus,
		input[type="color"]:focus,
		.uneditable-input:focus {
			box-shadow: none;
			border-color: black;
		}

	/* button-styles, in case that no bootstrap-classes are used. */
		input[type="button"],
		input[type="submit"],
		button,
		button.submit,
		a.button {
			display: inline-block;
			padding: 5px 10px;
			border: 1px solid #b7b7b7;
		}
		input[type="button"]:hover,
		input[type="submit"]:hover,
		button:hover,
		button.submit:hover,
		a.button:hover {
			border: 1px solid black;
			cursor: pointer;
		}

	/* Align the checkboxes for "nutzungsbedingungen" and "newsletter" left of the text. */
		form .input-group.group_contact_nutzungsbedingungen_accept input[type="checkbox"],
		form .input-group.group_contact_newsletter_accept input[type="checkbox"] {
			position: absolute;
			top: 0;
			left: 0;
		}
		form .input-group.group_contact_nutzungsbedingungen_accept,
		form .input-group.group_contact_newsletter_accept {
			position: relative;
			padding-left: 22px;
		}
	
	/* Label-Wrapper */
		.form-group .add-on{
			display: block;
		}

	/* Form Layout */
		.pm_fieldgroup  {
			margin-bottom: 20px;
		}
		.view_contact .panel {
			border-width: 0px;
		}
		.view_contact .panel .panel-body {
			padding: 0;
			margin: 10px 0;
		}

	/* Checkboxes */
		.pm_fieldgroup.type_checkbox input[type="checkbox"] {
			height: 15px;
		    width: 15px;
		    position: absolute;
		    left: 0;
		    top: -1px;
		    display: inline-block;
		}
		.pm_fieldgroup.type_checkbox label {
			padding-left: 25px;
		}