@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

.brown{
	color: brown;
}

li.marginTopLi25{
	margin-top:25px;
}

.lrg-dropdown .ui-select-bootstrap > .ui-select-choices{
	max-height: 600px;
	width: max-content;
}

.lrg-dropdown .ui-select-search{
	min-width: 100% !important;
}

/*
.lrg-dropdown .dropdown-menu{
	min-width: 400px;
}
*/

.lrg-dropdown .btn{
	white-space: nowrap;
}

th.lrg-dropdown{
	max-width: 300px !important;
}

.bold{
	font-weight: bold;
}

.attachment-item-error{
	color: #555 !important;
    background-color: #f2dede !important;
}

.ckeditorViewOnly .cke_inner .cke_top .cke_toolbox {
    display: none;
}

.cke_browser_webkit{
	width: 70% !important;
}

.cke_fullwidth .cke_browser_webkit{
	width: 100% !important;
}

.animate-show,.animate-hide {
       -webkit-transition:all linear 0.5s;
       -moz-transition:all linear 0.5s;
       -ms-transition:all linear 0.5s;
       -o-transition:all linear 0.5s;
       transition:all linear 0.5s;
  }

.animate-show.ng-hide-remove,
 .animate-hide.ng-hide-add.ng-hide-add-active {
     opacity: 0;
     display: block !important;
 }

 .animate-hide.ng-hide-add,
 .animate-show.ng-hide-remove.ng-hide-remove-active {
     opacity: 1;
     display: block !important;
 }

/* The container */
.custom-checkbox-container {
  display: block;
  /*padding-left: 35px;*/
  /*margin-bottom: 12px;*/
  margin-top: 5px;
  cursor: pointer;
  /*font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.row-vcentered {
    display: flex;
    align-items: center;
}

/* Hide the browser's default checkbox */
.custom-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  border-color: #e3e0e0;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: inherit;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox-container .checkmark:after {
  width: 5px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.closable {
  transition: max-height 0.2s ease-out;
  overflow: hidden;
  }


.messaggioRestituzione {
	background-color: #ffd700!important;
}


body {
  font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
  font-style: normal;
}
select, button, textarea, input{
	font-weight:normal !important;
}

.validazione-error {
	background-color: #f3c2c8 !important;
    background-image: linear-gradient(to right, #e47287 0%, rgb(152, 43, 82) 100%) !important;
}

.validazione-ok {
	background-image: linear-gradient(to right, #1f6ff7 70%, rgb(17, 79, 156) 100%);
  	background-color: #023da9;
}

.tab-pane.entityDisabilitata .well,
.entityDisabilitata {
	background-color: gold !important;
}

.iterTerminato .tab-pane.entityDisabilitata .well,
.iterTerminato .entityDisabilitata{
	background-color: #eee !important;
}

.btn-warning-2{
	background-color: burlywood !important;
	color: white;
}

option:not(entityDisabilitata){
	background-color: white !important;
}

.aooSelectInherit{
    display: inherit !important;
    width: 90% !important;
}

.modal-wide .modal-dialog {
  width: 60%;
}

.modal {
	  text-align: center;
	  padding: 0!important;
	  overflow-y: auto;
	}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.alert-disabled {
    color: #b9b5b5;
    background-color: #efefef;
    border-color: #c7c1c2;
}

.striked{
	text-decoration: line-through;
}

.ui-select-match-text{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 40px;
}

.ui-select-toggle > .btn.btn-link {
  margin-right: 10px;
  top: 6px;
  position: absolute;
  right: 10px;
}

div.search-no-result{
	text-align:center;
	min-height:200px;
}

div.risposte-no-result{
	text-align:center;
	min-height:100px;
}

div.crud-search{
	min-height:300px;
}

.white .note-editor .note-editing-area .note-editable[contenteditable="false"]{
	background-color: #FCFCFC !important;
}

.spinEffect{
  -webkit-animation: spin 0.5s infinite linear;
}

.bordered-span{
	display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

th.scrivania{
	word-break:break-word;
}

td.scrivania{
	word-break:break-all;
}

.wordBreak{
	word-break:break-all;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.chipsdemoContactChips md-content.autocomplete {
  min-height: 250px; }
.chipsdemoContactChips .md-item-text.compact {
  padding-top: 8px;
  padding-bottom: 8px; }
.chipsdemoContactChips .contact-item {
  box-sizing: border-box; }
  .chipsdemoContactChips .contact-item.selected {
    opacity: 0.5; }
    .chipsdemoContactChips .contact-item.selected h3 {
      opacity: 0.5; }
  .chipsdemoContactChips .contact-item .md-list-item-text {
    padding: 14px 0; }
    .chipsdemoContactChips .contact-item .md-list-item-text h3 {
      margin: 0 !important;
      padding: 0;
      line-height: 1.2em !important; }
    .chipsdemoContactChips .contact-item .md-list-item-text h3, .chipsdemoContactChips .contact-item .md-list-item-text p {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  @media (min-width: 900px) {
    .chipsdemoContactChips .contact-item {
      float: left;
      width: 33%; } }
.chipsdemoContactChips md-contact-chips {
  margin-bottom: 10px; }
.chipsdemoContactChips .md-chips {
  padding: 5px 0 8px; }
.chipsdemoContactChips .fixedRows {
  height: 250px;
  overflow: hidden; }

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  width: 400px
}

#esterni .md-autocomplete-suggestions li {
  white-space: nowrap !important;
}

.destinatari-notifica .ui-select-bootstrap > .ui-select-choices {
    width: 45% !important;
}

.md-autocomplete-suggestions li {
  white-space: normal;
  line-height: 20px;
}

.md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email{
	overflow: visible;
}
 .md-contact-suggestion .md-contact-name {
 	margin-left: 0px;
    width: 100%; }

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(7XUFZ5tgS-tD6QamInJTcSo_WB_cotcEMUw1LsIE8mM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(7XUFZ5tgS-tD6QamInJTcZSnX671uNZIV63UdXh3Mg0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/*
.cifra2-brand{
  float: left;
  display: block;
  height:48px;
  width: 48px;
  max-height: 48px;
  overflow: visible;
  background-image: url('../../assets/images/logo.png')  ;
}
*/

.custom-container-navbar{
    margin-top: 25px;
    /*margin-bottom: 25px;*/
}

.help-desk-info{
	padding-top: 70px;
}

.custom-footer{
	background-color: #a4d2e2 !important;
    min-height: 80px !important;
    color: #003270 !important;
    padding-top: 10px;
}

.custom-navbar-brand {
	margin-left: 370px !important;
}

.custom-navbar{
	margin-bottom : 40px !important;
}

.banner-regione{
	background:url("../../assets/images/logo.png") no-repeat scroll 0 0 rgba(0,0,0,0);
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	vertical-align:middle;
	position:absolute;
	top:0;
	height:96px;
	width:393px;
}



.navbar-default {
  background-color: #a4d2e2;

}
.navbar-default .navbar-brand {
  color: #0C77B8;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #0C77B8;
}
.navbar-default .navbar-nav > li > a {
  color: #0C77B8;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #a4d2e2;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #0C77B8;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.active > a  {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #0C77B8;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  color: #ffffff;
  background-color: #0C77B8;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #0C77B8;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #0C77B8;
}
.navbar-default .navbar-toggle {
  border-color: #0C77B8;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #0C77B8;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #0C77B8;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #0C77B8;
}
.navbar-default .navbar-link {
  color: #0C77B8;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #0C77B8;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #0C77B8;
  }
}

.dropdown-submenu:hover>.dropdown-menu{
    display:block;
}
.dropdown-submenu> .dropdown-menu{

    background-color: #a4d2e2;
    top:0;
    left:100%;
}
.dropdown-submenu> .dropdown-menu > li > a{
 color: #0C77B8;
}

.dropdown-submenu> .dropdown-menu > li > a:hover, .dropdown-submenu> .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #0C77B8;
}


div.cifra-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}

div.cifra-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

div.cifra-tab-menu div.list-group{
  margin-bottom: 0;
}

div.cifra-tab-menu div.list-group>a{
  margin-bottom: 0;
}

div.cifra-tab-menu div.list-group>a .glyphicon,
div.cifra-tab-menu div.list-group>a .fa {
  color: #0C77B8;
}

div.cifra-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}

div.cifra-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}

div.cifra-tab-menu div.list-group>a.active,
div.cifra-tab-menu div.list-group>a.active .glyphicon,
div.cifra-tab-menu div.list-group>a.active .fa{
  background-image: linear-gradient(to right, #1f6ff7 70%, rgb(17, 79, 156) 100%);
  background-color: #023da9;
  color: #ffffff  !important;

}

div.cifra-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid rgb(17, 79, 156);
}

div.cifra-tab-content{
  background-color: #ffffff;
  padding-left: 0px;
  padding-top: 10px;
}

div.cifra-tab div.cifra-tab-content:not(.active){
  display: none;
}

div.cifra-tab-content .row.title{
  margin-top: 30px;
}

div.cifra-tab-content .row.last{
  margin-bottom: 60px;
}

.grid {
  width: 100%;
}

.third-width {
  width: 33%;
}

.twenty-width {
  width: 20%;
}

.drop-box {
    background: #F8F8F8;
    border: 2px dashed #DDD;
    width: 100%;
    text-align: center;

}
.dragover {
    border: 2px dashed blue;
}


.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}

.angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}


/* --- Tree --- */
.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}
.tree-node-content {
    margin: 10px;
}
.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-handle:hover {
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.padded-lr {
	padding-left: 10px;
	padding-right: 10px;
}
.aligned-r {
	text-align: right;
	width: 100%;
}

.word-wrap {
	word-wrap: break-word;
}

/* ==========================================================================
Hide ng-cloak on page load, https://docs.angularjs.org/api/ng/directive/ngCloak
========================================================================== */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/* ==========================================================================
Developement Ribbon
========================================================================== */
.development {
    position: absolute;
    width: 149px;
    height: 149px;
    top: 0;
    left: 0;
    border: 0;
    z-index: 1000;
    background-image: url("../images/development_ribbon.png");
    background-position: center center;
    background-repeat: no-repeat;
}

/* ==========================================================================
Version number in navbar
========================================================================== */
.navbar-title {
  padding-left:2px;
  font-size: 2vw;
  color:#337ab7
}

.navbar-version {
  color:#337ab7;
  font-weight: normal;
  font-size: smaller;
}

/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.hero-unit {
    margin: 0px auto 0 auto;
    width: 300px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    background-color: #eee;
    border-radius: 6px;
    padding: 0px;
}

.hero-unit h1 {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
}

.error {
    color: white;
    background-color: red;
}

a.list-group-item.padding{
	padding-top:18px;
	padding-bottom:18px;
}

a.list-group-item.error{
	color: #555 !important;
    background-color: #f3c2c86b !important;
    background-image: linear-gradient(to right, #e890a02e 0%, rgba(234, 201, 213, 0) 100%) !important;
}

a.list-group-item.error:hover{
	color: #555 !important;
}

a.list-group-item.error .fa{
	background-color: transparent !important;
	color: rgb(152, 43, 82) !important;
    background-image: unset !important;
}


a.list-group-item.error.active .fa{
	background-color: transparent !important;
}

a.list-group-item.error.active{
	border-color: rgb(152, 43, 82) !important;
	background-color: #f3c2c8 !important;
    background-image: linear-gradient(to right, #e47287 0%, rgb(152, 43, 82) 100%) !important;
}

div.cifra-tab-menu div.list-group>a.error.active:after{
	border-left: 10px solid rgb(152, 43, 82) !important;
}

a.list-group-item.error:hover .fa{
	color: #555 !important;
}

.hipster {
    display: inline-block;
    width: 347px;
    height: 497px;
    background: url("../images/hipster.png") no-repeat center top;
    background-size: contain;
}

/* wait autoprefixer update to allow simple generation of high pixel density media query */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .hipster {
        background: url("../images/hipster2x.png") no-repeat center top;
        background-size: contain;
    }
}

.hand {
    cursor: pointer;
}

#threadDump .popover, #healthCheck .popover {
    top: inherit;
    display: block;
    font-size: 10px;
    max-width: 1024px;
}

#healthCheck .popover {
    margin-left: -50px;
}

.health-details {
    min-width: 400px;
}

.alert .popover pre {
    font-size: 10px;
}

.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

/* start Password strength bar style */
ul#strength {
    display:inline;
    list-style:none;
    margin:0;
    margin-left:15px;
    padding:0;
    vertical-align:2px;
}

.point:last {
    margin:0 !important;
}
.point {
    background:#DDD;
    border-radius:2px;
    display:inline-block;
    height:5px;
    margin-right:1px;
    width:20px;
}
/* end Password strength bar style */

.page {
  size:"A4" ;
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
@media print {
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;
  }
}

/* ==========================================================================
TaskDeskTop Slide-panel
========================================================================== */
#slide-panel {
    width:150px;
    height:800px;
    padding:10px;
    background:#eee;
    margin-left:-150px;
    float: left;
    max-width: 150px;
}
#opener {
    float:right;
    margin:-10px -50px 0px 0px;
    border-radius:0;
}
#contentpanel
{
    height: 500px;
    width: 100%;
    float: left;
	padding-left: 5%;
}



