@font-face {
    font-family: 'HelvethaicaB';
    src: url('DB_HelvethaicaMon_X_Bd_v3.2.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
} 

@font-face {
    font-family: 'Helvethaica';
    src: url('DB_HelvethaicaMon_X_v3.2.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
} 


body {
	background-color: rgb(255, 255, 255);
	font-family: Helvethaica;
	font-size: 28px;
	/* font: 17px 'Tahoma', Verdana, sans-serif; */
}

h1 {
	font-family: HelvethaicaB !important;
	font-size: 42px !important;
}

p, label {
	font-family: Helvethaica !important;
	font-size: 28px !important;
}

button {
	font-family: Helvethaica !important;
    font-size: 24px !important;
}

small {
    font-family: Helvethaica !important;
    font-size: 20px !important;
}

span {
	font-family: Helvethaica !important;
    font-size: 24px !important;
	padding-left: 3;
}

div > input {
	font-family: Helvethaica !important;
	font-size: 24px !important;
}

.primary-text{
	color: rgb(59, 100, 155);
}
.back-btn {
	border: none !important;
    background: none !important;
}

.back-btn:hover {
	color: rgb(95, 135, 190);
}

.btn-outline-primary-custom, .btn-outline-primary-custom:Hover{
	color: #333;
    background-color: #fff;
    border-color: #428bca;
}

.sub-text{
	color: rgb(85, 85, 85);
}

.control-label {
	color:rgb(59, 100, 155);
	font-family: Helvethaica;
	font-size: 18px;
	/* font: 17px 'Tahoma', Verdana, sans-serif; */
}

.detail-icon {
	font-size: 1.8rem;
	cursor: pointer;
}

.select-img img{
    height: 35px;
    width: 35px;
}


.select-img li {
	margin: 0 0 15px 0;
}

.select-img .media-left {
	margin-right: 10px;
}

.selling-agent-component{
	position: relative;
    margin-top: 20%;
}

.end-button{
	position: relative;
    margin-top: 35%;
}

.mb-1{
	margin-bottom: 3%;
}

.form-control {
	height: 40px !important;
	font-size: 24px !important;
	line-height: 1.5 !important;
    padding-top: 8px !important;
}

.flex-column{
	display: flex;
	flex-direction: column; 
}
.loader {
	position: absolute;
	width: 100%;
	height: 200%;
	background-color: white;
    z-index: 1001;
}

.spinner {
	position: fixed;
	top: 40%;
	left: 48%;
	z-index: 1000;
	border: 5px solid #f3f3f3;
	border-radius: 100%;
	border-top: 5px solid #3498db;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

.grecaptcha-badge {
	z-index:200;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 768px) {
	.spinner {
		left: 47%;
	}
	
	.grecaptcha-badge {
		width: 230px !important;
	}
}

@media only screen and (max-width: 420px) {
	.spinner {
		left: 41%;
	}
}

#mainContent{
	height: 100%;
	margin-top: 5%;
	margin-left:1%;
	margin-right:1%;
	z-index:100
}

.header{
	text-align:center;
	margin-bottom:5%;
}
.footer {
	text-align: center;
   	width: 100%;
   	margin-top: 13rem;
   	color: rgb(150,150,150);
}
.mb-27{
	margin-bottom: 27rem;
}
.success-label {
	color: rgb(120,205,70);
}
.header-label{
}
.pageSelectButton{
	border-radius: 500px; 
}
.btn-success,.btn-success:focus{
	border-color:rgb(80, 80, 80);
}
.btn-success:hover,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success,.btn-success.disabled,.btn-success[disabled]{
	color:white;
	border-color:rgb(41, 151, 185);
}
.btn-default{
	border-color:rgb(80, 80, 80);
	font-weight: bold;
}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{
	color:#fff;
	border-color:rgb(80, 80, 80);
}
.btn{
	font-family: Helvethaica;
	/* font: 'Tahoma', Verdana, sans-serif; */
}
.btn-block{
	margin-top: 2%;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
	border-color: rgb(80, 80, 80);
}