/* FORM DEFAULT */
form { 	
	width: 100%; 
	height: auto; 
}
form input,
form textarea { 	
	height: 30px; /* ALIGN HORIZONTAL MED input.submit + cancel */
	margin-bottom: 12px; /* SOM P LAST OF TYPE */
	padding: 4px 8px; /* TIL TEXT */
	background-color: transparent;	
	border-bottom: 1px solid #fefbea;
	
	color: #313131;	/* DEFAULT GRÅ */
	font-size: 15px;	
	font-size: 1.5rem;
}

/* BUTTONS TIL CORE + EDIT PAGES */
.core_button,
.edit_button {
	display: block;
	width: 100%; 
	height: 30px;
	background-color: #F4F2E8; /* LYS CREME - CORE BUTTON COLOR */					
	border: 1px solid #313131;	/* MØRK GRÅ */
	border-radius: 6px;
	cursor: pointer;
	
	color: #313131; /* MØRG GRÅ */
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;

	text-align: center;
	line-height: 100%; /* LABELS SOM BUTTON BRUGER PX */
	
/* HOVER */	
	transition: background-color 0.3s ease;
}
/* LABEL CORE PÅ FX slet-din-præsentation */
label.core_button {
	line-height: 26px; /* VERT CENTER - LABELS SOM BUTTON BRUGER PX */
}
.core_button:hover {
	background-color: #E6E2CE !important; /* GRÅ MELLEM - OVERRULE JQQ RESETS !! */
}

