.daterangepicker .ranges li:hover {
    background-color: #092E79 !important;
    color: white !important;
    transition: color .2s ease,background-color .2s ease;
}
.daterangepicker .ranges li.active {
    background-color: #092E79 !important;
    color: white !important;
    transition: color .2s ease,background-color .2s ease;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='%23FFFFFF' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3e%3c/svg%3e);
    background-size: 0.8rem;
    background-position: center right 1.25rem;
    background-color: #092E79 !important;
    color: white !important;
    transition: color .2s ease,background-color .2s ease;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option:not(.select2-results__option--group):hover {
    background-color: #092E79 !important;
    color: white !important;
    transition: color .2s ease,background-color .2s ease;
}
.form-select-operator{
    display: block;
    width: 100%;
    padding: 0.75rem 3rem 0.75rem 1rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #181c32;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: 0.475rem;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 8%);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none;
}
.inverse-tooltip{
	background-color: black !important;
}
.badge-dark-warning{
	background-color:#ffc700;
	color:black !important;
}
.badge-mattone{
	background-color:#ff8c00;
	color:white;
}
.bg-dark-success{
	background-color: #092E79 !important;
}
.badge-grass{
	background: darkgreen;
	color:white;
}
.badge-light-grass{
	background: green;
	color: white;
}
.card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    min-height: 25px !important;
    padding: 0 2.25rem;
    background-color: transparent;
    border-bottom: 1px solid #eff2f5;
}
.container-privacy{
  margin: auto;
  width: 80%;
  height:auto;
  padding: 10px;
  background: white;
  box-shadow: 2px 2px 5px;
  text-align: center;
}
.text-privacy{
	font-size: 15px;
    text-align: justify;
    padding: 20px;
    font-family: inherit;
}
.button-privacy{
	width:100%;
}
table.dataTable {
    width: 100%!important;
    margin: 0!important;
}
/*
td[id*=id_status]{
    background: #17438d !important;
	  color: white !important;
}
*/
/* Ensure that the demo table scrolls */
th, td { 
	white-space: nowrap;
}
div.dataTables_wrapper {
        /*width: 800px;*/
    margin: 0 auto;
}
.dataTables_scrollBody{
	max-height: 100% !important;
}
.DTFC_ScrollWrapper{
	height: 100% !important;
}
.badge{
	padding:3px !important;
}
table.dataTable>thead .sorting_asc, table.dataTable>thead .sorting_desc{
	vertical-align: bottom !important;
}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color: #17438d !important;
}
.dataTable > thead > tr > th[class*="sort"]:before,.dataTable > thead > tr > th[class*="sort"]:after {
    background:none !important;
}
.odd{
	background: #ededed;
}
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
div.container {
    width: 100%;
}
.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #fff !important;
    padding-left: 0.25rem;
    font-weight: 700;
}
.pagination li{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}
.pagination li:active{
	z-index: 3;
    color: #fff !important;
    background-color: #04c8c8 !important;
    border-color: transparent;
}
.pagination{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px !important;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
	padding-left: 0;
    list-style: none;
}
.summary{
    color: #009ef7;
    background-color: #f1faff;
    margin-right: auto!important;
    display: inline-block;
    padding: 0.5em 0.85em;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.475rem;
}
th{
	font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
	color: #0e0e0e !important;
}
th a{
	color: black !important;
}
main > .container {
    padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.input-group-text {
	text-align: left !important;
	white-space: nowrap !important;
}

.invalid-feedback-custom{
	width: 100%;
	margin-top: .5rem;
	font-size: 15px;
	color: #f1416c;
}