a.disabled {
    color: #AAAAAA;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}

.fixed-width {
    width: 100px;
}
.fixed-small-width {
    width: 50px;
}
.fixed-width-200{
    width: 200px;
}
.fixed-width-150{
    width: 150px;
}

.table > thead > tr > th{
	vertical-align: middle;
}
.pagination > li > a, .pagination > li > span{
	cursor: pointer;
}

/* PAGINATION STYLE*/

.pagination-result {
  font-size: 12px;
  margin: 0 !important;
  padding-bottom: 3px;
}

.nav-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  margin-top: 20px;
}

.pag-con-titolo{
  justify-content: space-between !important;
}

.pagination-new{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}

.no-margin{
  margin: 0 !important;
}

/* CUSTOM STYLE */
th.fixed-width {
	width: 200px;
}
th.limited-width {
	max-width: 100px;
}
th.limited-width > div > div > span.form-control {
	min-height: 34px;
	height: auto;
}

th.limited-width .ui-select-match-text.pull-left.ui-select-allow-clear {
	white-space: normal;
}

.truncate {
	width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* TOOLTIP/POPOVER START */

.tooltip .tooltip-inner {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 15px;
 	/* background-color: #fff;
  color: #000;
  border: 3px solid #23527C; */
  background-color: #17324D;
  color: #fff;
  border-radius: 5px;
  font-family: 'Titillium Web', sans-serif !important;

}

.tooltip-inner {
	max-width: 550px;
	min-width: 550px;
	max-height:600px;
	text-align: left;
	overflow-y: auto; 
}

.tooltip.in {
  opacity: 1;
}

.popover .popover-title{
  width: 600px !important;
  height: auto !important;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 15px;
 	background-color: #fff !important;
  color: #000 !important;
  /* border: 3px solid #23527C !important;  */
  border-radius: 5px;
  font-family: 'Titillium Web', sans-serif !important;

}

.popover{
  max-width: 800px !important;
}

.popover-content{
  padding: 0 !important;
}

.popover-title{
border-bottom: none !important;
}

/* TOOLTIP/POPOVER END */

.table-responsive {
	overflow-x: auto;
	background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 218, 231, 0.8)), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255, 218, 231, 0.8)), color-stop(100%, rgba(195, 195, 197, 0)));
	background-image: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, rgba(255, 218, 231, 0.8), rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, rgba(255, 218, 231, 0.8), rgba(195, 195, 197, 0));
	background-image: -moz-linear-gradient(left, white, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, white, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, rgba(255, 218, 231, 0.8), rgba(195, 195, 197, 0)), -moz-linear-gradient(right, rgba(255, 218, 231, 0.8), rgba(195, 195, 197, 0));
	background-image: -o-linear-gradient(left, white, rgba(255, 255, 255, 0)), -o-linear-gradient(right, white, rgba(255, 255, 255, 0)), -o-linear-gradient(left, rgba(255, 218, 231, 0.8), rgba(195, 195, 197, 0)), -o-linear-gradient(right, rgba(255, 218, 231, 0.8), rgba(195, 195, 197, 0));
	background-image: linear-gradient(left, white, rgba(255, 255, 255, 0)), linear-gradient(right, white, rgba(255, 255, 255, 0)), linear-gradient(left, rgba(255, 218, 231, 0.8), rgba(195, 195, 197, 0)), linear-gradient(right, rgba(255, 218, 231, 0.8), rgba(195, 195, 197, 0));

	background-position: 0 0, 100% 0, 0 0, 100% 0;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 4em 100%, 4em 100%, 1em 100%, 1em 100%;
	background-attachment: local, local, scroll, scroll;
}

/*
@media screen and (max-width: 500px){

}
*/

.table-responsive .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #ffffff;
}

.table-responsive .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f5f5f5;
}


/* ==========================================================================
ODG ui tree node concatenate list
========================================================================== */

.ui-tree-concatenate-node-theme .header-title{
    margin-bottom: 0px;
    padding: 5px;
    background-color: #0C77B8;
    color: #ffffff;
    border-radius: 5px 5px 0px 0px;
}

.ui-tree-concatenate-node-theme .bordered-ol{
	border: 1px solid #dae2ea;
}

.bs-callout-sm {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout {
    padding: 15px;
    margin: 15px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout, .bs-callout-sm h3 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout, .bs-callout-sm h3  p:first-child {
    margin-top: 5px;
}
.bs-callout, .bs-callout-sm p:last-child {
    margin-bottom: 0;
}
.bs-callout, .bs-callout-sm code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: 5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h3 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h3 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-full-success {
    border-color: #5cb85c;
    background-color: beige;
}
.bs-callout-success h3 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h3 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h3 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h3 {
    color: #5bc0de;
}
.bs-callout-danger-new {
  border-left-color: #995C00;
}
.half-size {
    height: 20px;
}

/* DIOGENE FORM START */

* {
  -webkit-font-smoothing: antialiased;
}
#diogene.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#diogene.past-users-filter {
    cursor:pointer;
    margin-left:20px;
}
#diogene.no-results {
  padding-left:20px;
  padding-bottom:10px;
}

/*matched result from search*/
#diogene.matched {
    font-weight:700 !important;
}

/*wraps entire selector*/
#diogene.hierarchy-wrap {
    background: #FFFFFF;
    border:1px solid #ccc;
    border-radius:5px;
}
/* past users + search */
#diogene.hierarchy-header {
    padding:10px;
}

#diogene .hierarchy-header .search-wrap {
    margin-bottom:5px;
}

#diogene .angular-ui-tree-handle {
    color: black;
    padding: 5px;
    font-weight:normal;
    cursor:pointer;
}

#diogene .angular-ui-tree-nodes .angular-ui-tree-nodes { padding-left:0; }
.angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
    padding-left:10px;
}
#diogene .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
    padding-left:20px;
}

#diogene .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .angular-ui-tree-nodes .node-embed {
    padding-left:30px;
}


#diogene .angular-ui-tree-handle:hover {
    color: black;
    background: #f5f5f5;
}
#diogene .angular-ui-tree-handle{
    color: black;
    background: #fcfcfc;
    cursor: default;
}

#diogene .node-header {
    padding-right:5px;
}

#diogene .nodeActive {
    background:#deeaf9;
}

#diogene .nodeActive:hover {
    background: #428bca;
    color:#FEFEFA;
}

