.inpz_inp_cont *{
	box-sizing: border-box;
}
.inpz_inp_cont{
	background-color: rgb(247 247 247);
	border-bottom: solid 2px;
	border-color: hsl(0deg 0% 80%);
	margin-bottom: 10px;
	display: grid;
    grid-template-columns: auto 1fr auto auto auto;
    transition: .3s;
    width: 100%;
}
.inpz_inp_cont_filled .inpz_item{
	
}
.inpz_inp_cont_filled{
	border-color: hsl(0deg 0% 70%);
	border-color: green;
}
.inpz_inp_cont_error .inpz_item{
	color: red;
}
.inpz_inp_cont_error{
	border-color: red;
}
.inpz_inp_cont .inpz_item{
	padding: 10px 20px 10px 10px;
	font-size: .8rem;
	
}

.inpz_inp_cont .inpz_nadpis{
	
	
}
.inpz_inp_cont .inpz_inp{
	/*unset*/
	box-shadow: none;
    border: solid 0px hsla(0, 0%, 80%, 1);

	text-align: left;
    width: 100%;
    
}

.inpz_inp_cont[data-inpz_fn_type="radio"]{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	flex-grow: 1;
	cursor: pointer;
	padding: 15px;
	box-sizing: border-box;
}
.inpz_inp_cont[data-inpz_fn_type="radio"] .inpz_item{
    display: grid;
    grid-template-columns: auto 1fr auto auto auto;
    align-content: baseline;
    padding: 4px;
}
.inpz_inp_cont[data-inpz_fn_type="radio"] input[type=radio].inpz_inp {
	width: 0.8rem;
    height: 0.8rem;
    padding: 0;
    -webkit-appearance: none;
    outline: 2px solid black;
    outline-offset: 2px;
    background-image: unset;
    margin: 0 6 0 4;
    align-self: center;
}
.inpz_inp_cont[data-inpz_fn_type="radio"] input[type=radio]:checked.inpz_inp {
  background-color: #000;
}
.inpz_inp_cont[data-inpz_fn_type="radio"] legend{
    padding: 0 4px;
}









.inpz_inp_cont[data-inpz_fn_type="checkbox"]{
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    background-color: unset;
    border: 0px solid;
    margin: unset;
}
.inpz_inp_cont[data-inpz_fn_type="checkbox"] input[type=checkbox]{
	position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.inpz_inp_cont[data-inpz_fn_type="checkbox"] .inpz_inp_checkmark{
   	display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
    height: .8rem;
    width: .8rem;
    border: solid 0px;
    margin: 10px;
    -webkit-appearance: none;
    outline: 2px solid black;
    outline-offset: 2px;
}
/* When the checkbox is checked, add a blue background */
.inpz_inp_cont[data-inpz_fn_type="checkbox"] input:checked ~ .checkmark {
    background-color: white;
}

/* Create the checkmark/indicator (hidden when not checked) */
.inpz_inp_cont[data-inpz_fn_type="checkbox"] .inpz_inp_checkmark:after {
    content: "";
    display: none;
}

/* Show the checkmark when checked */
.inpz_inp_cont[data-inpz_fn_type="checkbox"] input:checked ~ .inpz_inp_checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.inpz_inp_cont[data-inpz_fn_type="checkbox"] .inpz_inp_checkmark:after {
    width: 4px;
    height: 9px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.inpz_inp_cont[data-inpz_fn_type="checkbox"] .inpz_item{
	padding: 10px 20px 10px 4px;
}

.inpz_inp_cont[data-inpz_fn_type="dead_text"]{
	background-color: unset;
	border-color: hsl(0deg 0% 95%);
	cursor: not-allowed;
	font-size: 1rem;
	margin-bottom: 3px;
}
.inpz_inp_cont[data-inpz_fn_type="dead_text"] .inpz_nadpis{
	/*display: none;*/
	font-weight: 600;
}	
.inpz_inp_cont[data-inpz_fn_type="dead_text"] input.inpz_inp{
	pointer-events: none;
	
}
.inpz_inp_cont[data-inpz_fn_type="dead_text"] .inpz_item{
	padding: 2px 5px;
	font-size: .9rem;
}
.inpz_inp_cont[data-inpz_fn_type="items"]{
	border: unset;
	grid-template-columns: unset;

}
.inpz_inp_cont[data-inpz_fn_type="items"] .inpz_item{
	font-size: .9rem;
}

.inpz_inp_cont textarea.inpz_inp{
	min-height: 200px;
	resize:vertical;
}
.inpz_inp_cont textarea.inpz_inp.inpz_textarea_lower{
	min-height: 100px;
	resize:vertical;
}
.inpz_item_property_hidden{
	display: none;
}

/* Dropzone */ 
.inpz_inp_cont[data-inpz_fn_type="dropzone"]{
	width: 200px;
	display: flex;
	flex-direction: column;
	position: relative;

}

.inpz_inp_cont .dropzone{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px 10px 10px;
}
.inpz_inp_cont .DZ_area{
    width: 100%;
    height: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 10%;
    color: gray;
    border: 2px dashed gray;
    font-size: 0.8rem;
    grid-gap: 5px;
    grid-template-rows: minmax(0px, 100px);
    transition: .3s;
}
.inpz_inp_cont .DZ_area_active{
    border: 2px solid gray;
    background-color: rgba(0,0,0,0.1);
}
.inpz_inp_cont .DZ_success{
	color: green;
}
.inpz_inp_cont .DZ_failed{
	color: red;
}
.inpz_inp_cont .DZ_progress{
	color: orange;
}
.inpz_inp_cont .input_file{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}