/* ########## NAV BAR ######################################### */
/* nasconde in campo di ricerca in alto a dx */
.navbar-header input.form-control {
    visibility: hidden;
}
/*colore di sfondo navbar */
.navbar-default {
    border: none;
    background: #ffffff !important;
}
/* sfondo intestazione della finestra */
.panel.panel-default.form-main-box.window{
    background-color: #f4f4f4;
}

/* bordo menu laterale sx */
.row.row-offcanvas.row-offcanvas-left{
    background-color: #f4f4f4;
}

.btn.btn-default.pulsantehome{
    background-color: white;
	box-shadow: 5px 5px 10px 0px #C4C4C4;
}
/*Nascondo il box Chiudi tutte finestre*/
#form-list-box-container{
    visibility: hidden;
}

/*########## Menu laterale ############################ */

/* Riquadro videate aperte */
#form-list-box-container {
    border: 1px solid #3a386a;
    background-color: #3a386a;
}
/* Testo Videate aperte */
#form-list-box-container .panel-title {
    color: #00b9b4 !important;
    text-transform: uppercase !important;
    font-size: 1em !important;
}
/* Testo delle videate aperte */
.has-pointer {
    color: white !important;
}
/* sfondo banda laterale sx */
#sidebar {
    background-color: #27275b !important;
}
/* sfondo dove ci sono i menu delle videate */
.menulaterale{    
	background-color: #27275b !Important;
	-webkit-box-shadow: 1px 3px 2px 0px #B0B0B0;
	-moz-box-shadow: 1px 3px 2px 0px #B0B0B0;
	-o-box-shadow: 1px 3px 2px 0px #B0B0B0;
	box-shadow: 1px 3px 2px 0px #B0B0B0;
}

/* ######## GRIGLIA ###########################

/* background delle griglie 
.panel.panel-default.frame-box-fixed{
    background-color: white !important;
}*/
.panel.panel-default.frame-box-fixed.pannellohome{
	background-image: url(sfondo.jpg);
}


/*Border bottom della riga di tabella*/
.panel-field-value-list.bts-list-cell-disabled.campogriglia{
	border-bottom: 1px solid;
    border-color: #f3f3f3;
	height: 35px;
	vertical-align: middle;
	
}

