:root {
    --colore-1: rgba(67, 132, 211, 1);
    --colore-2: rgba(67, 132, 211, 1);
    --colore-3: rgba(15, 18, 51, 1);
    --colore-4: rgba(15, 18, 51, 1);
    --colore-link:  rgba();
    
   /* --colore-medio: rgba(0, 107, 157, 1); */
     --colore-medio: rgba(15, 18,51,1);
    --colore-over: rgba(67, 132, 211, 0.7); 
    --colore-menu: rgba(255, 255, 255, 1);
    --colore-light: rgba(67, 132, 211, 0.1);
    --osvaldoFont:'Oswald', sans-serif;
}



/* --------------------------------------------------------------------- CUSTOM FONT -------------------------------------------------------------------------- */

.dropdown-item.active, .dropdown-item:active {
    color: var(--colore-medio);
    text-decoration: none;
    background-color: var(--colore-light);
}


.breadcrumbs , .panel-hdr h2 , .table th , .modal-title , .page-footer , .nav-menu a ,
.nav-title , .accordion .card .card-header , .custom-gradient , .link-login a , .cf ,
#credito-residuo , .desc-btn-big
{
	font-family: var(--osvaldoFont);
}


/* --------------------------------------------------------------------- CUSTOM COLOR -------------------------------------------------------------------------- */

#credito-residuo ,  .nav-menu li.open > a  ,  .dropdown-item:hover ,  .pagination-new li a:hover , .link-login a , .span-login  , .color-primary-300 ,
.link-login i , .custom-min , .next a:hover , .previous a:hover  , .btn-header:hover , .dataTables_wrapper tr.child td.child .dtr-details:before ,
table.dataTable tbody tr.selected a 
{
   color: var(--colore-1) ;
}

.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni , .nav-menu li a , .nav-title , .nav-menu li > ul li a  , .nav-menu b.collapse-sign , .nav-footer-buttons{
	color: var(--colore-menu);
}

.accordion .card .card-header .card-title  , .info-sms , .colored , th , th a , a , .page-footer , .page-footer a , .link-left a:hover , .link-login a:hover , .color-primary-500{
	color: var(--colore-medio)
}

.colored:hover , a:hover , .accordion .card .card-header .collapsed  , .page-footer a:hover , .pacchetto-n{
  color:var(--colore-4);	
}


/* --------------------------------------------------------------------- CUSTOM BACKGROUND  --------------------------------------------------------------------- */



.nav-menu li.open > a  ,  .btn-table .icona-custom:hover   ,  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before ,
.dataTables_wrapper tr.child td.child .dtr-details:after ,  .pagination-new .selected:hover , .pagination-new .page:hover , .btn-table .icona-custom:hover , .btn-header .icona-custom:hover
{
	background: var(--colore-1) ;
}

.nav-menu li a:hover , .nav-menu li > ul {
    background-color: var(--colore-over) ;
}



label.menu-open-button:hover , .menu-item:hover, .page-logo , label.menu-open-button:hover , .pagination-new .selected , .custom-control-input:checked ~ .custom-control-label::before{
    background: var(--colore-medio);
}

.menu-open:checked + .menu-open-button ,  label.menu-open-button  {
    background: var(--colore-4)
}


/* --------------------------------------------------------------------- CUSTOM GRADIENT ------------------------------------------------------------------------ */

.menu-item, label.menu-open-button {
   background: -webkit-linear-gradient(to left, var(--colore-1),  var(--colore-4)); /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to left, var(--colore-1), var(--colore-4)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btn-table .icona-custom:hover, .btn-header .icona-custom:hover , .modal-header  , .custom-gradient ,
 .modal-preloader , label.menu-open-button , .btn-primary , .has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"])  , .icon-btn-big ,
 body:not(.mod-pace-custom) .pace .pace-progress
 
 
 {
    background: -webkit-linear-gradient(to right, var(--colore-medio),  var(--colore-1)); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, var(--colore-medio), var(--colore-1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.page-sidebar {
	background: -webkit-linear-gradient(to bottom, var(--colore-medio),  var(--colore-1)) !important; /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, var(--colore-medio), var(--colore-1)) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}



/* --------------------------------------------------------------------- CUSTOM BORDER -------------------------------------------------------------------------- */

.custom-min {
	border: var(--colore-1) 1px solid;
}

.has-length .input-group-text , .form-control:focus , .pagination-new .selected {
    border-color: var(--colore-medio);
}

.pagination-new .selected:hover , .pagination-new .page:hover , .custom-control-input:checked ~ .custom-control-label::before{
	 border-color: var(--colore-1);
}


.pagination-new .selected , .pagination-new .selected:hover , .pagination-new .page:hover 
{
	border-radius: 50%;
}

/* --------------------------------------------------------------------- CUSTOM BORDER -------------------------------------------------------------------------- */

@media (min-width: 992px){
	.nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
		box-shadow: none
	}
	.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul ,
	.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a ,
	.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child
	{
		background-color: var(--colore-1) 
	}
	
	.nav-function-minify .nav-footer [data-class="nav-function-minify"] , 
	.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before ,
	.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:after,
	.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before
	{
		color: var(--colore-1)
	}
	
}

.header-btn[data-class='mobile-nav-on'] {
    border-color: var(--colore-1);
    background-color: var(--colore-1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--colore-medio)), to(var(--colore-1)));
    background-image: linear-gradient(to top,var(--colore-medio), var(--colore-1)); 
}


table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    -webkit-box-shadow: inset 0 0 0px 1px var(--colore-1);
    box-shadow: inset 0 0 0px 1px var(--colore-1);
    background: var(--colore-light);
    
}

.btn-primary {
    -webkit-box-shadow: 0 0px 1px 0 var(--colore-1);
    box-shadow: 0 0px 1px 0 var(--colore-1); 
     background-color: var(--colore-1);
     border-color: var(--colore-1);
}

.btn-primary {
    color: #fff;
    /* background-color: #886ab5; */
    /* border-color: #886ab5; */
}

/* --------------------------------------------------------------------- COLORE BIANCO  -------------------------------------------------------------------------- */

.pagination-new .selected , .pagination-new .selected:hover , .pagination-new .page:hover , .custom-control-input:checked ~ .custom-control-label::before ,
.page-logo a , .info-card-text span  , .info-card , .footer-icon-link , .nav-menu li a:hover > [class*='fa-'] , .nav-menu li > ul li a , .nav-menu li.open > a  , .nav-menu li.open a i , .pagination-new li a:hover
{
	color: #fff !important; 
}

/* --------------------------------------------------------------------- SFONDO BIANCO  -------------------------------------------------------------------------- */

.page-header    {
	background: #fff; 
}


/* --------------------------------------------------------------------- CUSTOM SHADOW  -------------------------------------------------------------------------- */

.pagination-new .selected:hover , .pagination-new .page:hover , .pagination-new .selected , .page-header 
{
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

/* --------------------------------------------------------------------- CUSTOM BORDER -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------- CUSTOM BORDER -------------------------------------------------------------------------- */

.page-footer , .page-footer a  {
	font-size: 11px;
	letter-spacing: 1px; 
}

.page-footer a:hover {
	font-size: 11px;
	letter-spacing: 1px; 
}

.nav-footer , .nav-function-fixed .nav-footer , .page-logo {
	background: none;
}



.desc-btn-big{
	
	font-size: 20px;
	padding-top: 5px;
	display: block;
	
}

.page-logo-text , .info-card-text span{
	font-weight: bold;
}