.input-group-append .btn, .input-group-prepend .btn{
	z-index: 0 !important;
}
.ui-draggable {
    cursor: -webkit-grab;
}

.ui-draggable-dragging, .ui-sortable-helper {
    cursor: -webkit-grabbing;
}

.sortable-box {
	border-radius: 3px;
	border: 2px dashed #cdcdcd;
	min-height: 50px;
	margin: 2px;
	background-color: rgba(205, 205, 205, 0.29);
	padding: 10px;

	a {
		cursor: pointer;
	}

	.listitem {
	  border-radius: 5px;
	  width: 30%;
	  cursor: move;
	  list-style: none;
	  margin: -1px 0 0;
	  box-shadow: 0 0 1px 0 inset;
	  padding: 10px;
	  text-align: left;
	  background: #fff;
	}
}


.draggable-box {
	width: 100%;
  	border: 0;
	margin: 0;


	.listitem {
	  cursor: move;
	  list-style: none;
	  margin: -1px 0 0;
	  box-shadow: 0 0 1px 0 inset;
	  padding: 10px;
	  text-align: left;
	  background: #fff;
	}

	.listitem:first-child {
    	border-radius: 5px 5px 0 0;
	}

	.listitem:last-child {
    	border-radius: 0 0 5px 5px;
	}

	 .listitem:hover {
	 	font-weight: bold;
    	background-color: #f2f2f2;
	}
}

.field-container-row:hover {
	border: 2px solid #cdcdcd;
	background-color: white;
}

.field-container-row {
	padding: 15px;
	border-radius: 3px;
	border: 2px dashed #cdcdcd;
	min-height: 50px;
	margin: 5px;
	cursor: move;
	background-color: rgba(205, 205, 205, 0.29);

	input{
		height: 1.8em !important;
	}

	select {
		height: 2.8em !important;
	}
}

.editElementButton, .removeElementButton, .okElementButton  {
	padding: 8px;
	color: black;
	border-radius: 3px;
	border: 1px solid black;
	background-color: white;
	margin: 4px;

	a {
		color: black;
	}
}

.editElementButton:hover {

	background-color: #276d9c;

	a {
		color: white;
	}

}

.okElementButton:hover {
	background-color: green;

	a {
		color: white;
	}
}

.removeElementButton:hover {

	background-color: red;

	a {
		color: white;
	}

}

.field-actions {
	float:right;
}

.panel-dettaglio {
	padding: 15px 15px;
    background: #f7f7f7;
    border-radius: 3px;
    margin: 12px 0 0;
    border: 1px solid #d7d7d7;
}

.remove-option-field {
	padding: 6px;
	color: black;
	border-radius: 3px;
	border: 1px solid black;
	background-color: white;
	margin-left: 4px;

	a, i {
		color: black;
	}
}

.remove-option-field:hover {
	background-color: red;

	a, i {
		color: white;
	}
}

.content-container {
	margin: 15px;
	padding: 5px;
}

.olOption {
	display: inline-block;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
    list-style: none;
	background-color: white;
	margin-left:30px;

	li {
		border-bottom: 1px solid #b3b3b3;
		padding: 10px;
		input {
			margin-right: 2px;
		}

	}

	li:last-child {
    	border-bottom: none;
	}


}

.sortable-empty-box {
	border: 2px dashed #cdcdcd;
    background-color: rgba(255,255,255,.25);
    border-radius: 3px;
	min-height: 50px;
	margin: 2px;
	padding: 10px;
}

.selectListino {
	height: 2.8em !important;
}

.actions-cell{
	margin: 0;
    padding: 6px 6px;
    border-radius: 4px;
    color: #fff;
}

#_configurazionepagamentocontroller_WAR_jcitygovpagamentispontaneiportlet_tariffasSearchContainer_col-rowChecker {
	width: 10%;
}
#_configurazionepagamentocontroller_WAR_jcitygovpagamentispontaneiportlet_tariffasSearchContainer_col-combinazione {
	width: 50%;
}
#_configurazionepagamentocontroller_WAR_jcitygovpagamentispontaneiportlet_tariffasSearchContainer_col-importo{
	width: 40%;
}

