:root{
--skin: #002757;
--hover: rgba(0,39,87,.75);
--menu: rgba(255,255,255,.55);
--menu-hover: rgba(255,255,255,.75);
} /* variables*/

/* cambio del tema */

#toggle-btn {
    display: inline-block;
    width:22px;
    height: 11px;    
    background-color: var(--skin);
    background-size: 100%;
    border-radius: 12px;
    position: relative;
    transition: all ease-in-out .4s; /* animati tutti gli elementi (all), accelerazione ease-in-out, durata 0.4 secondi */
    cursor: pointer;
}

#toggle-btn::before {
    position: absolute;
    width:9px;
    height: 9px;
    background-color: white;
    border-radius: 50%;
    left:1px;
    top:1px;
    content: '';
    transition: all ease-in-out .4s;
    z-index: 10;
}

#toggle-btn.toggle-btn--dark {
    background-color: var(--hover);
    
}

#toggle-btn.toggle-btn--dark::before {
    left: 11px;
}
/* background */  
.dark-mode, .dark-mode.custom-background, .dark-mode#qgs_body {
	background: url("/images/bg2.png") no-repeat center center fixed!important; 
	/*background:none!important;*/
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}  

body, body.custom-background,#qgs_body {
	background: url("/images/background_dark_ok.png") repeat center center fixed!important; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}  
	
	

/* POST */

.single .entry-meta, .single .cat-links {display:none;}

/* titoli pagina */
.main-title, .entry-title {
	text-align: center;
	margin-bottom: 30px;
	color: var(--skin);
}

/* bottoni */
.btn-outline-skin, .um-button, #place_order  {
	color: var(--skin);
	border-color: var(--skin);
	background-color: var(--menu-hover);
	border: 1px solid;
}
.btn-outline-skin:hover, .um-button:hover, #place_order:hover {
	color: var(--bs-white);
	background-color: var(--skin);
	border-color: var(--skin);
	border: 1px solid;
}

.btn-primary-skin {
	color: var(--bs-white);
	background-color: var(--skin);
	border-color: var(--skin);
	border: 1px solid;
}

.btn-primary-skin:hover {
	color: var(--bs-white);
	background-color: var(--hover);
	border-color: var(--hover);
	border: 1px solid;
}

/* datatables */
.dtpage  .page-link, .dtpage .page-item.disabled .page-link, .dtbutton .btn-secondary  {
	color: var(--skin);
	border-color: var(--skin);
	background-color: var(--menu-hover);
	border: 1px solid;
	padding: 4.5px 9px;
}
.dtpage .page-link:hover, .dtbutton .btn-secondary:hover {
	color: var(--bs-white)!important;
	background-color: var(--hover)!important;
	border-color: var(--skin)!important;
	border: 1px solid;
}
.dtpage .page-item.active .page-link {
	color: var(--bs-white)!important;
	background-color: var(--hover)!important;
	border-color: var(--skin)!important;
	border: 1px solid;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin:0;}

.dtinfo .dataTables_info {padding-top: 3px!important;}

.dtbutton .dropdown-item.active, .dropdown-item:active{
	background-color: var(--skin)!important;
}
/* navbar */
.bg-skin {
background-color: var(--skin);
}

.color-skin {
color: var(--skin);
}

.color-skin:hover {
color: var(--hover);
}

color-white {
	color: var(--bs-white);
}


/* MENU */

.dropdown-menu {
	color: var(--menu);
	background-color: var(--skin);
	border-radius: 0;
	border:none;
}

.dropdown-item:not(#result .dropdown-item) {
	color: inherit;
}

.dropdown-menu[data-bs-popper] {
 margin-top: 9px;
}

.dropdown-item:focus:not(#result .dropdown-item), .dropdown-item:hover:not(#result .dropdown-item) {
color: var(--menu-hover);
background-color: transparent;
}

.nav-link:focus, .nav-link:hover,  .nav-link:active, .nav-link:visited
 {
outline:0!important;
outline-width: 0px!important;
outline-style: none!important;
outline-color: transparent!important;
}

/* TOAST UTENTE */

.toast {
	width: 270px;
	top: 150px;
	background-color: rgba(255,255,255,.95);
}

.top-25 {
	top: 25%;
}