/* Custom for custom-template-betaling.asp */
.cardPayAfterBooking {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open sans', sans-serif;
	color: #46423f;
    height: 100%;
	h1 {
		font-weight: 600;
		font-size: 2.875rem;
		line-height: 1.2;
	}
	p, td {
		font-size: 1.2rem;
	}
	tbody {
		display: flex;
		flex-direction: column;
		tr {
			display: flex;
			flex-direction: column;
		}

	}
	.table-row-inner {
		padding: 0;
		td {
			display: flex;
			flex-direction: column;
		}
	}
	input[type="text"], input[type="password"] {
		min-height: 30px;
		min-width: 250px;
		border-radius: 3px;
		border: 0.1rem solid #bbc1e1;
		background: #fff;
		color: #6d6d6d;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		&:focus-visible {
			outline: #F7A400 auto 1px;
		}
	}

	input[type="submit"], .creditcardforward-nav-button {
		display: inline-block;
		outline: none;
		cursor: pointer;
		color: #46423f;
		font-weight: 600;
		border-radius: 3px;
		padding: 12px 24px;
		border: 0;
		background: #F7A400;
		line-height: 1.15;
		font-size: 16px;
		&:hover {
			color: #000000;
			transition: all .1s ease;
			box-shadow: 0 0 0 0 #fff, 0 0 0 3px #F7A400;
		}
	}

    #creditcard-list {
        td {
            display: flex;
            gap: 10px;
            padding-bottom: 5px;
        }
    }
    .creditcardforward-type {
        select {
            min-height: 30px;
            max-width: 250px;
            border-radius: 3px;
            border: 0.1rem solid #bbc1e1;
            background: #fff;
            color: #6d6d6d;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
    }
    .creditcardforward-nav {
        padding-bottom: 1.5em !important;
    }
}