/* css di override di componenti externi */

/** datetime picker **/
input#datetime {
    pointer-events: none;
    background-color: #fff;
}

/** bootstrap override **/
.navbar-toggler {
    padding : 5px 5px 2px 5px;
    margin-right:10px;
}
.navbar-toggler:focus {
   box-shadow:none;
}
input {
    border-bottom: 1px solid var(--bs-prim)  !important;
}
input:focus {
    background-color: var(--bs-gral) !important;
}
input:-webkit-autofill { 
    /* rimuove background sui campi quando selezionati da history*/
    background-clip: text;
    -webkit-background-clip: text;
}
.active {
    background-color: var(--bs-seco) !important;
    color : var(--bs-light) !important;
}
.form-control, .btn {
    border-radius: 0 !important;
    border: 0;
}
.form-control:focus, .btn:focus {
    border-color: var(--bs-prim) !important;
    box-shadow: inset 0 1px 1px var(--bs-seco), 0 0 8px var(--bs-prim) !important;
    border-radius: 0 !important;
}
.form-select {
    border-radius: 0 !important;
    border-color: var(--bs-prim) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-position: right 0.055rem center;
}
.form-select:focus {
    border-color: var(--bs-prim) !important;
    box-shadow: inset 0 1px 1px var(--bs-seco), 0 0 8px var(--bs-prim) !important;
    border-radius: 0 !important;
}
.form-check-input {
    width: 1.5em !important;
    height: 1.5em !important;
    border: 1px solid var(--bs-prim) !important;
    border-radius: 0;
}
.form-check-input:focus {
    background-color:  var(--bs-prim) !important;
}
.form-check-input:checked {
    background-color:  var(--bs-prim) !important;
}
.nav-link:focus, 
.nav-link:hover,
a:hover {
    background-color: var(--bs-seco);
    color :var(--bs-light); 
}
.btn:hover {
    font-weight: bolder;
}

/** datatables.net **/
table {
    border-collapse: collapse !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
	top: 3px;
}

table.dataTable tbody tr.selected td {
    color: #404040;
    background-color: var(--bs-gral)	;
}

table.dataTable tbody tr:hover {
	background-color:var(--bs-gral) ;
	cursor:pointer;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}

table.dataTable>thead .sorting:before, 
table.dataTable>thead .sorting_asc:before, 
table.dataTable>thead .sorting_desc:before, 
table.dataTable>thead .sorting_asc_disabled:before, 
table.dataTable>thead .sorting_desc_disabled:before {
	top: -0.3em;
    right: 0em;
    font-size: 14px;
    content: "\25B2" !important;
	color : var(--bs-prim);
}

table.dataTable>thead .sorting:after, 
table.dataTable>thead .sorting_asc:after, 
table.dataTable>thead .sorting_desc:after {
	top: 0.6em;
    right: 0em;
    font-size: 14px;
    content: "\25BC" !important;
	color : var(--bs-prim);
}

.dataTable th { 
    font-weight: bolder;
    padding:  .4em  .7em .4em .7em  !important; 
    border-color: var(--bs-prim) !important;
	background: var(--bs-gral)!important;
}

.dataTable td {
    padding:  .2em  .7em .2em .7em  !important; 
    border-color: var(--bs-prim) ;
}

div.dataTables_wrapper div.dataTables_filter input {
	width: 250px;
	padding-left:5px;
}

div.dataTables_paginate {
    font-size: 80%;
	height: 40px;
}

div.dataTables_filter {
	margin: 10px 0 10px 5px;
	float: right;
}

.dataTables_wrapper .btn-group, .dataTables_wrapper  .btn-group-vertical {
    position: absolute;
	width: unset;
	margin-top: 5px;
}
.dataTables_scrollBody thead tr[role="row"]{
    visibility: collapse !important;
}

.page-link { 
	padding: 0.2rem 0.5rem;
    color: var(--bs-prim);
    border-color: var(--bs-prim) !important;
}
.page-link:focus {
    box-shadow: none;
    font-weight: bolder;
}

.page-item:first-child .page-link { 
	border-radius: 0 !important;
	border: solid 1px var(--bs-prim);
}

.page-item:last-child .page-link { 
	border-radius: 0 !important;
	border: solid 1px var(--bs-prim);
}
.page-item.active  .page-link  {
	border: solid 1px var(--bs-prim);
	background : var(--bs-prim);
}
.dt-buttons.btn-group > .btn { 
    margin-right:10px;
	border-radius: 0;
}