/*CSS for responsive HTML templates*/

.btn-primary {
	background-color: #A94944;
		border-color: #A94944;
}

.btn-primary:hover {
	background-color: #8C0B05;
		border-color: #8C0B05;
}

.btn-primary:not([disabled]):not(.disabled).active, 
.btn-primary:not([disabled]):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
	background-color: #8C0B05;
		border-color: #8C0B05;
	box-shadow: 0 0 0 0.1rem #B86A66;
}

.btn-disabled, .btn-primary.disabled, .btn-primary:disabled {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #A89695;
		border-color: #A89695;
}

.btn-primary.focus, .btn-primary:focus {
	background-color: #8C0B05;
		border-color: #8C0B05;
	box-shadow: 0 0 0 0.1rem #B86A66;
}

.btn-secondary {
	background-color: #F7964F;
	border-color: #F7964F;
}

.btn-secondary:hover {
	background-color: #F37A1F;
	border-color: #F37A1F;
}

.btn-secondary:not([disabled]):not(.disabled).active, 
.btn-secondary:not([disabled]):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle {
	background-color: #F37A1F;
	border-color: #F37A1F;
	box-shadow: 0 0 0 0.1rem #E0E0E0;
}

.btn-disabled, .btn-secondary.disabled, .btn-secondary:disabled {
	cursor: not-allowed;
	pointer-events: none;
	background-color: #E0E0E0;
	border-color: #E0E0E0;
}

.btn-secondary.focus, .btn-secondary:focus {
	background-color: #F37A1F;
	border-color: #F37A1F;
	box-shadow: 0 0 0 0.1rem #E0E0E0;
}

.btn-tiny {
	padding: .1rem .35rem;
	font-size: .875rem;
		line-height: 1.5;
		border-radius: .2rem;
}

.table-btn {
	padding: 0 .1rem;
}

.preview-btn {
	margin: 10px;
	margin-top: -5px;
}

#answers .comment .textual {
	background-color: #EEEEEE;
}

#flex {
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); 
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); 
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}

.nopadding > [class*='col'],
.nopadding[class*='col'] {
	padding-right:0;
	padding-left:0;
}

td.nopadding {
	padding-right:0;
	padding-left:0;
}

.my-padding {
	padding-top: 3px;
	padding-bottom: 3px
}

.no-margin {
	margin-top: 0px;
	margin-bottom: 0px
}

.my-margin {
	margin-top: 3px;
	margin-bottom: 3px
}

.pad-right {
	margin-right: 5px;
}

input.form-control-lg,
input[type="radio"],
input[type="checkbox"] {
	margin: 4px;
}
div.radio > label {
	margin-top: 4px;
	margin-bottom: 0;
}
td.radio {
	padding: 0;
}

div.radio-option > label > input[type="radio"],
input[type="checkbox"] + label {
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
}

input.form-control-lg,
input[type="checkbox"] {
	vertical-align: middle;
	position: relative;
	margin-top: 3px;
	/* increase checkbox size */
	-ms-transform: scale(1.1); /* IE */
	-moz-transform: scale(1.1); /* FF */
	-webkit-transform: scale(1.1); /* Safari and Chrome */
	-o-transform: scale(1.1); /* Opera */
}

div > .clear-head {
	color: #FFFFFF;
}
div > div.clear-last {
	color: #FFFFFF;
}

.policies {
	color: #555555;
	font-size: smaller;
}
.policies a:visited { 
	color: #8C0B05 !important; 
}
.accept_policies { 
	padding:10px;
	line-height: 24px;
}
.accept_policies a:link,
.accept_policies a:visited { 
	color: #8C0B05 !important; 
}

/*test if on a mobile device, to adjust the row height*/
#mobile-indicator {
	display: none;
}

@media (min-width: 576px) {
	#mobile-indicator {
		display: block;
	}
}

/*show smaller logo if on mobile*/
.img-responsive.mobile {
	display: none;
}

@media only screen and (max-device-width: 576px) {
	.img-responsive {
		display: none;
	}
	.img-responsive.mobile {
		display: block;
	}
}

/*test if supports bootstrap css grid, if not a message is displayed to rather view on a PC*/
#flex-indicator {
	display: none;
}

@supports not (flex-wrap: wrap) {
	#flex-indicator {
		display: block;
	}
}