@font-face {
  font-family: 'FTAktual';
  src: url('../webfont/FTAktual-Regular.woff') format('woff');
  font-weight:  normal;
  font-style:   normal;
  font-stretch: normal;
  text-rendering: optimizeLegibility;
}

:root {
  /* --white: 247, 247, 244; */
  --white: 255, 255, 255;
  --black: 20, 20, 5;
  --lightGrey: 238, 238, 234;
  --fontSans: 'FTAktual';
  --fontSizeNormal: 1em; /* p */
  --fontSizeBig1: 3.5em; /* h1 */
  --fontSizeBig2b: 1.88em; /* h2 intro progetto */
  --fontSizeBig2: 1.4em; /* titoli footer */
  --fontSizeBig3: 1.7em; /* titoli news */
  --fontSizeBig2rem: 1.4rem; /* paginazione */
  --fontSizeBigValues: 3em;
  --fontSizeSmall: 0.8em;
  --fontSizeNormalPlus: 1.2em; /* menu */
  --lineHeightNormal: 1.6em;
  --separator: 5.55vw;
  --separatorMedium: 3.5vw;
  --separatorSmall: 2vw;
  --separatorSmall2: 2.5vw;
  --swiper-pagination-bullet-inactive-opacity: 0;
  --swiper-pagination-bullet-size: .35em;
  --swiper-pagination-color: rgb(20,20,5);
}

body {font-size:13px; font-family: 'FTAktual',sans-serif; color:rgb(20, 20, 5);}
th, h1, h2, h3, h4, h5, h6 {
  font-family: 'FTAktual';
  font-weight: normal;
}
b, strong {
  font-family: 'FTAktual';
  font-weight: normal;
}
a {
    color: rgb(20, 20, 5);
    text-decoration: none;
}

.nopadding {padding:0 !important;}

.nascondi-dato {display:none;}



header {
  overflow: hidden;
  width: 100%;
}
.logothun {
    margin: 20px 0 0 0;
}
.logothun img {
    height: 55px; /*89px;*/
    /*width: 246px;*/
}
.bigtitle {
    color: #ebebec;
    font-family: 'FTAktual';
    font-size: 105px;
    line-height: 105px;
    margin: 13px 0 0 30px;
}
.loginbox {
    /*width: 250px;*/
    max-width: 760px;
    margin:37px 0 0 auto;
}
.loginbox h4, .loginbox h5, .loginbox h3 {
  display: inline-block;
  margin: 0 15px 0 0;
  width: auto;
  vertical-align:middle;
}
.loginbox .button {
    display: inline-block;
    /*margin-top: 2px;*/
    text-align: center;
    /*width: 100%;*/
    vertical-align:middle;
}


#header {background:#000000; overflow:hidden; width:100%;}
#header #user-tools {
    color: #eee !important;
    font-size: 12px;
    height: 20px;
    padding: 25px 35px 10px 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
#header #user-tools a {
    border-left: 1px solid #eee;
    color: #eee;
    display: inline-block;
    padding-left: 8px;
}
#menu {
    background: #e2e2e2;
    display: block;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 25px;
    position: relative;
    z-index: 300;
    overflow: hidden;
}
#menu li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 300;
}
#menu li a {
    color: rgb(20, 20, 5);
    display: inline-block;
    font-size: 12px;
    padding: 11px 12px;
    position: relative;
    transition: all 70ms ease 0s;
    z-index: 300;
}
#menu li a.button {color:rgb(20, 20, 5); background:#ccc;}


.container {padding-top:100px; padding-bottom:100px;}
.container.full-width-container {max-width:100%; width:100%;}

.testo {font-size:16px;}





h1 {margin-top:0; margin-bottom:40px;}
h1 a.button {
    vertical-align: middle;
}



#open-positions #positions_filter {display:none;}






