:root {
	--fa-caret-down: "\f0d7";
	--fa-caret-up: "\f0d8";
	--fa-caret-right: "\f0da";
	--fa-caret-left: "\f0d9";
	--fa-folder: "\f07b";
	--fa-home: "\f015";
	--fa-tag: "\f02b";
	--fa-file-alt: "\f15c";
	--fa-book: "\f02d";
	--fa-file: "\f15b";
}

/*.vertical-align:before {
    display: inline-block !important;
    height: 100% !important;
    vertical-align: middle !important;
}*/

textarea {
	width:100%
}

/*.bg-light{
    background-color: #e9ecef!important;
}*/

/*.svg-inline--fa {
    margin-right: 5px !important;
}*/

/*.pager .btn-link{
	background-color: #ffffff;
    border: 1px solid #dfdfdf;
    margin: 1px;
    margin-top: 20px;
}
.pager .btn-link:visited{
	background-color: #ffffff;
    border: 1px solid #dfdfdf;
    color: #fff;
}
.pager .btn-link:hover, .btn-link:active{
	background-color: #dfdfdf;
    border: 1px solid #dfdfdf;
    text-decoration: none;
}

.pager a.btn.disabled, fieldset:disabled a.btn {
	background-color: #0275d8;
    border: 1px solid #0068c1;
    color: #fff!important;
}




/*div[data-schemapath="root"]>label{
	display: none;
}

.je-object__container input:disabled, .je-object__container select:disabled {
	background-color: unset !important;
	border: none;
	margin: 0px;
	padding: 0px;
	height: unset;
	font-style: italic;
}*/

tr.rowfield td {
	background-color: #efeee7 !important;
	padding-top:0px;
	padding-bottom:0px;
	font-style: italic;
}

tr.rowfield td .rowfield-label {
	min-width: 60px;
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
}

tr.rowfield .rowfield-content {
	white-space: pre;
	display: inline-block;
}

input[type=checkbox].form-control {
	width: auto;
	height: auto;
}

.checkbox-aligned {
    position:relative;
    top:2px;
}

.custom-file-upload {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 6px 12px;
	cursor: pointer;
}

.modal-xl {
	max-width: 2000px !important;
	margin-left: 20px;
}

