/*!
 * Snap In v1.0 
 * Copyright 2020 Von Digital
 */

body {font-family: "Montserrat", Arial, Sans-serif; font-weight:500; font-size:15px; margin:20px 10px 5px 10px;}
a {color: rgb(1, 33, 125);}
p {text-align: center; color: #423f3f}

h1 {font-size:36px; font-weight:700; text-align: center; color: #423f3f; text-transform: uppercase; margin: 5px 0 0px 0;}
h3 {font-size:25px; font-weight:700; text-align: center; color: #423f3f; text-transform: uppercase; margin: 5px 0 15px 0;}
@media only screen and (max-width: 700px) {
  h1 {
    font-size:5vw !important; font-weight:700; text-align: center; color: #423f3f; text-transform: uppercase; margin: 5px 0 0px 0; 
  }
  h3 {
    font-size:3vw !important; font-weight:700; text-align: center; color: #423f3f; text-transform: uppercase; margin: 5px 0 15px 0; 
  }
	h3.alert-heading.failed {
    font-size:4vw !important; font-weight:700; text-align: center; text-transform: uppercase; margin: 5px 0 15px 0; 
  }
}

h2 {font-size:16px; font-weight:700; text-align: center; color: #423f3f}

h4, .h4 {font-size: 1.35rem;}
.intro p {font-size: 14px; font-weight:500;}
.footer {padding-top:25px; font-size:13px; color: #423f3f}
.footer-copy {font-size: 11px; color: #423f3f}
.form-check {margin-bottom: 1rem;}
label {
    margin-bottom: 0rem;
	font-size: 14px;
    font-weight: 600;
	width:100%;
}
.form-group {
    margin-bottom: 0.7rem;
}
 .form-control.is-valid:focus, .was-validated :valid.form-control, .was-validated .form-check-input:valid ~ .form-check-label{ border-color: #ced4da !important;
    background-image: inherit !important; box-shadow:inherit !important; color:inherit !important;}

.alert {
    width: 100%;
}

.alert-success, .alert-danger {
    margin-top: 20px;
}

@media only screen and (max-width: 700px) {
.conf-row-ticket {
    margin: auto;
    font-size: 20vw;
	font-weight: 600;
}
span.ticket-hash {
    font-size: 10vw;
    vertical-align: super;
}
	.code-logo {
		width:75vw;
	max-width:250px;}

	h1.alert-heading.failed {
    font-size: 10vw !important;
	padding-bottom: 10px;
}	
}
@media only screen and (min-width: 701px) {
.conf-row-ticket {
    margin: auto;
    font-size: 10vw;
	font-weight: 600;
}
span.ticket-hash {
    font-size: 5vw;
    vertical-align: super;
}
	.code-logo {
	max-width:250px;}
	


}
@media only screen and (min-width: 1025px) {
.conf-row-ticket {
    margin: auto;
    font-size: 75px;
	font-weight: 600;
}
span.ticket-hash {
    font-size: 38px;
    vertical-align: super;
}
	
	.code-logo {
	max-width:250px;}
}
.conf-message {
    padding-top: 10px;
    color: #fff;
}
.conf-row{
    display: flex;
	max-width: 500px;
    margin: auto;
}

.conf-row{
    display: flex;
	max-width: 500px;
    margin: auto;
}
.conf-row p {margin: 5px 0;}
.conf-row p:last-child {
    flex-grow: 1;
    font-weight: 600;
    text-align: right;
}
p#forget {
    margin: 1rem 0 0 0;
    font-size: 13px;
}

.redircount {padding-top: 15px;}

.alert-success {
    color: #ffffff;
    background-color: #188038;
    border-color: #188038;
}
.alert-success p {
	color:#ffffff;
}

.alert-snapout {
    color: #423f3f;
    background-color: #ffc107;
    border-color: #ffc107;
}
.alert-snapout p {
	color:#423f3f;
}

h3.alert-heading.snapin {
    font-size: 20px;
	color:#423f3f;
}

h3.alert-heading.failed {
    font-size: 20px;
}

.alert.alert-danger.failed {
    color: #ffffff;
    background-color: #D93025;
    border-color: #D93025;
}
.alert.alert-danger.failed p {
    color: #fff;
}

.btn-primary {
    text-transform: uppercase;
}