#_configurazionepagamentocontroller_WAR_jcitygovpagamentispontaneiportlet_tariffasSearchContainerSearchContainer {
	table td:nth-child(2) {
		text-align:left;
	}
}
#_configurazionepagamentocontroller_WAR_jcitygovpagamentispontaneiportlet_fileName{
	width: 60%;
}
#_configurazionepagamentocontroller_WAR_jcitygovpagamentispontaneiportlet_selectImage{
	margin-right: 1px !important;
}
#_configurazionepagamentocontroller_WAR_jcitygovpagamentispontaneiportlet_linkOpenUpload{
	margin-right: 1px !important;
}

.btn-filter {
	margin-top: 25px !important;
	width: 100px;
}

#p_p_id_pagamentospotcontroller_WAR_jcitygovpagamentispontaneiportlet_ .accordion-group .accordion-heading.search {
	.accordion-toggle {
	    background-image: url(/jcitygov-service-theme/css/../images/pic/bottom.png);
	    background-repeat: no-repeat;
	    background-position: 99% center;
	    background-color: #143d5d;
	    color: white;
    }
    
    &.toggler-header-expanded {
		.accordion-toggle {
			background-image: url(/jcitygov-service-theme/css/../images/pic/top.png);
		}
    }
}

#p_p_id_flussicontroller_WAR_jcitygovpagamentispontaneiportlet_ .accordion-group .accordion-heading.search {
    .accordion-toggle {
	    background-image: url(/jcitygov-service-theme/css/../images/pic/bottom.png);
	    background-repeat: no-repeat;
	    background-position: 99% center;
	    background-color: #143d5d;
	    color: white;
    }
    
    &.toggler-header-expanded {
		.accordion-toggle {
			background-image: url(/jcitygov-service-theme/css/../images/pic/top.png);
		}
    }
}

#p_p_id_riconciliaflussocontroller_WAR_jcitygovpagamentispontaneiportlet_ .accordion-group .accordion-heading.search {
    .accordion-toggle {
	    background-image: url(/jcitygov-service-theme/css/../images/pic/bottom.png);
	    background-repeat: no-repeat;
	    background-position: 99% center;
	    background-color: #143d5d;
	    color: white;
    }
    
    &.toggler-header-expanded {
		.accordion-toggle {
			background-image: url(/jcitygov-service-theme/css/../images/pic/top.png);
		}
    }
}

label[for="_pagamentospotcontroller_WAR_jcitygovpagamentispontaneiportlet_lblDataNascita"] {
	display: block !important;
}

label[for="_dettagliopagamentocontroller_WAR_jcitygovpagamentispontaneiportlet_lblDataNascita"] {
	display: block !important;
}

label[for="_pagamentospotcontroller_WAR_jcitygovpagamentispontaneiportlet_lblDataNascitaTerzi"] {
	display: block !important;
}

label[for="_dettagliopagamentocontroller_WAR_jcitygovpagamentispontaneiportlet_lblDataNascitaTerzi"] {
	display: block !important;
}

:root input[type="checkbox"].ios-switch + div {
	display: inline-block;
	vertical-align: middle;
	width: 3em;	height: 1em;
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 999px;
	margin: 0 .5em;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.1), transparent), 
	                  linear-gradient(90deg, hsl(206, 65, 22) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	background-origin: border-box;
	background-clip: border-box;
	overflow: hidden;
	transition-duration: .4s;
	transition-property: padding, width, background-position, text-indent;
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset;
	font-size: 150%; /* change this and see how they adjust! */
}

:root input[type="checkbox"].ios-switch:checked + div {
	padding-left: 2em;	width: 1em;
	background-position: 0 0;
}

:root input[type="checkbox"].ios-switch + div:before {
	content: 'SI';
	float: left;
	width: 1.65em; height: 1.65em;
	margin: -.1em;
	border: 1px solid rgba(0,0,0,.35);
	border-radius: inherit;
	background: white;
	background-image: linear-gradient(rgba(0,0,0,.2), transparent);
	box-shadow: 0 .1em .1em .1em hsla(0,0%,100%,.8) inset,
	            0 0 .5em rgba(0,0,0,.3);
	color: white;
	text-shadow: 0 -1px 1px rgba(0,0,0,.3);
	text-indent: -2.5em;
}

:root input[type="checkbox"].ios-switch:active + div:before {
	background-color: #eee;
}

