/* FORM BY MODEL*/
.mindform {max-width: 1140px; margin: 0 auto}

h1.mindform  {margin: 18px auto 8px auto}
/* retrocompatibilità vecchie checkbox*/
.mindform .checkbox-input	{display: block; float: none; width: auto;}
.mindform .checkbox-label {float: none; width: auto}
/* retrocompatibilità vecchie checkbox*/

.mindform .mindform-border,.mindform .select_tree .textbox {border-radius: 16px;border: 1px solid #ddd;transition: all 0.3s ease-in-out;}

.mindform .mindform-border:focus , .mindform .select_tree .textbox-focused {border: 1px solid #9ad; outline: none} 
	.mindform .form_text, .mindform .form_textarea, .mindform .form_checkbox, .mindform .form_checkbox_multi, .mindform .form_visibilita, .mindform .form_time, .mindform .form_email, .mindform .form_option, .mindform .form_pickers, .mindform .form_autocomplete,  .mindform .form_select_container, .mindform .form_file, .mindform .form_password, .mindform .form_pickimage {	margin:14px 0;}
	.mindform .btnsubmit {display: block;		padding: 12px 24px;	border-radius: 30px;background: #888;	border: 0;	color: #fff;	transition: all 0.2s ease-in-out;	margin: 6px auto; }
	.mindform .btnsubmit:hover {box-shadow: 0 3px 8px 0 rgba(0,0,0,.17);background: #999;}
	.mindform .input_text {width:100%;}
	.mindform button {padding: 8px 12px;position: relative; box-sizing: border-box; margin:6px 0;}	
	.mindform input:not(.choices__button) {padding: 8px 12px;position: relative; box-sizing: border-box; outline: none;}
	.mindform textarea {border-radius: 16px;border: 1px solid #ddd;transition: all 0.3s ease-in-out;padding: 8px 12px;position: relative; box-sizing: border-box; width:100% }
	.mindform form > div {margin:0; }
	.mindform  input[type=button]:not(.tox-tbtn, .choices__button), .mindform button[type=button]:not(.tox-tbtn, .choices__button) { background: #888; font-weight:bold; border: 0;	color: #fff; cursor:pointer; padding: 8px 12px;}
	.mindform input[type=submit], .mindform button[type=submit] { background: #888; font-weight:bold; border: 0;	color: #fff; cursor: pointer;}
	.mindform input[type=button]:hover:not(.tox-tbtn, .choices__button), .mindform button[type=button]:hover:not(.tox-tbtn, .choices__button), .mindform button[type=submit]:hover:not(.tox-tbtn, .choices__button) {box-shadow: 0 3px 8px 0 rgba(0,0,0,.17);background: #999;}

/*SELECT*/
	.mindform .form_select {display:inline-block; max-width:100%; }
	.mindform select {  color: #333; padding: 8px 8px;	 width:100%; padding-right:40px;  box-sizing: border-box;  margin: 0;   -moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fafafa url(/layout/common/image/a-bot-select.png) right center no-repeat; outline: none;}
	.mindform .select_tree {width: 100% !important;}
	.mindform .select_tree .textbox {width: 100% !important;  color: #333; 	max-width:99%; padding-right:40px;  box-sizing: border-box;  margin: 0;   -moz-appearance: none; -webkit-appearance: none; appearance: none; outline: none;box-shadow: none;}	
	.mindform .select_tree input{padding: 8px 12px !important; }
	.combo-panel .tree-node-selected {background: #ccddff !important; }
	.mindform .select_tree .textbox-icon {background:transparent url(/layout/common/image/a-bot-select.png) center center no-repeat; height:36px !important; width: 36px !important; opaciy:1.0 !important;}	
	.mindform  .panel-body { border-color: transparent; }	
	.mindform .select_tree .textbox .textbox-text {width: 100% !important; border: 0; background: transparent; height: auto !important; line-height: inherit !important}	
/* OPTIONS RADIO */
	.mindform .input_radio { margin: 3px 0; }	
	.mindform .input_radio_container { margin-right: 20px; }	

/*CHECKBOX*/	
	.mindform .form_checkbox_multi .label,
	.mindform .form_checkbox  { display: block; vertical-align: top; position: relative;  padding-left: 25px; }	
	.mindform .form-checkboxslider { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; line-height: 0}
	.mindform .form-checkboxslider .label_checkboxslider{ margin-left: 12px;}
	.mindform .input_radio_container  { display: inline-block; vertical-align: top; position: relative;  padding-left: 25px; line-height:1.4em }	
	.mindform .span_ffield_blank  { display: inline-block; vertical-align: top; position: relative;  padding-left: 25px; }	
	.mindform .checkbox-input, .mindform .input_radio_container input,
	.mindform .span_ffield_blank input {  position: absolute;  left: 0;  top: 2px; float: none;  }	
	.mindform .form_checkbox_multi .label span, 
	.mindform .form_checkbox span,
	.mindform .input_radio_container label,
	.mindform .span_ffield_blank label { display: inline;  float:none;    }
	.mindform input[type=checkbox] { padding: 0; margin: 0; background: green }
	
/*PICKERS*/	
	.mindform .form_pickers input {  width: 150px; }	
	.mindform .form_pickers input.input_pick_color {width: 190px;}

    .mindform .inputicon-box {position:relative;display: inline-block }
	.mindform .inputicon-box i { position: absolute;right: 16px;top: 50%;transform: translate(0,-50%);}

    .mindform .ui-datepicker { z-index: 8000 !important;}
    .mindform .form_pickimage { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start;}
    .mindform .form_pickimage .input_pickimage { flex: 0 0 50%; }
    .mindform .form_pickimage input { width:100% }

    .mindform .form_pickimage .image { width: 140px;  height: 140px; overflow: hidden; cursor: pointer; background:#fff url(image/noimage.png) center center no-repeat; color: #000; text-align:center; font-weight:bold; transition: all 0.3s ease-in-out; }
    .mindform .form_pickimage .image:hover {border:1px solid #999;}
    .mindform .form_pickimage #ffield_pick_image { margin: 6px 0 0 0;}
	.mindform .form_pickimage .input_pickimage {display: none;}
  
    .mindform .form_visibilita span input {width: 100%; vertical-align: -50%;}
    .mindform .form_visibilita  input { vertical-align: -50%;}
    .mindform .form_visibilita  label { vertical-align: -45%;}

    .mindform .form_visibilita .vis-options {min-height: 34px;}
    .mindform .form_visibilita .vis-options input[type=text] {width:130px;}
  

    .mindform .mindform-ymd {display: flex; flex-wrap: wrap; }
    .mindform .mindform-ymd label {flex: 1 0 100%; }
    .mindform .mindform-ymd select {width: auto;max-width: auto; margin:0 12px 0 0 }/*flex: 0 0 12%; */
    
    .mindform .paredit .btn, .mindform .paredit input { margin: 6px 0 0 0 }
    .mindform .paredit .riga {display: flex; flex-wrap:nowrap; width:100% 	}
    .mindform .paredit .riga input {display:block; width: 0;margin-right:6px}
    .mindform .paredit .riga input.inputchiave {flex:2 0 auto;  }
    .mindform .paredit .riga input.inputvalore {flex:4 0 auto; }
    /* .mindform .paredit div button {flex:0 0 50px; 	} */
    
    .input_slider {  -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px; background: #d3d3d3; outline: none; opacity: 0.7; transition: opacity .2s; }
	.input_slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px;
  border-radius: 50%;   background: #4CAF50;  cursor: pointer; }
  	.input_slider::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #4CAF50;
  cursor: pointer; }

	@media (min-width: 378px) {
	    .mindform .form_pickimage .input_pickimage {display: block;}
	}