/* Botones */

.btn {
	font-size: 0.8rem;
	padding: 0.3rem 0.5rem; /* Misma altura que inputs */
	border-radius: 0 !important;
}

.btn-sm,
.btn-group-sm > .btn {
	font-size: 0.6rem;	
	padding: 0.2rem 0.6rem;
}

.btn-lg,
.btn-group-lg > .btn {
	font-size: 1rem;
	padding: 0.6rem 0.6rem;
}

.btn-labeled {
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
	line-height: 2rem;		
}

.btn-labeled .btn-label {
	position: relative;
	left: -8px;
	display: inline-block;
	padding: 0 0.7em;
	background: rgba(255,255,255,0.15);
}

.btn-labeled span + span {
	margin: 0 0.5em;
}

.btn-labeled .btn-label .mdi {
	color:#fff !important; /* Boostrap FIX */
}

.btn-sm .btn-label {
	left: -9px;
}

.btn-sm .btn-label .mdi {
	font-size: 0.7rem;
}

.btn-sm.btn-labeled {
	line-height: 1.5rem;
}

.btn-lg.btn-labeled {
	line-height: 2.7rem;
}

.btn-lg .btn-label {
	left: -10px;
}

.btn-lg,
.btn-group-lg > .btn {	
}

.btn-primary {
	background-color: #4cb1e1;
	border-color: #4cb1e1;
}

.btn-primary:hover {
	background-color: #449fca;
	border-color: #449fca;	
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #4197bf;
	border-color: #4197bf;
}

.btn-primary.disabled,
.btn-primary:disabled {
	background: #ccc;
	border-color: #aaa;
	color: #777;
}

.btn.disabled:hover *,
.btn[disabled]:hover *,
.btn.disabled:hover,
.btn[disabled]:hover {
    cursor: not-allowed;
}

/* Campos */

.form-group input,
.form-group select,
.input-group-text {
	border-radius: 0 !important;
}

.input-group .mdi {
	font-size: inherit !important; /* Boostrap FIX */
}

.form-control {
  font-size: 0.8rem;
  height: calc(1.8rem + 2px);
  padding: 0.35rem 0.5rem;
}

.form-control-sm {
  font-size: 0.6rem;
  height: calc(1.5rem + 2px);
  padding: 0.25rem 0.5rem;  
}

.form-control-lg {
  font-size: 1rem;
  height: calc(2rem + 2px);
  padding: 0.5rem 0.5rem;
}

.input-group-text {
	padding: 0 0.5rem;
}

.input-group {
  font-size: 0.8rem;
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
	font-size: 0.6rem;
	padding: 0.25rem 0.5rem; 
} 

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
	height: calc(2.75rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
	font-size: 1rem;
	padding: 0 0.75rem;
	border-radius: 0;
}

.input-group-lg > .input-group-prepend > .input-group-text .mdi,
.input-group-lg > .input-group-append > .input-group-text .mdi {
	font-size: 1.2rem !important;
}

.custom-select {
	height: calc(1.8rem + 2px);
	padding: 0.3rem;
	color: #6c757d;
}

.custom-select-sm {
  height: calc(1.5rem + 2px);
  padding: 0.25rem 0.25rem;
  font-size: 0.6rem;
}

.custom-select-lg {
	font-size: 1rem;
	height: calc(2.7rem + 2px);
	padding: 0.25rem 0.5rem;
}

.alert-dismissible .close {
	padding: 0.35rem 0.6rem;
}

.alert {	
	padding: 0.5rem 0.8rem;
	border-radius: 0;
}

/* Bordes */

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

/* Dialog */

.modal-content,
.modal-header {
	border-radius: 0;
}

.modal-header {
	padding: 0.5rem 1rem;
}

.modal-header .close {
	text-shadow: none;
	opacity: 1;
	color: #fff;
}

.modal-header h4 {
	font-size: 20px;
}

/* Bootstrap v4 */
.form-group {
  margin-bottom: 1rem;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col {
  padding-left: 5px;
  padding-right: 5px;
}

label {
  margin-bottom: 0.5rem;
}