body {
    
    font-size: 0.9rem;
    background-color:#1A3430;
}

main
{
    background:#E9ECEF;

}

nav.navbar {
  background: #2B534D;
 
}

.breadcrumb, .breadcrumb-holder
{
   background: #9E7923 ; /*#C6CDD5; */
   color:#fff !important;
}


.breadcrumb-item a, 
.breadcrumb-item.active,
 .breadcrumb-item + .breadcrumb-item::before
{
    color:#fff; /*#28A745;*/
}
 

a:hover 
{
    text-decoration:none;
    color:#000;
}
.form-control
{
    color:#333;
}
.labelForm
{
    display:none;
}
.bigger
{
    font-size: 1.1rem;
}
.smaller
{
    font-size: 0.8rem;
}

.seeAll
{
    font-size: 0.8rem;
    text-align:right;
}
.seeAll a
{
    text-decoration:underline;
    color:#666;
}
.main-menu 
{
    margin-top: 40px;
}
footer.main-footer {
  background: #0E1D1B !important;
}

.side-navbar .sidenav-header, .side-navbar {
  background: transparent;
}

.side-navbar::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to bottom,              /* direzione: dal basso verso l’alto */
    rgba(0, 0, 0, 0.9),  /* molto scuro in basso */
    rgba(0, 0, 0, 0.3),  /* leggero a metà */
    rgba(0, 0, 0, 0)     /* trasparente in alto */
  );
}
.sidenav-header-inner img 
{
    max-height:80px;
    margin-bottom:20px;
}


.side-navbar li.active > a {
  background: #2B534D;
  font-weight: bold;

}.side-navbar li > a:hover {
  background: #2B534D;
}
.rigaSel
{
    background-color:  #A8D3FF !important;
}
.text-primary {
    color: #28A745 !important;
}
.apice
{
    border-radius: 10px;
    padding: 3px;
    background-color: #FFC107;
    width: 20px;
    text-align: center;
    height: 21px;
    color:#333 !important;
    font-weight: bold;
}
#login{ width:100%;}

@media (max-width: 767px) { 
    .count-title 
    {
        border-bottom:1px solid #ddd;
        padding-bottom:20px;    
    }

    .main-footer .badge, .badge-footer 
    {
        margin-top:10px;
    }

}

@media (max-width: 575px) { 
    #login
    {
        margin-top:25px;        
    }


}

.login-page .form-inner
{
    padding:20px 20px;
}


