/* DARK MODE */
/* MODAL PROFILO */
/* DIALOG ALERT */
/* BOTTONI AZIONI GENERALI */
/* RELOAD PAGE */
/* ICONE */
/* TABLE */
/* FORM */
/* AVVISI */
/* NAV */
/* UPLOAD FILE */
/* GALLERY FILE */
/* BreadCrumb */


@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.barlow-condensed-thin {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-condensed-light {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-medium {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-condensed-semibold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-condensed-bold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-condensed-extrabold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-condensed-black {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-condensed-thin-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-condensed-extralight-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-condensed-light-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-condensed-regular-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-condensed-medium-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-condensed-semibold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-condensed-bold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-condensed-extrabold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-condensed-black-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}



html, body {
  /*  font-family: 'Balrow', sans-serif;*/
font-family: "Barlow Condensed", sans-serif;
font-size: 1rem;
color: #7A7A7A!important;
}

h1 {}
h2 {
    font-weight: 300;
}
h3 {
    font-weight: 500;
}
h4 {}
h5 {}
h6 {}
p {
    font-family: 'Balrow', sans-serif;
    font-weight:400;
}


.content-wrapper {
  background-color: #FFFFFF;
}

.tit_sezione {   
font-size:1.7rem;
font-weight: 400;
text-transform: uppercase;
color: #183862!important;
}

.breadcrumb-item {font-size: 14px;  }

.ico-exit-top {width:20px; height:20px;}

.navbar-primary, .navbar-dark {background-color: #183862!important;}
.navbar-light { background-color:transparent; }

.card-primary.card-outline {border-top: 3px solid #89B92E!important;}
.breadcrumb-item-dashboard a {color: #183862!important;}


.rounded {border-radius: 0.5rem!important; }
.bg-red-light {
    background-color: #ff7676 !important;
}
.txt-red-light {
    color: #ff7676 !important;
}
.bg-light {
  background-color: #FFFFFF !important;
}

.bg-gray {
  background-color: #ededed !important;
}

.list-group {
  border-radius: .0rem;
}

.container-fluid {max-width: 1600px}

.badge-utente {
    font-size: clamp(1rem, 4vw, 6rem); /* minimo 1rem, ideale 4vw, massimo 2rem */
    padding: 1rem;
    border-radius: 0.5rem;
    font-weight: 300;
}
.badge-secondary.badge-utente  {
  color: #fff;
  background-color: #BFBFBF;
}
.alert, .alert p {
    font-family: "Barlow Condensed", sans-serif!important;
    font-size: 1.2rem;
}
.nome-alert {
    font-size:1.6rem!important;
}
.lead-utente { 
font-size:0.8rem;
    padding: 0px;
    margin: 0px;
}

.card-custom {
  background-color: #fbfbfb;
  border: 2px solid #e1eefa;
  border-radius: 25px;
  box-shadow:none;
  margin-bottom: 1rem;
}

.link-custom {
    color: #666666 !important;
    text-decoration: none;
}

.link-custom:hover {
    color:#789cc0!important;
    text-decoration: underline;
} 

.list-group-custom .list-group-item h6 a:hover {
    text-decoration: underline;
}
    
.list-group-custom .list-group-item.bg-active-nav {
/*    background-color:#A6A6A6!important;
    color:#FFFFFF!important;*/
}
.list-group-custom .list-group-item.bg-active-nav h6 a {
    font-weight: bold!important;
    color:#789cc0!important;
}
.list-group-custom .list-group-item.bg-active-nav h6 a:hover {
    font-weight: bold!important;
    color:#789cc0!important;
    text-decoration: underline;
}
.list-group-custom .list-group-item.bg-active-nav .text-muted {
    color:#789cc0!important;
}

.bg-light-dark { padding: 5px; text-align: center  }  
.label_affiliazione { font-weight: bold!important; color:#FFFFFF!important; display: block; background-color:#878787!important; padding: 5px }


    
.disabled-link {
    pointer-events: none;
    cursor: not-allowed;
    color: #aaa !important;
    text-decoration: none;
}

.list-group-custom {
    background-color:transparent!important;
    border: 0px;
    
}

.list-group-custom .list-group-item {
    border: 0px solid rgba(0,0,0,.125);
    background-color:transparent!important;
}

.separator-line {
    width: 70%;
    height: 1px;
    background-color: #c9c9c9!important;
    margin-top: 0.75rem;
}



/*ALERT */
.p-alert { text-align: center; font-size: 1.2rem; margin: 0px;}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.col-card-add, .col-card-det {margin-bottom: 15px;}
.col-card-add a:hover .card-custom {
    background-color:#e1eefa; 
    
} 

.card-custom .card-title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: "Barlow Condensed", sans-serif;
}

.card-custom .card-body-det .card-title {
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: "Barlow Condensed", sans-serif;
}

.card-custom .card-text {
    font-family: "Barlow Condensed", sans-serif;
    margin-bottom: 3px;
    font-size: 1.2rem;

}
.card-custom .card-text.totale {
    margin-top: 15px;
    margin-bottom: 10px;            
}
.card-custom .card-text:last-child {
    margin-top: 10px;
    margin-bottom: 0px;            
}

.card-body-add {
    color:#789cc0;
}

.list-group-item-custom {
    padding:0rem 0rem .75rem 0rem;
}


a.text-danger { color: #FF0004!important; }



/* DARK MODE */

.dark-mode .content-wrapper {
    background-color: #1f252c!important; 
    color: #fffFFF;
}

.dark-mode h1 {
    color: #ff7e00!important; 
}

.dark-mode a {
    color: #ff7e00; 
}

.dark-mode .card-primary.card-vsl:not(.card-outline) > .card-header {
    background-color: #ff7e00;
}

.dark-mode .card-primary.card-vsl.card-outline {
    border-top: 3px solid #ff7e00;
}

.dark-mode .list-group-item {
    background-color: #343a40;
    border-color: #000000!important;
}

.dark-mode .badge-dark.badge-categorie-vsl {
    color: #343a40;
    background-color: #FFFFFF;    
}

.dark-mode  .modal-header-vsl {
  justify-content: center;
  border-bottom: 1px solid #000000 !important;
}

.dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar):not(.is-invalid):not(:focus), .dark-mode .input-group-text {
  border-color: #ff7e00;
}


/* MODAL PROFILO */
    .modal-header-vsl {
        justify-content: center;
        border-bottom: 1px solid #ffffff!important;
    }
    .modal-title-vsl  {
        text-align: center;
    }
    .modal-body-vsl {
        margin-top: 0px;
        padding-top: 0px;
        text-align: left;
    }
    @media (min-width: 576px) {
        .modal-dialog:not(.ekko-lightbox) {
          /*max-width: 500px;*/
           /* max-width: 90%!important;*/
          margin: 1.75rem auto;
        }
    }

    @media (min-width: 1200px) {
      .modal-xl-vsl {
        max-width: 90%!important;
      }
    }

.modal-sm {
  max-width: 300px!important;
}

/* DIALOG ALERT */
.pull-right {
        float: right;
}
.dialog-no-closed .ui-dialog-titlebar-close {
    visibility: hidden;
}

.dialog-closed .ui-dialog-titlebar-close {
    visibility:visible;
}

.ui-button {
	border:0px;
	padding:10px;
}
.btn-dialog  {	border:0px!important;}
.ui-dialog-buttonset { width:100%!important}
.msg_recovery_profilo {text-align: center}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #000000!important;
    padding: 0 5px 5px!important;

}

.was-validated .custom-select:invalid + .select2 .select2-selection{
    border-color: #dc3545!important;
}
.was-validated .custom-select:valid + .select2 .select2-selection{
    border-color: #28a745!important;
}
*:focus{
  outline:0px;
}

select.is-invalid ~ .select2-container--bootstrap4 .select2-selection, form.was-validated select:invalid ~ .select2-container--bootstrap4 .select2-selection {
  border-color: #dc3545;
}
.select2-container--default .select2-selection--multiple {
  border: solid #ced4da 1px!important;
  outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #80bdff 1px!important;
    outline: 0;
}
select.is-invalid ~ .select2-container--default .select2-selection--multiple {
    border: solid #FF0000 1px!important;
    outline: 0;
}

.navbar-primary.navbar-dark .navbar-nav .dropdown-menu {
    background-color:#FFFFFF!important;
}

/* BOTTONI AZIONI GENERALI */
.btn-back-vsl {}
.btn-save-vsl, .btn-send-vsl {}
.btn-save-vsl:hover, .btn-send-vsl:hover {}
.btn-action-vsl {}
.btn-action-vsl:hover {}
.btn-tooltip { background-color: transparent!important; border:0px solid transparent!important; padding: 0px 0px 15px 0px !important; margin: 0px!important } 


/* RELOAD PAGE */
.reload_page {
    max-width:300px;
    display: initial;
}


/* ICONE */


/* TABLE */

.table.projects th {
  border-top: 1px solid #FFFFFF;
}
.td_no_result {
    text-align: center;
    line-height: 40px;
    color: #E8FF01;
}

.td_no_result .alert-warning {
  color: #856404!important;
  background-color: #fff3cd!important;
  border-color: #ffeeba!important;
  margin-bottom: 0rem;
}

.table .thead .th {
padding: .75rem;
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
font-weight: bold;
}

.table-striped .tbody .tr:nth-of-type(2n+1) {
  background-color: rgba(0,0,0,.05);
}

.projects .td {
  vertical-align: middle;
}
.table .td {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}


/* FORM */
#form-default .form-group {
    margin-bottom: 0.5rem;   
}

.row-form-checkbox {
    margin-right: 0px;
    margin-left: 0px;
}

.DeleteRow { margin-bottom:15px!important}


/* AVVISI */
.errorTxt { color:#FF0000; font-size: 14px; }
.alert-delete {
  width: 100%;
  margin-top: 15px;
}
.alert-no-result {
  padding: 15px 15px 0 15px;
}

.alert-no-result .alert {
    text-align: center;
}



/* NAV */

.navbar-dark .navbar-nav .dropdown-menu .nav-link {
  color: rgba(0,0,0,.75);
}

.main-header {
  border-bottom: 1px solid #FFFFFF!important;
}

.dropdown-menu {
  min-width: 15rem;
}


/* UPLOAD FILE */
#previews {background-image: url("../images/bg/bg_upload.jpg"); background-position: center bottom; background-repeat: no-repeat; margin-top: 10px; margin-bottom: 0rem!important;padding: 0px 8px 50px 8px; border: 3px dashed #157efb; min-height: 100px;}

/* GALLERY FILE */
.gal_item { margin-bottom:10px}
#cont-gallery .alert-delete { margin-top:0px; padding-right:0px!important;  padding-left:0px!important; padding-top:2rem!important; }
#cont-gallery .alert-delete.alert-dismissible .close  {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: .1rem .5rem;
}


/* BreadCrumb */
.breadcrumb-item {color: #6c757d;}
.breadcrumb-item-dashboard a { color: #007bff; }
.breadcrumb-item-sezione a { color:#414141;}