/* new site */
:root{
    --primary: #009364;
    --primary-light: #00b37a;
    --grey-dark: #292928;
    --grey: #464644;
    --grey-rgba: 70, 70, 68;
    --grey-light: #FFFFF4;
    --grey-medium: #F3EDE4;
    --grey-medium-dark: #e6dfd5;
    --grey-medium-rgba: 151, 151, 151;
    --grey-medium-light: #d0d0d0;
    --secondary: #E8D7BD;
    --secondary-light: #F3EDE4;
    --secondary-dark: #d2c0a6;

    --bs-body-font-family: "DM Sans", sans-serif;
    --bs-body-color: var(--grey);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-bg: var(--grey-light);

    --bs-link-color: var(--bs-body-color);
    --bs-link-hover-color: --bs-body-color;

    --bs-border-radius: 0.188rem;
    --bs-border-radius: 10px;
}
a {
    color: var(--grey-dark);
    text-decoration: underline;
}
.alert{
    background-color: var(--bs-alert-bg)!important;
}
.border-secondary {
    --bs-border-opacity: 1;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
}
/* buttons */
.btn-primary {
    --bs-btn-color: var(--grey-light);
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: rgba(var(--grey-light),0);
    --bs-btn-hover-color: var(--grey-light);
    --bs-btn-hover-bg: var(--primary-light);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);
    border-radius: 10px;
    outline: 4px solid rgba(255, 255, 255, 0.5);
  }
  .btn-primary:active {
    background-color: var(--bs-btn-hover-bg);
  }
  
  :not(.btn-check) + .btn-primary:active {
    background-color: var(--bs-btn-hover-bg);
  }
  
  .btn-outline-primary {
    --bs-btn-color: var(--grey-extralight);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--grey-medium);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--grey-medium);
    --bs-gradient: none;
  }
  
  .btn-secondary {
    --bs-btn-color: var(--grey);
    --bs-btn-bg: var(--grey-light);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--primary);
    --bs-btn-hover-bg: var(--grey-light);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--grey);
    --bs-btn-active-bg: var(--grey-extralight);
    --bs-btn-active-border-color: var(--grey);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--grey-medium);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--grey-medium);
    border-radius: 10px;
  }
  .btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #6c757d;
    --bs-btn-hover-bg: var(--secondary-light);
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none;
    border-radius: 10px;
    border: 1px solid var(--secondary-dark);
  }
/*--*/
.inline-box div{display: inline;}
/* HEADER */
.header-member{background-color:var(--secondary);}
.header-member+.row .backgroundMenuOr{
    background:#dcc9ac;
}
.navbar-brand {
    display: flex;
    align-items: center;
  }
.navbar-brand img {
    max-height: 40px;
  }
  @media screen and (min-width: 1440px) {
    .navbar-brand img {
      max-height: 70px;
    }
  }
.navbar-brand .logo-name-box {
    display: flex;
    flex-direction: column;
    padding-left: 1.25rem;
  }
.navbar-brand .logo-name-box .logo-name {
    font-size: 1.275rem;
    font-weight: 700;
  }
  @media screen and (min-width: 1440px) {
    .navbar-brand .logo-name-box .logo-name {
      font-size: 1.875rem;
      line-height: 1.8rem;
    }
  }
  .navbar-brand .logo-name-box .logo-payoff {
    font-size: 0.875rem;
  }
  @media screen and (max-width: 1024px) {
    .navbar-brand .logo-name-box .logo-payoff {
      display: none;
    }
  }
/*--*/
/* dashboard cards */
.my-data-cards .card{padding:1rem;height:100%}
.my-data-cards .card-img-top{
    text-align: center;
}
.my-data-cards .card-img-top img{
    height:200px;
}
.my-data-cards .card-title{flex:2;}
.my-data-cards .card-body{
    text-align: center;
    display: flex;
    flex-direction: column;
}
.my-data-cards .card-body .card-text{
    display: flex;
    flex: 2;
}
.my-data-cards .card-body .btn{width: 100%;}
/*--*/
/* tabs */
.rounded-tab{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
/*--*/
/* table */
.table{
    border-radius: 10px;
    overflow: hidden;
}
.table thead{
    background-color: var(--grey-medium);
}
table thead th, table tfoot th{
    font-size: 90%!important;
    font-weight: 300!important;
}
/*--*/
/* datatables */
.dataTables_wrapper .dt-buttons .dt-button{
    border-radius: 10px;
    border: 1px solid var(--secondary-dark);
    background-color:transparent;
    background:transparent!important;
}
.dataTables_wrapper .dt-buttons .dt-button:hover{
    background-color:var(--secondary-dark);
    background:var(--secondary-dark)!important;
}
table.dataTable {
    border-radius: 10px;
    overflow: hidden;
}
.paginate_button{
    border-radius: 10px!important;
    border: 1px solid var(--secondary-dark)!important;
    background-color:transparent!important;
    background:transparent!important;
}
.paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background-color:var(--secondary-dark);
    background:var(--secondary-dark)!important;
    color: #333 !important;
}
/*--*/
/* footer */
.footer{background-color: var(--secondary);padding: 2rem;}
/*--*/
.card {
    border: 0px !important;
    box-shadow: 0px 0px 4px 4px #eaeaea;
}