.btn-black {
  color:#fff;
  color: color-yiq(#000);
  background-color: #343A40;
  border-color: #343A40;
}
.btn-black:hover {
  color:#fff;
  background-color: #000;
  border-color: #000;
}

.btn-green {
  color:#fff;
   
  background-color: #28A745;
  border-color: #28A745;
}
.btn-green:hover {
  color:#fff;
  background-color: #208637;
  border-color: #208637;
}

.btn-red {
  color:#fff;
   
  background-color: #E04854;
  border-color: #E04854;
}
.btn-red:hover {
  color:#fff;
   
  background-color: #CD2330;
  border-color: #CD2330;
}

.hidden
{
    display:none;
}
.grigio, .grigio a
{
    color: #666;
}

.grigio-chiaro, .grigio-chiaro a
{
    color: #ccc;
}

.orange, .orange a
{
    color: #EC671C;
}
.verde, .verde a
{
    color: #28A745;
}
.verde_scuro, .verde_scuro a
{
    color: #5E792F;
}
.notValid
{
    border:2px solid #D9364F !important;
}
.rosso, .rosso a
{
    color: #D9364F !important;
}

.bianco, .bianco a
{
    color: #fff;
}
.bold
{
    font-weight: 700 !important;
}

 
#myData .badge, .boxTermini .badge
{
    padding:2px 7px;
}

header .h3
{
    text-transform: uppercase;
}

.badge {
    font-size: 95%;
    line-height:unset;
    padding: 0.15em 0.50em;
}

.badge-footer
{
    font-size:1rem !important;
    padding:3px 5px;
}

svg
{
    max-width:22px;
    max-height:22px;
}

.alert
{
    margin-bottom: 0.1rem;
}

.imgPreview  
{
    width:150px;
    height:auto;    
    max-width:100%;
}

.icon-white {
    fill: #fff !important;
}
img
{
    max-width:100%;
}
.imgFace
{
    
    max-width: 45px;
    max-height: 45px;
}
.cntRisposte
{
    background-color:#E9ECEF;
    margin-top:20px;
    margin-bottom:20px;
}
.addNew
{
    margin-bottom:30px;
}

nav.navbar .badge
{
    line-height: normal;
    font-size: 89%;
    line-height: normal;
    padding: 0.12em 0.45em;
    
    top: 1px;
    right: 5px;
}
.navbar  i
{
    font-size:1.2rem;
}

.navbar  i[class*='icon-'] {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.card-header img
{
    max-height:25px;
}
.card-header
{
    text-transform: uppercase;
}

#slideProdotti
{
    margin-top:20px;
    margin-bottom:20px;
}
.boxProdotto
{
   padding:0px;
   
   border-radius:0px;
   
   position:relative;
}
.prodottoTitolo
{
    padding-top:10px;
    padding-bottom:10px;
}
.codScontoProd
{
    min-height:30px;
    padding-top:5px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    text-align:center;
    /*background-color:rgba(255,255,255,0.8);*/
    background-color: rgba(1,165,237,0.8);
    color:#fff;
}
.imgPreviewShop
{
    position:relative;
}
.imgPreviewShop img
{
    max-width:100%;
    border:1px solid #fff;
    
}
.line
{
    margin-top:5px;
    margin-bottom:5px;
    border-top:1px dashed #ccc;
}

.boxTermini a
{
    text-decoration:underline;
}


input[readonly] {
    cursor: pointer;
    background-color: #ccc;
    opacity: 1;
}

.autocField input
{
   
    border:2px dashed #ccc;
    
}
.autocField .dropdown-menu {
  width: 300px;
 /* max-width: 100%;*/
  margin-top: 5px;
  padding: 0px;
  background-color: #393836;
  border: 1px solid #CCC;
  border-radius: 0px 0px 0px 0px;
  color:#fff;
  z-index:1200;
}
.autocField .dropdown-menu a
{
    color:#fff;
    padding:5px;
}

.autocField .dropdown-menu a:hover
{
    
    background-color:#000;
}

.cntHosting
{
    padding-top:20px;
    padding-bottom:20px;
    background-color:#E6DFD3;
    border:1px solid #CEC2A6;
}

.box_ospiti_sidebar 
{
    padding:10px;

}

.cntDatiOri
{
    padding-top:20px;
    padding-bottom:20px;
    background-color:#ddd;
    border:1px solid #ccc;
}
.btn-full
{
    width:100%;
}

/* ricerca */

.isData, .isDataWeek {
    background-image: url("/gest/img/ico_calendar.png") !important;
    background-repeat: no-repeat;
    background-position: 97.5% center;
    max-width:170px !important;
}


.filtroSel.isData,
.filtroSel.isDataWeek
{
    background-image: url("/gest/img/ico_calendar.png") !important;
}


select[readonly]
{
    pointer-events: none;
}
#frmLogin
{
    max-width:300px;
}
#frmLogin input[type="text"], #frmLogin input[type="password"]
{
    max-width:300px;
}
     
.form-control-account,
#cntFiltriRicerca input[type="text"],
#cntFiltriRicerca select
 {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}    

.picker__header select
{
    display: inline-block !important;
    width: auto !important;
}

.picker__holder {
    min-width: 257px;
    max-width: 340px;
}

.picker__frame select {
    font-size: 14px;
    height: auto;
    width: 30%;
    padding: 3px;
    font-weight: normal;
    color: #000;
    border: 1px solid #ccc;
    background-color: #fff !important;
}
.picker__select--month, .picker__select--year {
    background-position: center top;
}
.picker__table tr > td:first-child > div.picker__day--infocus {
    background: #FF8000;
    color: #fff;
    border: 1px solid #fff;
}
    
.rigaFiltro
{
    margin-bottom:15px;
}

#cntFiltriRicerca .checkbox-inline
{
  margin-right:20px;
}


input[type="text"].filtroSel,
.filtroSel select,
select.filtroSel,
.bootstrap-select 
{
    background-color:#CEE6A6 !important;
    color:#000 !important;
    text-decoration: none;
}

.boxFiltroSel
{
    background-color:#0066CC !important;
    color:#fff;
}
.boxFiltroSel a
{
    color:#fff;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 10px;
}
input[type="search"]
 {
    border: 1px solid #B5BDCA;
    font-weight: normal;
    padding:5px;
    
}

.dataTables_wrapper .dataTables_filter {
    text-align: left;
    float: none;
}

table.dataTable.no-footer
{
    border-bottom:0px;
}
 main table thead {
    position: sticky;
    top: 0px;
    z-index: 10;
    background-color:#fff; /*#CFD5DE;*/
  }
  
  #tblElenco_info
  {
      display:none;
  }
 main table
 {
     border:1px solid #CFD5DE;
 } 
table.dataTable thead th, table.dataTable thead td {

    padding: 10px 5px;
    border-bottom: 1px solid #B4BDCB;
    background-color: #fff; /*#CFD5DE;*/

}
main thead .text-center th
{
    text-align: center !important;
}

main table tbody th, table tbody td {
    padding: 7px 8px;
  
}
main table tbody td
{
  line-height:1.7;
}

main table .form-check {
    padding-left: 0;
    margin-top: 0rem;
    
}
main table .form-check [type="checkbox"] + label, table .form-check [type="radio"] + label
{
    height:19px;
}
.colorDriver
{
    color:#17A2B8;
}

.boxFiltroLocation
{
    background-color:#D8DDE2;
    border:1px solid #ccc;
    padding:15px;
}

select {
    -webkit-appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8xMC8xOY/QR6sAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQImW2LsREAIAjEorPBHDoazPHDYeN5FqRM/oeZBbDoySlpA9lFSXsCNKO8jlFVz7p7fAcADgNFFjiM74fsAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: 97.5% center !important;
    background-repeat: no-repeat !important;

}

/******* colori qualifiche ************/
.bgDirNaz
  {
      background-color:#A7D261 !important;
  }
  
  
  .bgDirSenior
  {
      background-color:#48A4FF !important;
  }
  .colorSenior
  {
      color:#48A4FF;
  }
  
  .bgDir
  {
      background-color:#82C0FF !important;
  }
  .colorDir
  {
      color:#82C0FF ;
  }
  
   .bgDriver
  {
      background-color:#BBDDFF !important;
  }
  .colorDriver
  {
      color:#BBDDFF ;
  } 
  
 .bgHosting
  {
      background-color:#FFC46A !important;
  }
  .bgSponsor
  {
      background-color:#D9ECB9 ;
  }
  
  .colDriver, .colDriver label, .colDriver .labelForm
  {
      color:#2291FF !important;
      
  }
   .colDriver select
  {
      background-color:#2291FF  ;
      color:#fff !important;
      font-weight:bold;
      
  }
  .colDriver .badge
  {
      background-color:#2291FF  ;
      color:#fff;
      border-radius:0px;
      margin-top:15px;
      font-size:1rem;
  }
  
  .colHosting .badge 
  {
    border-radius:0px;
  }

  #list_locations_driver .badge,
  #list_locations_hosting .badge
  {
    border-radius:20px;
  }
  #cntInfoDriverUtenteOri .badge 
  {
    font-size:1rem;
  }
  .colHosting, .colHosting label, .colHosting .labelForm
  {
      color: #A66300 !important;
  }
  .colHosting .badge {
    background-color: #A66300  ;
    color: #fff;
    border-radius:0px;
    margin-top:15px;
    font-size:1.1rem;
    }
    
    .colHosting select
  {
      background-color:#A66300 !important;
      color:#fff !important;
      font-weight:bold;
      
  }

.colDriver .badgeSel
{
    background-color:#0071E1 !important;
    font-weight: bold;
}

.colHosting .badgeSel
{
    background-color:#A66300 !important;
    font-weight: bold;
}
/*****************************************/
  .form-group label
{
    font-weight:bold;
}

.alert-success
{
    font-size:1.2rem;
}

#tblElencoSelezionabile_info
{
    display:none;
}

.modal-dialog {
    max-width: 70%;
 
}

.minCol
{
    max-width:40px !important;
}

#cntTicketTop
{
    display:none;
}

.green
{
    color: #1E7E33;
}

.blu
{
    color: #0066CC;
}

.yellow
{
    color:#EAAF00;
}

.cntFiltriSubReport
{
    background-color:#C6CDD5;
}

.modal-content a
{
    text-decoration:underline !important;
}

.full-width
{
    
}
.boxFiltroLocation .btn
{
    width:100%;
}

.carousel-control-next, .carousel-control-prev {
    position: relative;
    top: auto;
    bottom: auto;
    z-index: 1;
    display: inline-block;
    width: 15%;
    color: #000;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
    width:50px;
}

.titSlideProd
{
    padding-bottom:10px;
    border-bottom:1px solid  #C6CDD5;
    margin-bottom:20px;
}

.welcome-mobile
{
    color:#fff;
    background-color:  #9E7923;
}
.welcome-mobile a
{ 
     color:#fff;
}

#contenuto_pagina table
{
    min-width:992px;
    max-width:99%; 
    border-collapse: initial;
    margin:0px auto;

}
.pag_dashboard table
{
    min-width:auto !important;
 
    border-collapse: initial;

}

.card {
    /*word-wrap: anywhere;*/
}


#frmLogin   .btn-green
{
    width:50%;
    
}


/***RESPONSIVE */

.mCSB_container
{
    padding-bottom:40px;
}
   .side-navbar {
    
      z-index:2000;
    
     }
     
  .rigaTicket
  {
      border-bottom: 1px solid #ccc;
      padding-bottom: 20px;
      padding-top: 20px;
  }   

  .copyrights a:hover
  {
      color:#eee;
  }

  nav.navbar a.menu-btn {
   
  background: transparent;
  
}
nav.navbar a.menu-btn:hover
{
    background: transparent;
}

/********* STILI RESPONSIVE ***************/
/* SOTTO XS */
@media (max-width: 575px) { 

    
     body {
        font-size: 0.85rem;
     }
    #contenuto_pagina
    {
        padding-bottom:50px;
    }

    .isDataWeek , .isData
    {
        margin-bottom:10px;
    } 
    
     main table thead {
        position: static;
        top: 0px;
      }
   
    .fixed-top-0  
    {
        right: 0;
        left: 0;
        z-index: 1030;
        top:0px;
        position:fixed;
        background:#1A3430 ;


    } 

    .fixed-top-0::before  
    {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(
            to bottom,              /* direzione: dal basso verso l’alto */
            rgba(0, 0, 0, 0.9),  /* molto scuro in basso */
            rgba(0, 0, 0, 0.3),  /* leggero a metà */
            rgba(0, 0, 0, 0)     /* trasparente in alto */
        );
    }
    
    .sticky-top {
        top: 60px;
    }
    
    .welcome-mobile {
        margin-top: 59px;
    }
    
     .login-page .logo 
     {
        max-width:125px;
        margin:0 auto;
     }
     .login-page .copyrights,
    .register-page .copyrights {
     /* position: relative  !important;
      right: auto !important;
      bottom: auto !important;
      margin-top:0px !important;
      margin-bottom:50px !important;
      padding-bottom:30px;
      width: 100%;*/

      position: fixed !important;
    right: auto !important;
    bottom: 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0;
    width: 100%;
    left: 15px;
}
    .side-navbar {
    
        top: 60px;
        height:88%;
    
     }
}  /* fine XS*/



/* SM */
@media (min-width: 576px) and (max-width:767px) { 
    
     body {
        font-size: 0.85rem;
     }
     
      main table thead {
        position: static;
        top: 0px;
      }
      
      h4, .h4 {
    font-size: 1rem !important;
    }
    
    h1.h3 {
        font-size: 1.2rem !important;
    }
    
     .sticky-top {
        top: 60px;
    }
     .fixed-top-0  
    {
        right: 0;
        left: 0;
        z-index: 1030;
        top:0px;
        position:fixed;
        background:#2F353E;
    } 
     .welcome-mobile {
        margin-top: 59px;
    }
    
     .login-page .copyrights,
    .register-page .copyrights {
      position: relative  !important;
      right: auto !important;;
      bottom: auto !important;;
      margin-top:20px !important;;
      margin-bottom:20px !important;;
      width: 100%;
      }
}   /* fine SM*/




/* XS - SM */
@media (max-width: 768px )
{
    #login
    {
        
    }
}

@media (min-width: 768px ) and (max-width:991px) { 
  
  
     body {
        font-size: 0.85rem;
     }
    main
    {
        padding-top: 20px;
    }
    
    main table thead {
        position: sticky;
        top: 0px;
    }
    
    h4, .h4 {
    font-size: 0.9rem;
    }
    .sticky-top {
        top: 60px;
    }
     
     .fixed-top-0  
    {
        right: 0;
        left: 0;
        z-index: 1030;
        top:0px;
        position:fixed;
        background:#2F353E;
    } 
     
      .welcome-mobile {
        margin-top: 59px;
    }
   
}   /* fine MD*/


/* LG */
@media (min-width: 992px) and (max-width:1199px) { 
   
   
     body {
        font-size: 0.85rem;
     } 
    main
    {
        padding-top: 20px;
    }  
       h4, .h4 {
    font-size: 0.9rem;
    }
   .sticky-top {
        top: 60px;
    }  
     .fixed-top-0  
    {
        right: 0;
        left: 0;
        z-index: 1030;
        top:0px;
        position:fixed;
        background:#2F353E;
    } 
     .welcome-mobile {
        margin-top: 59px;
    }
    
}   /* fine LG */

/* XL */ 
@media (min-width: 1200px) { 
    
    
}   /* fine XL*/