.form-control#sel {
    display: inline-block !important;
    width: 80% !important;
}

ul.dtr-details li {
    list-style-type: none;
}

.ui-select-placeholder,.ui-select-match-text,.ui-select-match-item{
  width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding-right: 20px;
}


.ui-select-multiple.ui-select-bootstrap .ui-select-match-item{
    width: auto;
    padding-right: 5px;
}

table.dataTable thead th {
	position: relative;
	background-image: none !important; /* Remove the DataTables bootstrap integration styling */
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
	content: "\f0dd";
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
	content: "";
}

/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
	top: 8px;
}


/*
 * DataTables style pagination controls
 */
div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate a.first:before, 
div.dataTables_paginate a.previous:before {
	position: absolute;
	top: 8px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.first:before {
	content: "\f100";
}

div.dataTables_paginate a.previous:before {
	content: "\f104";
}

div.dataTables_paginate a.next:after {
	content: "\f105";
}

div.dataTables_paginate a.last:after {
	content: "\f101";
}


/*
 * Bootstrap and foundation style pagination controls
 */
div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate li.next > a,
div.dataTables_paginate li.last > a {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate li.first a:before, 
div.dataTables_paginate li.previous a:before {
	position: absolute;
	top: 6px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after {
	position: absolute;
	top: 6px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.first a:before {
	content: "\f100";
}

div.dataTables_paginate li.previous a:before {
	content: "\f104";
}

div.dataTables_paginate li.next a:after {
	content: "\f105";
}

div.dataTables_paginate li.last a:after {
	content: "\f101";
}

td.arte::before {
	text-align: right;
	content: url(/Portals/0/Sistema_bibliotecario_M/imgs/arte.png)
}

td.civiche::before {
	text-align: right;
	content: url(/Portals/0/Sistema_bibliotecario_M/imgs/civiche.png)
}

td.religiose::before {
	text-align: right;
	content: url(/Portals/0/Sistema_bibliotecario_M/imgs/religiose.png)
}

td.scolastiche::before {
	text-align: right;
	content: url(/Portals/0/Sistema_bibliotecario_M/imgs/scolastiche.png)
}


td.specialistiche::before {
	text-align: right;
	content: url(/Portals/0/Sistema_bibliotecario_M/imgs/specialistiche.png)
}

td.storiche::before {
	text-align: right;
	content: url(/Portals/0/Sistema_bibliotecario_M/imgs/storiche.png)
}

td.universitarie::before {
	text-align: right;
	content: url(/Portals/0/Sistema_bibliotecario_M/imgs/university.png)
}

/* In Foundation we don't want the padding like in bootstrap */
div.columns div.dataTables_paginate li.first a:before, 
div.columns div.dataTables_paginate li.previous a:before,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.last a:after {
	top: 0;
}

td.grey {
	background-color: #eee;
}

td.vert_center{
vertical-align: middle !important;
}

.dataTables_wrapper .myfilter .dataTables_filter{float:left}
.dataTables_wrapper .mylength .dataTables_length{float:right}

.btn-infrastrutture {
    margin: 5px 5px;
}


table.dataTable tr.dtrg-group.dtrg-level-0 td {
    font-weight: bold;
	color: #3344dd;
	cursor: pointer; 
    width: 35%;
}
/* table.dataTable tr.dtrg-group td {
    background-color: #e0e0e0;
} */
table.dataTable tr.dtrg-group.dtrg-level-1 td:first-child{
    padding-left: 2em;
	color: #0059B3;
}
table.dataTable tr.dtrg-group.dtrg-level-1 td{
    /* background-color: #f0f0f0; */
    padding-top: 0.25em;
    padding-bottom: 0.25em;
	cursor: pointer; 
}
table.dataTable tr.dtrg-group.dtrg-level-2 td:first-child {
    padding-left: 3em;
}
/* table.dataTable tr.dtrg-group.dtrg-level-2 td {
    background-color: #fff0f0;
} */
table.dataTable.compact tbody tr td.order_id {
    padding-left: 4em;
}

span.rp_10{
	padding-left:7px
}