/*---------------------------------------------------------*/
/* Panneli in lista - imposto i colori per la riga selezionata e al passaggio del mouse 
.table-striped > tbody > tr:hover > td {
  background-color: #d2f2f7 !important;
}
.table-striped > tbody > tr:hover > td {
  background-color: #d2f2f7 !important;
}
.table-striped > tbody > tr.selected > td {
  background-color: #a6e4ef !important;
}
*/
/* colore testatagriglia */
.panel-field-header-list{
    background-color: white !important;
	color: #27275b !important; /* colore testo */
	font-weight: bold !important;
	text-transform:uppercase ; /* tutto maiuscolo*/
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
/*Dimensione immagine auto in griglia ->elenco auto */
.fotoauto {
    background-size: cover !important;
    width: 150px !important;
	/*border-radius: 15px;*/
}
.fotoautodettaglio {
    background-size: cover !important;
    width: 300px !important;
}
.foto-auto-elenco{   
	background-size: cover !important;
	width: 150px !important;
	border-radius: 15px;
}
/*Sfondo bianco griglia */
.frame-box-fixed, .frame-box-fluid {
    background-color: white !important;
}


/* Righe alternate 
.table-striped > tbody > tr:nth-child(2n) > td {
    background-color: white!Important;
	vertical-align: middle;
}*/
/*----COn questo ho tolto l'evidenziazioen delle righe ------------*/
.table-striped > tbody > tr.selected > td {
    background-color: white !important;
}
.table-striped > tbody > tr:nth-child(2n) > td {
  background-color: White !important;
}
.table-striped > tbody > tr:hover > td {
  background-color: White !important;
}

/*####### PANNELLO ##########################
/* Titolo pannello */
h3.panel-title {
    font-size: 1.5em !important;
    color: #3a386a !Important;
	text-transform:uppercase ; /* tutto maiuscolo*/
}
/* Nasconde lo spazio riservato alla toolbar delle griglie solo quando è nella finestre css notoolbar */
.notoolbar > .panel-heading.frame-toolbar-box{
	height: 0px!important;
    padding: 0px!important;
}
/* Nascondo la scritta che appare nella toolbar della pannello */
.frame-toolbar-caption{
    display: none !important;
}
.form-control.InputSfondo{
    background-color: white !important;
}

/* Label */
.control-label{
	color: #27275b !important; /* colore testo */
	font-weight: bold !important;
	text-transform:uppercase ; /* tutto maiuscolo*/
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
/* bordo campi COMBO/DATE */
.input-group .form-control {
	border-top-style: none!important;
    border-right: none!important;
    border-left-style: none!important;
    border-color: grey!important;
}
/* Campi input */
.form-control.form-field-no-activator{     
	border-top-style: none!important;
    border-right: none!important;
    border-left-style: none!important;
    border-color: grey!important;
}
/* Colore dei campi quando bloccati */
.form-control.form-field-no-activator:disabled{    
	color: black !Important;
	/*background-color: #f7f7f7 !Important;*/
}

.form-control:disabled{    
	color: black !Important;
	background-color: #f4f4f4 !Important;
}

.form-control.combo{    
	color: black !Important;
	background-color: #f4f4f4 !Important;
	border: 1px solid !Important;
}
.form-control{    
	color: black !Important;
	/*background-color: #f4f4f4 !Important;*/
	background-color: #ffffff !Important;
	border: 1px solid !Important;
}
/*Pulsante verde */
.panel-field-value-list.bts-list-cell-enabled.PulsanteVerde>.btn.btn-default{    
	background-color: #08aca5 !Important;
	
}
.btn.btn-default.PulsanteVerde{    
	background-color: #08aca5 !Important;
	
}
.panel-field-value-form.form-field-no-activator.ChkBox{    
	background-color: White !Important;
	
}
/* Label grigia */
.LabelGrigio{
    color: Grey !important;
}
/* SFONDO BIANCO INPUT CLIENTE WIZARD */
/*campi normali
.form-control.form-field-no-activator.LabelClienteWizard{    
	background-color: White !Important;
	
}
/*campi data e tendine
.form-control.LabelClienteWizard{    
	background-color: White !Important;
	
}*/

/*--------------------------*/
/* Label grigia */
.control-label.LabelClienteWizard{
    color: Grey !important;
	/*background-color: white !important;*/
}

/* Tolgo il bordo ai gruppi */
.panel-form-container .panel {
    border: none !important;
}
/* ######### IMPOSTAZIONI GENERALI*/
/* Pulsanti*/
.btn.btn-default{
	color: #0d80e3;
	/*background-color: #27275b;*/
} 
/* Dimensione logo in alto a DX */
.main-app-image{    
	width: 200px;
}
/* Pulsanti Wizard inattivi */
.nav-tabs {
    font-size: 1.25em !important;
    font-weight: bold !important;
    padding-top: 10px !important;
    background-color: #eee !important; /* grigio*/
}
/* Pulsante wizard attivo */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #00b9b4;

}
/* Label del costo noleggio (grande)*/
.panel-value-textarea.form-control.form-field-no-activator.labelgrande{
    font-size: 25pt !important;
	text-align: center !important;
	line-height: 100px;
} 
.panel-field-static.labelgrande{
    font-size: 25pt !important;
	text-align: center !important;
	line-height: 100px;
} 
.panel-value-textarea.form-control.form-field-no-activator.labelgrandebianco{
    font-size: 25pt !important;
	text-align: center !important;
	line-height: 100px;
	background-color: white !important;
} 

/*Sfondo dei textbox di ricerca */

.form-control.form-field-no-activator.InputRicerca{
    /*background-color: #f4f4f4 !important;*/
	background-color: #ffffff !important;
}

.panel-field-value-form, input.form-control, textarea.form-control {
        /*background-color: #f4f4f4!important;*/
		background-color: #ffffff!important;
}
/*---------------------------------------------*/

.panel.panel-default.form-main-box.home{
	background-image: url("http://127.0.0.1:1308/FreekarWeb/sfondo.jpg");
}

.form-control.InputSfondoBianco{
        background-color: white!important;
}

/*logo whitela bel nel form di gestione dati */
.logowl{
    background-repeat: no-repeat !important;
    background-size: 300px;
	background-color: white !important;
}



/* Pulsante conferma finestra modale */
.fa-check:before {
    content: "\f00c";
    color: green;
}
/* Pulsante annulla finestra modale */
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
    color: red;
}
/* allargo la finestra modale a 1200 anzichè 900 

.modal-lg {
    width: 1000px;
}
*/


/* Dashboard : icone */
.dashboard-group { 
  border: none !important; 
  box-shadow: none; }
.dashboard-group input { background-color: transparent !important; }
.dashboard-group .form-group { margin-bottom: 0px; }

/* DASHBOARD: Nascondo il bordo degli input */
input.no-border-field {
    border: none;
    box-shadow: none;
    padding-left: 2px;
    background-color: #ffffff !important;
}