.edit_button {
	background: linear-gradient(to top, #CCCCCC, #DDDDDD, #EEEEEE); /* TIL ARTIST EDIT PAGES */
	background: #EDEECC;
	border: 1px solid #313131;
	color: #313131;	/* MØRK GRÅ */
}
/* TIL LABELS BRUGT ISTEDET FOR INPUTS */
label.edit_button {
	line-height: 30px;
}
/* -----------> END OF FORMS */


/* BUTTONS CANCEL OG FORTRYD ---------- */
/* CORE BUTTON MED CANCEL */
.button_with_cancel {
	float: left;
	width: calc(100% - 10px - 30px);
}
/* BUTTON CANCEL */
.cancel_form {
	float: right;
	width: 30px; height: 30px; 
	background-color: #CD594A; /* RØD MØRK */
	background-image: url(/images/icons/icon_cancel.png);
	background-size: 18px 18px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #313131;
	border-radius: 6px;
	cursor: pointer;
}

/* CORE BUTTON MED "FORTRYD" */
.button_with_fortryd {
	float: right;
	width: calc(50% - 5px); 
	border: 2px solid #829356; /* MØRKERE GRØN */
	color: #829356; 
}
/* BUTTON FORTRYD" */
button.fortryd {
	float: left;
	width: calc(50% - 5px); 
 
}

/* CORE BUTTON MED CHECKBOX + CANCEL - SE  + slet-din-presentation + */
.button_with_checkbox_and_cancel {
	display: inline-block;
	width: calc(100% - 10px - 34px - 10px - 30px); /* CHECKBOX + CAANCEL + AFSTANDE */
}
/* -------- END OF BUTTONS CANCEL + FORTRYD + CHECKBOX  */


/* FORM DELETE PÅ PAGE EDIT */
form.form_delete { 
	display: none;
	float: right;
	width: calc(96px + 10px + 30px); /* SE MOBILE */ 
	height: 30px; 
}
/* SUBMIT DELETE */
input.submit_delete  { 
	float: left;
	width: 96px; 
	margin-right: 10px; /* AFSTAND TIL CANCEL */
}			
					
/* CANCEL VED BRUG AF delete_item.php PÅ POP UP error_overlay - BREDERE + MED TEXT END CANCEL FORM - HAR edit_button */
button.fortryd_delete {
	float: left;
	width: 96px; 
	background: #9A2617; /* MØRK RØD */
	color: #FBFBF1; 
}
/* SUBMIT DELETE VED BRUG AF delete_item.php - HAR edit_button */
input.confirm_delete  { 
	float: right;
	width: calc(100% - 10px - 96px);  
}
/* ---------- END OF DELETE */


/* MOBILE BUTTONS + NAV - SE BREAKPOINTS I nav.js + nav.css + styles.css UNDER BUTTONS */
@media only screen and (max-width : 680px) {
form > input,
form > textarea {
	height: 44px; min-height: 44px;
	line-height: 100%;
} 
form.form_delete { 
	width: calc(96px + 10px + 44px); /* MOBILE CANCEL 44PX */ 
}
.core_button,
.edit_button {
	height: 44px;

	font-size: 15px;
	font-size: 1.5rem;
}
/* BUTTON LINEHEIGHT */
button.core_button,
button.edit_button {
	line-height: 44px;
}
/* LABELS */
label.core_button,
label.edit_button  {
	min-height: 38px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 44px;
}
/* CANCEL */
.button_with_cancel {
	width: calc(100% - 10px - 44px);
}
.cancel_form {
	height: 44px; min-height: 44px;  
	width: 44px; min-width: 44px;
	background-size: 28px 28px;
}
/* MED CHECKBOX + CANCEL */
.button_with_checkbox_and_cancel {
	display: inline-block;
	width: calc(100% - 10px - 48px - 10px - 44px); /* CHECKBOX + CAANCEL + AFSTANDE */
}
}
/* ----------> END OF DELETE FORMS */


/* UPLOAD IMAGE FORMS */
form.form_img_upload { 
	display: none;
	width: inherit; 
		
	font-size: 15px;	
	font-size: 1.5rem;
}

/* IMG SUBMIT */
.submit_img { 
	display: none; /* NØDVENDIG FOR AT ALIGNE CANCEL HORIZ */
}
/* ---------> END OF UPLOAD IMAGE */


/* TEXT UPLOADS  */
form.form_text_upload,
form.core_form_text_upload { 
	display: none;
	width: 100%; 
	height: inherit; 
}
/* CORE PAGES */
form.core_form_text_upload { 
	display: block;
}

/* OVERSKRIFT INPUT */
label.input_heading { 
	float: left; width: 100%; /* WIDTH 100% PLACERER LABELS + INPUTS OVENPÅ HINANDEN VERT */
	margin-bottom: 6px; /* AFSTAND TIL INPUT */
	text-align: left;
	
	color: #313131;	/* MØRK GRÅ */
	font-size: 18px;
	font-size: 1.8rem;
}

/* TEXT INPUTS */
input.input_text_upload,
textarea.textarea_text_upload { 
	float: left;
	width: 180px; /* JQQ */
	margin-right: 10px; /* AFSTAND TIL SUBMIT */
	background: transparent; /* FØLGER PAGE COLOR */
	box-shadow: inset 0 -4px 2px -2px grey; 
}
/* TEXT INPUTS */
input.text_upload,
input.text_upload_art_buy {
	height: 29px; /* ALIGN HORIZONTAL MED submit + cancel */
	padding: 4px 8px; /* TIL TEXT */
	background-color: transparent; /* FØLGER PAGE COLOR */
	border-radius: 3px;	
	box-shadow: inset 0 -4px 2px -2px grey;
}
/* TEXTAREAS */
textarea.textarea_text_upload { 
	/* height - EXPAND TIL CONTENT - SE MOBILE */
	overflow: hidden; overflow: none; /* HIDE SCROLLBAR */
	-ms-overflow-style: none; /* HIDE SCROLLBAR IE10 */
	resize: none; /* DISABLE RESIZE NEDEERST HØJRE */
}

/* PLACEHOLDERS */
::placeholder {
	color: #436A77 !important;
}
/* DARK BG */
.placeholder_color_light::placeholder {
	color: #cecba6 !important;
}

/* SIDSTE TEXTAREA + INPUT I FORM */
.last_input { 
	margin-bottom: 30px; /* AFSTAND TIL SUBMIT  */
}

/* SUBMIT TEXT - EDIT PAGE - HAR edit_button */
input.submit_text_upload { 
	display: none;
	float: left;
	/* width - SE .edit_button + SE custom.js */ 
	margin-right: 10px; /* AFSTAND TIL DELETE */
}

/* SUBMIT TEXT - CORE PAGE - HAR edit_button */
.core_submit_text_upload { 
	display: block;
	float: left;
	/* width - SE .edit_button + SE custom.js */ 
	margin-right: 10px; /* AFSTAND TIL DELETE */
}
/* ---------> END OF FORM TEXT UPLOAD */


/* accepetr-retningslinier + slet-din-presenattion -------------- */

/* HTML LISTER */
ul.checked,
ul.not_checked { 
	list-style-type: none;
	margin-left: 22px;
}
ul.checked > li,
ul.not_checked > li { 
	padding-left: 22px;	/* AFSTAND MELLEM IMG OG TEXT */
	margin-left: 6px; /* AFSTAND TIL UL */
	margin-bottom: 6px;	/* AFSTAND TIL NÆSTE LI */
	background-image: url(/images/icons/icon_checked.png);
	background-size: 18px 18px;
	background-position: left top;
	background-repeat: no-repeat;

	color: #755021; /* SOM CORE BUTTON - RØDLIG */
	font-size: 15px; 
	font-size: 1.5rem; 
}
ul.not_checked > li { 
	background-image: url(/images/icons/icon_not_checked.png);
}

/* BUTTON ACCEPT */
.wrap_verify_elements {
	text-align: center; /* CENTER MIDERTSE CHILD */
}
/* ------- END OF */


/* CHECKBOXES VERIFY  */
.checkbox_verify_wrapper {
	overflow: hidden;
    position: relative;
	top: -4px;
	float: left;
    height: 34px; width: 34px;
	margin-right: 6px; /* AFSTAND TIL SUBMIT */
}
/* MOBILE - CHECKBOX */
@media only screen and (max-width : 680px) {
.wrap_checkbox_verify,
.checkbox_verify_wrapper{
	top: -5px;
    height: 48px; width: 48px; 
} 
}
/* INPUT */
input.input_checkbox_verify {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%; width: 100%;
}
/* IMG NOT CHECKED */
input.input_checkbox_verify + label.label_checkbox_verify {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%; height:  100%;	
	background-image: url(/images/icons/icon_checkbox.png);
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
}
/* IMG CHECKED */
input.input_checkbox_verify:checked + label.label_checkbox_verify {
	background-image: url(/images/icons/icon_checkbox_checked.png);
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
}
/* ----------- END OF */