#diogene .angular-ui-tree-handle i {
    color:black;
}
/* DIOGENE FORM END */

/*.table.storico-ante-cifra1 > thead > tr > th, .table.storico-ante-cifra1 > tbody > tr > th,
.table.storico-ante-cifra1 > tfoot > tr > th, .table.storico-ante-cifra1 > thead > tr > td,
.table.storico-ante-cifra1 > tbody > tr > td, .table.storico-ante-cifra1 > tfoot > tr > td {
    padding: 8px 0 8px 0;
}*/

.table > thead > tr > th input {
    width: 100%;
}

.loader4:before,
.loader4:after,
.loader4 {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load4 1.8s infinite ease-in-out;
  animation: load4 1.8s infinite ease-in-out;
}
.loader4 {
  margin-bottom: 3em;
  font-size: 12px;
  position: relative;
  text-indent: -9999em;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.loader4:before {
  left: -3.5em;
}
.loader4:after {
  left: 3.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.loader4:before,
.loader4:after {
  content: "";
  position: absolute;
  top: 0;
}
@-webkit-keyframes load4 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #7b7272;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #FFF;
  }
}
@keyframes load4 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #7b7272;

  }
  40% {
    box-shadow: 0 2.5em 0 0 #765;
  }
}

.ui-select-match[disabled="disabled"] {
	cursor: not-allowed;
}

.ui-select-match[disabled="disabled"] > .ui-select-toggle[disabled="disabled"] {
	opacity: 1;
	background-color: #eee;
}

.disponibilita th, .disponibilita td {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid black;
	border-collapse: collapse;
}

.disponibilita {
	border: 1px solid black;
	border-collapse: collapse;
	width: 100%;
	font-family: 'Titillium Web', sans-serif !important;
}
.disponibilita-capitolo th, .disponibilita-capitolo td {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid white;
	border-collapse: collapse;
}

.disponibilita-capitolo {
	border: 1px solid white;
	border-collapse: collapse;
	width: 100%;
	font-family: 'Titillium Web', sans-serif !important;
}

.allegati-table-info-aggiuntive th {
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #00000021;
	border-collapse: collapse;
}

.allegati-table-info-aggiuntive td {
	padding-right: 10px;
	border: 1px solid #00000021;
	border-collapse: collapse;
}

.allegati-table-info-aggiuntive td:first-child{
	padding-left: 10px;
}

.checkmark-fatture {
  border-color: #e3e0e0;
  height: 12px;
  width: 12px;
  margin-left: 10px;
  padding: 0px;
}

.autocomplete-list {
	position: absolute;
	padding: 0px;
	z-index:999;
}

.autocomplete-list-item {
	list-style: none;
	border: 1px solid black;
	cursor: default;
	width: 150px;
	background-color: white;
	padding: 5px;
}

.autocomplete-list-item:hover {
	background-color: #337ab7;
}

.table > thead > tr > th.scrivania {
    vertical-align: bottom;
}

.scrivania .input-group .ui-select-bootstrap.dropdown{
	position: sticky;
}

.scrivania select{
	z-index:0 !important;
}

.search-head{
	display: flex; 
	flex-direction: row; 
	justify-content: space-around; 
	align-items: center; 
	margin-bottom: 20px;
}

