.kn * { border-radius: 0 !important; box-shadow: none !important; outline: none !important; text-decoration: none !important; }
.kn *:not(.fas) { font-family: sans-serif; }

.kn .page { margin: 0 auto; max-width: 1440px; min-height: 100vh; position: relative; padding-bottom: 100px; }
.kn footer { height: 100px; width: 100%; border-top: 1px solid #f0f0f0; line-height: 100px; }
.kn footer .container-fluid { position: relative; }
.kn .footer-logo { border: 0 !important; }
.kn .footer-logo img { height: 40px; width: auto; }
.kn footer a { font-size: 13px; display: inline-block; padding: 0 10px; }

.kn p,
.kn label,
.kn th,
.kn td,
.kn h3 { color: #424242; }
.kn h4 { color: #424242; font-size: 28px; line-height: 28px; font-weight: 700; }
.kn h1 { color: #424242; font-size: 38px; line-height: 32px; font-weight: 700; margin: 10px 0; }
.kn h2 { color: #424242; font-size: 32px; line-height: 32px; margin-bottom: 3rem; }

.kn a { color: #424242; border-bottom: 1px solid #f0f0f0; transition: all .15s linear; }
.kn a:hover { color: #e10915; border-bottom: 1px solid #fff; }

.kn .badge-secondary { background-color: #e10915; }

.kn .btn-success { color: #fff; background: transparent linear-gradient(#e20019 50%, #424242 0) repeat scroll 0 100%/100% 210%; box-shadow: inset 0 0 0 20rem rgba(66,66,66,.8) !important; transition: all .15s linear; border: none !important; }
.kn .btn-success:hover { color: #fff; box-shadow: inset 0 0 0 20rem rgba(66,66,66,0) !important; background-position: 0 0; }

.kn input, .kn select { border-width: 3px; border-color: #f0f0f0; margin-left: -3px !important; }
.kn .input-group-text { border-width: 3px; background-color: #fff; border-color: #f0f0f0; color: #ccc;}

.kn :focus { border-color: #ddd !important; }
.kn label { line-height: 1.4; }
.kn label small { line-height: 1.1; display: block; color: #999; }
.kn .nolink { color: #999; }

.kn td.invalid { color: red; }
.kn td.verifying { color: #e20019; }

.kn .tabs a { background-color: #bbb; color: #fff; display: inline-block; padding: 10px 20px; border: none !important; margin: 0 0 10px 5px; position: relative; }
.kn .tabs a:hover,
.kn .tabs a:hover:after { background-color: #999; }
.kn .tabs a:after { content: ''; display: block; width: 16px; height: 16px; transform: rotate(45deg); background-color: #bbb; position: absolute; left: calc(50% - 8px); bottom: 3px; transition: all .15s linear; z-index: -1; }
.kn .tabs a:hover:after,
.kn .tabs a.active:after { bottom: -8px; }


.kn .tabsflat a { background-color: #bbb; color: #fff; display: inline-block; padding: 10px 20px; border: none !important; margin: 0 0 10px 5px; position: relative; }
.kn .tabsflat a:hover,
.kn .tabsflat a:hover:after { background-color: #999; }
.kn .tabsflat a:hover:after,
.kn .tabsflat a.active:after { bottom: -8px; }

.navbar-nav>li { float: none; text-align: center; display: inline-block; }
    
.help-block.with-errors { color: #ff5050; }

.custom-control-input~.custom-control-label::before { border-radius: 0; box-shadow: none; }
.custom-control-input:focus~.custom-control-label::before { box-shadow: none }
.custom-control-input:checked~.custom-control-label::before { background-color: #626262 !important; }

@media (max-width: 767px) {
	.kn .tabs a { display: block; border-bottom: 1px solid #999 !important; margin: 0; text-align: center; }
	.kn .tabs a:after { display: none; }
	.kn footer { padding-top: 20px; }
	.kn footer a { display: block; padding: 10px 0; }
	.kn footer * { text-align: left !important; line-height: 1.2em; }
	.kn .table td, 
	.kn .table th { padding: .4rem; font-size: 13px; }
}

@media (min-width: 768px) {
	.kn footer { position: absolute; bottom: 0; left: 0; overflow: hidden; }
}

.zig { color: #ccc; }
.zig > img { width: 80%; margin: 10px auto; opacity: 0.1; }
.zig.active { color: #424242; }
.zig.active > img { opacity: 1; }

.submissions td { white-space: nowrap; }

.kn .page > .container-fluid { padding: 3rem 15px; }

@media (min-width:48.0625em) {
	.kn .page > .container-fluid { padding-left: 1.4rem; padding-right: 1.4rem; }
	.kn .page > .container-fluid > .row { max-width: 50rem; }
}

@media (min-width:64.0625em) {
	.kn .page > .container-fluid { padding-left: 2.8rem; padding-right: 2.8rem; }
	.kn .page > .container-fluid > .row { max-width: 60rem; }
}

.disabled {
    pointer-events: none;
}