.backdrop {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2000000; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* file upload */
.file-wrapper {
  text-align: center;
  /*width: 350px;*/
  height: 4em;
  vertical-align: middle;
  /*display: table-cell;*/
  position: relative;
  overflow: hidden;
  border: 1px dotted #b5b5b5;
  border-radius: 8px;
  font-size: 14px;
  padding-top: 16px;
  margin-right: 9px;
}

.file-wrapper input {
    position: absolute;
    top: 0;
    right: 0; /* not left, because only the right part of the input seems to be clickable in some browser I can't remember */
    cursor: pointer;
    opacity: 0.0;
    filter: alpha(opacity=0); 
    font-size: 300px; /* wtf, but apparently the most reliable way to make a large part of the input clickable in most browsers */
    height: 200px;
}
.file-wrapper:hover{
	background-color: #e5e5e5;
}
.listaUpload{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: -10px;
}
.radioUpload{
	padding: 0px 6px 0px 6px;
    margin-bottom: 10px;
}

.disableUploadOptions {
  display: none;
}

.textLogoGF{
    font-size: 14px;
    color: #666;
}

/* fine file upload */


/* timeline e fix form manager*/

.h2, h2{
    font-size: 2.0rem;
}
.btn-alpha{
    border: none;
    background: transparent;
}

.blu-accent{
    color: #004393;
}
.blu-accent:hover{
    color: #005ece;
}

.red-accent{
    color: #cc0038;
}

/*.card{
    background: aliceblue;
    border-radius: 5px;
}
.card:after {
    margin-top: 0px;
}*/

/*label step attuale*/
.it-timeline-wrapper .it-pin-wrapper.it-now .pin-text {
    color: #fff;
    background: #cc0038;
}
.it-timeline-wrapper .it-pin-wrapper.it-now .pin-text span:after {
    background: #cc0038;
}
/*pallino step attuale*/
.it-timeline-wrapper .it-pin-wrapper.it-now .pin-icon {
    background: #cc0038;
}

/*label step completato*/
.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-text {
    color: #fff;
    background: #008758;
}
.it-timeline-wrapper .col-12:nth-child(odd) .it-pin-wrapper.it-evidence .pin-text span:after {
    border-color: transparent transparent transparent #008758;
    background: #008758;
}
.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-text span:after{
    background: #008758;
}
/*pallino step completato*/
.it-timeline-wrapper .it-pin-wrapper.it-evidence .pin-icon {
    background: #008758;
}

/*label step futuri*/
.it-timeline-wrapper .it-pin-wrapper .pin-text {
    color: #435a70;
    background: #DAE1E5;
}
.it-timeline-wrapper .it-pin-wrapper .pin-text span:after{
    background: #DAE1E5;
}
/*pallino step futuri*/
.it-timeline-wrapper .it-pin-wrapper .pin-icon {
    background: #DAE1E5;
}
/*barra verticale*/
.it-timeline-wrapper .row:after {
    background: #DAE1E5;
}
.it-timeline-wrapper .it-pin-wrapper {
    top: -5px;
}

.taskToDo{
    text-align: center;
    background-color: #cc003838;
    color: #940000;
    z-index: 1;
    border-radius: 5px;
    min-height: 60px;
    padding: 16px;
    margin-bottom: 25px;
}
.it-timeline-wrapper .row {
    padding-top: 10px;
}
.btn-taskToDo{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #cc0038;
    padding: 0px 10px;
    border-radius: 4px;
    background: #cc0038;
}
.btn-taskToDo:hover{
    color: #fff;
    background: #e2003e;
    text-decoration: none;
}

input:required:invalid {
    border-bottom: 1px solid #CC0038;
}

/* timeline */
.circle {
    padding: 8px 16px;
    border-radius: 50%;
    background-color: #bcc9d0;
    color: #fff;
    max-height: 50px;
    z-index: 2;
}
.how-it-works.row .col-2 {
    align-self: stretch;
}
.how-it-works.row .col-2::after {
    content: "";
    position: absolute;
    border-left: 3px solid #bcc9d0;
    z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
    height: 100%;
    left: 50%;
    top: 0%;
}
.how-it-works.row .col-2.full::after {
    height: 100%;
    left: calc(50% - 3px);
}
.how-it-works.row .col-2.top::after {
    height: 50%;
    left: 50%;
    top: 0;
}

.how-it-works-last.row .col-2 {
    align-self: stretch;
}
.how-it-works-last.row .col-2::after {
    content: "";
    position: absolute;
    border-left: 3px solid #bcc9d0;
    z-index: 1;
}
.how-it-works-last.row .col-2.bottom::after {
    height: 50%;
    left: 50%;
    top: 0%;
}
.how-it-works-last.row .col-2.full::after {
    height: 50%;
    left: calc(50% - 3px);
    top: 0%;
}
.how-it-works-last.row .col-2.top::after {
    height: 50%;
    left: 50%;
    top: 0;
}

.timeline div {
    padding: 0;
    height: 40px;
}
.timeline hr {
    border-top: 3px solid #bcc9d0;
    margin: 0;
    top: 17px;
    position: relative;
}
.timeline .col-2 {
    display: flex;
    overflow: hidden;
}
.timeline .corner {
    border: 3px solid #bcc9d0;
    width: 100%;
    position: relative;
    border-radius: 15px;
}
.timeline .top-right {
    left: 50%;
    top: -50%;
}
.timeline .left-bottom {
    left: -50%;
    top: calc(50% - 3px);
}
.timeline .top-left {
    left: -50%;
    top: -50%;
}
.timeline .right-bottom {
    left: 50%;
    top: calc(50% - 3px);
}

@media only screen and (max-width: 990px) {
  #logoH {
      max-height: 70px;
      margin-right: 15px;
  }
}

#logoH {
    margin-right: 15px;
}

.cursor-pointer {
    cursor:pointer;
}

/* ... */

code {

    display: block;

    color: #325460;
    background-color: #d1ecf1;

    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;

    overflow: auto;

    font-size: 9pt;
    font-family: monospace;

    white-space: pre;
    word-break: normal;

    padding-top: 0px;
    padding-bottom: 1rem;
    padding-left: 0px;
    padding-right: 0px;

}

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


.select2-container {
    /*    z-index: 100000000; */}

.big {
    font-weight:700!important;
    font-size: larger!important;
}

.inspector-label.default {
    border: orange dashed thin !important;
}

.inspector-label.resolved {
    border: green dashed thin !important;
}

.inspector-label.labelize {
    border: red solid 2px !important;
}

.fa-UO:before{content:"\f0c0" !important}
.fa-Amministrazione:before{content:"\f1ad"}
.fa-PersonaGiuridica:before{content:"\f501"}
.fa-Persona:before{content:"\f007"}

.fa-mnone:before{content:"\f059" !important}
.fa-PEC:before{content:"\f0e0" !important; font-size: 15px}
.fa-PEO:before{content:"\f1fa" !important}
.fa-Posta:before{content:"\f674" !important}
.fa-RAR:before{content:"\f543" !important}
.fa-ROL:before{content:"\f362" !important}
.fa-FAX:before{content:"\f1ac" !important}
.fa-Brevimano:before{content:"\f256" !important}
.fa-Altro:before{content:"\f069" !important}

.fa-smistamento-Ready:before{content:"\f500" !important}
.fa-smistamento-Reserved:before{content:"\f007" !important}
.fa-smistamento-InProgress:before{content:"\f4fe" !important}
.fa-smistamento-Completed:before{content:"\f4fc" !important}
.fa-smistamento-Obsolete:before{content:"\f05e" !important}
.fa-smistamento-Skipped:before{content:"\f506" !important}

