/*
------------------------------------------------------------------------------------
COM.EZZATO.DEV
By : Andre Lorenzoni at andre@ezzato.com
------------------------------------------------------------------------------------
*/	

form,
.form {
	position:relative;
}
.form form {
	position:relative;
	display: block;
}

/*
disabled itens
*/

.disabled,
.form.disabled,
.form .disabled {
	opacity: .5;
}

.form .field {
	position:relative;
	display:inline-table;
	vertical-align:top;
	display: table;
}

.form .flg_boolean {
	position:relative;
}

.form .field-col {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	display: inline-block;
}

.form .field-box {
	position:relative;
}

.form .form-repeat-input {
	margin-top:10px;
}

input.null {
	border: none;
	background-color: transparent;
}

.locked {
	pointer-events: none;;
	opacity: .5;
}

/*
display only field
*/

.form .form-display {
	position: relative;
	opacity: .5;
}

/*
half field
*/

.form .field-half {
	position:relative;
	display:inline-table;
}
.form .field-half textarea {
	position:relative;
}

/*
table field
*/

.form .form-field {
	position: relative;
}

.form-field-table {
	position:relative;
	display:table;
}

.form-field-col {
	position:relative;
	display:table-cell;
}

.form-field-col input {
	width:100%;
}

.form-field-col div {
	font-size:10px;
	text-align:left;
	padding:0px 0px 0px 10px;
	color:#333333;
}

/*
base inputs
*/

.form input,
.form select,
.form textarea {
	position:relative;
	/*color:#666666;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	padding:10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:14px;*/
}

.form select {
	text-overflow: ellipsis;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	background-position:right center;
	background-repeat:no-repeat;
	padding-right: 35px!important;
}