.thead-tabs{
	list-style: none;
	background-color: #f5f5f5; 
	border-radius: 4px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.tr-pagination{
	list-style: none;
	background-color: #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.hdnews tr:nth-child(even) {
  background-color: #f5f5f5;
}

.hdnews tbody{
	display:block; 
	height:200px; 
	overflow-y: auto;
	overflow-x: hidden;
}

.hdnews thead tr{
	font-weight: bold; 
	display:block;
}

.hdnews-list{
	border-bottom: 1px solid #ddd !important;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
}

.hdnews-text{
	white-space: pre-wrap !important;
}


.hdnews-view{
  font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
  font-style: normal;
}

.hdnews-view-title{
	width: 22%;
}

.hdnews-view span{
	font-weight: bold;
}

.hdnewsview tbody{
	display:block; 
	height: 50vh;
	overflow-y: auto;
	overflow-x: hidden;
	border: none;
}

.hdnewsview thead tr{
	font-weight: bold; 
	display:block;
}

.modal-hdnews-view{
	width: 65% !important;
}

.modal-hdnews-show{
  	width:45% !important;
}

.modal-hdnews-show-content{
	height: 70vh !important;
}

.hdnews-btn{
	text-align: center !important;
}

.container-news {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
}

.restituzione-icon{
	display: flex;
  	font-size: 12px;
  	align-items: center !important;  	
  	align-content: center !important;
}

.restituzione-list{
	display: flex;
	flex-direction: row;
	align-items: center;

}

.fatt-sospese-true{
	color: red;
}

.fatt-sospese-false{
	color: grey;
}

.tooltip-150 .tooltip-inner {
  max-width: 150px !important;
  min-width: 150px !important;
  text-align: center;
}
.tooltip-150-accorpati .tooltip-inner {
  max-width: 150px !important;
  min-width: 150px !important;
  text-align: center;
  transform: translateX(-50px) !important;

}
.tooltip-200-accorpati .tooltip-inner {
  max-width: 200px !important;
  min-width: 200px !important;
  text-align: center;
  transform: translateX(-50px) !important;

}

.tooltip-200 .tooltip-inner {
  max-width: 200px !important;
	min-width: 200px !important;
}

.tooltip-250 .tooltip-inner {
  max-width: 250px !important;
	min-width: 250px !important;
}

.tooltip-300 .tooltip-inner {
  max-width: 300px !important;
	min-width: 300px !important;
  z-index: 1000 !important;
}
.tooltip-400-accorpati .tooltip-inner {
  max-width: 400px !important;
	min-width: 400px !important;
  z-index: 2147483647 !important;
  transform: translateX(200px) !important;
  transform: translateY(12px) !important; 
}

.tooltip-350 .tooltip-inner {
  max-width: 350px !important;
  min-width: 350px !important;
}

.tooltip-325 .tooltip-inner {
  max-width: 325px !important;
  min-width: 325px !important;
  z-index: 1000;
  text-align: center;
}

.tooltip-325-accorpati .tooltip-inner {
  max-width: 325px !important;
  min-width: 325px !important;
  z-index: 1000;
  text-align: center;
  transform: translateX(-100px) !important;
}
.tooltip-capitolo .tooltip-inner {
  max-width: 600px !important;
  min-width: 600px !important;
  z-index: 1000;
  transform: translateX(-200px) !important;
}


.sposta-sx-100{
  transform: translateX(-100px) !important;
}

.scrivania-tabs > li > a:hover {
	 height: 65px !important;
}

.scrivania-tabs > li.active > a,
.scrivania-tabs > li.active > a:hover,
.scrivania-tabs > li.active > a:focus {
	height: 65px !important;
}


.hidden-element {
  display: none;
  text-align: left !important;
  font-weight: normal !important;
  
}

.parent-element:hover 
.hidden-element {
	padding: 5px;
	 font-size: 15px;
	 background-color: #fff;
	 color: #000;
	 border: 4px solid rgb(255, 0, 0);
	 display: block;
	 height: 60px;
	 width: 300px;
	 z-index:5000;
	 position: absolute;
 }
 
.position-right{
  right: 50px;
 }
   
 .position-center{
  right: 30px;
 }
 @media (min-width: 900px) {
 .position-center{
  right: 650px;
 }}
 
 .table-msg tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.table-msg tbody{
	display:block; 
	overflow-y: auto;
	overflow-x: hidden;
}

.table-msg thead tr{
	background-color: #fff !important;
	font-weight: bold; 
	display:block;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	height:50px; 
	padding: 5px;
}

.table-msg tr{
 height:50px; 
 border-bottom: 1px solid #ddd;
}

.export table{
	border: 1px solid #ddd;
	width: 100%;
	width: 100%;
	border: 1px solid blue;
}

.export td{
	border: 1px solid #ddd;
}

.export th{
	padding: 15px;
	border: 1px solid #ddd;
	color: #337ab7;
}

.square {
  height: 13px;
  width: 13px;
  max-width: 13px;
  color: #fff;
  font-size: 9px;
  border-radius:1px;
}

.square-testa{
  display: block;
  height: 13px;
  width: 13px;
  max-width: 13px;
  color: #fff;
  font-size: 9px;
  border-radius:1px;
  background-color: black;
  margin-left: 2px;
}

.restituita{
  background-color: black;
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
}

.non-restituita{
  background-color: #D3D3D3;
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
}

.accordion{
  background-color: #F5F5F5;
  border-color: #DDDDDD;
  border-radius: 10px;
  -webkit-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
  -moz-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
  box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
  padding: 10px;
  margin-top: 15px; /*distanza dal menu*/
  z-index: 2000 !important;
}

.accordion-container{
  display: flex;
  flex-direction: column;
  
}

.accordion-container-campi {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.accordion-container-campi input{
  height: 32.6px;
  border-radius: 5px;
  border-color: #f5f5f5;
  font-family: 'Titillium Web', sans-serif;
  font-size: 14px;
  font-style: normal;
  padding: 10px;
  border: 1px solid #ccc !important;
  border-radius: 5px;
  outline: none;
  }

  .accordion-campi-detail .ui-select-multiple.ui-select-bootstrap{
    border: 1px solid #ccc !important;
  }

  .accordion-campi-detail .ui-select-multiple.ui-select-bootstrap input{
    border: none !important;

  }
  
  .accordion-container-campi input:focus{
    border-color: #23527C;
  }

  .accordion-container-campi select{
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #ccc !important;
    font-size: 14px;
    font-style: normal;
  }


.accordion-column{
  display: flex;
  flex-direction: column;
  padding: 5px;
}

.accordion-campi{
  flex-direction: column;
  padding: 5px;
}

.accordion-campi-detail{
  display: flex;
  flex-direction: column;
  padding: 5px;
}

.accordion-pulsanti{
  display: flex; 
  flex-direction: row;
  justify-content:flex-end; 
  padding: 10px;
}

.btn-collapse{
  display: flex; 
  flex-direction: row; 
  justify-content: space-between;
}

.accordion .btn:focus {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.accordion .btn:hover {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}


.benef-accordion .btn:focus {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.benef-accordion .btn:hover {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}


.width-100{
  width: 100%;
}

/*
.width-50{
  width: 50%;
}*/

.width-20{
  width: 20%;
}

.width-15{
  width: 15%;
}

.card-header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
  align-items: center;
}

.card-header button{
  font-size: 16px;
  font-weight: bold !important;
  font-family: 'Titillium Web', sans-serif;
}

/*menu scrivania*/
.nav-pills > .active > a,.nav-pills > .active > a:hover,
.nav-pills > li > a:hover {
  color: #337AB7 !important;
  background-color: transparent !important;
  text-decoration: none;
  font-weight: bold;
  border-radius:0px;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #337AB7;
}
 .nav-pills > li > a{
   border-radius:0px;
 }

 .pagination-scrivania > .active > a,.pagination-scrivania > .active > a:hover,
.pagination-scrivania > li > a:hover {
  border-bottom: 3px solid #337AB7 !important;
  background-color: transparent !important;
  color: #337AB7;
  font-weight: bold;
  padding: 7px !important;
  margin: 0 !important;
 }

 .pagination-scrivania > li > a{
  border: none !important;
  padding: 7px !important;
  margin: 0 !important;
  color: #dddddd;
}

.icon-size-10{
  font-size: 8px;
  font-weight: bold;
  padding: 5px !important;
  margin: 0 !important;
  color: #337AB7;
}



.scrollable-table{
  height: 800px;
  width: 100%;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  margin-top: 20px;
}

.scrollable-table > .table{
  width: 100%;
}

.sticky th{
  position: sticky;
  top: 0;
  background-color: #f5f5f5 !important;
  color: #337AB7;
  font-weight: bold;
  z-index: 1000 !important;
}

.sticky tr{
  scroll-snap-align: start;
}



.button-azioni{
  border: none !important;
  background-color: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}

.azioni{
  width: 200px;
  border: 1px solid #337AB7;
  font-family: 'Titillium Web', sans-serif !important;
  transform: translateX(-80%) !important;
  background-color: #FFFFFF !important;
  transition: 0.5s ease-in-out;
  padding: 10px;
  color: #337AB7;
  font-weight: bold !important;
  padding: 3px 20px;
  font-size: 14px !important;
}



.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 0.3s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.azioni a{
  color: #337AB7 !important;
  font-weight: bold !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 0 !important;

}

.azioni span{
  color: #337AB7 !important;
  background-color: inherit !important;
  font-weight: bold !important;
  font-size: 14px !important;

}

.azioni li{
  padding: 5px;
  font-weight: bold !important;
  font-size: 14px !important;

}

.azioni li:hover{
  color: #337AB7 !important;
  background-color: #f5f5f5;
  font-weight: bold !important;
  font-size: 14px !important;

}

.azioni a:hover{
  background-color: #f5f5f5;
  text-decoration: none;
  font-weight: bold !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.azioni button{
  color: #337AB7 !important;
  font-family: 'Titillium Web', sans-serif !important;
  border: 0 !important;
  background-color: inherit !important;
  font-weight: bold !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;

}

.chips{
  width: 130px;
  height: 35px;
  border: 2px solid #cccccc;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  background-color: #f5f5f5;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  padding: 15px;
  font-weight: bold;
}

@media (max-width: 1920px) {
  .chips-container{
    flex-direction: column;
    display: flex;
  }
  .chips-large{
    width: 100%;
    height: 55px;
    margin-bottom: 5px;
    align-items: center;
  }
  .chips-container-large{
    display: flex;
    flex-direction: column;
  }
  
  .chips-large-100{
    width: 100%;
    height: 55px;
    margin-bottom: 5px;
    align-items: center;
    justify-content: center !important;
  }
}

.chips label input{
  margin: 0 !important;
  padding: 5px;
}

@media (min-width: 1920px) {
  .chips-container{
    display: flex;
    flex-direction: row;
  }
  .chips-large{
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    align-items: center;
  }
  .chips-container-large{
    display: flex;
    flex-direction: column;
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .chips-large-100{
    width: 100%;
    height: 35px;
    margin-bottom: 5px;
    align-items: center;
    justify-content: center !important;
  }
}




.chips-label{
  font-weight: bold;
  padding: 5px;
}

.separatore{
  border-bottom: 2px solid #cccccc;
}


.new-breadcrumb{
  background-color: inherit !important;
  font-size: 13px;
}

.element-inpage select{
  width: 50px;
  background-color: inherit !important;
  border: none !important;
  font-size: 12px;
  font-family: 'Titillium Web', sans-serif !important;
  margin-top: 10px;
}

.azioni-li{
  color: black !important;
  font-family: 'Titillium Web', sans-serif !important;
  border: 0 !important;
  background-color: inherit !important;
  font-size: 13px !important;
}

.dropdown-anno{
  padding: 6px;
  width: 5%;
  border-radius: 5px;
  border: 1px solid #DDDDDD;
  font-family: 'Titillium Web', sans-serif !important;
}

/*SEZIONI ATTO START*/

.title-principale{
  color: black !important;
  font-family: 'Titillium Web', sans-serif !important;
  font-size: 20px !important;
  font-weight: bold;
  display: flex;
  flex-direction: row;
}

.title-principale-top-show{
  color: black !important;
  font-family: 'Titillium Web', sans-serif !important;
  font-size: 18px !important;
  font-weight: bold;
  display: flex;
  flex-direction: column;
}

.note-sezione{
  font-weight: normal;
  font-size: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(2px);
}

.title-sezione{
  width: 100%;
  color: black !important;
  font-family: 'Titillium Web', sans-serif !important;
  border-bottom: 2px solid dimgray;
  font-size: 16px !important;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}

.title-sezione-primo{
  width: 100%;
  color: black !important;
  font-family: 'Titillium Web', sans-serif !important;
  border-bottom: 2px solid dimgray;
  font-size: 16px !important;
  font-weight: bold;
  margin-bottom: 10px;
}

.back-top-show a.disabled{
    color: white !important;
    cursor: none !important;
    pointer-events: none !important;
    text-decoration: none !important;
}

.back-top a.disabled{
  color: white !important;
  cursor: none !important;
  pointer-events: none !important;
  text-decoration: none !important;
}

.width-50{
  width: 49%;
  margin-right:1%;
}

.width-50-no-margin{
  width: 50%;
}

.width-90{
  width: 99.5%;
  margin-right:0.5%;
}

.width-30{
  width: 33.3%;
  margin-right: 0.5%;
}

.width-30-no-margin{
  width: 34%;
}


.campi-atto{
  display: flex;
  flex-direction: row;
}

.campi-atto input, select{
  font-family: 'Titillium Web', sans-serif !important;
}

.back-top{
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 font-weight: bold !important;
 font-size: 12px !important;
}

.back-top-show{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 2px;
  font-weight: bold !important;
  font-size: 12px !important;
  align-items: center;
  align-content: center;
 }
 

.back-version{
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 16px;
}

.back-sezione-corrente{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 14px;
}

.pulsanti-top-show{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  height: 45px;
  position: absolute;
  bottom: 8px;
}

.pulsanti-decisioni-top-show{
  transform: translateY(-10px);
}

.pulsanti-decisioni-top-show-del{
  transform: translateY(10px);
}

.pulsanti-top-show li{
  list-style: none;
}

.nuovo-atto{
  height: 90px !important;
}

.show-del{
  height: 130px !important;
}

.pulsanti-decisioni-top-show-nuovo-atto{
  transform: translateY(20px); 
}



.btn-avanti{
  background-color: #337ab7;
  border-radius: 5px;
  width:55px;
  padding: 10px;
}

.btn-avanti a{
  color: white;
  font-size: 13px;
}

@media (max-width: 1920px) {

  #intestazione-atto {
    position: fixed;
    width: 70%;
    height: 155px;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    top: 10px;
    background: white;
    border: 1px solid lightgray;
    border-radius: 10px;
    -webkit-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    -moz-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    z-index: 1;
    padding-right: 20px;
    padding-left: 20px;
  }

  #intestazione-atto.show {
    top: 30px;
    width: 70%;
    height: 155px;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    transition: 0.5s ease-in-out;
    background: white;
    border: 1px solid lightgray;
    border-radius: 10px;
    -webkit-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    -moz-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    z-index: 1;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 1920px) {

  #intestazione-atto {
    position: fixed;
    width: 70%;
    height: 155px;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    top: 10px;
    background: white;
    border: 1px solid lightgray;
    border-radius: 10px;
    -webkit-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    -moz-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    z-index: 1;
    padding-right: 20px;
    padding-left: 20px;
  }

  #intestazione-atto.show {
    top: 30px;
    width: 70%;
    height: 155px;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    transition: 0.5s ease-in-out;
    background: white;
    border: 1px solid lightgray;
    border-radius: 10px;
    -webkit-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    -moz-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
    z-index: 1;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.padding-5{
  padding:5px;
}

.padding-10{
  padding:10px;
}

.padding-20{
  padding:20px;
}

.padding-tb-10{
  padding-top:10px;
  padding-bottom:10px;
}

.pb-20{
  padding-bottom:20px;

}

.padding-1{
  padding:1px;
}

.margin-b-5{
  margin-bottom: 5px;
}

.margin-b-10{
margin-bottom: 10px;
}

.m-10{
  margin: 10px !important;
}

.mr-2{
  margin-right: 2px;
}

/*BENEFICIATI START*/

.benef-container{
  display: flex;
  flex-direction: column;
  height: 600px; 
  overflow-y: scroll;
  padding: 10px;
}

.benef-container input{
  font-family: 'Titillium Web', sans-serif !important;  
}

.benef-campi{
  display: flex;
  flex-direction: row;
  border-bottom: 2px solid lightgray;
  margin-bottom: 20px;
}

.benef-accordion{
  background-color: #ffffff;
  border-color: #DDDDDD;
  border-radius: 10px;
  -webkit-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
  -moz-box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
  box-shadow: -4px -1px 25px -3px rgba(176,176,176,1);
  padding: 10px;
  margin-top: 15px; /*distanza dal menu*/
  z-index: 2000 !important;
}

.benef-btn{
  display: flex; 
  flex-direction: row; 
  justify-content: flex-end;
}

.font button, input, textarea{
  font-family: 'Titillium Web', sans-serif !important;
}



.card-header-benef{
  padding: 10px;
  align-items: center;
}

.card-header-benef a{
  color: black !important;
  font-size: 16px;
  font-weight: bold !important;
  font-family: 'Titillium Web', sans-serif;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;
}

.card-header-benef a:hover{
  color: #286090 !important;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;

}
/*BENEFICIATI END*/

/*NOTIFICA START*/
.notif-container{
  display: flex;
  flex-direction: column;
}

.notif-campi{
  display: flex;
  flex-direction: row;
  margin-top: 5px;
  align-items: center;
}
/*NOTIFICA END*/

.campi-sottoscr .tree-node-content{
  margin: 2px !important;
  margin-top: 5px !important;
}

/*SEZIONI ATTO END*/

/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: lightgray; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: gray; 
}

.campi-separatore{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  border-bottom: 2px solid grey;
  width: 100%;
  padding: 5px;
  margin: 10px;
}

.campi-radio{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-content: center;
  margin-right: 20px;
}

.button-dx{
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-weight: bold;
}

.button-dx button{
  font-family: 'Titillium Web', sans-serif !important;
}

.filtro-attivo{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center ;
  font-size: 16px;
  font-weight: bold !important;
  font-family: 'Titillium Web', sans-serif;
  color: #337ab7;
  text-transform: uppercase;
}

 /* SWITCH ONOFF START */
 .switch {
  position: absolute;
  display: inline-block;
  width: 36px;
  height: 19px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #337ab7;
}

input:focus + .slider {
  box-shadow: 0 0 1px #337ab7;
}

input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 

.switch-container{
  display: flex; 
  flex-direction: row; 
}

.switch-label{
  padding-bottom: 10px; 
  padding-left: 40px;
  font-weight: bold;
}

 /* SWITCH ONOFF END */

 .notifica-pulsanti{
  display: flex; 
  flex-direction: row; 
  justify-content: flex-start;
 }

 .destinatari-pulsanti{
  display: flex; 
  flex-direction: row; 
  justify-content: space-between;
 }


 /*ALLEGATI START*/

 .allegati-container{
  display: flex;
  flex-direction: row;
  
 }

 .allegati-container ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 99%;
 }
 
 .alleg-accorpati{
  margin-bottom: 14px;
 }

 .allegato{
  border: 2px solid lightgray;
  border-radius: 8px;
  width: 99%;
  display: flex;
  flex-direction: column;
  padding: 20px;
  margin-top: 10px;
 }

 .allegato-top{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
 }

 .allegato-bottom{
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  justify-content: space-between;
 }

 .allegati-dati{
  display: flex;
  flex-direction: column;
 }

 .allegati-titolo{
  font-size: 16px;
  font-weight: bold;
 }

 .allegati-oggetto{
  font-size: 14px;
  font-weight: normal;
 }

 .allegati-pulsanti{
  display: flex;
  flex-direction:row;
  justify-content: flex-end;
 }

 .allegati-pulsanti a{
  font-family: 'Titillium Web', sans-serif;
  font-style: normal;
  font-size: 15px;
  margin-right: 3px;
  /*height: 35px;*/
 }

 .allegati-azioni{
  width: 150px !important;
  border: 1px solid #286090;
  font-family: 'Titillium Web', sans-serif !important;
  transform: translateX(-75%) !important;
  background-color: white;
  transition: 0.5s ease-in-out;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: 286090; 
  font-weight: bold !important;
  padding: 3px 20px;
  font-size: 15px !important;
}

.allegati-azioni-dropdown{  
  border: 1px solid #286090;
}

.allegati-azioni a{
  background-color: white;
  color: #286090 !important; 
  border: 0;
  font-size: 15px !important;
  font-family: 'Titillium Web', sans-serif !important;
  margin: 0 !important;
  padding: 5px !important;
}

.allegati-azioni a:hover{
  font-weight: bold !important;
  cursor: pointer;
}
 .allegati-azioni li{
  padding-left: 10px;
 }

 .incomplete{
  color: red;
  font-weight: bold;
 }


 .allegati-versioni{
  display: flex;
  flex-direction: row;
  padding-right: 5%;
 }

 .allegati-row{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: default !important;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
 }

 /*
 .allegati-row .angular-ui-tree-handle{
  cursor: default !important;
 }
 */

 .allegati-notree{
  border: 1px solid #dae2ea;
  background: #f8faff;
  color: #438eb9;
  margin: 10px;
  cursor: default !important;
 }

 .allegati-notree:hover{
  border: 1px solid #dae2ea;
  background: #f8faff;
  color: #438eb9;
  margin: 10px;
  cursor: default !important;
 }



 .allegati-row-bars{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
 }

 .allegati-bars{
  display: flex; 
  flex-direction: row; 
  align-items: center;
  justify-content: center;
  width: 25px;
  margin: 0 !important;
  padding: 0 !important;
 }

 .allegati-titvers{
  width: 95%;
  display: flex;
  flex-direction: column;
 }

 .allegati-button{
  display: flex;
  flex-direction: row;
  align-items: center;
 }
 
 .allegati-accordion{
  font-size: 18px;
  font-weight: bold;
 }

 .allegati-file{
  font-size: 12px;
  font-weight: lighter;
 }

 .allegati-title-sezione{
  width: 100%;
  color: black !important;
  font-family: 'Titillium Web', sans-serif !important;
  /* border-top: 2px solid dimgray; */
  font-size: 16px !important;
  font-weight:500;
  margin-bottom: 10px;
  margin-top: 10px;
}
.alleg-container{
  display: flex;
  flex-direction: column; 
  height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px;
  z-index: 1 !important;
}

.separatore-sezione{
  border-bottom: 1px solid #ccc;
}
/*

.accordion-container .angular-ui-tree-empty{
  min-height: 0 !important;
  border: none !important;
}

.accordion-container .angular-ui-tree-handle{
 padding-left: 0 !important;
}*/

.spazio-button-allineamento{
  margin-left: 35px;
}

.spazio-icon-allineamento{
  padding-left: 9px;
}

.allegato-invalid-icon{
  display: flex;
  flex-direction: row;
  align-items: center;
align-content: center;
}

#accordionAllegatiNonAccorpati:hover{
  cursor: default !important;
}
 /*ALLEGATI END*/

 .input-search{
  display: flex; 
  flex-direction: row; 
  border: 1px solid #ccc; 
  border-radius: 4px;
  align-items: center;
  justify-content: space-between;
 }

 .icon-search{
  color: grey;
  padding-right: 10px;
 }

 .btn-refresh button{
  border: none;
  color: #428bca;
  padding-left: 25px;
  background-color: white;
  font-size:16px;
 }

 .result-refresh{
  color: #428bca;
  font-size: 13px;
  padding-bottom: 5px;
  padding-left: 8px;
 }

 .sezione-stato{
  font-size: 24px;
  color: #428bca;
 }

 .container-stato{
  display: flex; 
  flex-direction: row; 
  justify-content: flex-start; 
  align-items: center;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 8px;
 }

 /*RUBRICA DESTINATARIO ESTERNO START*/
 .container-dest{
  display: flex;
  flex-direction: column;
 }

 .sezione-privato{
  display: flex;
  flex-direction: row;
 }

 .sezione-top-dest{
  margin-bottom: 10px;
 }

 .sezione-bottom-dest{
  margin-top: 10px;
  height: 70px;
 }

 .sezione-indirizzo{
  margin-bottom: 10px;
 }

 .sezione-tipo-dest{
  margin-bottom: 10px;
 }

 .sezione-mail{
  padding-top: 10px;
  display: flex;
  flex-direction: row;
 }

 .width-33{
  width: 33%;
 }

 .indirizzo-container{
  display: flex;
  flex-direction: row;
  padding-top: 10px;
 }

 .indirizzo-top{
  display: flex;
  flex-direction: column;
 }

 .indirizzo-accordion{
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  margin-top: 15px; /*distanza dal menu*/
  z-index: 2000 !important;
}

.indirizzo-accordion .btn:focus {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.indirizzo-accordion .btn:hover {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

 .alleg-accordion{
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  margin-top: 15px; /*distanza dal menu*/
}

.alleg-accordion .btn:focus {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.alleg-accordion .btn:hover {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}


.card-header-indirizzo{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.card-header-indirizzo button{
  font-size: 14px;
  font-weight: bold !important;
  font-family: 'Titillium Web', sans-serif;
  color: black;
}

.validate-container{
  display: flex;
  flex-direction: row;
}
 /*RUBRICA DESTINATARIO ESTERNO END*/

 /*SEZIONE PUBBLICAZIONE START*/

 .pubbl-container{
  display: flex;
  flex-direction: row;
 }

 .pubbl-campi{
  display: flex;
  flex-direction: column;
 }

 .pubbl-label{
  display: flex;
  flex-direction: row;
 }

 /*SEZIONE PUBBLICAZIONE END*/

 /*SEZIONE DOC E PARERI START*/

 .accordion-title{
  display: flex;
  flex-direction: column;
 }

 .accordion-benef{
  display: flex;
  flex-direction: row;
 }
 .accordion-documenti{

 }

 .accordion-documenti a{
  color: black;
 }

 .accordion-documenti a:focus {
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.accordion-documenti a:hover {
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  color: #286090;
}

.accordion-documenti-no-collapsed{

}

.accordion-documenti-no-collapsed a{
  color: black !important;
  cursor: default !important;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.accordion-documenti-no-collapsed a:hover{
  color: black !important;
  cursor: default !important;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.accordion-docum-title{
  display: flex; 
  flex-direction: row; 
  justify-content: space-between;
}


 /*SEZIONE DOC E PARERI END*/

 .scrivania-row{}
 .scrivania-row tr:hover{
  background-color: grey;
 }

 .f-13{
  font-size: 13px !important;
 }

 .info-impegni{
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 35px;
  border-left: 5px solid #286090;
  border-top: 1px solid #5C6F82;
  border-bottom: 1px solid #5C6F82;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
 }

 /*STILE BARRA INDICATRICE START*/

 .msg-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
    min-height: 45px;
 }

 .outer-info{
  border-left: solid #337AB7;
  border-width: 0 0 0 6px;
 }
 .outer-danger{
  border-left: solid #CC334D;
  border-width: 0 0 0 6px;
 }
 .outer-warning{
  border-left: solid #995C00;
  border-width: 0 0 0 6px;
 }
 .outer-success{
  border-left: solid #008055;
  border-width: 0 0 0 6px;
 }

 .inner-info {
  border: 1px solid #ccc;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-left: 0;
  padding: 10px;
}

 .inner-info i{
  color:#337AB7;
  font-size: 18px;
 }
 .inner-danger i{
  color:#CC334D;
  font-size: 18px;
 }
 .inner-warning i{
  color:#995C00;
  font-size: 18px;
 }
 .inner-success i{
  color:#008055;
  font-size: 18px;
 }

 .warning-special{
  background-color: #fff4cc;
 }

 .msg-info span{
    padding-left: 10px;
 }

 .info-circle{
  color: #337AB7;
  font-size: 14px;
 }


 /*STILE BARRA INDICATRICE END*/

 .div-flex{
  display: flex; 
  flex-direction: row; 
 }


 .info-msg{
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 45px;
  border-left: 3px solid #337AB7;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 5px;
 }

 .pulsanti-anteprima{
  display: flex;
  flex-direction: row;
  margin-right: 2px;
 }

 .pulsanti-azione{
  display: flex;
  flex-direction: row-reverse; 
 }

 .pulsanti-dx{
  display: flex; 
  flex-direction: row;
  justify-content:flex-end; 
  padding-bottom: 5px;
}

.p-rlt-20{
  padding-top:20px;
  padding-right:20px;
  padding-left:20px;
}

/* .btn-default {
  color: #337AB7 !important;
  background-color: #fff;
  border-color: #337AB7 !important;
}
.btn-default:hover {
  color: #fff !important;
  background-color: #337AB7;
  border-color: #337AB7 !important;
} */

.modal-title{
  font-weight: bold;
}

.new-pager{
  padding-left: 0;
  margin: 0;
  text-align: center;
  list-style: none;
}

.popover-content{
	font-family: 'Titillium Web', sans-serif !important;
}