/* devel utilities */

#context-inspector-btn {
    z-index: 1;
}

#context-inspector {
    z-index: 1;
    position: fixed;
    top: 4px;
    background-color: white;
    box-shadow: 0px 0px 4px 4px #e0e0e0;
    max-height: 90vh;
    max-width: 90vh;
    overflow-y: scroll;
    padding: 4px;
    opacity: 95%;
}

#context-inspector-contents {
    font-size: 11px;
}

#context-inspector.left {
    left: 66px;
}

#context-inspector.right {
    right: 66px;
}

#context-inspector-btn {
    position: fixed;
    top: 4px;
    box-shadow: 0px 0px 4px 4px #e0e0e0;
}

#context-inspector-btn.left {
    left: 4px;
}

#context-inspector-btn.right {
    right: 4px;
}

/* old site */

.backgroundMenuOr{
  /* background-color: #E3FF74!important; */
  /* background-color: rgb(239, 179, 229,1) !important; */
  /*background: linear-gradient(to top right, #FFF254 0%, #FFF9AE 100%);*/
  /* background: linear-gradient(to top right, #E3FF74 0%, #FFDFA6 100%) */
}

.backgroundRosso {
     /* per info importanti */
    background-color: #ff7f50 !important;
}
.backgroundVerde {
    /* per conferme */
    background-color: #aaebb5 !important;
}

.backgroundPrerec{
  background-color: #ffc107;
}
.backgroundGiallo{
    /* per messaggi evidenziati */
    background-color:#ffff00 !important;
    /* border-style: double;
    border-radius: 10px;
    border-width: 4px;
    border-color: black; */
}  
.backgroundNR{
    /* per nuova registrazione */
    background-color: #a9b7f7;
}  
.backgroundaarticle {
    background-color: #ebebeb !important;
}
.backgroundEvidenziato {
/* per messaggi normali */
    background-color: #f5b1f3 !important;
}
.backgroundAzzurro{
    /* background-color:#c6dff8 !important; */
    background-color:#b9e7f7 !important;
}
.backgroundTitoliTabella{
    /* background-color:#c6dff8 !important; */
    /*background-color:#b9e7f7 !important;*/
    background-color: var(--grey-medium);
}
.backgroundConcluso {
    background-color: #ffc966 !important;
}
.backgroundSospeso {
    background-color: yellow;
}
.backgroundMenuCategorieEvidenziato{
    background-color: rgb(250, 250, 210);
}

.noScreen{
    display:none;
}

@media print {
    body {
        position: absolute;
        left: 0;
        top: 0;
        background-color:white !important;
        background: white; 
        width: 100%!important;
        /* width: 1600px!important; */
    }

    /* per lasciare scelte stampante */
    @page { size: auto; }

    p.p5 {
        font-size: 22px;
    }
    tr {
        page-break-inside: avoid;
    }
    .nonstampa{
        display:none;
    }
    .noScreen{
        display: block;
    }
    .flex-corsi div{
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .lhs {
        max-height: none;
    }
    #titElencoCorsi{
        margin: auto;
    }
    #secondaColonna{
        width: 100%;
    }
    #secondaColonnaCorsi{
        width: 100%;
    }    
    .tabelle {
        width : 100%;
        height: 100%;
    }
    #tabelleCalendario {
        max-height:  none;
    }
    img {
        border:0;
        vertical-align: sub;
    }
    .col-md-6{
        max-width: 100%;
    }
    .form-horizontal{
        /*registrazione*/
        padding: 0;
    }
}

#corsi > tbody > tr {
    cursor: pointer;
}