/* custom css lovato energy */

/*
	colori
	ARANCIO LOVATO: #f46507
*/

/* overrides */

.switch-monitoraggio .btn-default:hover, .switch-monitoraggio .btn-default
{
	color: #fff;
	border-color: grey;
	background-color: grey;
}
.switch-monitoraggio .btn-default:not(:disabled):not(.disabled):active, .switch-monitoraggio .btn-default:not(:disabled):not(.disabled).active, .switch-monitoraggio .show > .switch-monitoraggio .btn-default.dropdown-toggle {
    color: #fff;
    border-color: #808080;
    background-color: #808080;
}

.switch-monitoraggio .btn-success:hover, .switch-monitoraggio .btn-success
{
	color: #fff;
	border-color: #f46507;
	background-color:#f46507;
}

.btn-primary:disabled
{
	border-color: #f46507;
    background-color: #f46507;
}

/****/

body
{
	color:black;
}

a
{
	color:#f46507;
}

.color-lovato
{
	color:#f46507;
}

.outer-icon
{
	background-color: white;
    color: #f46507;
    padding: 5px;
}

.main-content, body, .footer
{
	background-color:#e8e8e8;
}

.lovato-logo-img
{
	width:100%;
	max-height:100% !important;
}

.tk-sidebar-menu .nav-link, .nav-link i
{
	font-size: 20px !important;
}

.upper-box
{
	background-color:white;
	border-radius:10px;
}

.breadcrumbs
{
	font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    color: grey;
}
.title
{
	font-size:24px;
	color:black;
	font-weight:bold;
}

.btn-primary
{
	background:#f46507;
	border-color:#f46507;
}
.btn-primary:hover
{
	background-color:#f46507;
	border-color:white;	
}

.modal-body h3
{
	font-size: 34px;
    color: #f46507;
}

.bg-light
{
	background-color:white;
}
.bg-orange
{
	background-color:#f46507 !important;
	color:white;
}
.nav-link-badge
{
	color:#a09a9a !important;
	font-size:14px;
}

.scroll-x
{
	overflow-x:auto;
}

.bom-container .table td, .bom-container .table th {
    white-space: break-spaces;
}

/* sidebar */
.sticky-footer-logo
{	  
    width: 60%;    
}
.company-logo img
{
	width: 60%;
}

.configuration-steps
{
	color: grey;
    font-size: 14px;
    letter-spacing: 1px;
	margin-top:40px;
}
.configuration-step-title
{
	font-size:18px;
}
.configuration-step
{
	/*text-align: center;*/
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #e8e8e8;
}
.configuration-step a
{
	color:#dcdcdc;
	cursor:default;
}
.configuration-step a:hover
{
	color:#dcdcdc;
}
.clickable-step a
{
	color:grey;
	cursor:pointer;
}
.clickable-step a:hover
{
	color:#f46507;
}
.active-step a
{
	color:#f46507;
	cursor:pointer;
}
.active-step a:hover
{
	color:#f46507;
}

.avanti-button {
    font-size: 20px;
}

/* footer */
.supporto-tecnico-footer
{
	font-size:14px;
}
.supporto-tecnico-footer .h4
{
	color:#f46507;
}
.company-logo img
{
	width: 60%;
	text-align: center;
}

/* dashboard */
.crea-progetto
{
	background-color:#f46507;
	color:white;
	border-radius:10px;
}
.crea-progetto .fas
{
	color:white;
	cursor:auto;
	font-size:100px;
}

.crea-progetto .main-text
{
	font-size:40px;
	font-weight:bold;
	word-break: break-word;
}

.btn-outline-primary
{
	color:white;
	border-color:white;
}
.btn-outline-primary:hover
{
	color:#f46507;
	border-color:white;
	background-color:white;
}

.progetto
{
	background-color:white;
	color:black;
	border-radius:10px;
}

.progetto .main-text
{
	font-size:40px;
	font-weight:bold;
	color:#f46507;
	word-wrap: break-word;
}

.card-button .btn
{
	margin-bottom:5px;
}

.action-bar a
{
	color:black;
}
.action-bar i
{
	cursor:pointer;
}

/* targa */
.form-title
{
	color:#f46507;
	font-size:20px;
	font-weight:bold;
}

#fg-tipo_distribuzione, #fg-sistema_distribuzione, #fg-taglia_interruttore_quadro, #fg-tensione_fotovoltaico
{
	display:none;
}
#fg-classe_tipo_scaricatore, #fg-corrente_impulsiva, #fg-corrente_nominale, #fg-tipo_installazione, #fg-soluzione_ecosmart, #fg-contatto_telesegnalazione, #fg-corrente_cortocircuito, 
#fg-punto_inserzione_quadro, #fg-tipologia_segnale
{
	display:none;
}

/* codice */
.white-link
{
	color:white;
}

/* risultati */
.risultati-title
{
	color:#f46507;
	font-size:20px;
	font-weight:bold;
}
.risultato-codice
{
	color:#f46507;
	font-size:30px;
	font-weight:bold;
}
.descrizione-title
{
	color: #727272;
    font-size: 20px;
    font-weight: bold;
}

.fusibile-desc .fusibile
{
	font-weight:bold;
	color: #727272;
}

.codice-inserito-input
{
	font-weight:bold;
	color:#f46507;
	font-size:20px;
}

.ricerca-disclaimer
{
	color:#f46507;
}

.risultato-immagine img
{
	max-width: 560px;
	width:100%;
}

/* richiesta effettuata */
.lovato-success
{
	background-color: #f46507;
	color:white;
}
.lovato-success h3
{
	color:white;
}
#tkTable.table td{
	white-space: initial;
}
#tkTable.table .thead-light th:nth-child(-n + 2){
	background:#535458;
	color:#fff;
}
#tkTable.table td:nth-child(-n + 2){
	background:#dddbdb;
}
#tkTable.table .thead-light th:nth-child(n + 3){
	background:#f46507;
	color:#fff;
}
#tkTable.table td:nth-child(n + 3){
	background:#e7e6e6;
}
.tek-tooltip{
	display:none;
}
.tk_toolcontainer{
	position:relative;
}
.tk_toolcontainer:hover > .tek-tooltip{
	display: flex;
    height: 20px;
    justify-content: center;
    align-items: center;
}
.tek-tooltip{
	position:absolute;
	background-color:#000;
	color:#fff;
	width: 140px;
    text-align: center;
	right: -10px;
	z-index:9;
}
.table thead th{
	font-size: .85rem;
}
#tkTable.table td{
	border-top:1px solid #535458
}
#tkTable td > .tek-coderesults{
	padding-left: 5px;
	padding-right:5px;
}
#tkTable td > .tek-coderesults:nth-child(n+2){
	padding-top:3px;
	margin-top:3px;
}
#tkTable td > .tek-coderesults:nth-child(even){
    background: #dbdbdb;
}
.badge-success{
    color: #fff;
    background-color: rgba(0,128,0,.8);
}
.badge-warning {
    color: #ffffff;
	background-color: rgba(255,165,0,.8);
    background-color: orange;
}
.badge-info {
    color: #ffffff;
    background-color: rgba(0,0,0,255..8);
}
.badge-danger {
    color: #fff;
    background-color: rgba(255,255,255,.8);
}

/***
	RESPONSIVE
***/

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

	
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 576px) and (max-width: 767.98px) { 

	
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) { 
	
	
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	
}

/* X-Large devices (laptop) */
@media (min-width: 1120px) and (max-width: 1350px) { 

	
}