/* Fonts */
@font-face {font-family: bold; src: url("../fonts/Poppins-Bold.ttf");}
@font-face {font-family: ligth; src: url("../fonts/Poppins-Light.ttf");}
h3 {font-family: bold, Poppins, sans-serif;}
p {font-family: ligth, Poppins, sans-serif;}
b {font-family: bold, Poppins, sans-serif;}
.text-xs-center {text-align: center;}
.g-recaptcha {display: inline-block;}

/* CSS for cropper */
.modalimg {
	display: block;
	max-width:230px;
	max-height:95px;
	width: auto;
	height: auto;
}
.preview {
	overflow: hidden;
	margin: 10px;
	border: 1px solid red;
	min-width: 100px;
	min-height: 100px;
}
.col-6 {width: 100%;}
		
		
.container {
	padding-top: env(safe-area-inset-top, 80px) !important;
	padding-bottom: 100px;
}
#accept, #message_screen, #final {
	min-height: 100vh;
}

.error {
	display: none;
	background-color: #f7d0cba8;
	border: 1px solid #CA5141;
	border-radius: 1rem;
	margin: auto;
	max-width: 300px;
	padding: 10px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 450px;
}

/*Colors*/
.family {
	color: #CA5141;
}
.school {
	color: #633635;
}
.gray {
	color: #6c757d;
}
.white {
	color: #ffffff;
}

/*Text align*/
.center{
	display: block;
	text-align: center;
	margin: 0 auto;
}
.left {
	margin: 0 auto;
	text-align: justify;
	max-width: 300px;
}
.right {
	text-align: right;
}

/*Photos*/
.photo{
	border-radius: 50%;
	background-color: #CA5141;
	width: 140px;
	height: 140px;
	
}
.default {
	padding-top: 30px;
	height: 111px;
	width: 111px;
	cursor: pointer;
}
.user {
	border-radius: 50%;
	width: 140px;
	height: 140px;
	cursor: pointer;
}

/*Form input*/
.input-round {
	border-radius: 5rem;
	margin-bottom: 10px;
	width: 300px;
	font-family: ligth, Poppins, sans-serif;
	text-align: left;
}
.form-select {
	color: #6c757d;
	font-family: ligth, Poppins, sans-serif;
	background-position: right 1rem center;
	padding-right: 2.5rem;
}
.date {
	color: #6c757d;
}
.help-block {
	margin-bottom: 10px;
	font-size: 12px;
}
.text-area {
	margin-bottom: 10px;
	border-radius: 1rem; 
	width: 300px; 
	text-align: left;
}

/*Form buttons*/
.btn-danger {
	background-color: #CA5141;
	border-color: #CA5141;
	width: 250px;
	font-family: bold, Poppins, sans-serif;
}
.btn-dark {
	background-color: #633635;
	border-color: #633635;
	width: 250px;
	font-family: bold, Poppins, sans-serif;
}
.dark {
	width: 300px;
	height: 37px;
	background-color: #633635;
	border-color: #633635;
	font-family: bold, Poppins, sans-serif;
	border-radius: 5rem;
	margin: 0 auto;
}
.btn-light {
	width: 250px;
	font-family: bold, Poppins, sans-serif;
	color: #CA5141;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
	opacity: 0.2;
}

/*Hide input number arrows*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/*Privacy Policy Terms Conditions Image Rights Disposition*/
.no-padding{
	padding: 0px;
	margin-bottom: 15px;
}

/*Form Checkbox*/
.cb {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
/* Hide the browser's default checkbox */
.cb input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 30px;
	background-color: #ffffff; 
	border-radius: 15px;
}
/* On mouse-over, add a grey background color */
.cb:hover input ~ .checkmark {
	background-color: #ffffff;
}
/* When the checkbox is checked, add a blue background */
.cb input:checked ~ .checkmark {
	background-color: #ffffff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.cb input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.cb .checkmark:after {
	left: 9px;
	top: 5px;
	width: 10px;
	height: 15px;
	border: solid black;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

hr {
	width: 73%;  
	background-color: white;  
	opacity: 100;
	margin: 0 auto;
}
hr:not([size]) {
	height: 3px;
}

.overlay{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../img/loader.gif") center no-repeat;
}

body.loading{
	overflow: hidden;   
}

body.loading .overlay{
	display: block !important;
}

.date_label {
	color: #777;
	width: 300px;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
}

.iti__selected-flag {
	border-radius: 5rem 0rem 0rem 5rem !important;
}

.iti__country-list {
    white-space: break-spaces !important;
    width: 300px !important;
}