// main: styles.scss

.card {
	margin-bottom: 2rem;
	.card-body {
		.no-gutters {
			.alert {
				border-radius: 0;
				margin: 0;
				width: 100%;
				border-color: $border;
				border-left: none;
				padding-left: 1.25rem;
				padding-right: 1.25rem;
				[class*='fa'] {
					margin-right: .15rem;
					text-align: left;
				}
				&.text-info,
				&.text-success,
				&.text-danger,
				&.text-secondary {
					border-right: none;
					border-left: none;
					text-align: center;
					[class*='fa'] {
						position: relative;
						top: 1px;
						line-height: 1.3rem;
					}
				}
				&.text-info {
					&:last-child {
						border-top: $border;
					}
				}
				&.btn {
					margin-top: 0;
					&:hover,
					&:active,
					&:focus {
						background-color: $ultramarine-blue;
						border-color: $ultramarine-blue;
						color: $white;
					}
				}
			}
			&.row-2-col {
				[class*='col-'] {
					border-bottom: $border;
				}
				.btn-block {
					text-align: left;
				}
			}
			&.row {
				[class*='col-'] {
					> .row {
						[class*='col-'] {
							text-align: center;
							border: none;
							&:first-child {
								border-right: $border;
							}
							.btn-info {
								border-color: transparent;
								&:hover,
								&:active,
								&:focus {
									background-color: $ultramarine-blue;
									border-color: $ultramarine-blue;
									color: $white;
								}
							}
						}
					}
					&.text-info,
					&.text-success,
					&.text-danger,
					&.text-secondary {
						text-align: center;
					}
				}
			}
			&.row-1 {
				[class*='col-'] {
					border-top: none;
					border-bottom: $border;
					> .row {
						[class*='col-'] {
							border: none;
						}
					}
				}
			}
			&.row-3-col {
				h4 {
					[class*='fa'] {
						font-size: 1.2rem;
						position: relative;
						top: -2px;
						margin-right: .2rem;
					}
				}
			}
			&.row-multi {
				[class*='col-'] {
					border-bottom: none;
					&:nth-last-child(-n+2) {
						border-bottom: $border;
					}
					&.text-success {
						border-top: $border;
					}
					&:nth-child(-n+2) {
						border-top: none;
					}
				}
			}
			&.row-no-btm {
				[class*='col-'] {
					&:nth-child(-n+2) {
						border-top: none;
					}
					&:nth-last-child(-n+2) {
						border-top: none;
						border-bottom: none;
					}
				}
			}
			.btn-block {
				padding: .83rem .8rem .83rem 1.25rem;
				border: none;
				border-radius: 0;
				&:hover,
				&:active,
				&:focus {
					background-color: $ultramarine-blue;
					color: $white;
				}
				&.text-info {
					border-top: $border;
				}
			}
			.btn-icon,
			.alert {
				[class*='fa'] {
					min-width: 1.5rem;
					text-align: center;
				}
			}
		}
		.form {
			margin-bottom: 0;
			.btn {
				&.btn-info {
					display: block;
					margin-top: 0;
					width: 100%;
				}
			}
			> .input-group {
				margin-bottom: 1rem;
			}
		}
		samp {
			display: block;
			margin-top: 1.5rem;
		}
		.row {
			&.row-btn-group-toggle {
				.col-md-6,
				> .d-flex {
					margin: .5rem 0;
				}
			}
		}
		&.last > form:last-child > .input-group {
			margin: 0 !important;
		}
		.text-info.p-0 {
			.btn {
				display: block;
			}
		}
	}
}