/* fix per bootstrap 4 */
.checkbox label input:only-child, .radio label input:only-child {position:absolute;}
/* fix per bootstrap 4 */

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table {
  table-layout: fixed;
}
table#positions {table-layout: auto;} /* fix scroll orizzontale */
td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
td:hover {overflow:visible; z-index:99; position:relative;}
td:hover span {background:#fff; z-index:99; position:relative; display:inline-block; padding:0 10px 0 0;}
.table-striped > tbody > tr:nth-of-type(2n+1) td:hover span,
td.sorting_1:hover span {background:#f9f9f9;}
.table-striped > tbody > tr:nth-of-type(2n+1) td.sorting_1:hover span {background:#f1f1f1;}
.datepicker td:hover span {padding:0;}

td img {max-height:12px;}

a.toggle-vis {padding:3px 6px; border:1px solid rgb(20, 20, 5); color:rgb(20, 20, 5); cursor:pointer;}
a.toggle-vis.filtro-disattivato {opacity:0.4;}
a.toggle-vis.filtro-disattivato:hover {opacity:1;}
a.toggle-vis:hover,
a.toggle-vis.filtro-disattivato:hover {border:1px solid #111; color:#111; text-decoration: none; background:#f3f3f3;}

a.button.action, button.button {font-family: 'FTAktual'; text-decoration:none; padding:3px 10px; cursor:pointer;}
a.button.action, .btn-default.button.action, button.button, .list-group-item button {background:rgb(20, 20, 5); color:#fff;}
a.button.action:hover, .btn-default.button.action:hover, button.button:hover, .list-group-item button:hover {background:#333;}
a.button.action.button-action-alert:hover {background:#a00;}
a.button.action.disabled, a.button.action.disabled:hover {cursor:default; opacity:0.2; background:#555;}
button.button, .list-group-item button {padding:2px 10px 1px; border:none;}
button.btn.btn-default.button.action {padding:10px;}
.tooltip {z-index:9999; background:#c00; width:500px;}
.tooltip-inner {max-width:100%;}
.popover {font-family: 'FTAktual';}
.popover-content, .popover-title {font-size:11px;}

table.table-bordered.dataTable td {border-right-width:0;}
table.table-bordered.dataTable th {
border-bottom-color: #555;
border-bottom-width: 1px;
padding-bottom: 10px;
padding-top: 10px;
}
.dataTables_scrollHead, .noDataTables thead {box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.15); z-index:9;}
.dataTables_scrollFoot /*, .noDataTables tfoot*/ {
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
position: relative;
z-index: 9;
}
.dataTables_scroll, .noDataTables {
overflow: hidden;
}
.cercabile > input {
font-weight: normal;
}
.attenzione {color:#c00;}
.notactive {color:#bbb;}



#search-applications,
#edit-position,
.boxed-content {background:#f1f1f1; overflow:hidden; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding-top:30px; padding-bottom:30px;}

.form-control {font-size:13px; padding:4px 8px; margin:2px 0; height:32px;}

.field-label {
  margin-top: 0.4em;
}
input[type="file"].inputfile-hidden {
  display:none;
}

.checkbox, .radio {
margin-bottom: 7px;
margin-top: 7px;
}


.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"], 
.radio input[type="radio"], 
.radio-inline input[type="radio"] {
  position: absolute;
  margin-top: 0.3em;
  margin-left: -1.2em;
  height: 1em;
  width: 1em;
}
.checkbox-inline, .radio-inline {
  padding-left: 1.2em;
}
@media screen and (min-width:1200px) {
  .panel-position-index-row,
  .panel-position-title,
  .panel-position-title-row,
  .panel-position-title-row .text-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

.tools-skills-list .checkbox:first-child {margin-top:-5px;}
#top-link-block.affix-top {
position: absolute; /* allows it to "slide" up into view */
bottom: /*-82px*/ 10px;
right: 10px;
}
#top-link-block.affix {
position: fixed; /* keeps it on the bottom once in view */
bottom: 70px;
right: 20px;
}
hr {border-color:#bbb; border-style:dashed; margin-top:50px; margin-bottom:30px;}

.list-group-item {overflow:hidden;}
.list-group-item .dragger, .list-group-item .dragger_sub {cursor:all-scroll;}
.list-group .list-group-item:nth-of-type(2n+1) {
background-color: #f9f9f9;
}
.card .list-group .list-group-item:nth-of-type(2n+1) {background:#fff;}

.nav-tabs li a {padding-top:20px; padding-bottom:20px; font-size:16px; color:#bbb;}
.nav-tabs li.active a {color:rgb(20, 20, 5);}
.tab-step {overflow:hidden;}
.tab-step h3,
.tab-step h4 {font-family:'FTAktual';}
.tab-step ul {list-style:none; margin:0; padding:0;}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border-color:rgb(20, 20, 5);
    border-bottom-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    background:#fff;
    z-index:1;
}
.nav.nav-tabs.nav-justified {
    overflow: hidden;
    padding: 10px 10px 0;
}
.nav-tabs.nav-justified > li > a {border-bottom-color:rgb(20, 20, 5);}
.nav-tabs.nav-justified::after {
    background-color: rgb(20, 20, 5);
    content: "";
    height: 1px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 0;
}

.tab-evidenza {
  padding:15px;
  background:#f2f2f2;
  overflow:hidden;
}

.aumenta-margini .row, .aumenta-margini .aumentati {margin-bottom:10px;}

.input-group-addon {margin-top:2px;}


h3 select {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #aaa;
    color: #999;
    font-family: 'FTAktual', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 2px;
    vertical-align: top;
    border-radius:0px;
}


footer {
  background-color:#fff;
  /* border-top:1px solid #676767; */
  bottom:0px;
  /* color:rgb(20, 20, 5); */
  /* font-size:11px; */
  margin-left:0px;
  overflow:hidden;
  /* padding-bottom:13px;
  padding-top:13px; */
  /* position:fixed; */
  width:100%;
  z-index:1010;
  position: relative;
}
footer strong {font-family: 'FTAktual';}
.footerleft {
    padding-left: 28px;
    width: auto;
    float: left;
    padding-top: 4px;
    text-align: left;
}
.footerright {
    float: right;
    text-align: right;
}
.footerright {
    text-align: right;
}
footer .social1 {
    background: url("../img/social-in.jpg") repeat scroll left top;
    display: inline-block;
    height: 20px;
    margin-left: 8px;
    width: 20px;
}
footer .social3 {
    background: url("../img/social-tw.jpg") repeat scroll left top;
    display: inline-block;
    height: 20px;
    margin-left: 8px;
    width: 20px;
}

#candidates .refused td,
#candidates .hired td {
    border-color: #aaa;
    opacity: 0.3;
    -webkit-transition: all 0.3s ease-in;
  	-o-transition: all 0.3s ease-in;
  	-ms-transition: all 0.3s ease-in;
  	-moz-transition: all 0.3s ease-in;
  	transition: all 0.3s ease-in;
}
#candidates .refused:hover td,
#candidates .hired:hover td {
    border-color: #ddd;
    opacity: 1;
}
#candidates .refused td:first-child::after {
    color: #900;
    content: "Refused";
    display: inline-block;
}
#candidates .hired td:first-child::after {
    color: #090;
    content: "Hired";
    display: inline-block;
}
#candidates .refused td:first-child img,
#candidates .hired td:first-child img {display:none;}



/* DA EMBEDDARE POI IN SERVER DEF!!! */

.educitem, .employitem {position:relative;}
.deletethis {position:absolute; z-index:4; top:5px; right:15px; display:none;}
.educitem:hover .deletethis , .employitem:hover .deletethis {display:block;}


@media (max-width: 1100px) {
  .deletethis {display:block;}
}

@media (max-width: 767px) {
  table#positions.table-bordered.dataTable tbody th,
  table#positions.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    text-align:left;
  }
  table#positions tr {display: block;}
  #positions_wrapper thead {display:none;}
  .dataTables_scrollBody {max-height:99999px !important;}

  #step2 .row .row {margin: 0;}

  #step1 {
    margin-left: -15px;
    margin-right: -15px;
  }

  #top-link-block.affix {z-index: 99999;}
}

/** EMBEDDATO **/
@media (max-width: 1600px) {
  .loginbox {max-width: 560px;}
}

@media (max-width: 1500px) {
  .loginbox {max-width: 570px;}
}

@media (max-width: 1400px) {
  .loginbox {max-width: 470px;}
}

@media (max-width: 1350px) {
  .loginbox {max-width: 420px;}
}

@media (max-width: 1300px) {
  .loginbox {max-width: 370px;}
}

@media (max-width: 1200px) {
  .loginbox {max-width: 270px; text-align:right;}
  .loginbox h4, .loginbox h5, .loginbox h3 {margin-right:0; font-size: 18px;}
  .container {max-width:100%; width:100%; padding: 100px 35px;}
  #menu li a.button {display:none;} /* nasconde grid/full */
}

@media (max-width: 1100px) {
  .loginbox {max-width: 100%; width: 9em; /*text-align:left; margin:50px 0 0; padding:0 calc(5.55*var(--vw));*/ }
  .loginbox div div {display:inline-block; /*padding-right:20px;*/}
  .loginbox h4, .loginbox h5, .loginbox h3 {padding-right:20px;}
}

@media (max-width: 780px) {
  .bigtitle {margin-left:10px;}
}

@media (max-width: 767px) {
  #bd-details .button {
    display: none;
  }

  .container {
      padding: 50px 15px;
  }
  .loginbox {
      padding: 0 15px;
  }
  .bigtitle {
      margin-left: 10px;
  }
  .logothun {
      margin: 20px 0 0 0;
  }
  .logothun img {
    height: 54px;
    width: 150px;
  }
  .nav-tabs.nav-justified > li > a {
      border-bottom-color: #fff;
  }
  nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
      border-color: rgb(20, 20, 5);
  }
}

@media (max-width: 720px) {
  .bigtitle {font-size: 75px; line-height: 130px;}
  .loginbox {margin-top:20px;}
}

@media (max-width: 600px) {
  .bigtitle {width:100%; line-height:60px; font-size:60px; margin-left:30px;}
}


/*
 *
 * modifiche gennaio 2017
 *
 */

/* .candidateview {background:#e6e2da url("/static/sito/img/bg-careers-2020.jpg") repeat fixed center center / cover;} */
.candidateview {background:#fff;}
/*.candidateview:after {background:#000; opacity:0.4; content:""; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; z-index:0;}*/
.overlayfade {background:#fff; opacity:1; content:""; display:block; position:fixed; top:0; bottom:0; left:0; right:0; width:100%; z-index:99999;}

.candidateview header {background:#fff; padding-bottom: 20px;}

/*.candidateview .intro2 {display:none;}*/

.candidateview .table,
.candidateview .table-bordered > tbody > tr > td,
.candidateview .table-bordered > tbody > tr > th,
.candidateview .table-bordered > tfoot > tr > td,
.candidateview .table-bordered > tfoot > tr > th,
.candidateview .table-bordered > thead > tr > td,
.candidateview .table-bordered > thead > tr > th,
.candidateview .dataTables_info {border:none !important; color:rgb(20, 20, 5);}

.candidateview .dataTables_info {display:none;}

.candidateview .table-striped > tbody > tr:nth-of-type(2n+1),
.candidateview table.dataTable.display tbody tr.even > .sorting_1,
.candidateview table.dataTable.order-column.stripe tbody tr.even > .sorting_1,
.candidateview table.dataTable.display tbody tr.odd > .sorting_1,
.candidateview table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
   background: none;
}
.candidateview .dataTables_scrollHead, .candidateview .noDataTables thead {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}

/*.candidateview-applications .text-right {text-align:left;}*/

.candidateview table a.button.action,
.candidateview table .btn-default.button.action,
.candidateview table button.button,
.candidateview table .list-group-item button {color:#fff; background:rgb(20, 20, 5);}

.candidateview table a.button.action:hover,
.candidateview table .btn-default.button.action:hover,
.candidateview table button.button:hover,
.candidateview table .list-group-item button:hover {color:#fff; background:#000; opacity:0.7;}

.candidateview td:hover span,
.candidateview .table-striped > tbody > tr:nth-of-type(2n+1) td:hover span,
.candidateview td.sorting_1:hover span,
.candidateview .table-striped > tbody > tr:nth-of-type(2n+1) td.sorting_1:hover span {background:none; padding:0;}

.candidateview .nav-tabs.nav-justified::after {display:none;}

.candidateview form.form_candidate_application {background:#fff; padding:15px;}
.candidateview .nav.nav-tabs.nav-justified {padding:0;}
.candidateview .nav-tabs.nav-justified > li > a {border:none;}

.candidateview .nav-tabs li a {color:rgb(var(--white)); padding-top:10px; padding-bottom:10px; border:none;}
.candidateview .nav-tabs.nav-justified li a:focus,
.candidateview .nav-tabs.nav-justified li a:hover {background:#333; border:none;}
.candidateview .nav-tabs.nav-justified > .active > a,
.candidateview .nav-tabs.nav-justified > .active > a:focus,
.candidateview .nav-tabs.nav-justified > .active > a:hover {background:#fff; color: rgb(var(--black)); margin-top:0; border:none;}

.candidateview .titlecandidate {
    color: rgb(20, 20, 5);
    font-family: 'FTAktual';
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
}
.candidateview .titlecandidate span {
    display: block;
    font-family: 'FTAktual';
    font-size: 30px;
    line-height: 30px;
}
.candidateview .introcandidate {
    color: rgb(20, 20, 5);
    font-family: 'FTAktual';
    font-size: 28px;
    text-align: center;
}
.candidateview .button.action.bd-signin-toggle.joinus {
    background: rgb(20, 20, 5);
    border-radius: 4px;
    color: #fff;
    font-family: 'FTAktual';
    font-size: 24px;
    padding: 5px 20px;
    opacity:1;
}
.candidateview .button.action.bd-signin-toggle.joinus:hover {opacity:0.8;}
.candidateview .maxwidth {max-width:900px; margin:0 auto;}

.candidateview td:last-child, .candidateview td:nth-child(4), .candidateview td:first-child {
    width: 15%;
}
.candidateview .container {
    padding-bottom: 0;
}
.candidateview #top-link-block.affix-top {display:none !important;}

@media (max-width: 767px) {
  .candidateview {background-attachment:scroll; background-size:cover;}
  .candidateview .titlecandidate {
      font-size: 30px;
  }
  .candidateview .titlecandidate span {
      font-size: 18px;
      line-height: 18px;
  }
  .candidateview .introcandidate {
      font-size: 18px;
  }
  .candidateview .button.action.bd-signin-toggle.joinus {
      font-size: 18px;
  }
	.candidateview td:last-child, .candidateview td:nth-child(4), .candidateview td:first-child {
    width: auto;
	}
  .candidateview .container {
    padding-bottom: 100px;
    padding-top:50px;
  }
  .candidateview table#positions tr {
    border-top: 1px solid #fff;
    padding-top: 10px;
    margin-top: 10px;
  }
}


/*
*
*
*
MODIFICHE FEBBRAIO 2025
*
*
*
*
*/

html {
  font-size: 1.042vw;
  line-height: 1.597em; 
}
body {
  font-size: 0.9em;
  line-height: var(--lineHeightNormal);;
  letter-spacing: 0.02em;
  font-weight: normal;
  padding-right: 0 !important;
}

.mt-0 {
  margin-top:0;
}
.mb-0 {
  margin-bottom:0;
}
.my-0 {
  margin-top:0;
  margin-bottom:0;
}
.px-0 {
  padding-left:0;
  padding-right:0;
}
.ps-0 {
  padding-left:0;
}
.pe-0 {
  padding-right:0;
}
.pb-1 {
  padding-bottom: 0.7em;
}

.separator {
  width: 100%;
  height: var(--separator);
  clear: both;
}
.separator-small {
  width: 100%;
  height: var(--separatorSmall);
  clear: both;
}

.uppercase {
  text-transform: uppercase;
}


.pill,
a.pill, 
button.pill, 
button.pill, 
button.pill, 
.link-pill a,
.thun2024 #project-title a,
.thun2024 .panelright li span,
a.pill.pill-inverse:hover {
  display: inline-block; 
  white-space: nowrap;
  border: 0.09em solid rgb(var(--black));
  padding: 0 0.7em;
  /* padding: 0.05em 0.7em 0; */ /* correzione ottica */
  border-radius: 3em;
  color: rgb(var(--black));
  background-color: rgb(var(--white));
  line-height: 1.7em;
}

span.pill:hover,
span.pill.active,
a.pill:hover, 
a.pill:focus, 
a.pill:active, 
button.pill:hover, 
button.pill:focus, 
button.pill:active, 
.link-pill a:hover,
.link-pill a:active,
.thun2024 #project-title a:hover,
.thun2024 #project-title a:active,
.thun2024 .panelright li span:hover,
.thun2024 .panelright li span:active,
.thun2024 .panelright li span.active,
footer a.pill:hover,
footer a.pill:active,
a.pill.pill-inverse {
  text-decoration: none !important;
  color: rgb(var(--white));
  background-color: rgb(var(--black));
}

a.pill:hover img {
  filter: invert(1);
}

footer a.pill {
  background-color: transparent;
  margin: 0.5em 0.5em 0 0;
}

.modal-header {
  border-bottom: none;
}


.form-control {
  font-size: 13px;
  padding: 4px 0;
  margin: 2px 0;
  height: 32px;
  color: inherit;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
  border-bottom: 1px solid rgb(var(--black));
  background:#fff;
  transition: all .3s ease;
  outline: none;
}
.textarea-border textarea.form-control {
  border: 1px solid rgb(var(--black));
}
.form-control:hover {
  background:#f5f5f5;
}
.form-control:focus {
  background:#f1f1f1;
  box-shadow: none;
  border-color: rgb(var(--black));
}
.form-control::placeholder {
  opacity: 1;
  color: rgb(var(--black));
  text-transform:uppercase;
  font-size: 11px;
}

.title-border-bottom {
  border-bottom: 0.06rem solid rgb(var(--black));
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
  width: 100%;
}

body footer {
  background: rgb(var(--white));
  border-top: 0.09em solid rgb(var(--black));
  padding-top: var(--separator);
  padding-bottom: var(--separator);
  /* margin-top: var(--separator); */
  display: flex;
  flex-wrap: wrap;
}

.footer-col {
  width: calc(18.07*var(--vw));
  margin-left: calc(5.55*var(--vw));
  font-family: var(--fontSans);
}

.footer-col .span {
  font-size: var(--fontSizeBig2);
  font-family: var(--fontSans);
}

.logo-social-footer {
  margin-right: 20px;
  padding:2px 4px 2px 0;
}
.logo-social-footer img {
  width: 2em;
  transition: all 0.2s ease-out;
}
.logo-social-footer:hover {
  text-decoration:none;
}
.logo-social-footer:hover img {
  opacity:0.5;
}

/* body .candidate25 {
  display:none;
} */

body .candidate25 .container {
  width: 100%;
  max-width: 100%;
  padding-left: calc(5.55*var(--vw));
  padding-right: calc(5.55*var(--vw));
  padding-top: 0;
  padding-bottom: 0;
}

.w100-back {
  overflow: hidden;
  width: 100%;
  background: rgb(var(--white));
  position: relative;
}

#project-full-cover,
.project-full-cover {
  height: calc(100vh - 8em);
  background-size:cover;
  background-position:center center;
  background-attachment:scroll; /* NON FIXED, perché fixed scala alla viewport */
  transition: transform 9s ease-out;
  display: flex;
  align-items:center;
  flex-wrap: wrap;
}
.project-full-cover-fixed {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:0;
}

@media screen and (min-width: 992px) {
  .project-full-cover-fixed {
    align-items: flex-start;
  }
  .project-full-cover-fixed .regres-cont .alert {
    margin: 1em 0;
    padding: 10px 15px;
    box-shadow: 0 0 10em 2em rgba(0,0,0,0.6);
  }
}

.thun2024 #archive-title .h1,
.thun2024 #project-title .h1,
.thun2024 .h1,
.thun2024 h1
{
  font-size: var(--fontSizeBig1);
  font-family: var(--fontSans);
  line-height: 1.1em;
  margin-top: 0;
  margin-bottom: 0.8rem;
  letter-spacing: -0.005em;
  font-weight: normal;
}
.thun2024 #project-details p, 
.thun2024 .page-text p {
  font-family: var(--fontSans);
  font-size: var(--fontSizeNormal);
  line-height: var(--lineHeightNormal);
}
.thun2024 #project-details .h2 {
  font-size: var(--fontSizeBig2b);
}
.thun2024 #project-details .h2.h2-low-gap p {
  line-height: 1.3em;
}
.thun2024 #project-title {
  display: flex; 
  flex-wrap: wrap;
}
.thun2024 #project-title {
  padding-top: var(--separatorSmall);
  padding-bottom: var(--separatorSmall);
}

.thun2024 #project-details-table {
  padding-top: var(--separatorMedium);
  padding-bottom: var(--separatorMedium);
}
.thun2024 #project-title h1.h1 {
  margin-bottom: 0;
}


.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid rgb(var(--black));
  box-shadow: none;
}
.panel-group .panel:last-child {
  border-bottom: 1px solid rgb(var(--black));
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-default > .panel-heading {
  color: var(--black);
  background-color: #fff;
  border-color: rgb(var(--black));
  border-radius: 0;
  padding: 0.6em 0;
  overflow: hidden;
}
.panel-default .panel-title {
  font-size: inherit;
}
.panel-body {
  padding: 0 0 2em;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
}

.panel-title-collapsible svg {
  transform:rotate(45deg);
  transition: all .3s ease;
}
.panel-title-collapsible.collapsed svg {
  transform:rotate(0deg);
}

a[role="button"]::-moz-focus-inner {
  border: 0;
  color:#f00 !important;
}
a[role="button"]:focus {
  outline:none !important;
} 
.visible-desktop-block {
  display: block !important;
}


.candidateview header .container {
  display: flex; 
  align-items: center;
}

body.candidateview header {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
body.candidateview header .pill {
  background:none;
}
body.candidateview header .pill:hover {
  background: rgb(var(--black));
  color: rgb(var(--white));
}

#tablecontainerwelcome {
  /* padding-top: 110px; */
  position: relative;
}

.candidateview .nav.nav-tabs.nav-justified {
  background: rgb(var(--black));
  border: 2px solid rgb(var(--black));
  border-radius: 3em;
}
body .nav-tabs.nav-justified > li {
  float: left;
  border-radius: 50px;
  width: 50%;
  overflow: hidden;
}
body .nav-tabs.nav-justified > li > a {
  margin-bottom:0;
}


@media screen and (max-width: 1499px) {
  html {
    font-size: calc(1.2*var(--vw));
  }
}

@media screen and (max-width: 1199px) {
  :root {
    --separator: 5.55vw;
    --separatorMedium: 4.5vw;
    --separatorSmall: 3vw;
    --separatorSmall2: 3.3vw;
    --fontSizeBigValues: 2.7em;
  }
  html {
    font-size: 1.8vw;
  }
  .footer-col {
    width: calc(44*var(--vw));
    margin-bottom: calc(5.55*var(--vw));
    font-size: var(--fontSizeNormal);
  }
  .mt-tablet-1 {
    margin-top: 0.7em;
  }
  .visible-desktop-block {
    display: none !important;
  }
  .pleft-mobile-table-positions {
    padding-left: 7%;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --fontSizeBig1: 2.4em;
    --fontSizeBig2: 1.25em;
    --fontSizeBig2b: 1.25em;
    --separator: 15vw;
    --separatorMedium: 10vw;
    --separatorSmall: 5vw;
    --separatorSmall2: 5.5vw;
  }
  html {
    font-size: 4.5vw;
  }
  .footer-col {
    width: calc(88*var(--vw));
    margin-bottom: var(--separator);
  }
  .thun2024 #project-full-cover, 
  .thun2024 .project-full-cover {
    height: calc(50vh);
  }
  .thun2024 #project-details .h2.h2-low-gap p {
    line-height: 1.1em;
  }
  .pleft-mobile-table-positions {
    padding-left: 14%;
  }
  body .nav-tabs.nav-justified > li {
    border-radius: 0;
    width: 100%;
  }
}


@media (min-width: 1800px) {
  /* .container {
      width: 60%;
  } */
   body {
    font-size: 16px;
   }
}