.fa-smistamento-competenza:before{content:"\f509" !important}
.fa-smistamento-conoscenza:before{content:"\f1e0" !important}

.fa-ALLEGATO:before{content:"\f0c6" !important}
.fa-ANNESSO:before{content:"\f013" !important}

.fa-bg-aoo {
    background-color: var(--danger-color) !important;
    color: white;
}
.fa-bg-folder {
    background-color: var(--warning-color) !important;
    color: white;
}

.fa-bg-fascicolo {
    background-color: var(--primary-color) !important;
    color: white;
}

.fa-bg-titolario {
    background-color: var(--secondary-color) !important;
    color: white;
}

.fa-type-aoo {
    color: var(--danger-color) !important;
}
.fa-type-folder {
    color: var(--warning-color) !important;
}

.fa-type-fascicolo {
    color: var(--primary-color) !important;
}

.fa-type-titolario {
    color: var(--secondary-color) !important;
}

/* Entrata */
.fa-mailstatus-1:before{content:"\f01c" !important}

/* Archiviata */
.fa-mailstatus-2:before{content:"\f187" !important}

/* Scartata */
.fa-mailstatus-3:before{content:"\f1f8" !important}
.mailstatus-3{color: var(--secondary-color) !important;}

/* Inviata */
.fa-mailstatus-4:before{content:"\f1d8" !important}
.mailstatus-4{color: var(--info-color) !important;}

/* Consegnata */
.fa-mailstatus-5:before{content:"\f560" !important}
.mailstatus-5{color: var(--success-color) !important;}
.fa-pec-receipt-avvenuta-consegna:before{content:"\f560" !important}
.pec-receipt-avvenuta-consegna{color: var(--success-color) !important;}

/* Accettata */
.fa-mailstatus-6:before{content:"\f00c" !important}
.pec-receipt-accettazione{color: var(--success-color) !important;}
.fa-pec-receipt-accettazione:before{content:"\f00c" !important}
.mailstatus-6{color: var(--info-color) !important;}

/* Errore */
.fa-mailstatus-7:before{content:"\f071" !important}
.mailstatus-7{color: var(--danger-color) !important;}
.fa-pec-receipt-preavviso-errore-consegna:before{content:"\f071" !important}
.pec-receipt-preavviso-errore-consegna{color: var(--danger-color) !important;}
.fa-pec-receipt-errore-consegna:before{content:"\f071" !important}
.pec-receipt-errore-consegna{color: var(--danger-color) !important;}
.fa-pec-receipt-rilevazione-virus:before{content:"\f071" !important}
.pec-receipt-rilevazione-virus{color: var(--danger-color) !important;}
.fa-pec-receipt-non-accettazione:before{content:"\f071" !important}
.pec-receipt-non-accettazione{color: var(--danger-color) !important;}

/* Conferma */
.fa-mailstatus-8:before{content:"\f058" !important}

/* Outbox */
.fa-mailstatus-9:before{content:"\f1d8" !important}
.mailstatus-9{color: var(--warning-color) !important;}

/* stati firma */
.fa-INDETERMINATE:before{content:"\f071" !important; color: var(--warning-color) !important; }
.fa-TOTAL_PASSED:before{content:"\f058" !important; color: var(--success-color) !important; }
.fa-PASSED:before{content:"\f058" !important; color: var(--success-color) !important; }
.fa-FAILED:before{content:"\f1d8" !important; color: var(--danger-color) !important; }
.fa-TOTAL_FAILED:before{content:"\f057" !important; color: var(--danger-color) !important; }
.fa-NO_SIGNATURE_FOUND:before{content:"\f057" !important; color: var(--secondary-color) !important; }
.fa-NOT_VERIFIED:before{content:"\f059" !important; }

/* conservazione */
.text-conserv-0{color: var(--secondary-color) !important;}
.text-conserv-1{color: var(--primary-color) !important;}
.text-conserv-2{color: var(--info-color) !important;}
.text-conserv-3{color: var(--success-color) !important;}
.text-conserv-4{color: var(--danger-color) !important;}
.text-conserv-5{color: var(--warning-color) !important;}
.text-conserv-6{color: var(--info-color) !important;}
.bg-conserv-0{background-color: var(--secondary-color) !important;}
.bg-conserv-1{background-color: var(--primary-color) !important;}
.bg-conserv-2{background-color: var(--info-color) !important;}
.bg-conserv-3{background-color: var(--success-color) !important;}
.bg-conserv-4{background-color: var(--danger-color) !important;}
.bg-conserv-5{background-color: var(--warning-color) !important;}
.bg-conserv-6{background-color: var(--info-color) !important;}

.sub-icon {
    font-size: 7px;
    position: relative;
    width: 0px;
    right: 3px;
    bottom: -3px;
}

.sub-icon-sm {
    font-size: 6px;
}