/** bootstrap xs 480px */
/** bootstrap sm 768px */
/** bootstrap md 992px */
/** bootstrap lg 1200px*/
@media only screen and (max-width: 768px) {

	/* Force table to not be like tables anymore */
	.no-more-tables table,
	.no-more-tables thead,
	.no-more-tables tbody,
	.no-more-tables th,
	.no-more-tables td,
	.no-more-tables tr {
		display: block;
		border: none !important;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead,
	.no-more-tables tfoot {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.no-more-tables td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		// padding-left: 100px !important; /* uudelle sarakkeelle varattu tila */
		white-space: normal;
		text-align: left;
	}

	.no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 100px;
		padding-right: 10px;
		text-align: left;
		font-weight: bold;
	}
	/*
	Label the data
	*/
	.no-more-tables td:before {
		content: attr(data-title);
	}

	.no-more-tables td[data-title=""]{
		display:none;
	}

	#sms_request{
		display:none;
	}
}

#sms_request{
	padding:10px;
}

#sms_request .info{
	font-weight: bold;
	padding:10px;
}

/*.loan_data_select .loan_data_option .title{
    position:relative;
}  

.loan_data_select .loan_data_option .title.data_ok:before {
	content: "\25AE";
	font-family: FontAwesome;
	left:-5px;
	position:absolute;
	top:0;
}

.loan_data_select .loan_data_option .title.data_required:before {
	content: "\25AE";
	font-family: FontAwesome;
	left:-5px;
	position:absolute;
	top:0;
}*/

.loan_data_select .loan_data_option{
	width:100%;
	padding:5px;
	border:1px solid #ddd;
	margin:2px;
	border-radius: 5px;
	background-color: #f6f6f6;
}

.loan_data_select .loan_data_option .title{
	position: relative;
	padding:5px;
	border-radius: 5px;
	cursor:pointer;
	font-weight: bold;
}

.loan_data_select .loan_data_option .title .arrow{
	position: absolute;
	right:0px;
	top:5px;
	border:10px solid transparent;    
}

.loan_data_select .loan_data_option .title .arrow.right{
	border-left-color:#aaa;
}

.loan_data_select .loan_data_option .title .arrow.down{
	right:5px;
	top:10px;
	border-top-color:#aaa;
}

.loan_data_select .loan_data_option .title.data_ok{
	color:#7ca707;
}

.file_required,
.loan_data_select .loan_data_option .title.data_required{
	color:#990000;
}

.loan_data_select #instantor.loan_data_option .title.data_required{
	color:#008FBF;
}

.loan_data_select .loan_data_option .title.disabled{
	cursor:default;
}

.loan_data_select .loan_data_option .title .title_info{
	font-size:0.8em;
}

.loan_data_select .loan_data_option#bank_account_number{
	padding: 12px;
}

.loan_data_select .loan_data_option input.error{
	border-color: red;
}

.loan_data_select .loan_data_option div.error{
	color: white;
	position: absolute;
	font-size: 0.9em;
	padding: 3px;
	background-color: rgb(255,0,0);
	background-color: rgba(255,0,0,0.5);
	z-index: 1;
}

.loan_data_select .loan_data_option button#save_bank_account_number{
	margin-top: 30px;
	background-color: darkgreen;
}

.loan_data_select #payout_type.loan_data_option{
	display: flex;
	align-items:center;
	position:relative;
	min-height:55px;
}

.loan_data_select #payout_type.loan_data_option > span{
	padding: 0 10px 0 10px;
}

.loan_data_select #payout_type.loan_data_option > span > input{
	/*transform: scale(2);*/
}

.loan_data_select #payout_type.loan_data_option > span,
.loan_data_select #payout_type.loan_data_option > label{
	margin:0;
	/*font-size:15px;*/
}

.loan_data_select #payout_type.loan_data_option .title{
	cursor:default;
}

.loan_data_select #billing_method.loan_data_option{
	padding: 10px;
}

.loan_data_select #billing_method.loan_data_option input,
.loan_data_select #automatic_handling_process.loan_data_option input{
	display:inline-block;
	margin:0 10px 0 5px;
}

.loan_data_select #billing_method.loan_data_option .title{
	cursor:default;
}

.loan_data_select #automatic_handling_process.loan_data_option .lindorff_info{
	font-size: 13px;
	margin: 0 0 0 32px;
}

.loan_data_select #automatic_handling_process.loan_data_option .lindorff_label_info{
	margin-top: -18px;
}

.loan_data_select #automatic_handling_process.loan_data_option .loan_data_content{
	margin: 10px 0 0 32px;
}

.loan_data_select #automatic_handling_process.loan_data_option .loan_data_content p{
	font-size: 13px;
	line-height: inherit;
}

.loan_data_select #automatic_handling_process.loan_data_option .loan_data_content li{
	font-size: 13px;
	margin-bottom: 0;
	list-style: initial;
}

.loan_data_select #automatic_handling_process.loan_data_option .loan_data_content li::before{
	content: none;
}

.loan_data_select label{
	font-size:13px;
}

#instantor_container div > p{
	font-size:14px;
}

#instantor_table tbody{
	font-size: 1.5em;
}

select[disabled]:hover,
select[disabled],
button[disabled]:hover,
button[disabled]{
	background:#ddd;
}

#loan_decision{
	min-height:45px;
}

#loan_decision.preload{
	background-image: url(../images/preloader5.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 25px;
	padding-left:30px;
}