/* Bootstrap override */
.panel-default {    
    box-shadow: 0 0 15px grey;
}

.control-label:before {
    top: -2px;
}

.row {
    padding-bottom: 3px;
}

.row-grouped-inputs {
    display: flex;
    gap: 5px;
}

/* Prevent label leaking into the surrounding HTML */
button span.ladda-label {
    white-space: normal;
}

@media only screen and (max-width: 500px) {
    #captcha {
        transform: scale(0.70);
        transform-origin: 0 0;
    }
}

.form-group {
    margin-bottom: 3px;
}

:-moz-placeholder {
    font-weight: bold;
}
::-webkit-input-placeholder {
    font-weight: bold;
}
::-moz-placeholder {
    font-weight: bold;
}
:-ms-input-placeholder {
    font-weight: bold;
}
.green{color:#4AA02C}
.red{color:#d9534f}
.form-control-feedback {
    display: block;
    height: 34px;
    line-height: 34px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    text-align: center;
    width: 34px;
    z-index: 2;
}
.fa {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    right: 15px;
    top: 12px;
    text-rendering: auto;
    transform: translate(0px, 0px);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    -moz-appearance:textfield;
    appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="number"].form-control {
    -moz-appearance:textfield;
}
.help-block {
	color: #c12e2a;
}
/***************************************************************************/
/* Paymate specific */
/***************************************************************************/
/* Mandatory Asterix declaration  */
.required-label:before { 
    color: red;
    content: "*";
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: normal;
    margin-left: -15px;
    position: absolute;
    top: -2px;
}
/* Paymate button */
/* Make text fields shorter for max width */
.form-control-minwidth-paymate {
    min-width: 0;
    max-width: 100%;
    width: auto;
    display: inline;
}

.form-field:before {
    padding-top: 0.5em;
}

.form-field {
    padding-top: 0.5em;
}

/* Grey background color */
.panel-body-paymate {
    background-color: #F4F4F4;
    overflow: hidden;
    overflow-wrap: anywhere;
}

/* Size of paymate heading */
.panel-heading-paymate {	
	font-size: x-large;
	font-weight: bolder; 	
	padding:0 0 15px 0;
}

/* Paymate logo */
.paymate-logo {
	padding:0 0 15px 0;
}

.btn-first-paymate {
    padding: 5px 15px;
    font-size: 22px;
    font-weight: bolder; 
    border-radius: 8px;    
    margin: 0 auto 0 auto;   	
    display: table;
}

.btn-below-paymate {
	margin: 5px auto 0;
	display: table;	
	font-weight: bolder;
	font-size: 22px;
}

.btn-cancel {
	font-size: 12px;
}

.receipt-text-paymate {
	font-weight: normal; 
}



/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {}

/* Small Devices and below */
@media (max-width: 991px) {
	.page-margin-paymate{
    	margin: 20px;
	}
}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Medium Devices and up */
@media (min-width: 992px) {
	.page-margin-paymate{
		margin: 25px 25%;        	    
	}
}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {}