/*
	Generella
*/
.hidefra { position:absolute; top:-1px; left:-1px; width:1px; height:1px; }
.pab_form{width:100%;max-width:600px;position:relative;margin:0 auto 0px auto;display:inline-block;vertical-align:top;text-align:left;}
.mb-15{margin-bottom:15px;}

/*The form*/
.pab_form form{width:100%;margin-top:10px;}
.pab_form label{font-size:15px;line-height: 1.4;display:inline-block;margin-bottom:6px;width:80%;opacity:0.8;}

.pab_form input{width:100%;}
.pab_form input[type="text"],
.pab_form input[type="email"],
.pab_form input[type="file"],
.pab_form input[type="date"],
.pab_form input[type="time"],
.pab_form input[type="datetime-local"],
.pab_form input[type="number"],
.pab_form textarea{padding:15px;border: 1px solid #e1e1e1;border-radius:0;vertical-align:top;border-radius:3px;background:#f8f8f8;}
.pab_form input[type="datetime-local"]{padding:9px;}
.pab_form input[type="file"]{padding:8px 10px;}

/*
	Textarea
*/
.textarea-wrap{width:100%;}
.pab_form textarea{width:100%;}
.pab_form textarea::placeholder{font-family:sans-serif;}
/*
	Select
*/
.pab_form select{width:100%;padding:11px 20px 11px 10px;font-size:13px;border:none;-webkit-appearance: none;border-radius:3px;}
/*
	Input checkbox
*/
.pab_form .checkbox{display:block;border-bottom:10px solid transparent;position:relative;}
.pab_form .checkbox label{position: relative;width:calc(100% - 50px);font-size:14px;margin-bottom:0;left:30px;top:0;vertical-align:top;}
.pab_form input[type="checkbox"]{position:absolute;border:1px solid #ccc;left:0;top:0;width:16px;height:16px;cursor:pointer;vertical-align:top;display:inline-block;
    margin:0 15px 0 0;}
	
/*
	Input radio
*/
.pab_form h3{font-size: 15px;line-height: 1.4;display: inline-block;margin-bottom: 10px;width: 80%;opacity: 0.8;}
.pab_form .radio label{width:auto;margin-bottom:0;vertical-align: middle;}
.pab_form input[type="radio"]{position:relative;left:0;top:0;width:16px;height:16px;cursor:pointer;vertical-align:middle;display:inline-block;margin:0 10px;}

/*
.pab_form input[type="checkbox"]:after{content:'';font-weight:100;width:10px;height:10px;position:absolute;left:6px;top:6px;}
.pab_form input[type="checkbox"]:checked:after{background:white;}*/
/*
	Input submit
*/

.pab_form input[type=submit]{width:auto;background: #74f9fc;color: #133c64;text-transform:uppercase;padding:15px 25px;margin:20px 0 0 -1px;font-size:15px;border:2px solid transparent;cursor:pointer;}
.pab_form input[type=submit]:hover{box-shadow:1px 1px 6px rgba(0,0,0,0.15);}
.pab_form button{width:auto;;margin:20px 0 0 -1px;font-size:15px;border:2px solid transparent;cursor:pointer;}
.pab_form button:hover{box-shadow:1px 1px 6px rgba(0,0,0,0.15);}

/*
	Padding-right när kortare fält 
*/
.pab_form .w-50,
.pab_form .w-33,
.pab_form .w-25,
.pab_form .w-20{padding-right:3%;}

.pab_form div:nth-child(even of .w-50){padding-right:0;}

/*
	Empty rows, Text only
*/
.row-full{width:100%;display:block;position:relative;padding:10px 0;}
.row_half{position:relative;vertical-align:top;padding:18px 0;margin-top:25px;}

.user_message {background: #f1c40f;width: 100%;z-index:9999;text-align: center;font-size: 18px;font-weight:600;padding: 15px;position: fixed;bottom:0;left:0;box-sizing: border-box;}
.user_message:after,
.user_message:before{content:'';position:absolute;z-index:99;top:25px;right:50px;width:30px;height:2px;background:#fff;cursor:pointer;transform:rotate(45deg);}
.user_message:after{transform:rotate(-45deg);}

.user_message.pab-error{background:red;color:#fff;animation-name: fade-in-out;animation-duration:1s;}
.user_message.pab-success{background:#1ddbc5;color:#fff;animation-name: fade-in-out;animation-duration:1s;}

.pab_form .hide-btn{display:none;}

/*
select:invalid,
input:invalid {
    background-color: ivory;
    border: none;
    outline: 2px solid red;
}*/

label.required {position:relative;}
label.required:after{content: ' *';position:absolute;font-size:14px;color:red;font-weight: bold;}

select:optional,
input:optional {border-color: #ccc;}
select:required,
input:required {border-color: black;}
select:invalid,
input:invalid {border-color: red;}

input.spamProt{width:80px;display:block;}
.mustbefilled{font-size:0;border:none;}
.im_not_a_robot{font-size:16px;color:red;background:white;padding:10px 20px;}

@keyframes fade-in-out {
	/*	0% {transform:translateY(100%);}
		25% {transform:translateY(0);}
		75% {transform:translateY(0);}
		100% {transform:translateY(50%);}*/
	from {bottom: -50px;}
	to {bottom: 0px;}
	}

@media (max-width: 600px) {
	.pab_form{width:100%;max-width: unset;margin:0 auto;} 
	.form-container{padding:0;}
	
.pab_form .w-50,
.pab_form .w-33,
.pab_form .w-25,
.pab_form .w-20{padding-right:0;}
.pab_form .w-25:nth-of-type(4n),
.pab_form .w-50:nth-of-type(2n){padding-right:0;}
.pab_form .w-33:nth-last-of-type(2){padding-right:0;}
}