:root input[type="checkbox"].ios-switch:focus + div {
	box-shadow: 0 .1em .1em rgba(0,0,0,.2) inset,
	            0 .45em 0 .1em rgba(0,0,0,.05) inset,
	            0 0 .4em 1px rgba(255,0,0,.5);
}

:root input[type="checkbox"].ios-switch + div:before,
:root input[type="checkbox"].ios-switch + div:after {
	font: bold 60%/1.9 sans-serif;
	text-transform: uppercase;
}

:root input[type="checkbox"].ios-switch + div:after {
	content: 'NO';
	float: left;
	text-indent: .5em;
	color: rgba(0,0,0,.45);
	text-shadow: none;

}

:root input[type="checkbox"].ios-switch {
	display:none;
}

.customCheckbox{
	display: inline-block;
	float: left;
	width: 45px;
}

.big.anagrafica {
	margin-left: 50px;
}

.nascosto {
	display: none;
}




/* Configuratore */

#p_p_id_fatturecontroller_WAR_jcitygovpagamentispontaneiportlet_ {
	
	.buttonAdd {
		width: auto !important;
	}
	
	.table-list {
		display:table;
		width:100%;
		/* @include respond-to(phone) {
			display:block;
		} */
		
		.list-heading {
			margin-bottom: 5px;
			background-color: #eee;
			display:table-row;
			
			div {
				color: #143d5d;
				margin: 0px;
				font-weight: bold;
				padding: 15px 10px;
				border-left: 1px solid white;
				margin-left: 0px;
				display:table-cell;
				/* @include respond-to(tablet) {
					padding: 10px;
				} */
				/* @include respond-to(phone) {
					padding: 5px 10px 5px 10px;
				} */
			}
		}
		
		.list-big-row {
			border-bottom: 1px solid;
			margin-bottom: 15px;
			display:table-row;
			/* @include respond-to(phone) {
				display:block;
			} */
			
			.list-big-row-cell {
				padding: 0px 10px;
				margin-left: 0px;
				display:table-cell;
				vertical-align: top;
				border-bottom: 1px solid lightgray;
				/* @include respond-to(tablet) {
					padding: 10px;
				}
				@include respond-to(phone) {
					display:block;
					padding: 5px 10px 10px 10px;
				} */
				
				&.even-cell {
					background-color: white;
					
					&.sfondoErrore {
						background-color: red;
					}
					
					&.pulsantiera {
						margin-top: 0px;
						
						p{
							padding: 3px;
						}
						
						&.sfondoErrore {
							background-color: red;
						}
						
						.btn-authentication-configuratore{
							border-radius: 5px;
				    		color: white;
							font-weight: normal;
							width: 100%;
							padding: 8px 5px 10px 5px;
							
							&.icon-trash{
								background-color: #a40000;
								display: inline;
							}
							
							&.icon-edit{
								background-color: #0000c1;
								display: inline;
							}
							
							&::before{
								width: 22px;
							}
						}
					}
				}
				
				&.odd-cell {
					background-color: #fafafa;
					
					&.sfondoErrore {
						background-color: red;
					}
					
					&.pulsantiera {
						margin-top: 0px;
						
						p{
							padding: 3px;
						}
						
						.btn-authentication-configuratore{
							border-radius: 5px;
				    		color: white;
							font-weight: normal;
							width: 100%;
							padding: 8px 5px 10px 5px;
							
							&.icon-trash{
								background-color: #a40000;
								display: inline;
							}
							
							&.icon-edit{
								background-color: #0000c1;
								display: inline;
							}
							
							&::before{
								width: 22px;
							}
						}
					}
				}
				
				.label-authentication-configuratore{
					font-style: italic;
				}
				
				.dato-authentication-configuratore{
					padding-left: 15px;
			    	font-weight: bold;
			    	margin-bottom: 3px;
				}
				a {
					display: inline-table;
				}
			}
		}
	}
	
	.icon-list-pers {
		width: 35px !important;
	}
	
	select#_fatturecontroller_WAR_jcitygovpagamentispontaneiportlet_rate {
	    width: 28%;
	}
	
	.textareapers:focus {
		height: 200px;
		width:  400px;
	}
	
	.noPiva {
		margin-top: 10px;
	}
}
.row {
    margin-left: 0px !important;
}