.form .select-wrapper {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.form .field .select-wrapper {
	width: 100%;
}

.form .select-wrapper:after {
	position:absolute;
	right:10px;
	top: 50%;
	transform:translateY(-50%);
	content:'';
	color:#333333;
	font-family: "Material Icons";
	font-size: 26px;
	vertical-align: middle;
	line-height: 43px;
	z-index: 1;
} 

.form .field .select-wrapper.unselect:after {
	display: none;
}

.form select option {
    color:#666666;
	background-color:#ffffff;
}

.form .input-wrapper {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.form fieldset.full {
	width:100%;
}

/*
checkbox
*/

.form input[type=checkbox],
.form input[type=radio] {
	display: inline-block;
	width: 25px;
	vertical-align: middle;
}


.form input[type=radio],
.form input[type="checkbox"] {
    display:none!important;
}

.form input[type="radio"] + label,
.form input[type="checkbox"] + label {
	display: inline-block;
	vertical-align: middle;
	/*font-family: Lato;*/
	/*font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.93;
	*/
	color: #80848f;
	display: inline;
}

.form input[type="radio"] + label > span,
.form input[type="checkbox"] + label > span {
    display:inline-block;
	position:relative;
    width:18px;
    height:18px;
	/*margin:-1px 12px 0 0;*/
	margin: 5px;;
    vertical-align:middle;
    cursor:pointer;
	border:solid 2px #A5A7A7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.form input[type="radio"]:checked + label > span:after,
.form input[type="checkbox"]:checked + label > span:after {
	position:absolute;
	top: -2px;
	left: -2px;
	width: 22px;
	height: 22px;
	background-color:#80848f!important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	content:'';
	background-repeat:no-repeat;
	background-position:center center;
	color: #ffffff;
	font-size: 20px;
	font-family: "Material Icons";
	line-height: 22px;
	font-weight: bold;
}

.form input[type="radio"] + label.slider > span,
.form input[type="checkbox"] + label.slider > span {
    display:inline-block;
	position:relative;
    width:50px;
    height:33px;
	height:28px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	background-color: #ffffff;
	background-color: #cdcccd;
	border: none;
}

.form input[type="radio"]:checked + label.slider > span,
.form input[type="checkbox"]:checked + label.slider > span {
	background-color: #666666;
}

.form input[type="radio"] + label.slider > span:after,
.form input[type="checkbox"] + label.slider > span:after {
	position:absolute;
	top:0px;
	left:0px;
	width:28px;
	height:28px;
	-moz-border-radius:27px;
	-webkit-border-radius:27px;
	border-radius:27px;
	background-color: #ffffff;
  	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.41);
	content:' ';
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
	color: transparent!important;
}

.form input[type="radio"]:checked + label.slider > span:after,
.form input[type="checkbox"]:checked + label.slider > span:after {
	position:absolute;
	left:24px;
	width:28px;
	height:28px;
	-moz-border-radius:27px;
	-webkit-border-radius:27px;
	border-radius:27px;
	background-color:#0A8B74;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	content:' ';
	background-image:none!important;
	background-color: #ffffff!important;
	  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.41);
	  color: transparent!important;
}

/*
buttons
*/

.button,
.bt,
button {
	position:relative;
	cursor:pointer;
	border: none;
}

.bt-container {
	position:relative;
	padding:10px 0px;
	display:table;
}

.bt-container button {
	margin:0px 5px 5px 0px;
}

.bt-spacer {
	position: relative;
	display: table;
	padding: 20px 0px;
}

/*
actions alerts
*/

.form-remove {
	position: absolute;
	color: #333333;
	font-size: 20px;
	display: inline;
	right: 10px;
	cursor: pointer;
	font-family: "Material Icons";
	vertical-align: middle;
	top: 50%;
	transform: translateY(-50%);
}

.form-remove:hover {
	color:#EE3E76;
}

.form .check {
	position:relative;
	display:table;
	vertical-align:middle;
}

.atention {
	background-color:#D90000;
	color:#ffffff;
	border-color:#D90000;
	font-size:16px;
}

.atention:hover {
	background-color:#333333;
	color:#ffffff;
}

.form-confirmed {
	position:absolute;
	display:table;
	height:43px;
	right:10px;
	color:#C51F58;
	font-size:14px;
	line-height:43px;
	padding:0px 30px 0px 0px;
	background-repeat:no-repeat;
	background-position: right center;
	background-size: auto 60%;
}

.form-help {
	position:absolute;
	display:table;
	height:43px;
	right:10px;
	color:#C51F58;
	font-size:14px;
	line-height:43px;
	padding:0px 30px 0px 0px;
	background-repeat:no-repeat;
	background-position: right center;
	background-size: auto 60%;
	cursor:pointer;
}


.clean {
	width:auto!important;
	height:auto!important;
}

/*
report 
*/

.report {
	position:relative;
	width:100%;
	margin:20px 0px;
	/*border:1;*/
}

.report tr td{
	padding:5px;
	border:solid 1px #ccc;
	color:#333333;
	font-size:13px;
	color:#333333;
}

.report .table-title {
	font-size:18px;
	color:#666666;
	text-transform:uppercase;
	font-weight:bold;
}

.report .table-name {
	position:relative;
	font-size:18px;
	color:#666666;
	text-transform:uppercase;
	font-weight:bold;
	padding:10px 0px;
}

.report .col-name {
	font-size:13px;
	color:#666666;
	text-transform:uppercase;
	font-weight:bold;
	word-break:normal;
}

.form-mobile-spacer {
	display:none;
}

.input_link {
	position: relative !important;
	display: block;
	text-decoration: underline!important;
	color: var(--text-color);
	padding: 20px 10px 10px 10px;
	font-weight: bold;
	font-size: 12px;
}

fieldset {
	position: relative;
	display: table;
	border: none;
}

fieldset input,
fieldset select,
fieldset textarea {
	/*width:100%;*/
	/*border-radius: 0px!important;*/
	/*background-color:#ffffff;
	border:none;*/
}


/*
--------------------------------------------------------------------------------------
SMARTPHONE
--------------------------------------------------------------------------------------
*/
/*
@media only screen and (min-width: 200px) and (max-width: 760px) { 

	.field-col {
		display:table!important;
		width:100%;
	}
	
	.form .field,
	.form .field-col,
	.form input,
	.form select,
	.form textarea {
		width:100%;
		font-size:14px!important;
		margin: 0px 0px 20px 0px;
	}

	.page-wrapper.sub-list .title {
		padding: 5px 0px 0px 0px !important;
	}

	.form .flg_boolean {
		display: inline-table;
		width: auto !important;
		margin: 0px 20px 10px 0px;
	}
	
	button {
		width:100%;
		font-size:16px;
	}
	
	.form-mobile-spacer {
		display:block;
		width:100%;
		height:15px;
		width:100%;
	}

	.form-category {
		padding:0px;
	}

	.form-category .form-category-title {
		font-size:18px;
		padding:5px 0px;
	}

	.form-category .close,
	.form-category .expand {
		font-size:20px;
	}
	


	.form-category .category-line .category-name {
		width: 40%;
		font-size: 12px;
		vertical-align: middle;
	}

	.form-category .category-line .category-line-link {
		position: relative;
		display: table;
	}

	.page-container-alert {
		padding:10px;
	}

	.form-expander.active > .container {
		column-count: 1;
	}
	
}
*/