/*
Copyright (C) 2019 Nauta Tecnològica, SCP - All Rights Reserved.
Unauthorized copying, publishing, commercial usage and/or distribution of this file,
via any medium, is strictly prohibited without the express permission of the owner.
*/
/*
    Created on : 2 de maig 2019, 22:05:30
    Author     : Jordi Santacana <jordistc@nautalogica.com>
*/

@mixin form-control-extra {

	@include box-shadow(none);

	&:focus {
		@include box-shadow(none);
	}

	&[disabled],
    &[readonly],
    fieldset[disabled] & {

        cursor: not-allowed;
		pointer-events: none;
		background-color: $input-disabled-border-color;
		&:focus {
			border-color: $input-focus-border-color;
		}
    }
}


select {
	&:focus,
		&::-moz-focus-inner {
		outline: 0 !important;
	}

	&:-moz-focusring {
		color: transparent !important;
		text-shadow: 0 0 0 #000 !important;
	}

	option {
		outline: 0 none !important;
		&:focus,
			&::-moz-focus-inner {
			outline: 0 none !important;
		}
	}
}

form {
	dl {
		margin: 5px 0 10px;

		dt label {
			font-weight: 600;
			font-size: 0.9em;
			margin-bottom: 2px;
		}

		dd {

			pre {
				font-size: $size-normal;
				height: $control-height;
				line-height: $control-line-height;
				padding-bottom: $control-padding-vertical;
				padding-left: $control-padding-horizontal;
				padding-right: $control-padding-horizontal;
				padding-top: $control-padding-vertical;
			}

			input,
			select,
			textarea {
				display: block;
				width: 100%;
				@include input;
				@include form-control-extra;
			}

			.input-group {
				input,
				select {
					/*@extend .form-control;*/
					/*					@include input;
										@include form-control-extra;*/

					border-top-right-radius: 0 !important;
					border-bottom-right-radius: 0 !important;
				}
			}
		}

		&.inline {
			display: inline-block;
			margin-right: 15px;
			vertical-align: top;
			@include clearfix();

			&:last-child { 
				margin-right: 0; 
			}
		}
	}

	.form-body + .form-footer {
		margin-top: 20px; 
	}

	.form-footer > .form-submit {
		text-align: right;
	}
}

.form-button {
	display: inline;
}

.form-submit .btn {
	+ .btn {
		margin-left: 5px;
	}
}


.input-group {
	.btn {

	}
}