@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight:400;font-style:normal;
}
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight:700;font-style:normal;
}
@font-face {
  font-family: "Roboto";
  src: url("./assets/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
  font-weight:400;font-style:italic;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url('./assets/fonts/Roboto_Condensed/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*:hover,*:focus,div:focus,span:focus,img:focus{outline:0!important}

body{font-family:'Roboto',Arial,sans-serif;font-size:14px;line-height:1.2;font-weight:400;margin:0;overflow-x:hidden;min-height:100vh;text-rendering:optimizelegibility;-webkit-font-smoothing: subpixel-antialiased}
img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

h1,h2,h3,h4,h5,h6{font-weight:700;font-family: 'Roboto Condensed',arial,sans-serif}

h1{font-size:2rem}
h2{font-size:1.75rem}
h3{font-size:1.5rem}

.fs-7{font-size:0.9rem!important}
.fs-8{font-size:0.8rem!important}
.fs-9{font-size:0.7rem!important}

.text-shadow{text-shadow:1px 2px 1px #000}

/* COLORI VARI DEL SITO */

a,a:visited{color:#ef6524;text-decoration:none}
a:hover,a:focus{color:#4f2905;text-decoration:none}

.btn,a.btn,a.btn:visited{font-family:'Roboto Condensed', sans-serif;text-transform:uppercase;color:#fff;background-color:#e85221;background: linear-gradient(151deg, rgba(238, 121, 73, 1) 0%, rgba(219, 63, 27, 1) 100%);box-shadow:1px 1px 3px rgba(0,0,0,0.2);display:inline-block;padding:9px 12px;border-radius:3px;margin:0;font-size:1rem;line-height:1;vertical-align:middle;cursor:pointer;text-decoration:none;outline:0!important;border:0!important;transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}
.btn:hover,.btn:focus,a.btn:hover,a.btn:focus{background: linear-gradient(151deg, rgba(219, 63, 27, 1) 0%, rgba(145, 39, 27, 1) 100%);color:#fff;}

.btn.btn-grey,a.btn.btn-grey{background-color:#ababab;background: linear-gradient(151deg, rgba(219, 219, 219, 1) 0%, rgba(183, 183, 183, 1) 100%);}
.btn.btn-grey:hover,a.btn.btn-grey:hover,.btn.btn-grey:focus,a.btn.btn-grey:focus{background: linear-gradient(170deg, rgba(193,193,193,1) 0%, rgba(142,141,141,1) 100%);color:#fff}

.btn.btn-blue,a.btn.btn-blue{background-color:#128fe2;background: linear-gradient(151deg, rgba(18, 143, 226, 1) 0%, rgba(0, 116, 188, 1) 100%);}
.btn.btn-blue:hover,a.btn.btn-blue:hover,.btn.btn-blue:focus,a.btn.btn-blue:focus{background: linear-gradient(170deg, rgba(0,117,195,1) 0%, rgba(0,88,143,1) 100%);color:#fff}

.text-orange{color:#ef6524}
.bg-orange{background-color:#ef6524}
.text-bg-orange{background-color:#ef6524;color:#fff}
.border-orange{border-color:#ef6524!important}

.text-blue{color:#5581e3}
.bg-blue{background-color:#128fe2!important}
.text-bg-blue{background-color:#5581e3;color:#fff}

.bg-sun{background:#3dc8ba;background:linear-gradient(180deg,rgba(61,200,186,1) 0%,rgba(238,139,45,1) 49%);position:relative}
.skyline-mountains{height:100%;background:url(./assets/images/skyline-mountains.svg) no-repeat bottom center;position:relative;background-size:100%}
.cactus-sx{background:url(./assets/images/cactus-sx.svg) no-repeat bottom left;position:absolute;bottom:3vh;left:1vw;height:35vh;width:15vw}
.cactus-dx{background:url(./assets/images/cactus-dx.svg) no-repeat bottom left;position:absolute;bottom:2vh;right:3vw;height:65vh;width:20vw}
.buono{background:url(./assets/images/buono.svg) no-repeat bottom left;position:absolute;bottom:1vh;left:21vw;height:50vh;width:9vw}
.brutto{background:url(./assets/images/brutto.svg) no-repeat bottom left;position:absolute;bottom:1vh;left:29vw;height:50vh;width:17vw}
.creativo{background:url(./assets/images/creativo.svg) no-repeat bottom left;position:absolute;bottom:1vh;left:46vw;height:50vh;width:9vw}

.status-square{position:relative;width:20px;height:20px;vertical-align:middle;display:inline-block;border:1px solid #9a8b7f;margin-right:5px;cursor:pointer;transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;}
.status-square:hover{border-color:#4f2905}
.status-list{position:absolute;background-color:#eee;padding:0;margin:0;top:-2px;left:-2px;border:4px solid #ccc;border-radius:0 5px;z-index:99}
.status-list > li{padding:5px 15px;min-width:200px}
.status-list > li:hover{background-color:#ccc!important}

.importFic-item{height:58px;align-content:center}

/* STRUTTURA GENERALE*/
#top-header{position:sticky;height:48px;top:0;left:0;width:100%;background-color:#ef6524;margin-bottom:0;padding:0.325rem 0;border-bottom:1px solid rgba(0,0,0,0.075);z-index:99;background-size:cover;background-repeat:no-repeat;background-image:url(./assets/images/bg-orange.jpg);}
#top-header h1{margin-bottom:0!important}
.view-unidea #top-header,.view-unideas #top-header,.view-unideacliente #top-header{background-image:url(./assets/images/bg-blue.jpg);color:#fff}
.view-larice #top-header,.view-larices #top-header,.view-laricecliente #top-header{background-image:url(./assets/images/bg-sea.jpg);color:#fff}

thead{font-family:'Roboto Condensed',arial,sans-sreif;}
thead.sticky-top{top:46px;}
.single-action-column{width:45px}

.login-wrapper-100vh{height:100vh}

/* NAVIGATION */
#navigation{width:165px;position:sticky;left:0;top:0;text-align:left;padding:12px;height:100vh;z-index:10;background-color:#222}
ul.nav > li{width:100%;border-bottom:1px dashed rgba(255,255,255,0.1)}
ul.nav > li.active,ul.nav > li:hover{border-bottom:1px dashed rgba(239,101,36,0.5)}
ul.nav > li > a{display:block;padding:8px 0;font-size:140%;line-height:150%;color:#fff}
ul.nav > li > a:before{color:#fff;margin-right:6px}
ul.nav > li > a:hover,ul.nav > li > a:hover:before,.nav > li > a:focus,.nav > li > a:focus:before,.nav > li.active > a,.nav > li.active > a:before{color:#ef6524}

/* PAGINATION */
.page-link{color:#ef6524;box-shadow:none!important}
.page-link:focus,.page-link:hover{color:#4f2905}
.active > .page-link, .page-link.active{background-color:#ef6524;border-color:#4f2905}

/* HTML5 */
article,aside,details,dialog,footer,header,hgroup,nav,section,main{display:block}
figcaption{display:table-caption;caption-side:bottom;}
figure{display:table;}

/* FORM */
form h4{position:relative;bottom:-0.5rem;line-height:1.75}
.form-floating > textarea.form-control{height:7.75rem}
.form-control:focus,.form-select:focus{border-color:#999;box-shadow:0 0 0 .15rem #33333340}
.calendar-container .buttons-wrapper{display:none!important}
.field-calendar input{padding-top:1.625rem;padding-bottom:.375rem;width:200px;display:inline-block}
.field-calendar+label{transform:scale(.85) translateY(-.5rem) translate(.15rem);z-index:5}
.js-editor-tinymce+label{display:none!important}
.form-control.currency:after{content:"";font-family:'IcoFont'!important}


/* UTILITIES */
.transition{transition:.5s;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}

/*************************************
 *  COOKIES
 *  **********************************/
#cookie-banner{position:fixed;top:15px;left:50%;transform:translateX(-50%);width:90vw;z-index:99999999;}
#cookie-banner .cookie-accept:hover{background-color:#21a902}

/* Bootstrap Breakpoints */
@media (max-width: 1199px) { /* sm, md, lg   */

}

@media (max-width: 991px) { /* sm, md */

}

@media (max-width: 767px) { /* sm */
  
  h1{font-size:1.5rem}
  
  #cookie-banner{width:90%}
  #system-message{width:100%;}
	#navigation{background-color:#000;height:100vh;width:0;position:fixed;z-index:999999;top:0;right:0;margin:0!important;padding:0!important;overflow-x:hidden;}
	
	#navigation ul{padding-right:15px}
	#navigation ul li{display:block;width:100%;padding:0.25em 0;}
	#navigation ul li a{color:#fff;border-bottom:1px solid #666;white-space:nowrap;text-align:right;padding:0.2em 0}
  
  #balance{padding:15px}
  #logout{padding:15px}
  #logout > p{display:inline-block}
  
  #top-header form .js-stools-field-filter{display:none}
  #top-header form .js-stools-field-filter:last-of-type{display:block}
  
  body.view-login{background-color:#000}
  .login-wrapper-100vh{height:80vh}
  .com-users-login.login{width:90%}
  .skyline-mountains{background-size:contain}
  .buono,.cactus-sx,.cactus-dx{bottom:0}
  .brutto{bottom:-2px}
  .creativo{bottom:-5px}
  
  .layout-edit .col-12 .position-absolute.translate-middle-y{position:initial!important;width:100%!important;transform:none!important;text-align: center}
}

@media (max-width: 575px) { /* No infix */

}


@media print {
  *{text-shadow:none!important;box-shadow:none!important}
  #header,aside,#sub-header,.single-action-column,#top-header a.btn{display:none!important}
}