.dashboard-contact-panel>.frame-content-box { 
  overflow:hidden; 
  padding-top: 0px;
  padding-bottom: 0px;
}

/* Nascondo o visualizzo lo spazio della tollbar nelle griglie 
.panel-heading.frame-toolbar-box {
    visibility: visible;
    height: 45px;
    padding: 7px;
    
}*/
/* visualizzo lo spazio della toolbar 
.panel.panel-default.frame-box-fixed.report{
    visibility: visible !important;
    height: 10px !important;
    padding: 10px !important;
    
}*/


/*Impostazioni pannello daskboard */
.dashboard-contact-panel{
    background-color: white !important;
}
/* colore di sfondo del menu laterale e intestazione 
.container-fluid {
    
    background-color: #eee;
}*/


/*Metto il colore griglio come sfondo nell'applicazione */
/*#wep-main-container{
    background-color: grey !important;
}
.panel-heading.form-caption{
    background-color: grey !important;
}
.panel-body form-body{
    background-color: grey !important;
}*/

/*Pannello criteri di ricerca*/
.CriteriRicerca{
    background-color: #f4f4f4 !important;
}

/* #############################################################


/*Nascondo la barra di scorrimento nelle finestre modal */
.form-caption + .form-body.panel-body {    
    overflow: hidden !important;
}

/* Colore dei campi quando bloccati 
.field-real-disabled{    
	color: red !Important;
	background-color: green !Important;
}*/

/* bordo campi combo 
.input-group .form-control {
    border-color: silver;
    border: 1px solid;
}*/

/*--------------------------------------- */

/* gruppo INDE */
.panel.panel-default.panel-form-pgroup.Gruppo{    
	color: black !Important;
	background-color: #f4f4f4 !Important;
	/*
	-webkit-box-shadow: 1px 3px 2px 0px #B0B0B0;
	-moz-box-shadow: 1px 3px 2px 0px #B0B0B0;
	-o-box-shadow: 1px 3px 2px 0px #B0B0B0;
	box-shadow: 1px 3px 2px 0px #B0B0B0;*/
	margin-bottom: 2em;
}

/* colora di besciolino gli sfondi del form 
.panel.panel-default.frame-box-fixed{    
	background-color: rgb(244,243,239) !Important;
}*/
/* colora di besciolino gli sfondi dei form 
.panel.panel-default.form-main-box{    
	background-color: white !Important;
}
.modal-body{    
	background-color: white !Important;
}*/
/*--------------------------------------------------*/

.

/*
input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(check_radio_sheet.png) -19px top no-repeat;
}
*/
/* Visualizza i pulsanti dei campi blob 
.btn.btn-default.blob-tool-img {
    display: inline !important;
}*/

/* CCS del demo northwind */
/* Stili custom
.report-box-card {
    border-radius: 5px;
}

.report-image-card {
    border-radius: 5px;
}

.image-category {
    height: 100% !important;
    width: 250px !important;
}

.report-box-card:hover { background-color: #d2f2f7 !important; }
.report-box-card:active { background-color: #a6e4ef !important; }
.report-box-card-cliccata { background-color: #a6e4ef !important; }
.report-box-no-pointer { pointer-events: none; }

.list-category {
    height: 700px !important;
} */

/* Allineo il testo al centro sulle liste 
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle !important;
}*/

/* Allineamento corretto testo combo 
.combo-option-name { padding-left: 13px; }*/

/* rendiamo i check come su cloud 
.panel-value-check {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: white;
  border: 1px solid #CCCCCC;
  font: normal normal normal 16px/1 FontAwesome;
  line-height: 1;
  padding: 2px;
  margin-right: 8px;
  border-radius: 4px;
  -webkit-appearance: button;
}

.panel-value-check:checked::before {
  visibility: visible;
}

.panel-value-check::before {
    content: "\f00c";
    color: #424242;
    visibility: hidden;*/
}
/* Nei check protetti il cursore deve esser gestito in automatico 
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: auto !important;*/
}

/* permetto di mostrare il bordo al :focus 
.input-group-btn:not(.list-qbe-filter-act) { left: 1px; }*/

/* tolgo il padding default che rende brutto l'editing in lista 
.form-list-cell-group .form-control { padding: 5px; }*/

/* Panneli in lista - imposto i colori per la riga selezionata e al passaggio del mouse 
.table-striped > tbody > tr:hover > td {
  background-color: #d2f2f7 !important;
}
.table-striped > tbody > tr:hover > td {
  background-color: #d2f2f7 !important;
}
.table-striped > tbody > tr.selected > td {
  background-color: #a6e4ef !important;
}*/