/*==============================================================================
| giusi style_grigio.css
|=============================================================================*/
html {
   background-color: #ffffff;
   }  

body {
   background: linear-gradient(to bottom, #4682B4, #ffffff);
   }

/*==============================================================================
| Pagina
|=============================================================================*/
.pagina_class {
   }
   
/*==============================================================================
| Header
|=============================================================================*/
.header_class {
   color: #ffffff;
   }
   
.header_title1_class {
   color: #ffffff;
   }   
   
.header_title2_class {
   color: #ffffff;
   background: linear-gradient(to bottom, #4682B4, #708090);
}

         
   
/*==============================================================================
| Body
|=============================================================================*/
.body_class {
   color: #000000;
   }

.body_class a,
.body_class a:hover,
.body_class a:focus,
.body_class a:visited {
   color: #000000;   
   }

.body_class a:hover {
   }    
   
/*==============================================================================
| Footer
|=============================================================================*/
.footer_class {
   color: #000000;
   }
   
.footer_class a,
.footer_class a:hover,
.footer_class a:focus,
.footer_class a:visited {
   color: #000000;   
   }

.footer_class a:hover {
   }   

   
/*==============================================================================
| Offcanvas
|=============================================================================*/
/*============================================================================*/   
.offcanvas {
   color: #ffffff !important;
   background: linear-gradient(to bottom, #4682B4, #708090);
   }

/* CSS */
.offcanvas-smalltext {
   }

.offcanvas a,
.offcanvas a:hover,
.offcanvas a:focus,
.offcanvas a:visited {
   color: #ffffff !important; 
   }

/*============================================================================*/
.bg-primary,
.btn-primary {
   background-color: #4682B4 !important;
   color: #ffffff !important;
   border-color: #4682B4 !important; /* bordo normale */
   }
   
/* Hover / Focus */
.btn-primary:hover,
.btn-primary:focus {
   background-color: #4682B4 !important; /* opzionale se non vuoi che cambi */
   border-color: #ffffff !important;
   color: #ffffff !important;
   }

.btn-primary:hover {
   border: 2px solid #ffffff !important;
   }
   
   
/* Link dentro il bottone */
.btn-primary a,
.btn-primary a:hover,
.btn-primary a:focus,
.btn-primary a:visited {
   color: #ffffff !important;
   text-decoration: none;
   } 

/*============================================================================*/   
.bg-secondary,
.btn-secondary {
   background-color: #C7D9E8 !important;
   color: #000000 !important;
   border-color: #C7D9E8 !important; /* bordo normale */
   }
   
/* Hover / Focus */
.btn-secondary:hover,
.btn-secondary:focus {
   background-color: #C7D9E8 !important; /* opzionale se non vuoi che cambi */
   border-color: #000000 !important;
   color: #000000 !important;
   }

.btn-secondary:hover {
   border: 2px solid #000000 !important;
   }
   
   
/* Link dentro il bottone */
.btn-secondary a,
.btn-secondary a:hover,
.btn-secondary a:focus,
.btn-secondary a:visited {
   color: #000000 !important;
   text-decoration: none;
   }   

/*============================================================================*/
/*============================================================================*/
.bg-success,
.btn-success {
   background-color: #32CD32 !important;
   color: #ffffff !important;
   border-color: #32CD32 !important; /* bordo normale */
   }
   
/* Hover / Focus */
.btn-success:hover,
.btn-success:focus {
   background-color: #32CD32 !important; /* opzionale se non vuoi che cambi */
   border-color: #ffffff !important;
   color: #ffffff !important;
   }

.btn-success:hover {
   border: 2px solid #ffffff !important;
   }
   
   
/* Link dentro il bottone */
.btn-success a,
.btn-success a:hover,
.btn-success a:focus,
.btn-success a:visited {
   color: #ffffff !important;
   text-decoration: none;
   }      

/*============================================================================*/   
/*============================================================================*/
.bg-danger,
.btn-danger {
   background-color: #DC143C !important;
   color: #ffffff !important;
   border-color: #DC143C !important; /* bordo normale */
   }
   
/* Hover / Focus */
.btn-danger:hover,
.btn-danger:focus {
   background-color: #DC143C !important; /* opzionale se non vuoi che cambi */
   border-color: #ffffff !important;
   color: #ffffff !important;
   }

.btn-danger:hover {
   border: 2px solid #ffffff !important;
   }
   
   
/* Link dentro il bottone */
.btn-danger a,
.btn-danger a:hover,
.btn-danger a:focus,
.btn-danger a:visited {
   color: #ffffff !important;
   text-decoration: none;
   } 

/*============================================================================*/
.bg-warning,
.btn-warning {
   background-color: #FFCA2C !important;
   color: #000000 !important;
   border-color: #FFCA2C !important; /* bordo normale */
   }
   
/* Hover / Focus */
.btn-warning:hover,
.btn-warning:focus {
   background-color: #FFCA2C !important; /* opzionale se non vuoi che cambi */
   border-color: #000000 !important;
   color: #000000 !important;
   }

.btn-warning:hover {
   border: 2px solid #000000 !important;
   }
   
   
/* Link dentro il bottone */
.btn-warning a,
.btn-warning a:hover,
.btn-warning a:focus,
.btn-warning a:visited {
   color: #000000 !important;
   text-decoration: none;
   }

/*============================================================================*/
.bg-info,
.btn-info {
   background-color: #31D2F2 !important;
   color: #000000 !important;
   border-color: #31D2F2 !important; /* bordo normale */
   }
   
/* Hover / Focus */
.btn-info:hover,
.btn-info:focus {
   background-color: #31D2F2 !important; /* opzionale se non vuoi che cambi */
   border-color: #000000 !important;
   color: #000000 !important;
   }

.btn-info:hover {
   border: 2px solid #000000 !important;
   }
   
   
/* Link dentro il bottone */
.btn-info a,
.btn-info a:hover,
.btn-info a:focus,
.btn-info a:visited {
   color: #000000 !important;
   text-decoration: none;
   }

/*============================================================================*/
.bg-light,
.btn-light {
   background-color: #ffffff !important;
   color: #000000 !important;
   border-color: #ffffff !important; /* bordo normale */
   }
   
/* Hover / Focus */
.btn-light:hover,
.btn-light:focus {
   background-color: #ffffff !important; /* opzionale se non vuoi che cambi */
   border-color: #000000 !important;
   color: #000000 !important;
   }

.btn-light:hover {
   border: 2px solid #000000 !important;
   }
   
   
/* Link dentro il bottone */
.btn-light a,
.btn-light a:hover,
.btn-light a:focus,
.btn-light a:visited {
   color: #000000 !important;
   text-decoration: none;
   }

/*============================================================================*/
.bg-dark,
.btn-dark {
   background-color: #000000 !important;
   color: #ffffff !important;
   border-color: #000000 !important; /* bordo normale */
   }
   
/* Hover / Focus */
.btn-dark:hover,
.btn-dark:focus {
   background-color: #000000 !important; /* opzionale se non vuoi che cambi */
   border-color: #ffffff !important;
   color: #ffffff !important;
   }

.btn-dark:hover {
   border: 2px solid #ffffff !important;
   }
   
   
/* Link dentro il bottone */
.btn-dark a,
.btn-dark a:hover,
.btn-dark a:focus,
.btn-dark a:visited {
   color: #ffffff !important;
   text-decoration: none;
   }