/*#region LOGO DEFINITION */
div.logo {
  width: 450px;
  background-image: url("logo.png");
  background-size: 25px 35px;
  background-repeat: no-repeat;
  background-position: left center;
  height: 45px;
  display: inline-block;
  padding-left: 38px;
}

/*#endregion*/
/*#region REMOVE SPIN BUTTONS ON INPUT:NUMBER */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*#endregion*/
/*#region DOJO LOADING OVERLAY */
.pageOverlay {
  top: 0 !important;
  left: 0 !important;
  position: absolute !important;
  height: 100% !important;
  width: 100% !important;
  z-index: 9001 !important;
  display: block;
  margin: 0 !important;
}

#loadingOverlay {
  background: rgba(195, 222, 229, 0.5);
}

.loadingMessage {
  padding: 25px 40px;
  color: #999;
}

/*#endregion*/
/*#region MAIN FONT FORMATTING AND SPACING*/
.B {
  font-weight: bold !important;
}

.L {
  text-align: left !important;
}

.C {
  text-align: center !important;
}

.R {
  text-align: right !important;
}

.S1 {
  font-size: 90% !important;
}

.S2 {
  font-size: 80% !important;
}

.S3 {
  font-size: 70% !important;
}

.L1 {
  font-size: 110% !important;
}

.L2 {
  font-size: 120% !important;
}

.L3 {
  font-size: 130% !important;
}

.MT {
  margin-top: 5px;
}

.ML {
  margin-left: 5px;
}

.MR {
  margin-right: 5px;
}

.MB {
  margin-bottom: 5px;
}

.MT10 {
  margin-top: 10px;
}

.ML10 {
  margin-left: 10px;
}

.MR10 {
  margin-right: 10px;
}

.MB10 {
  margin-bottom: 10px;
}

.MT0 {
  margin-top: 0px !important;
}

.ML0 {
  margin-left: 0px !important;
}

.MR0 {
  margin-right: 0px !important;
}

.MB0 {
  margin-bottom: 0px !important;
}

.PT {
  padding-top: 3px;
}

.PL {
  padding-left: 3px;
}

.PR {
  padding-right: 3px;
}

.PB {
  padding-bottom: 3px;
}

.PT6 {
  padding-top: 6px;
}

.PL6 {
  padding-left: 6px;
}

.PR6 {
  padding-right: 6px;
}

.PB6 {
  padding-bottom: 6px;
}

.FR {
  float: right !important;
}

.H {
  display: none !important;
}

.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

.w-75 {
  width: 75%;
}

.w-100 {
  width: 100%;
}

.fieldVal-Error {
  border-color: #FF0000 !important;
}

.has-error {
  border-color: #FF0000 !important;
  border-width: 2px !important;
}

.panel-has-error {
  border: 1px solid red;
  color: red;
}

.waiting-icon-small {
  background: transparent url("busy_Small.gif") right center no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
}

.waiting-icon-big {
  background: transparent url("busy_Big.gif") no-repeat scroll right center;
  display: block;
  height: 32px;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 32px;
}

#pageContent {
  height: 100%;
  position: relative;
}

.validation-summary-errors ul {
  list-style: none;
}

.validation-summary-errors ul li {
  color: red;
  font-weight: bold;
}

/*#endregion*/
/*#region PERSONALIZZAZIONE FOUNDATION*/
body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #F2F2F2;
  background-image: url("bkg.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.row .row {
  margin: 0 -0.4rem;
}

.column, .columns {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

textarea {
  min-height: unset !important;
}

.top-bar, .top-bar-section ul, .top-bar-section li:not(.has-form) a:not(.button) {
  background: #DA1E25 none repeat scroll 0 0;
}

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
  color: white;
}

.top-bar .name h1 a {
  font-weight: bold;
}

.top-bar-section li.hover > a:not(.button),
.top-bar-section li:not(.has-form) a:not(.button):hover,
.no-js .top-bar-section ul li:hover > a,
.top-bar-section ul li:hover:not(.has-form) > a {
  background: rgba(0, 120, 160, 0.7);
  color: white;
}

.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button) {
  background: #0078a0;
  color: white;
}

.icon-bar {
  background: #DA1E25;
}

.icon-bar > * {
  padding: 0px;
}

.icon-bar > * i {
  font-size: 1.6rem;
}

button, .button {
  background-color: #008CBA;
  border-color: #007BA0;
  color: #FFFFFF;
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: rgba(0, 140, 186, 0.6);
  border-color: rgba(0, 140, 186, 0.8);
  color: #FFFFFF;
}

button:hover, button:focus, .button:hover, .button:focus,
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus,
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #007BA0;
  color: #FFFFFF;
}

blockquote cite a, blockquote cite a:visited {
  color: #008CBA !important;
}

nav ul li a, nav ul li a:focus {
  outline: 0;
}

hr {
  margin: 0.5rem 0 0.5rem !important;
  border-color: #DA1E25 !important;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select:not(.dc) {
  margin: 0 0 0.25rem;
}

dl.accordion > dd > a > div > div {
  font-size: 90%;
}

.off-canvas-wrap, .off-canvas-wrap .inner-wrap {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.row {
  max-width: 5000px !important;
}

.f-dropdown {
  min-width: 150px !important;
}

.accordion dd:nth-child(odd) {
  background-color: #FFD8DA;
}

.accordion dd:nth-child(even) {
  background-color: #FFC1C4;
}

.accordion dd > a {
  padding: 5px;
  background-color: transparent;
}

.panel.callout {
  background: #FFD8DA none repeat scroll 0 0;
  border-color: #FFC1C4;
  padding: 0.75rem;
}

span.error, small.error {
  font-size: 0.5rem;
  height: 1rem;
  padding: 3px;
}

#frmNewRequest span.error, #frmNewRequest small.error {
  margin-top: -1rem;
  padding: 2px;
  font-size: 0.5rem;
  margin-bottom: 1rem;
}

label.inline {
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.tabs .tab-title > a {
  padding: 5px 10px;
  border-bottom: #DA1E25 1px solid;
  border-right: #DA1E25 1px solid;
}

.tabs .tab-title.active > a {
  color: #0073C0 !important;
  font-weight: bold;
  box-shadow: inset 0 0 4px #DA1E25;
}

.tabs-content > .content {
  padding: 0;
}

blockquote {
  line-height: 1.2;
  font-size: 11px;
  color: #6f6f6f;
  padding: 0 0.75rem 0 1rem;
  border-left: 2px solid #DA1E25;
  margin: 0.4rem 0;
}

/*#endregion*/
/*#region GRAPHICS STYLES */
path, circle {
  transition: all 300ms ease 0s;
}

path:hover {
  stroke: red;
  stroke-width: 5;
}

circle:hover {
  stroke: red;
  stroke-width: 16;
}

/*#endregion*/
/*#region AUTOCOMPLETE */
.ui-autocomplete-loading {
  background: transparent url("busy_Small.gif") right center no-repeat;
}

.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}

.ui-widget {
  font-size: 10px !important;
  font-family: inherit !important;
}

.ui-front {
  z-index: 1500;
}

/*#endregion*/
/*#region EXPANDABLE SECTION */
.expandableActivator {
  cursor: pointer;
}

.expandableActivator h4 {
  color: #0073C0;
}

.expandableSection {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.expandableClosed {
  display: none;
}

/*#endregion*/
/*#region Block UI*/
.blockMsg {
  z-index: 1013 !important;
  position: fixed;
  margin: 0px;
  height: 200px;
  width: 700px;
  margin-top: -100px;
  margin-left: -350px;
  top: 50%;
  left: 50%;
  text-align: center;
  color: white;
  cursor: wait;
  opacity: 1;
  display: table;
  vertical-align: middle;
}

.blockMsg h1 {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
}

.sharperGlow {
  text-shadow: 1px 0px 0px #DA1E25, 1px 1px 0px #DA1E25, 0px 1px 0px #DA1E25, -1px 1px 0px #DA1E25, -1px 0px 0px #DA1E25, -1px -1px 0px #DA1E25, 0px -1px 0px #DA1E25, 1px -1px 0px #DA1E25, 0px 0px 9px #DA1E25;
  color: white;
}

.animatedCircles {
  position: fixed;
  left: 50%;
  top: 50%;
  height: 300px;
  margin-top: -150px;
  width: 300px;
  margin-left: -150px;
  background: transparent;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  pointer-events: none;
  z-index: 1012;
}

.animatedCircles::before,
.animatedCircles::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border: 5px solid white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: '';
}

.animatedCircles::before {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  border-right-color: #DA1E25;
  border-left-color: #DA1E25;
  -moz-animation: rotation 3s linear infinite;
  -o-animation: rotation 3s linear infinite;
  -webkit-animation: rotation 3s linear infinite;
  animation: rotation 3s linear infinite;
}

.animatedCircles::after {
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  border-top-color: #DA1E25;
  border-bottom-color: #DA1E25;
  -moz-animation: rotation 1s linear infinite;
  -o-animation: rotation 1s linear infinite;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*#endregion*/
.ui-tooltip {
  padding: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: bold 10px "Helvetica Neue", Helvetica, Arial, sans-serif;
  -moz-box-shadow: 0 0 7px black;
  -webkit-box-shadow: 0 0 7px black;
  box-shadow: 0 0 7px black;
}

/*#region MYREQUESTs page */
.MyRequests {
  width: 100%;
  height: 100%;
  position: relative;
}

.MyRequests .ReqPanel {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 5px;
  overflow-y: auto;
}

.MyRequests .RequestsList {
  left: 0;
  right: 50%;
}

.MyRequests .RequestsList > .splitter {
  position: absolute;
  right: 0;
  z-index: 1000;
  top: calc(50% - 0.75rem);
  border: 1px solid;
  cursor: pointer;
  color: #DA1E25;
}

.MyRequests .MapOrHystory {
  left: 50%;
  right: 0;
}

.MyRequests.requestsExpanded .MapOrHystory {
  left: 75%;
  right: 0;
}

.MyRequests.requestsExpanded .RequestsList {
  left: 0;
  right: 25%;
}

.MyRequests .MapOrHystory > div, .MyRequests .RequestsList > div:not(.splitter) {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  padding-right: 0.5rem;
}

.MyRequests .MapOrHystory > div > #hnDetsTitle, .MyRequests .RequestsList > div .panelFixed {
  flex-grow: 0;
  width: 100%;
}

.MyRequests .RequestsList > div .panelContent {
  overflow-y: auto;
  overflow-x: hidden;
}

.MyRequests .MapOrHystory > div > #hnDets, .MyRequests .RequestsList > div .panelContent {
  flex-grow: 1;
  width: 100%;
}

/*#endregion*/
/*#region MAP/DETAILS panels */
#hnDets {
  height: 480px;
  overflow: hidden;
}

#hnDetsTitle h3 {
  display: inline-block !important;
}

#hnDetsTitle button {
  float: right;
  margin-bottom: 5px;
  margin-top: 6px;
  margin-left: 10px;
}

#map-canvas, #octocc, #searchResults {
  height: 100%;
  width: 100%;
}

#map-canvas {
  position: relative;
}

#map-canvas img {
  max-width: none;
}

.pnlHNDet {
  background-color: white;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#hnDets[role="scrlCarto"] div.pnlHNDet {
  -webkit-transform: translateY(0%) !important;
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

#hnDets[role="scrlHistory"] div.pnlHNDet {
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

#hnDets[role="scrlTable"] div.pnlHNDet {
  -webkit-transform: translateY(-100%) !important;
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.omniTool {
  left: 0;
  margin: 12px;
  position: absolute;
  top: 0;
  right: 150px;
  max-width: 315px;
  transition: left 0.5s ease 0s;
  z-index: 100;
  height: 32px;
}

.searchbox, .searchbox-shadow {
  transition: box-shadow 200ms cubic-bezier(0.52, 0, 0.48, 1) 0s;
}

.searchbox {
  background-color: #fff;
  border-color: transparent;
  border-image: none;
  border-radius: 2px 0 0 2px;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  box-sizing: border-box;
  height: 32px;
  outline: medium none;
  padding: 0;
  right: 44px;
  position: absolute;
  left: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.searchbox input {
  position: absolute;
  z-index: 6;
  background-color: transparent;
  border: 0 none;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 300;
  height: auto !important;
  line-height: 20px;
  margin: 0 !important;
  outline: 0 none;
  padding: 0 6px !important;
  top: 5px;
  transition: none 0s ease 0s !important;
  width: 100%;
}

.searchbutton {
  background-color: #008CBA;
  color: #FFFFFF;
  border: 0 none;
  border-radius: 0 2px 2px 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  height: 32px;
  right: 0;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: top;
  width: 44px;
  z-index: -1;
  padding-top: 0;
  transition: background-color 300ms ease 0s;
}

.searchbutton i {
  font-size: 23px;
  color: #FFFFFF;
}

.searchbutton:hover {
  background-color: #007BA0;
}

/*#endregion*/
/*#region Unknown Address */
small.unknownAddress {
  background: none repeat scroll 0 0 #96c3ff;
  color: #FF0000;
  display: block;
  font-size: 0.66667rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: -1px;
  padding: 0.375rem;
}

.unknownAddress input, .unknownAddress textarea, .unknownAddress select {
  margin-bottom: 0;
}

/*#endregion*/
/*#region WORK REQUEST */
#AssignAndWork {
  margin: 0 5px;
  overflow-y: auto;
}

#AssignAndWork li.work {
  background-color: #008CBA;
  text-align: center !important;
}

#AssignAndWork li.work.disabled {
  opacity: 0.6;
}

#AssignAndWork li.work a {
  color: #FFFFFF;
}

#AssignAndWork li a label.disabled {
  color: #cccccc !important;
}

#AssignAndWork li {
  display: block;
  padding: 0.125rem 0.25rem;
}

#AssignAndWork li label {
  position: relative;
  padding-right: 20px;
}

#AssignAndWork li input[type="checkbox"], #AssignAndWork li input[type="radio"] {
  cursor: pointer;
  position: absolute;
  right: 0;
}

.fieldValEditor {
  font-size: 66%;
  color: #DA1E25;
}

.fieldValEditor > span {
  font-style: italic;
  margin-right: 3px;
  color: rgba(0, 120, 160, 0.7);
}

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

label.withConfirmAction {
  position: relative;
}

label.withConfirmAction > i {
  position: absolute;
  right: 9px;
  top: 20px;
  z-index: 5000;
}

/*#endregion*/
/*#region NAVBAR ICONS */
i.tb-icon {
  color: #FFFFFF;
  font-size: 30px;
  height: 45px;
  position: absolute;
  right: 0;
  width: 30px;
}

.icon {
  color: #DA1E25;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-transition: color 300ms ease 0s;
  -o-transition: color 300ms ease 0s;
  -webkit-transition: color 300ms ease 0s;
  transition: color 300ms ease 0s;
}

.icon:hover {
  color: rgba(0, 120, 160, 0.7);
}

.iBlue {
  color: #0073C0 !important;
}

.iBlue:hover {
  color: #0088E2 !important;
}

.iRed {
  color: #FF3D3D !important;
}

.iRed:hover {
  color: red !important;
}

.iOrange {
  color: #FFA73D !important;
}

.iOrange:hover {
  color: #FF8B07 !important;
}

.iGreen {
  color: #3EC455 !important;
}

.iGreen:hover {
  color: #00C621 !important;
}

.iGray {
  color: #CCCCCC !important;
}

.iGray:hover {
  color: #B7B7B7 !important;
}

.iWhite {
  color: white !important;
}

.iExtraSmall {
  font-size: 14px;
}

.iVerySmall {
  font-size: 16px;
}

.iSmall {
  font-size: 20px;
}

.iMedium {
  font-size: 26px;
}

.iBig {
  font-size: 32px;
  height: 45px;
  width: 32px;
}

.iInline {
  position: relative;
  display: inline-block;
}

.iClickable {
  cursor: pointer;
}

.iMovable {
  cursor: move;
}

.iSelected {
  color: red;
  text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #E33100, 0 0 12px #E33100, 0 0 16px #E33100;
}

a.tb-icon {
  position: relative;
}

i.dd-icon {
  color: #FFFFFF;
  font-size: 30px;
  height: 45px;
  position: absolute;
  right: 25px;
  width: 30px;
}

/*#endregion*/
/*#region Users TreeView */
.usertree {
  margin-left: 0;
}

.usertree li {
  list-style-type: none;
  position: relative;
}

.usertree li:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -20px;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  width: 20px;
  height: 15px;
}

.usertree li:after {
  position: absolute;
  content: "";
  top: 5px;
  left: -20px;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  width: 20px;
  height: 100%;
}

.usertree li:last-child:after {
  display: none;
}

.usertree li span {
  display: block;
  background: #FFD8DA;
  padding: 5px;
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: normal;
  margin: 0 0 0.4375rem 0;
  cursor: pointer;
}

.usertree li span.level {
  color: white;
  background: #DA1E25;
}

.usertree li a.ItemDel {
  display: none;
  position: absolute;
  right: 2px;
  top: 4px;
}

.usertree li input[type="checkbox"] {
  margin-right: 0.75rem;
}

.usertree li span:hover, .usertree li span:focus {
  background: #FFC1C4;
}

.usertree li span:hover + ul li span:not(.level), .usertree li span:focus + ul li span:not(.level) {
  background: #FFC1C4;
}

.usertree li span:hover + ul li:after, .usertree li span:hover + ul li:before,
.usertree li span:focus + ul li:after,
.usertree li span:focus + ul li:before {
  border-color: transparent;
}

.usertree li span:has(i) {
  position: relative;
  padding-right: 1.5rem;
}

.usertree li span:has(i) i {
  position: absolute;
  top: 0.125rem;
  right: 0.5rem;
  font-size: 130%;
  color: white;
}

.usertree li span.level:hover, .usertree li span.level:focus {
  background: rgba(218, 30, 37, 0.7);
}

/*#endregion*/
/*#region Settings */
ul.sttngsItem li {
  background-color: #FFD8DA;
  padding: 5px;
  position: relative;
  cursor: pointer;
  height: 2rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.sttngsItem li[class*=hint--] {
  overflow: unset !important;
}

ul.sttngsItem li:hover {
  background-color: #FFC1C4;
}

ul.sttngsItem li.active {
  background-color: #FFC1C4;
}

div.switch.inline {
  margin: 0px;
}

div.switch.inline > span {
  display: inline-block;
  position: absolute;
  left: 55px;
  top: 0px;
}

div.switch.inline > input[type="checkbox"] {
  margin-bottom: 2px;
}

div.RequestRights ul {
  list-style: outside none none;
}

div.RequestRights ul li input {
  margin: 0;
  display: inline-block;
}

div.RequestRights ul li h4 {
  margin: 0;
}

div.RequestRights ul li h5, div.RequestRights ul li h6 {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 5px;
}

div.RequestRights ul li span {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 5px;
  font-size: 12px;
  color: #808080;
}

/*#endregion*/
/*#region ALLEGATI */
.Allegati, .AvailDocs {
  box-shadow: inset 0px 0px 2px 2px #E2E2E2;
  padding: 0 0.5rem;
  max-height: 400px;
  overflow-y: auto;
}

.Allegati div:first-child, .AvailDocs div:first-child {
  position: relative;
}

.Allegati div.IndirectDocs {
  display: none;
}

.Allegati h6, .AvailDocs h6 {
  margin-bottom: 0 !important;
}

.Allegati .uplLocalFilesTotSize {
  position: absolute;
  right: 0.5rem;
  top: 0;
  font-size: 80%;
  padding-top: 6px;
}

.Allegati ul, .AvailDocs ul {
  display: block;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0.25rem;
}

.Allegati ul li, .AvailDocs ul li {
  background-color: #f3ebcb;
  padding: 5px 18px 5px 5px;
  position: relative;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: bold;
  height: auto !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100%;
  width: auto !important;
  margin: 0 0.25rem 0.25rem 0;
  list-style-position: outside;
  list-style-type: none;
  display: inline-block;
}

.Allegati ul li > i:not(.DocDel), .AvailDocs ul li > i:not(.DocDel) {
  line-height: 16px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #0073C0 !important;
  margin-right: 0.5rem;
  margin-left: 0.25rem;
}

a.DocDel {
  display: none;
  position: absolute;
  right: 0px;
  top: 6px;
  background-color: #f3ebcb;
  width: 1rem;
  text-align: center;
}

a.DocDel i, a.MailDocDel i {
  color: #DA1E25;
}

a.MailDocAdd, a.MailDocDel {
  position: absolute;
  right: 3px;
}

/*#endregion*/
/*#region Foto List in Request Details */
.newFoto {
  float: left;
  position: relative;
  width: 80px;
}

.newFoto > div {
  box-shadow: 0px 0px 0px 0px black;
  border: 2px dashed lightgray !important;
  cursor: pointer;
  height: 53px;
}

.newFoto > div > span {
  font-size: 12px;
  color: gray;
  width: 60px;
  text-align: center;
  display: block;
  line-height: 13px;
  margin-top: 13px;
  height: 42px;
  font-weight: bold;
}

.deleteFoto {
  top: -10px;
  color: #FF0000;
  cursor: default;
  font-size: 130%;
  position: absolute;
  left: -2px;
  cursor: pointer;
}

.imageblock {
  padding: 5px 15px;
}

a.ItemDel {
  display: none;
  position: absolute;
  right: -7px;
  top: -2px;
}

a.ItemDel i {
  color: #DA1E25;
}

.addDoc {
  position: relative;
}

.addDoc > div {
  border: 2px dashed lightgray !important;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.addDoc > div > span {
  color: gray;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  margin-top: 13px;
  text-align: center;
}

.th {
  border: 4px solid white;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  -webkit-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
  margin: 5px;
}

/*#endregion*/
/*#region Upload foto dialog */
.uplFoto-button {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.uplFoto-button img {
  cursor: pointer;
  height: 48px;
  width: 48px;
}

.uplFoto-button input {
  cursor: pointer;
  direction: ltr;
  font-size: 200px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/*#endregion*/
/*#region PROGETTAZIONE */
#categorie {
  padding: 0.75rem;
}

.categoria {
  display: inline-block;
  margin: 3px !important;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  width: 200px;
  cursor: pointer;
}

.metadata-list {
  margin-bottom: 0;
}

.metadata-list li div {
  margin-bottom: 0;
}

.metadata-list li div span, #setMail div.switch span {
  display: inline-block;
  font-size: small;
  position: absolute;
  left: 2rem;
  right: 0;
  padding: 5px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.metadata-list li div.switch.threestate {
  margin: 0 !important;
}

.metadata-list li div.switch span, #formSaveArrow div.switch span, #setMail div.switch span {
  font-size: 0.875rem;
}

.metadata-list li div.switch input, #formSaveArrow div.switch input, #setMail div.switch input {
  margin-bottom: 0;
  top: 5px;
}

.metadata-list li div.switch label, #formSaveArrow div.switch label, #setMail div.switch label {
  height: 1rem !important;
  margin-bottom: 0;
  margin-top: 3px;
  width: 2rem !important;
}

.metadata-list li div label, #setMail div.switch label {
  margin-top: 8px !important;
}

.metadata-list li div.switch label::after, #formSaveArrow div.switch label::after, #setMail div.switch.tiny label::after {
  height: 0.5rem !important;
  width: 0.5rem !important;
}

.metadata-list li div.switch input:checked + label::after, #formSaveArrow div.switch input:checked + label::after, #setMail div.switch input:checked + label::after {
  left: 1.25rem !important;
}

.token-list.open {
  max-height: 300px;
  overflow-y: auto;
}

.token-list li {
  font-size: 80%;
  line-height: 1rem;
}

.token-list li a {
  padding: 0.4rem;
}

.token-list li a.mtdt {
  -moz-box-shadow: inset 4px 0px 3px -2px orange;
  -webkit-box-shadow: inset 4px 0px 3px -2px orange;
  box-shadow: inset 4px 0px 3px -2px orange;
}

.token-list li a.tkn {
  -moz-box-shadow: inset 4px 0px 3px -2px #0073C0;
  -webkit-box-shadow: inset 4px 0px 3px -2px #0073C0;
  box-shadow: inset 4px 0px 3px -2px #0073C0;
}

.token-list li a.rl {
  -moz-box-shadow: inset 4px 0px 3px -2px red;
  -webkit-box-shadow: inset 4px 0px 3px -2px red;
  box-shadow: inset 4px 0px 3px -2px red;
}

.MailConfigDropDown {
  padding: 0.25rem;
  height: 1.75rem;
  width: 80%;
  margin-bottom: 0 !important;
}

/*#endregion*/
/*#region JSPLUMB */
#WorkFlowContainer {
  font-size: 80%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  overflow: auto;
}

#WorkFlowCont {
  position: relative;
  background: white;
  overflow: auto;
  width: 100%;
  min-height: 200px;
}

.WorkFlow {
  background: white;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}

.WorkFlowLocked {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 98;
  background-color: black;
  opacity: 0.1;
  display: block;
}

.WorkFlow ._jsPlumb_endpoint {
  z-index: 3;
}

._jsPlumb_drag_select * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

path {
  cursor: pointer;
}

path, ._jsPlumb_endpoint {
  cursor: pointer;
}

._jsPlumb_connector {
  z-index: 18;
}

._jsPlumb_endpoint {
  z-index: 19;
}

._jsPlumb_overlay {
  z-index: 20;
}

.aLabel {
  background-color: white;
  padding: 0.3em;
  font: 12px sans-serif;
  color: #444;
  z-index: 21;
  border: 1px solid #346789;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-transition: background-color 0.25s ease-in;
  -moz-transition: background-color 0.25s ease-in;
  -o-transition: background-color 0.25s ease-in;
  transition: background-color 0.25s ease-in;
}

.aLabel._jsPlumb_hover {
  background-color: #1e8151 !important;
  color: white;
}

.w {
  padding: 16px;
  position: absolute;
  z-index: 4;
  border: 1px solid #2e6f9a;
  -o-box-shadow: 2px 2px 19px #e0e0e0;
  -webkit-box-shadow: 2px 2px 19px #e0e0e0;
  -moz-box-shadow: 2px 2px 19px #e0e0e0;
  box-shadow: 2px 2px 19px #e0e0e0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: move;
  background-color: white;
  font-size: 11px;
  -webkit-transition: background-color 0.25s ease-in;
  -moz-transition: background-color 0.25s ease-in;
  -o-transition: background-color 0.25s ease-in;
  transition: background-color 0.25s ease-in;
}

.w:hover, ._jsPlumb_source_hover, ._jsPlumb_target_hover {
  background-color: #5c96bc;
  color: white;
}

.ep {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 1em;
  height: 1em;
  background-color: orange;
  cursor: pointer;
  -moz-box-shadow: 0px 0px 2px black;
  -webkit-box-shadow: 0px 0px 2px black;
  box-shadow: 0px 0px 2px black;
  -webkit-transition: -webkit-box-shadow 0.25s ease-in;
  -moz-transition: -moz-box-shadow 0.25s ease-in;
  -o-transition: box-shadow 0.25s ease-in;
  transition: box-shadow 0.25s ease-in;
}

.ep:hover {
  -moz-box-shadow: 0px 0px 6px black;
  -webkit-box-shadow: 0px 0px 6px black;
  box-shadow: 0px 0px 6px black;
}

.eMailBlk {
  position: absolute;
  z-index: 4;
  cursor: move;
  height: 32px;
  width: 32px;
}

.eMailBlk i {
  color: #FFFFFF;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-transition: color 300ms ease 0s;
  -o-transition: color 300ms ease 0s;
  -webkit-transition: color 300ms ease 0s;
  transition: color 300ms ease 0s;
  font-size: 32px;
}

.eMailBlk i:hover {
  color: #65A07A;
}

.dragHover {
  border: 2px solid orange;
}

/*#endregion*/
[class*="block-grid-"] > li {
  padding: 0 0.625rem 0.15rem;
}

.docFile, .PraticaDoc, .SegmUpload, .AsBuiltUpload {
  left: 0;
  margin: 0 !important;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10;
}

.UploadBox div.panel {
  width: 100%;
  height: 100%;
  font-size: 80%;
  text-align: center;
  margin-bottom: 0;
  position: relative;
}

.UploadBox span.label {
  position: absolute;
  bottom: -6px;
  width: 38px;
  text-align: center;
}

.UploadBox span.label.SHP {
  left: 15px;
}

.UploadBox span.label.SHX, .UploadBox span.label.CSV {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.UploadBox span.label.DBF {
  right: 15px;
}

.docFileContainer {
  width: 100%;
  height: 100%;
  position: relative;
}

#paramAnalisi div label {
  cursor: help;
  font-weight: bold;
  padding: 2px;
}

/*#region SEARCH PANEL*/
#SearchContents div label {
  font-weight: bold;
  padding: 0.625rem 0;
}

#SearchContents div input, #SearchContents div select {
  font-size: 0.875rem;
  height: 2rem;
  margin: 0;
  padding: 0.25rem;
}

.filter a {
  font-size: 120%;
  height: 2rem;
  margin: 0;
}

.filter ul.f-dropdown {
  width: 180px !important;
}

a.editCat {
  display: none;
  position: absolute;
  right: 28px;
  top: 0px;
}

a.editCat i {
  color: white;
}

a.deleteCat {
  display: none;
  position: absolute;
  right: 5px;
  top: 0px;
}

a.deleteCat i {
  color: white;
}

a.catSelection {
  position: relative;
  cursor: pointer;
}

.anagRow {
  cursor: pointer;
}

#fieldsEditing .row .columns input, #fieldsEditing .row .columns select {
  margin: 0 0 1rem 0 !important;
}

.PagedResultHeader {
  padding: 5px;
  background-color: #DA1E25;
  color: white;
}

/*#endregion*/
/*#region Other Data*/
.otherData {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 5px;
}

.otherData div.columns {
  margin-top: 2px;
  margin-bottom: 2px;
}

.otherData div.small-9 {
  font-weight: bold;
}

.otherData div.row::before, .otherData div.row::after {
  -moz-border-radius: 100px / 10px;
  -webkit-border-radius: 100px / 10px;
  border-radius: 100px / 10px;
  -moz-box-shadow: 0 0 5px rgba(1, 9, 173, 0.7);
  -webkit-box-shadow: 0 0 5px rgba(1, 9, 173, 0.7);
  box-shadow: 0 0 5px rgba(1, 9, 173, 0.7);
  content: "";
  z-index: -1;
}

.otherData div.row {
  background: #fff none repeat scroll 0 0;
  -moz-box-shadow: 0 1px 4px rgba(1, 9, 173, 0.3), 0 0 20px rgba(1, 9, 173, 0.1) inset;
  -webkit-box-shadow: 0 1px 4px rgba(1, 9, 173, 0.3), 0 0 20px rgba(1, 9, 173, 0.1) inset;
  box-shadow: 0 1px 4px rgba(1, 9, 173, 0.3), 0 0 20px rgba(1, 9, 173, 0.1) inset;
  margin: 5px 1% 10px;
  position: relative;
  display: block;
}

/*#endregion*/
/*#region NEW REQUEST*/
.Priorities {
  overflow: hidden;
}

.Priorities > ul {
  display: inline-block;
  list-style: outside none none;
  width: 100%;
  margin: 0px;
  padding-top: 5px;
}

.Priorities > ul > li > div.switch {
  margin: 0px;
}

.Priorities > ul > li > div.switch > span {
  display: inline-block;
  position: absolute;
  left: 60px;
  top: -2px;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Priorities > ul > li > div.switch > input[type="checkbox"] {
  margin-bottom: 2px;
}

/*#endregion*/
/*#region Upload Button */
.upl-button {
  overflow: hidden;
  position: relative;
  display: inline-block;
  height: 32px;
  vertical-align: middle;
}

.upl-button img {
  cursor: pointer;
  height: 32px;
  width: 32px;
}

.upl-button input {
  cursor: pointer;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*#endregion*/
/*#region MAP PROPERTIES*/
.MapProps {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1000;
  height: 36px;
  width: 72px;
  cursor: pointer;
  text-align: right;
}

.MapProps i {
  font-size: 32px;
  display: inline-block;
  margin-top: -5px;
  margin-left: 5px;
}

.MapProps i.fi-magnifying-glass {
  display: none;
}

div.scrlMappa section#Mappa .MapProps i.fi-magnifying-glass {
  display: inline-block !important;
}

.cd-panel {
  z-index: 1001;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  -o-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}

.cd-panel.is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  -o-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}

.cd-panel.is-visible .cd-panel-close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
  -moz-animation: cd-close-1 0.6s 0.3s;
  -o-animation: cd-close-1 0.6s 0.3s;
  animation: cd-close-1 0.6s 0.3s;
}

.cd-panel.is-visible .cd-panel-close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
  -moz-animation: cd-close-2 0.6s 0.3s;
  -o-animation: cd-close-2 0.6s 0.3s;
  animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-ms-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(-45deg);
  }
}

@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@-ms-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

.cd-panel-header {
  position: absolute;
  width: 90%;
  height: 36px;
  line-height: 36px;
  background: #DA1E25;
  z-index: 2;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: top 0.3s 0s;
  -moz-transition: top 0.3s 0s;
  -o-transition: top 0.3s 0s;
  transition: top 0.3s 0s;
}

.cd-panel-header h4 {
  font-weight: bold;
  margin: 0;
  color: rgba(255, 255, 255, 0.96);
  padding-left: 5px;
}

.from-right .cd-panel-header, .from-left .cd-panel-header {
  top: -36px;
}

.from-right .cd-panel-header {
  right: 0;
}

.from-left .cd-panel-header {
  left: 0;
}

.is-visible .cd-panel-header {
  top: 0;
  -webkit-transition: top 0.3s 0.3s;
  -moz-transition: top 0.3s 0.3s;
  -o-transition: top 0.3s 0.3s;
  transition: top 0.3s 0.3s;
}

.cd-panel-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40px;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-panel-close::before, .cd-panel-close::after {
  /* close icon created in CSS */
  content: "";
  position: absolute;
  top: 17px;
  left: 10px;
  height: 3px;
  width: 20px;
  background-color: #008cba;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-panel-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cd-panel-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.no-touch .cd-panel-close:hover {
  background-color: #00B3EA;
}

.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.no-touch .cd-panel-close:hover::before {
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg);
}

.no-touch .cd-panel-close:hover::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-panel-container {
  position: absolute;
  width: 90%;
  height: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.96);
  -moz-box-shadow: 0 0 25px -5px rgba(218, 30, 37, 0.5) inset;
  -webkit-box-shadow: 0 0 25px -5px rgba(218, 30, 37, 0.5) inset;
  box-shadow: 0 0 25px -5px rgba(218, 30, 37, 0.5) inset;
  z-index: 1;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.from-right .cd-panel-container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.from-left .cd-panel-container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.is-visible .cd-panel-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
  .cd-panel {
    width: 70%;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-panel {
    width: 50%;
  }
}

@media only screen and (min-width: 1500px) {
  .cd-panel {
    width: 30%;
  }
}

.cd-panel-content {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 6px;
  position: absolute;
  top: 40px;
  width: 100%;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}

.cd-panel-content ul {
  list-style-type: none;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: normal;
}

.cd-panel-content ul li {
  padding: 3px;
  cursor: pointer;
  margin-left: 8px;
}

.cd-panel-content ul li input[type="checkbox"] {
  margin: 0 4px 0 0;
}

.cd-panel-content ul li span {
  margin: 0;
}

.cd-panel-content ul > li > ul > li:hover {
  background-color: #FFD8DA;
}

.cd-panel-content > img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
}

/*#endregion*/
/*#region VIEW EDITING */
.imgButton {
  cursor: pointer;
  width: 20px;
}

tr.viewFilter input {
  margin: 0 0 0.25rem;
}

/*#endregion*/
/*#region CONTABILITA FORNITORI */
.contab_lav div.contab_tables {
  max-height: 400px;
  overflow-y: auto;
}

.contab_lav form input, .sortingFields form select {
  margin: 0;
}

.contab_lav form table {
  width: 100%;
}

.contab_lav table tr th, .contab_lav table tr td {
  padding: 0.25rem 0.25rem;
}

.contab_lav th.contab_data {
  width: 100px;
  text-align: center;
}

.contab_lav th.contab_qta {
  width: 80px;
  text-align: center;
}

.contab_lav th.contab_pu {
  width: 110px;
  text-align: center;
}

.contab_lav th.contab_tot {
  width: 130px;
  text-align: center;
}

.contab_lav td.cbh_total {
  text-align: right;
}

.importPriceList {
  background: #FFFFFF;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
}

/*#endregion*/
/*#region BADGE */
.badge.warning {
  background: #ffae00;
  color: #0a0a0a;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 30%;
  font-size: 0.6rem;
  text-align: center;
  background: #1779ba;
  color: #fefefe;
}

/*#endregion*/
/*#region TIMELINE */
.cbp_tmtimeline {
  margin: 30px 0 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}

/* The line */
.cbp_tmtimeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #F3EBCB;
  left: 20%;
  margin-left: -10px;
}

.cbp_tmtimeline > li {
  position: relative;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
  display: block;
  width: 25%;
  padding-right: 100px;
  position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
  display: block;
  text-align: left;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
  font-size: 1.1em;
  color: #782715;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
  font-size: 1em;
  color: #782715;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
  color: #782715;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
  margin: 0 0 15px 25%;
  background: #f3ebcb;
  color: #782715;
  padding: 0.3em 0.8em 0.8em 0.8em;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1;
  position: relative;
  border-radius: 5px;
  display: block;
  overflow-y: auto;
}

.cbp_tmtimeline > li .cbp_tmlabel h4 {
  color: #782715;
}

.cbp_tmtimeline > li .cbp_tmlabel > span {
  text-align: right;
  display: inherit;
}

.cbp_tmtimeline > li .cbp_tmlabel > span > a[data-reqid] {
  text-align: left;
  float: left;
  display: inline-block;
  font-size: 80%;
}

.cbp_tmtimeline > li .cbp_tmlabel small em {
  margin-right: 6px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
  background: #f3ebcb;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 {
  margin-top: 0px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #f3ebcb;
  border-width: 10px;
  top: 10px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
  border-right-color: #f3ebcb;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
  width: 40px;
  height: 40px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.4em;
  line-height: 40px;
  position: absolute;
  color: #fff;
  background: #008cba;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #F3EBCB;
  text-align: center;
  left: 20%;
  top: 0;
  margin: 0 0 0 -25px;
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {
  .cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 1.5em;
  }
}

@media screen and (max-width: 47.2em) {
  .cbp_tmtimeline:before {
    display: none;
  }
  .cbp_tmtimeline > li .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }
  .cbp_tmtimeline > li .cbp_tmtime span {
    text-align: left;
  }
  .cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 30px 0;
    padding: 1em;
    font-weight: 400;
    font-size: 95%;
  }
  .cbp_tmtimeline > li .cbp_tmlabel:after {
    right: auto;
    left: 20px;
    border-right-color: transparent;
    border-bottom-color: #3594cb;
    top: -20px;
  }
  .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: #f3ebcb;
  }
  .cbp_tmtimeline > li .cbp_tmicon {
    position: relative;
    float: right;
    left: auto;
    margin: -55px 5px 0 0px;
  }
}

/*#endregion*/
/*#region COMPACT PROFILES */
#topBarContainer {
  z-index: 81;
}

.compact {
  position: relative;
  height: 100%;
}

.Pane {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.3s;
  background-color: white;
  box-shadow: 0px -5px 10px 5px rgba(0, 0, 0, 0.2);
}

.PaneLeft {
  left: 0;
  z-index: 76;
  overflow-y: auto;
}

.PaneRight {
  right: 0;
  z-index: 75;
  max-width: 650px;
  overflow-y: auto;
}

.PaneCenter {
  z-index: 78;
  left: 15%;
  width: 70%;
  overflow-y: auto;
}

.compact .activePane {
  z-index: 80;
  box-shadow: 0px -5px 10px 5px rgba(0, 0, 0, 0.2);
  background: white;
  display: inline-block;
}

.compact .dithering {
  opacity: 0.65;
  background-color: #fff;
  outline: 0px;
  z-index: 79;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.ProfileCatType input[type="checkbox"], .ProfileCatType h4, .ProfileCatType h5, .ProfileCatType span {
  display: inline-block;
  margin-left: 10px;
}

.ProfileCatType ul {
  list-style: none;
}

#MitIndBlocks > div {
  padding: 5px;
  width: auto;
  display: inline-block;
  padding-right: 30px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

#MitIndBlocks > div.Loc {
  cursor: move;
}

.mit-droppable-hover {
  box-shadow: inset 0 0 12px #DA1E25;
}

.mit-droppable-active {
  box-shadow: inset 0 0 4px #DA1E25;
}

.alert-box.Mit {
  background-color: rgba(218, 30, 37, 0.5);
  border-color: #DA1E25;
  color: white;
}

.alert-box.Mit a.close, .alert-box.Mit a.close:hover {
  color: white;
  opacity: 0.7;
  background: none;
}

.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}

.alert-box.Loc {
  background-color: rgba(0, 140, 186, 0.5);
  border-color: #008CBA;
  color: #FFFFFF;
}

.alert-box.Loc a.close, .alert-box.Loc a.close:hover {
  color: #FFFFFF;
  opacity: 0.7;
  background: none;
}

.alert-box.Mit a.close:hover, .alert-box.Loc a.close:hover {
  opacity: 1;
}

table.tablesorter tr {
  cursor: pointer;
}

table.tablesorter tr.reqClosed {
  -moz-box-shadow: 15px 0px 13px -6px rgba(128, 255, 0, 0.5) inset;
  -webkit-box-shadow: 15px 0px 13px -6px rgba(128, 255, 0, 0.5) inset;
  box-shadow: 15px 0px 13px -6px rgba(128, 255, 0, 0.5) inset;
}

table.tablesorter tr.reqOpen {
  -moz-box-shadow: 15px 0px 13px -6px rgba(255, 0, 0, 0.5) inset;
  -webkit-box-shadow: 15px 0px 13px -6px rgba(255, 0, 0, 0.5) inset;
  box-shadow: 15px 0px 13px -6px rgba(255, 0, 0, 0.5) inset;
}

@keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spinner {
  animation: anim-rotate 2s infinite linear;
}

/*#endregion*/
/*#region USERS HIERARCHY */
.tree ul {
  padding-top: 20px;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.tree li {
  float: left;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 20px 5px 0 5px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/
.tree li::before, .tree li::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid #DA1E25;
  width: 50%;
  height: 20px;
}

.tree li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid #DA1E25;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
  display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child {
  padding-top: 0;
}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
  border: 0 none;
}

/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
  border-right: 1px solid #DA1E25;
  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #DA1E25;
  width: 0;
  height: 20px;
}

.tree li a {
  border: 1px solid #DA1E25;
  padding: 5px 10px;
  text-decoration: none;
  color: black;
  background-color: white;
  font-family: arial, verdana, tahoma;
  font-size: 11px;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover + ul li a {
  background: #c8e4f8;
  color: black;
  border: 1px solid #94a0b4;
}

/*Connector styles on hover*/
.tree li a:hover + ul li::after,
.tree li a:hover + ul li::before,
.tree li a:hover + ul::before,
.tree li a:hover + ul ul::before {
  border-color: #94a0b4;
}

/*#endregion*/
/*#region LOADING*/
.loadingDiv {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
}

.loadingDiv > div {
  border: 5px solid #DA1E25;
  border-radius: 30px;
  height: 30px;
  left: 50%;
  margin: -15px 0 0 -15px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 30px;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/*#endregion*/
/*#region SOILOCC*/
.transfDate {
  position: relative;
}

.transfDate i.fi-fast-forward {
  position: absolute;
  right: 20px;
  font-size: 20px;
  top: 25px;
  cursor: pointer;
}

div.row[data-what="intervento"] table tr th:first-child, div.row[data-what="intervento"] table tr td:first-child {
  text-align: center;
  width: 50px;
}

div.row table tr[data-what="intervento"] td:first-child span {
  font-weight: bold;
  padding: 1rem;
  display: inline-block;
  font-size: 150%;
}

div.row[data-what="intervento"] table tr th:nth-child(3), div.row[data-what="intervento"] table tr td:nth-child(3) {
  text-align: center;
  width: 220px;
}

div.row[data-what="intervento"] table td.LunghLargh {
  text-align: left !important;
}

div.row[data-what="intervento"] table td.LunghLargh * {
  display: inline-block;
}

div.row[data-what="intervento"] table td.LunghLargh input {
  width: 80px;
}

div.row[data-what="intervento"] table td.LunghLargh span {
  margin: 0 0.25rem;
}

div[data-what="intervento"] .transfDate i.fi-fast-forward {
  right: 22px;
  top: 8px;
}

#PratScheda {
  border-right: 2px solid #DA1E25;
}

#SoilOcc {
  overflow: hidden;
  display: block;
  height: 100%;
}

#SoilOcc input:not([type]), #SoilOcc input[type="text"], #SoilOcc input[type="password"], #SoilOcc input[type="date"],
#SoilOcc input[type="datetime"], #SoilOcc input[type="datetime-local"], #SoilOcc input[type="month"], #SoilOcc input[type="week"],
#SoilOcc input[type="email"], #SoilOcc input[type="number"], #SoilOcc input[type="search"], #SoilOcc input[type="tel"],
#SoilOcc input[type="time"], #SoilOcc input[type="url"], #SoilOcc input[type="color"], textarea, select, input[type="text"].fieldVal {
  margin-bottom: 0.25rem;
}

#SoilOcc .contain-to-grid .top-bar {
  max-width: 9999px;
  background-color: transparent;
  box-shadow: 0px -6px 6px -6px inset #DA1E25;
}

#SoilOcc .contain-to-grid, #SoilOcc .top-bar-section li:not(.has-form) a:not(.button),
#SoilOcc .top-bar-section ul li, #SoilOcc .top-bar-section ul {
  background-color: transparent;
}

#SoilOcc i.tb-icon {
  color: #DA1E25;
  font-size: 30px;
  height: 45px;
  position: absolute;
  right: 0;
  width: 30px;
}

#SoilOcc a.tb-icon {
  position: relative;
}

#SoilOcc .top-bar-section ul li > a {
  color: #0073c0;
  font-weight: bold;
  font-size: 115%;
}

#SoilOcc .bkg-icon {
  margin: auto;
  color: lightgray;
  font-size: 200px;
}

#editingtools {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 100;
}

#editingtools .icon-bar {
  width: auto;
  margin-top: 0.5rem;
  background-color: white;
  border: 1px solid #BBBBBB;
  border-radius: 5px;
}

#editingtools .item {
  padding: 0.35rem;
  min-width: 2.5rem;
}

#editingtools .item.active {
  background-color: #CCCCCC;
}

#editingtools .item:not(:first-child) {
  border-left: 1px solid #BBBBBB;
}

#editingtools .item i {
  color: #DA1E25;
  line-height: 1rem;
}

/*--------------------INSERIMENTO PRATICA ---------------------------*/
#SoilOcc.isCreating {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 0.25rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

#alfadata {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 45%;
  padding: 0.25rem;
  overflow: hidden;
}

#mapdata {
  width: 55%;
  padding: 0.25rem;
  position: relative;
}

#PratScheda {
  height: auto;
  flex-grow: 1;
  overflow-y: auto;
  padding-right: 0.25rem;
}

/*#PratGeoms tr.seg td.C {
		vertical-align: middle;
		font-size: 150%;
		font-weight: bold;
	}
	#PratGeoms tr.seg td textarea { 
		margin: 0;
	}*/
#PratCmds {
  height: auto;
}

#segsTable tr[data-intrvdataset] td {
  padding: 0 .25rem;
}

/*--------------------SEARCH CONTENTS ---------------------------*/
#SearchFilters {
  bottom: 5px;
  left: 5px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  top: 55px;
}

#SearchFilters div label {
  cursor: help;
  font-weight: bold;
  padding: 0.625rem 0;
  margin: 0;
}

#SearchFilters div input, #SearchContents div select {
  font-size: 0.875rem;
  height: 2rem;
  margin: 0;
  padding: 0.25rem;
}

.filter a {
  font-size: 120%;
  height: 2rem;
  margin: 0;
}

.filter ul.f-dropdown {
  width: 180px !important;
}

#filtersList {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 56px;
  overflow: auto;
}

#filtersCmds {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 56px;
}

#filtersCmds button {
  margin-bottom: 5px;
  margin-top: 5px;
}

.unavailable {
  cursor: default;
  color: #dddddd !important;
}

.paginator-arrow {
  font-size: 16px;
}

#SoilOcc .soilresultsHeader {
  font-weight: bold;
  padding: 0.25rem;
  border-bottom: 1px solid black;
}

#SoilOcc .soilresultsRow {
  padding: 0.25rem;
  border-bottom: 1px solid #CCCCCC;
  cursor: pointer;
}

#SoilOcc .soilresultsHeader div, #SoilOcc .soilresultsRow div {
  background-color: transparent !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#SoilOcc .soilresultsRow:hover {
  box-shadow: 0px -6px 6px -6px inset #DA1E25;
}

#SoilOcc .praticaDetails .tabs-content {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 0.25rem;
  background-color: #DDDDDD;
}

#SoilOcc .praticaDetails table {
  width: 100%;
}

#SoilOcc .allegati {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

#SoilOcc .allegati div {
  background-color: #FFD8DA;
  margin: 0;
  padding: 0.25rem;
  cursor: pointer;
  position: relative;
  padding-right: 22px;
}

#SoilOcc .allegati div:hover {
  background-color: #FFC1C4;
}

#SoilOcc .allegati div.alert-box .close {
  padding: 0;
  margin-top: -0.61rem;
}

#SoilOcc .itemac i {
  font-size: 125%;
}

#SoilOcc .tabs-content div.row:not([data-what="intervento"]) table tbody tr:hover, #SoilOcc table tbody tr.intrvOdd[data-what="intervento"] {
  background-color: #EFEFEF;
}

#SoilOcc .tabs-content table.selectable tbody tr {
  cursor: pointer;
}

#SoilOcc .tabs-content table.selectable tbody tr.active {
  background-color: #DDDDDD;
}

/* HORIZONTAL SCROLLING */
[role="search"], [role="results"], [role="Pratica"] {
  height: 100%;
  transition: .2s all ease;
  float: left;
  padding: 5px;
  position: relative;
}

div [role="search"] {
  background-color: #F4F4F4;
  width: 30%;
}

div [role="results"] {
  background-color: #EFEFEF;
  width: 68%;
}

div [role="Pratica"] {
  background-color: #EAEAEA;
  width: 50%;
}

.base [role="search"] {
  margin-left: -25%;
  float: left;
}

.base [role="results"] {
  margin-left: 0%;
  float: left;
  width: 90%;
}

.base [role="Pratica"] {
  margin-right: -45%;
  float: left;
}

.searching [role="search"] {
  margin-left: 0;
}

.searching [role="results"] {
  width: 68%;
}

.searching [role="Pratica"] {
  margin-right: -58%;
  float: left;
}

.detailing [role="search"] {
  margin-left: -25%;
  float: left;
}

.detailing [role="results"] {
  margin-left: 0%;
  float: left;
  width: 45%;
}

.detailing [role="Pratica"] {
  margin-left: 0%;
  float: left;
}

.tb-expanded, .searching .tb-collapsed {
  display: none;
}

.tb-collapsed, .searching .tb-expanded {
  display: block;
}

#searchFilters {
  max-height: 800px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* VERTICAL SCROLLING */
#PraticheContents, #PraticaContents {
  position: absolute;
  bottom: 5px;
  top: 55px;
  left: 5px;
  right: 5px;
  overflow: hidden;
}

.pratichePnl {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  /* Let's enforce some hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.praticaPnl {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  /* Let's enforce some hardware acceleration */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

#PraticheContents.scrlLista section.pratichePnl, #PraticaContents.scrlScheda section.praticaPnl {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

#PraticheContents.scrlMappa section.pratichePnl, #PraticaContents.scrlWorkFlow section.praticaPnl {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

/*--------------------START PAGE---------------------------*/
.startpage {
  display: flex;
  align-content: center;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
}

.startpage .blk > div {
  background: #ffffff;
  border-radius: 4px;
  padding: 15px 0 0 0;
  width: 200px;
  min-height: 135px;
  text-align: center;
  margin: 2rem;
  cursor: pointer;
}

.startpage .blk > div i {
  font-size: 30px;
  text-align: center;
  background: #DA1E25;
  width: 60px;
  display: block;
  margin: 0 auto 15px auto;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  color: #FFFFFF !important;
}

.startpage .blk > div h6 {
  font-size: 100%;
  text-align: center;
  text-transform: capitalize;
  font-weight: bold;
  margin: 10px 0 0;
  background: rgba(0, 0, 0, 0.24);
  padding: 5px 0;
  color: #ffffff !important;
  background: #222A38 !important;
  position: relative;
}

.startpage .blk.breakline {
  break-after: always;
  page-break-after: always;
}

.startpage .blk > div h6 .label {
  position: absolute;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
}

/*--------------------DASHBOARD---------------------------*/
.dashboard {
  display: flex;
  align-content: center;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
}

.dashboard .report {
  padding: 0.5rem;
}

.dashboard .report > div {
  border-radius: 2px;
  width: 350px;
  height: 180px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  margin: 0;
}

.dashboard .report h2 {
  font-family: 'Source Sans Pro',sans-serif;
  font-weight: bold;
  margin-bottom: 11px;
  font-size: 50px;
}

.dashboard .report > div > .inner {
  padding: 10px;
}

.dashboard .report .icon {
  transition: all .3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 95px;
  color: #da1e25;
}

.dashboard .report small {
  line-height: 0.75rem;
  position: absolute;
  bottom: 30px;
  width: 100%;
  height: auto;
}

.dashboard .report .icon:hover {
  font-size: 100px;
}

.dashboard .report .small-box-footer {
  position: absolute;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: black;
  text-decoration: none;
  bottom: 0;
  width: 100%;
}

td.IntAdding {
  padding-right: 2.5rem;
  position: relative;
}

td.IntAdding a {
  position: absolute;
  right: 0.5rem;
  top: 1.5rem;
  display: block;
  font-size: 1.25rem;
}

/*#endregion*/
/*#region ReadMore contents with bouncing arrow to expand/collapse */
.readmore-box {
  position: relative;
  overflow: hidden;
}

.readmore-box .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  background-image: linear-gradient(to bottom, rgba(234, 234, 234, 0), #eaeaea);
  height: 0px;
}

.readmore-box.collapsed {
  max-height: 135px;
}

.readmore-box.collapsed .read-more {
  height: 135px;
}

.readmore-box .read-more a:focus {
  outline: none;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.bouncingarrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-size: contain;
}

.bouncingarrow:hover {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

/*#endregion*/
/*#region SNOOZED */
dl.showRequest.accordion dd {
  position: relative;
}

.SnoozedTitle {
  filter: blur(3px);
}

.SnoozedRequest {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  background-color: rgba(255, 0, 0, 0.2);
  pointer-events: none;
}

.SnoozedRequest span {
  font-size: 110%;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  text-align: center;
  color: red;
  text-shadow: 0px 0px 4px #ffffff;
}

/*#endregion*/
/*#region MAILLOG DETAILS */
#MailLogDetails div.columns {
  padding: 0 0.25rem;
}

#MailLogDetails div.columns small {
  padding: 0.75rem 0;
  font-size: 80% !important;
}

#MailLogDetails div.columns.small-10 {
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 0.25rem;
  min-height: 24px;
}

#MailLogDetails h4 span {
  font-size: 80%;
  margin-left: 3rem;
  font-style: italic;
  color: #008CBA;
}

/*#endregion*/
/*#region SALs */
.salreqlist li:first-child {
  list-style: none;
}

.salreqlist li:first-child h5 {
  display: inline-block;
}

ul#salreqList {
  list-style: none;
}

ul#salreqList li {
  width: 50%;
  float: left;
  position: relative;
  padding: 0 1rem;
  margin-bottom: 0.25rem;
}

ul#salreqList li div {
  background-color: #f3ebcb;
}

ul#salreqList li input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0.28rem;
}

ul#salreqList li div span {
  display: inline-block;
  margin-right: 0.2rem;
}

ul#salreqList li div span small {
  margin-right: 0.5rem;
  display: inline-block;
}

ul#salreqList li div span:nth-child(odd) {
  margin-left: 0.2rem;
  font-weight: bold;
}

ul#salreqList li div span:nth-child(even) {
  font-size: 90%;
  font-style: italic;
  float: right;
}

ul#salreqList li div span:nth-child(3) {
  font-weight: normal !important;
}

/*#endregion*/
.sublayersHidden {
  max-height: 0px;
  overflow: hidden;
}

/*#region ROLEBLOCKEXITS */
.roleblockexits > div.row {
  position: relative;
  padding-right: 1rem;
}

.roleblockexits i {
  position: absolute;
  right: 0;
  top: 1.15rem;
  color: #008CBA;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 140%;
  cursor: pointer;
}

.roleblockexits select, .roleblockexits input {
  padding: 0.25rem;
  height: 1.75rem;
}

div.row[data-roleblockexitid] span {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
  font-style: italic;
}

div.row[data-roleblockexitid] i.deleteRoleBlockExit {
  top: 0.5rem;
}

/*#endregion*/
/*#region FIELDVALS EDITING */
.hasHelp {
  cursor: help;
}

.HermesFieldVal:not(:has(textarea)) {
  max-height: 62px;
}

.HermesFieldVal input[type="text"], .HermesFieldVal input[type="number"] {
  margin-bottom: 0 !important;
}

.HermesFieldVal .edited, .sortingFields .edited, .DinFieldsList .edited, .ef .edited {
  border: 1px solid #f39c12 !important;
  box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
}

.HermesFieldVal .is-valid, .sortingFields .is-valid, .DinFieldsList .is-valid, .ef .is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.HermesFieldVal .is-valid:focus, .sortingFields .is-valid:focus, .DinFieldsList .is-valid:focus, .ef .is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.HermesFieldVal textarea.is-valid, .ef textarea.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.HermesFieldVal .is-invalid, .sortingFields .is-invalid, .DinFieldsList .is-invalid, .ef .is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.HermesFieldVal .is-invalid:focus, .sortingFields .is-invalid:focus, .DinFieldsList .is-invalid:focus, .ef .is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.HermesFieldVal textarea.is-invalid, .ef textarea.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

/*#endregion*/
/*#region CASSA */
.chiusuraReqList li:first-child {
  list-style: none;
}

.chiusuraReqList li:first-child h5 {
  display: inline-block;
}

div#chiusuraReqList, div#chiusuraReqList ul {
  list-style: none;
  display: block;
}

div#chiusuraReqList li {
  width: 50%;
  float: left;
  position: relative;
  padding: 0 1rem;
  margin-bottom: 0.25rem;
}

div#chiusuraReqList li div {
  background-color: #f3ebcb;
  height: auto;
  display: inline-block;
  width: 100%;
}

div#chiusuraReqList li input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 0.28rem;
}

div#chiusuraReqList li div span {
  display: inline-block;
  margin-right: 0.2rem;
}

div#chiusuraReqList li div span small {
  margin-right: 0.5rem;
  display: inline-block;
}

div#chiusuraReqList li div span {
  margin-left: 0.2rem;
  font-weight: bold;
}

div#chiusuraReqList li div span:nth-child(2) {
  font-size: 90%;
  font-style: italic;
  font-weight: normal;
  float: right;
}

div#chiusuraReqList li div span:nth-child(3) {
  width: 35%;
}

div#chiusuraReqList li ul {
  float: right;
  width: 65%;
  margin-left: 0;
}

div#chiusuraReqList li ul li {
  width: 100%;
}

div#chiusuraReqList li ul li span {
  display: inline-block;
  text-align: right;
  margin: 0;
  font-size: 80%;
}

div#chiusuraReqList li ul li span:nth-child(1) {
  font-weight: bold;
  text-align: right;
  width: 70%;
}

div#chiusuraReqList li ul li span:nth-child(2) {
  margin-top: 1px;
  font-size: 90%;
  font-style: italic;
  font-weight: normal;
  width: 30%;
}

ul#CassaFieldsList {
  padding-top: 0;
}

ul#CassaFieldsList li.cassafieldItem {
  height: 2.3125rem;
  padding: 0.4rem;
}

ul#CassaFieldsList li.cassafieldItem a.ItemDel {
  position: absolute;
  right: -7px;
  top: 0px;
}

tr.hystSelectable {
  cursor: pointer;
}

tr.hystSelectable.selected {
  background-color: #EEEEEE;
}

table.cassaItems tr select, table.cassaItems tr input {
  margin: 0 0 0.25rem;
}

table.cassaItems tr th.s {
  width: 110px;
  text-align: center;
}

tr.hystAnnullata td {
  text-decoration: line-through;
}

table.forRequest th:nth-child(1), table.forRequest td:nth-child(1), table.forRequest th:nth-child(7), table.forRequest td:nth-child(7) {
  display: none;
}

/*#endregion*/
/*#region DYNAMIC ACCORDION PURE CSS */
.acctabs {
  border-radius: 0;
  overflow: hidden;
  padding: 0;
}

.acctab {
  width: 100%;
  color: #222222;
  overflow: hidden;
}

.acctab-label {
  display: flex !important;
  justify-content: space-between;
  padding: 0.5rem;
  background: #F2F2F2 !important;
  font-weight: bold;
  cursor: pointer;
  margin: 0 !important;
  /* Icon */
}

.acctab-label:hover {
  background: #d9d9d9 !important;
}

.acctab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all .35s;
}

.acctab-content {
  max-height: 0;
  padding: 0;
  background: white;
  transition: all .35s;
  overflow: hidden;
}

.acctabs > .acctab > input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.acctabs > .acctab > input[type="checkbox"]:checked + .acctab-label {
  background: #d9d9d9;
}

.acctabs > .acctab > input[type="checkbox"]:checked + .acctab-label::after {
  transform: rotate(90deg);
}

.acctabs > .acctab > input[type="checkbox"]:checked ~ .acctab-content {
  max-height: 250px;
  padding: 0.5rem;
  border: 1px solid #CCC;
  overflow: auto;
}

/*#endregion*/
/*#region THREESTATE SWITCH */
.switch.threestate {
  border: none;
  margin-bottom: 1.5rem;
  outline: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 60px;
}

.switch.threestate label {
  background: #DDDDDD;
  color: transparent;
  cursor: pointer;
  display: block;
  margin-bottom: 1rem;
  position: relative;
  text-indent: 100%;
  width: 6rem;
  height: 2rem;
  transition: left 0.15s ease-out;
}

.switch.threestate input {
  left: 10px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 9px;
}

.switch.threestate input + label {
  margin-left: 0;
  margin-right: 0;
}

.switch.threestate label:after {
  background: #008CBA;
  content: "";
  display: block;
  height: 1.5rem;
  left: .25rem;
  position: absolute;
  top: .25rem;
  width: 1.5rem;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: translate3d(0, 0, 0);
  transition: left 0.15s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.switch.threestate input:checked + label {
  background: #008CBA;
}

.switch.threestate input:indeterminate + label {
  background: #DDDDDD;
}

.switch.threestate label {
  height: 2rem;
  width: 5rem;
}

.switch.threestate label:after {
  height: 1.5rem;
  width: 1.5rem;
}

.switch.threestate input:checked + label:after {
  left: 3.25rem;
  background: #FFFFFF;
}

.switch.threestate input:not(:checked) + label:after {
  background: #FFFFFF;
}

.switch.threestate input:indeterminate + label:after {
  left: 1.75rem;
  background: #008CBA;
}

.switch.threestate label {
  color: transparent;
  background: #FFFFFF;
}

.switch.threestate input:checked + label {
  background: #43AC6A;
}

.switch.threestate input:not(:checked) + label {
  background: #f04124;
}

.switch.threestate input:indeterminate + label {
  background: #DDDDDD;
}

.switch.threestate input.edited + label {
  box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.25);
}

.switch.threestate input.is-valid + label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.switch.threestate input.is-invalid + label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.switch.large.threestate label {
  height: 2.5rem;
  width: 6rem;
}

.switch.large.threestate label:after {
  height: 2rem;
  width: 2rem;
}

.switch.large.threestate input:checked + label:after {
  left: 3.75rem;
}

.switch.large.threestate input:indeterminate + label:after {
  left: 2rem;
}

.switch.small.threestate label {
  height: 1.75rem;
  width: 4.25rem;
}

.switch.small.threestate label:after {
  height: 1.25rem;
  width: 1.25rem;
}

.switch.small.threestate input:checked + label:after {
  left: 2.75rem;
}

.switch.small.threestate input:indeterminate + label:after {
  left: 1.5rem;
}

.switch.tiny.threestate label {
  height: 1.5rem;
  width: 3.75rem;
}

.switch.tiny.threestate label:after {
  height: 1rem;
  width: 1rem;
}

.switch.tiny.threestate input:checked + label:after {
  left: 2.5rem;
}

.switch.tiny.threestate input:indeterminate + label:after {
  left: 1.25rem;
}

.switch.intable span {
  font-size: 0.875rem;
}

.switch.intable input {
  margin-bottom: 0;
  top: 5px;
}

.switch.intable label {
  height: 1rem !important;
  margin-bottom: 0;
  margin-top: 3px;
  width: 3rem !important;
}

.switch.intable label::after {
  height: 0.5rem !important;
  width: 0.5rem !important;
}

.switch.intable input:checked + label::after {
  left: 2.25rem !important;
}

.switch.intable.threestate {
  margin: 3px 0 !important;
}

.switch.intable.threestate label {
  height: 1.5rem;
  width: 3.75rem;
}

.switch.intable.threestate label:after {
  height: 1rem;
  width: 1rem;
}

.switch.intable.threestate input:checked + label:after {
  left: 2.5rem;
}

.switch.intable.threestate input:indeterminate + label:after {
  left: 1.25rem;
}

.switch.threestate label:before {
  content: "";
  display: block;
  height: 1.5rem;
  left: 0rem;
  position: absolute;
  top: 0;
  color: black;
}

.switch.threestate input:indeterminate + label:before {
  content: "";
}

.switch.threestate input:checked + label:before {
  content: "SI";
}

.switch.threestate input:not(checked) + label:before {
  content: "NO";
}

/*#endregion*/
/*#region DINTABLES */
#DintableStruct table {
  table-layout: fixed;
}

#DintableStruct table input {
  margin: 0;
  padding: 0.125rem;
  height: 1.8rem;
}

#DintableStruct table th, #DintableStruct table td {
  position: relative;
  padding: 0.125rem 0.125rem;
}

#DintableStruct table i.fi-x.iRed, #DintableStruct table th i.fi-plus {
  position: absolute;
  top: 0.45rem;
  right: 0.5rem;
}

#DintableStruct table thead tr th:last-child {
  width: 200px;
}

/*#endregion*/
/*#region RENDER FIELD */
/*div.HermesFieldVal {
    min-height: 74px;
}*/
.fldOptionsTable {
  vertical-align: middle;
  width: 100%;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.fldOptionsTable td {
  margin: 0 5px 0 5px;
  height: 16px;
  padding: 0.5rem 0.625rem;
}

.fldOptionsTable td span, .fldOptionsTable td input {
  margin-left: 0.5rem;
  vertical-align: middle;
}

/*#endregion*/
/*#region METADATI - FIELD SORTING */
.sortingFields ul.rtFields, .sortingFields ul.rfFieldGroups {
  margin-top: 3px;
  position: relative;
}

.sortingFields > ul.rtFields, .sortingFields > ul.rfFieldGroups {
  margin-left: 1rem !important;
  pointer-events: none;
}

.sortingFields ul.rtFields li, .sortingFields > ul.rfFieldGroups li {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  pointer-events: auto;
}

.sortingFields ul.rtFields li i.fi-pause {
  position: absolute;
  left: -6px;
  top: -2px;
  cursor: move;
}

.rtDinFields {
  list-style: none;
  position: relative;
}

.ui-state-highlight {
  height: 36px;
  margin: 0 0.25rem !important;
}

.rtFields li, .rtDinFields li, .rfFieldGroups li {
  padding: 0 0.25rem 0 !important;
}

.rtFields > li input, .rtFields > li select, .rtDinFields > li select, .rfFieldGroups > li input, .rfFieldGroups > li select {
  margin: 0.25rem 0 !important;
  padding: 0.25rem;
  height: 1.75rem;
}

ul.rtFields {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.rtFields.selected {
  background: rgba(96, 96, 96, 0.5) none repeat scroll 0 0;
}

ul.rtFields i {
  margin-right: 0.25rem;
}

ul.rtFields > li {
  flex-basis: 8.33333%;
  flex-grow: 0;
}

ul.rtFields > li:nth-child(2) {
  flex-basis: 41.66667%;
}

ul.rtFields > li:nth-child(3) {
  flex-basis: 33.33333%;
}

ul.rtFields > li:first-child, ul.rtFields > li:last-child {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 2rem;
  flex-basis: unset;
}

ul.rtFields > li:last-child {
  width: 4.75rem;
  flex-basis: unset;
}

.rtFields > li.right, .rtDinFields > li.right, .rtFields > li div.switch {
  margin-top: 0.25rem;
}

ul.rfFieldGroups {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  list-style: none;
  background: #f3ebcb none repeat scroll 0 0;
  padding-top: 0.25rem;
}

ul.rfFieldGroups > li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-basis: 15%;
  flex-grow: 1;
}

ul.rfFieldGroups > li > i {
  margin-right: 0.25rem;
}

ul.rfFieldGroups > li:first-child {
  width: 2.25rem;
  flex-basis: unset;
  flex-grow: 0;
}

ul.rfFieldGroups > li:nth-child(2) {
  flex-basis: 35%;
  flex-grow: 0;
}

ul.rfFieldGroups > li:nth-child(6) {
  width: 4.25rem;
  flex-basis: unset;
  flex-grow: 0;
}

ul.rfFieldGroups > li > div.switch {
  width: 100%;
}

ul.rfFieldGroups > li.children {
  flex-basis: 100%;
  flex-grow: 1;
  padding-left: 2rem !important;
  flex-flow: column nowrap;
}

ul.rfFieldGroups.iClosed > li > i.fi-play {
  transform: rotate(0);
}

ul.rfFieldGroups.iClosed > li.children {
  height: 10px;
  overflow: hidden !important;
}

ul.rfFieldGroups.iOpened > li > i.fi-play {
  transform: rotate(90deg);
}

ul.rfFieldGroups.iOpened > li.children {
  height: auto;
}

ul.rfFieldGroups > li.children > ul.rtFields {
  flex-basis: 100%;
  flex-shrink: 0;
  width: 100%;
}

ul.iteration-start:before, ul.iteration:before, ul.iteration-end:before, ul.noiter:before, ul.iteration-starting:before, ul.iteration-ending:before {
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  color: red;
  cursor: pointer;
  pointer-events: auto;
}

ul.iteration-start:before, ul.iteration-starting:before {
  content: "\e09a";
  transform: rotate(180deg);
  left: -1.35rem;
  top: 0.5rem;
}

ul.iteration-starting:before {
  animation: fa-flip 1.5s infinite;
}

ul.iteration:before {
  content: "";
  left: -1rem;
  top: -1rem;
  bottom: -1rem;
  width: 2px;
  background-color: red;
}

ul.iteration-end:before, ul.iteration-ending:before {
  content: "\e09a";
  left: -1.35rem;
  top: 0.5rem;
}

ul.iteration-ending:before {
  animation: fa-flip 1.5s infinite;
}

ul.noiter:before {
  content: "\f192";
  left: -1.35rem;
  top: calc(50% - 8px);
  bottom: calc(50% - 8px);
  color: #BBBBBB;
}

/*#endregion*/
/*#region SOILITEM FIELDS */
.sortingFields ul.siFields {
  margin-top: 3px;
}

.sortingFields ul.siFields li {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

.sortingFields ul.siFields li i.fi-pause {
  position: absolute;
  left: -6px;
  top: -2px;
  cursor: move;
}

.siFields {
  list-style: none;
  position: relative;
  padding-left: 1rem;
}

.siFieldGroups {
  background: #f3ebcb none repeat scroll 0 0;
  margin-top: 0.25rem !important;
  padding-left: 2rem;
}

.siFields li {
  padding: 0 0.25rem 0 !important;
}

.siFields li.right, .siFields li div.switch {
  margin-top: 0.25rem;
}

.siFields li input, .siFields li select {
  margin: 0.25rem 0 !important;
  padding: 0.25rem;
  height: 1.75rem;
}

.siFields i.fi-braille {
  position: absolute;
  top: 2px;
  left: 0.15rem;
}

.siFieldGroups i.fi-braille {
  position: absolute;
  top: 2px;
  left: 1.15rem;
}

/*#endregion*/
/*#region METADATI - FIELD SORTING 

.sortingFields ul {
    margin-top: 3px;
}

.sortingFields ul li {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.sortingFields ul li i.fi-pause {
    position: absolute;
    left: -6px;
    top: -2px;
    cursor: move;
}

.rtFields {
    list-style: none;
    position: relative;
    padding-left: 1rem;
    padding-right: 4rem;
}

.rtDinFields {
    list-style: none;
    position: relative;
}

.rfFieldGroups {
    background: #f3ebcb none repeat scroll 0 0;
    margin-top: 0.25rem !important;
    padding-left: 2rem;
}

.rtFields.InGroup {
    padding-left: 2rem;
}

.rtFields li, .rtDinFields li {
    padding: 0 0.25rem 0 !important;
}

.rtFields li.right, .rtDinFields li.right, .rtFields li div.switch {
    margin-top: 0.25rem;
}

.rtFields li input, .rtFields li select, .rtDinFields li select {
    margin: 0.25rem 0 !important;
    padding: 0.25rem;
    height: 1.75rem;
}

.rtFields i.fi-braille {
    position: absolute;
    top: 2px;
    left: 0.15rem;
}

.rfFieldGroups i.fi-braille {
    position: absolute;
    top: 2px;
    left: 1.15rem;
}

.rtFields i.fi-x, .rtFields i.fi-key, .rtFields i.fi-quote, .rtFields i.fi-page-filled {
    position: absolute;
    top: 4px;
    right: 0.25rem;
}

.rtFields i.fi-key {
    right: 1.5rem;
}

.rtFields i.fi-quote, .rtFields i.fi-page-filled {
    right: 3rem;
}

ul.rfFieldGroups i.fi-play {
    position: absolute;
    top: 2px;
    left: 0.15rem;
    cursor: pointer;
}

ul.rfFieldGroups.iClosed i.fi-play {
    transform: rotate(0);
    top: 2px;
    left: 3px;
}

ul.rfFieldGroups.iClosed > li:nth-child(7) {
    height: 1px;
    overflow: hidden !important;
}

ul.rfFieldGroups.iOpened i.fi-play {
    transform: rotate(90deg);
}

ul.rfFieldGroups.iOpened > li:nth-child(7) {
    height: auto;
}

.rtFields.InGroup i.fi-braille {
    left: 1.15rem;
}

.ui-state-highlight {
    height: 36px;
    margin: 0 0.25rem !important;
}

.rtFields.rfFieldGroups li.children {
    min-height: 10px;
}

.rtFields.selected {
    background: rgba(96,96,96,0.5) none repeat scroll 0 0;
}

/*#endregion*/
/*#region FIELD GROUP AS TABLE  */
.FieldGroupTable {
  position: relative;
  overflow: hidden;
}

.FieldGroupTable ul {
  list-style: none;
  position: relative;
  display: inline-block;
  margin: 0;
  background-color: white;
}

.FieldGroupTable ul:first-child {
  position: sticky;
  border-bottom: 1px solid rgba(127, 127, 127, 0.5);
}

.FieldGroupTable ul:not(:first-child) {
  border-bottom: 1px solid rgba(127, 127, 127, 0.5);
}

.FieldGroupTable ul li {
  padding: 0.25rem 0 !important;
  float: left;
  height: 100%;
}

.FieldGroupTable ul:first-child li {
  text-align: center !important;
  padding: 0.25rem 0.75rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.FieldGroupTable ul li:first-child {
  width: 30px;
  text-align: center !important;
}

.FieldGroupTable ul li.collapse div.row .columns {
  padding: 0 0.25rem;
}

.FieldGroupTable li input, .FieldGroupTable li select, .FieldGroupTable li textarea {
  margin: 0px !important;
  padding: 0.25rem 0.75rem;
  height: 1.5rem;
}

.FieldGroupTable ul li i {
  font-size: 16px;
}

/*#endregion*/
/*#region AUTOMATIONS  */
.I {
  font-style: italic;
}

#automazioni .imgButton {
  margin-left: 5px;
}

#automazioni thead td {
  font-weight: bold;
}

#automazioni tbody tr {
  border-top: 1px solid #ddd;
}

#automazioni tbody td {
  padding-top: 5px;
  padding-bottom: 5px;
}

#automazioni tbody tr:hover {
  background-color: #f5f5f5;
}

#automazioni tbody tr.selected {
  background-color: #f5f5f5;
}

#AutomDetails > div {
  background-color: white;
  background-clip: content-box;
}

#AutomDetails [class*="block-grid-"] {
  padding: 0 0.9375rem;
}

#Operators ul, #Functions ul, #Metadata ul {
  border: 1px solid #ddd;
  display: inline-block;
  height: 200px;
  overflow: auto;
  width: 100%;
  margin: 0px;
}

#Operators ul li, #Functions ul li {
  display: block;
  float: left;
  text-align: center;
  box-shadow: inset 0 0 4px #cccccc;
  background-color: white;
  cursor: pointer;
  min-width: 40px;
  padding: 0.25rem 0.35rem;
  width: auto;
  height: auto;
  margin: 0.25rem;
  font-size: 90%;
}

#Metadata ul li {
  font-style: italic;
  padding: 0.25rem;
  font-size: 90%;
  cursor: pointer;
}

#Metadata ul li[data-parentname$="tokens"] span, #Metadata ul li[data-parentname$="metadata"] span {
  margin-left: 0.25rem;
  display: inline-block;
  font-weight: bold;
}

#Metadata ul li.tokenRow, #Metadata ul li.metadataRow {
  font-style: unset;
  padding-left: 1.25rem;
  cursor: pointer;
}

#Operators ul li:hover, #Functions ul li:hover {
  background-color: #f5f5f5;
}

.tblBlock {
  width: 250px;
  float: left;
}

.treeview li {
  cursor: pointer;
}

.funcBlock:hover, .metaBlock:hover {
  box-shadow: inset 0 0 3px #FF0000;
}

.functEnabled {
  /*background-color:#5bb9f7;*/
  cursor: pointer;
}

.functEnabled:hover {
  background-color: #f5f5f5;
}

.functDisabled {
  display: none !important;
}

#functions {
  background-color: #E5E5E5;
  padding: 0.75rem;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  text-align: left;
}

.funcBlock {
  display: inline-block;
  padding: 5px;
  box-shadow: inset 0 0 2px #0000FF;
  cursor: pointer;
}

.funcBlock:hover, .metaBlock:hover {
  box-shadow: inset 0 0 3px #FF0000;
}

.deleteIcon {
  font-size: 12px;
  position: relative;
  top: -14px;
  left: -3px;
  font-weight: bold;
  cursor: pointer;
}

.functParam {
  display: inline-block;
}

.functionParam:focus {
  background-color: #e9f3ff;
}

.deleteBlock:hover {
  font-weight: bold;
}

.functionRow, .operationRow, .tokenRow, .metadataRow {
  height: 33px;
  padding-top: 6px;
}

.metaBlock, .tokenBlock {
  display: inline-block;
  padding: 5px;
  box-shadow: inset 0 0 2px #0000FF;
  cursor: pointer;
}

table#automazioniList tr.selected {
  font-weight: bold;
}

table#automazioniList tr.selected > td {
  background-color: #c3dee5;
}

/*#endregion*/
/*#region SOILITEMDEFS / SOILITEMS */
#pnlSoilItemDefs {
  background-color: white;
  padding: 0.5rem;
}

#pnlSoilItemDefs > ul {
  background-color: #f5f5f5;
}

#pnlSoilItemDefs > ul li {
  padding: 0.5rem !important;
}

#pnlSoilItemDefs > ul li label {
  font-weight: bold !important;
}

#pnlSoilItemDefs .siFields i.fi-braille {
  position: absolute;
  top: 2px;
  left: 0.35rem;
}

.SoilItemDefs ul {
  list-style: none;
  position: relative;
  margin: 0;
  background-color: white;
  position: sticky;
  border-bottom: 1px solid rgba(127, 127, 127, 0.5);
}

li.soilitemscontainer > ul.siFields {
  display: inline-block;
  border-bottom: none;
}

.SoilItemDefs ul li {
  float: left;
  list-style: none;
  padding: 0.25rem 0 !important;
}

#PraticaScheda .SoilItemDefs ul li:nth-child(1) {
  width: 100px !important;
  text-align: center;
}

.SoilItemDefs ul li.collapse div.row .columns {
  padding: 0 0.25rem;
}

.SoilItemDefs li input, .SoilItemDefs li select, .SoilItemDefs li textarea {
  margin: 0px !important;
  padding: 0.25rem;
}

.SoilItemDefs ul li i {
  font-size: 16px;
}

.SoilItemDefs > ul {
  width: 100%;
}

/*.SoilItemDefs > ul:first-child {
    padding-left: 1.5rem;
}*/
.SoilItemDefs > ul > li > ul li {
  margin-left: 0 !important;
}

.SoilItemDefs > ul > li > ul:first-child li {
  font-weight: bold;
  text-align: center;
  padding: 0.25rem 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.SoilItemDefs > ul i.fi-play {
  position: absolute;
  left: 0rem;
  top: 0.35rem;
  width: 1.5rem;
  cursor: pointer;
}

ul[data-soilitemdefid] {
  transition: all 1s ease;
}

ul[data-soilitemdefid] > li:nth-child(4) {
  border-top: 1px solid rgba(127, 127, 127, 0.5);
}

ul[data-soilitemdefid].iClosed i.fi-play {
  transform: rotate(0);
  top: 1px;
  left: 7px;
}

ul[data-soilitemdefid].iClosed > li:nth-child(4) {
  height: 1px;
  overflow: hidden !important;
}

ul[data-soilitemdefid].iOpened i.fi-play {
  transform: rotate(90deg);
}

ul[data-soilitemdefid].iOpened > li:nth-child(4) {
  height: auto;
}

#SHPs2SoilItemDefs table tr.WKIDKO {
  background-color: #EEEEEE;
  color: red;
}

.FieldsPanel {
  padding: 0.25rem;
  display: inline-block;
}

.FieldsPanel .tabs-content {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 0.25rem;
  border: #DA1E25 1px solid;
}

.Thesauri {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0.875rem 0;
}

.Thesauri li {
  background-color: #f3ebcb;
  padding: 5px;
  position: relative;
  cursor: pointer;
  height: 2rem;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: normal;
  display: inline-block;
  padding-right: 2rem;
}

.Thesauri li a:not(.button) {
  color: #008CBA;
  display: block;
  margin: 0;
  padding: 0.4375rem 0.875rem;
}

/*#endregion*/
/*#region Centerable Indirizzo */
.centerable {
  position: relative;
}

.centerable::before {
  position: relative;
  content: "\f1f5";
  cursor: pointer;
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
  box-sizing: border-box;
  z-index: 9999;
  top: 0;
  right: 0;
  color: #782715;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-transition: color 300ms ease 0s;
  -o-transition: color 300ms ease 0s;
  -webkit-transition: color 300ms ease 0s;
  transition: color 300ms ease 0s;
}

.centerable:hover::before {
  color: rgba(0, 120, 160, 0.7);
}

/*#endregion*/
/*#region VIEW FIELDS */
.viewfieldItem {
  height: auto !important;
  white-space: unset !important;
}

.viewfieldItem span {
  width: 100%;
  height: auto;
  display: block;
  padding-right: 20px;
  overflow-wrap: break-word;
  word-break: break-all;
}

/*#endregion*/
/*#region CORRECTIVES FOR E2JS */
.e-ddl-hidden {
  padding: 0;
}

.e-inline-edit, .e-table {
  margin-bottom: 0;
}

.e-pager .e-pagerdropdown {
  margin-top: -20px !important;
}

div.e-input-group.e-search[role="search"] {
  padding: 0;
}

/*#endregion*/
/*#region ANALISI */
.analisiContainer {
  height: 100%;
}

.analisiContainer > #paramAnalisi {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}

.analisiContainer > #paramAnalisi > .splitter {
  position: absolute;
  right: 0;
  z-index: 2000;
  top: calc(50% - 0.75rem);
  border: 1px solid;
  cursor: pointer;
  color: #DA1E25;
}

.analisiContainer > div.analisiresults, .analisiContainer > div.analisiresults > div.row, .analisiContainer #hnDets .pnlHNDet {
  height: 100%;
}

.analisiContainer #hnDetsTitle {
  height: 2.8125rem;
}

.analisiContainer #hnDets {
  height: calc(100% - 3.2125rem);
}

#searchResults .showingReq div, .PagedResultHeader div {
  max-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#searchResults .showingReq div div:first-child, .PagedResultHeader div:first-child {
  width: calc(8.33333% - 60px);
  text-align: center;
}

#searchResults .showingReq div div:nth-child(4), .PagedResultHeader div:nth-child(4), #searchResults .showingReq div div:nth-child(8), .PagedResultHeader div:nth-child(8) {
  width: calc(8.33333% + 30px);
}

/* HORIZONTAL COLLAPSING */
[data-role="params"], [data-role="analisys"] {
  transition: .2s all ease;
  float: left;
  padding: 0 0.75rem;
}

[data-role="params"] {
  width: 30%;
}

[data-role="analisys"] {
  width: 70%;
}

.searching [data-role="params"] {
  margin-left: 0;
}

.resulting [data-role="params"] {
  margin-left: -25%;
  float: left;
}

.resulting [data-role="analisys"] {
  margin-left: 0%;
  float: left;
  width: 95%;
}

/*#endregion*/
/*#region FIELDGROUPS TITLE */
span.fgTitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

span.fgTitle i {
  margin-right: 0.5rem;
  cursor: pointer;
  font-size: 20px;
}

/*#endregion FIELDGROUPS TITLE */
/*#region DOCS */
#mainDocs {
  /* HORIZONTAL SCROLLING */
}

#mainDocs {
  overflow: hidden;
  display: block;
  height: 100%;
}

#mainDocs input:not([type]), #mainDocs input[type="text"], #mainDocs input[type="password"], #mainDocs input[type="date"],
#mainDocs input[type="datetime"], #mainDocs input[type="datetime-local"], #mainDocs input[type="month"], #mainDocs input[type="week"],
#mainDocs input[type="email"], #mainDocs input[type="number"], #mainDocs input[type="search"], #mainDocs input[type="tel"],
#mainDocs input[type="time"], #mainDocs input[type="url"], #mainDocs input[type="color"], #mainDocs textarea, #mainDocs select, #mainDocs input[type="text"].fieldVal {
  margin-bottom: 0.25rem;
}

#mainDocs span.postfix {
  height: 2rem;
  padding: 0 0.25rem;
  border: 1px solid #ccc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#mainDocs .contain-to-grid .top-bar {
  max-width: 9999px;
  background-color: transparent;
  box-shadow: 0px -6px 6px -6px inset #DA1E25;
}

#mainDocs .contain-to-grid, #mainDocs .top-bar-section li:not(.has-form) a:not(.button),
#mainDocs .top-bar-section ul li, #mainDocs .top-bar-section ul {
  background-color: transparent;
}

#mainDocs i.tb-icon {
  color: #DA1E25;
  font-size: 30px;
  height: 45px;
  position: absolute;
  right: 0;
  width: 30px;
}

#mainDocs a.tb-icon {
  position: relative;
}

#mainDocs .top-bar-section ul li > a {
  color: #0073c0;
  font-weight: bold;
  font-size: 115%;
}

#mainDocs .bkg-icon {
  margin: auto;
  color: lightgray;
  font-size: 200px;
}

#mainDocs [role="dSearch"], #mainDocs [role="dResults"] {
  height: 100%;
  transition: .2s all ease;
  float: left;
  padding: 5px;
  position: relative;
}

#mainDocs div[role="dSearch"] {
  background-color: #F4F4F4;
  width: 30%;
}

#mainDocs div[role="dResults"] {
  background-color: #EFEFEF;
  width: 70%;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}

#mainDocs.resulting div[role="dSearch"] {
  margin-left: -25%;
}

#mainDocs.resulting div[role="dResults"] {
  width: 95%;
}

#mainDocs #resTitle a.button.tiny {
  margin-bottom: 0 !important;
  margin-top: 0.25rem;
}

#mainDocs #DocsFilters {
  bottom: 5px;
  left: 5px;
  position: absolute;
  right: 5px;
  top: 55px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#mainDocs #DocsFilters div label {
  font-weight: bold;
  padding: 0.625rem 0;
  margin: 0;
}

#mainDocs #DocsFilters div input, #mainDocs #DocsFilters div select {
  font-size: 0.875rem;
  height: 2rem;
  margin: 0;
  padding: 0.25rem;
}

#mainDocs #docfiltersList {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 56px;
  overflow: auto;
}

#mainDocs #DocsFiltersCmds {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 56px;
}

#mainDocs #DocsFiltersCmds button {
  margin-bottom: 5px;
  margin-top: 5px;
}

#mainDocs #DocsContents {
  height: calc(100% - 45px);
}

#mainDocs #DocsContents #resTitle {
  height: 44px;
}

#mainDocs #DocsContents #docresContainer {
  height: calc(100% - 44px);
  overflow-y: auto;
}

#mainDocs #DocsContents #docresContainer table {
  margin: 0;
}

#mainDocs #DocsContents #docresContainer > details {
  background-color: white;
  margin-bottom: 0.5rem;
}

#mainDocs #DocsContents #docresContainer > details > summary div.row {
  font-weight: bold;
  border-bottom: 1px solid #DA1E25;
}

#mainDocs #DocsContents #docresContainer summary i.fi-shuffle {
  color: #DA1E25;
  font-size: 18px;
  position: relative;
  margin-right: 0.25rem;
}

#mainDocs #mainDocs #DocsContents #docresContainer table tbody tr.NotFound td {
  color: red;
}

#mainDocs #DocsContents #docresContainer table thead th {
  position: sticky;
  top: -1px;
  z-index: 1;
}

#mainDocs #DocsContents #docresContainer table i.tb-icon {
  color: #DA1E25;
  font-size: 18px;
  position: relative;
}

/*#endregion*/
/*#region UPLOAD ALLEGATI*/
#frmAddingAllegato table {
  width: 100%;
}

#frmAddingAllegato table tbody td:first-child, #frmAddingAllegato table thead th:first-child {
  width: 54px;
}

#frmAddingAllegato table tbody td:first-child .upl-button {
  position: relative;
  height: 20px;
  vertical-align: unset;
}

#frmAddingAllegato table tbody tr[data-docfileid] td:last-child, #frmAddingAllegato table thead tr th:last-child, #frmAddingAllegato table tbody tr td[data-totsize] {
  width: 100px;
  text-align: right;
}

#frmAddingAllegato table tbody tr[data-docfileid="-1"] td:first-child {
  position: relative;
}

#frmAddingAllegato table tbody tr[data-docfileid].elim td:not(:first-child) {
  text-decoration: line-through;
}

#frmAddingAllegato table tbody tr[data-note] td small {
  font-size: 80%;
  margin-right: 0.5rem;
  font-style: italic;
}

#frmAddingAllegato table tbody tr.newversion td:nth-child(2), #frmAddingAllegato table tbody tr.newversion td:last-child {
  color: blue;
  font-weight: bold;
}

#frmAddingAllegato table tbody tr.newversion td:nth-child(2):before {
  content: "Nuova Versione:";
  font-size: 80%;
  margin-right: 0.5rem;
  font-style: italic;
}

/*#endregion*/
/*#region DOC DETAILS */
summary {
  display: block;
  cursor: pointer;
  outline: 0;
}

summary::-webkit-details-marker {
  display: none;
}

.doctree_item {
  display: block;
  white-space: nowrap;
  position: relative;
}

.doctree_item .doctree_item {
  margin-left: 3.5rem;
  margin-bottom: 0.25rem;
}

.doctree_item.is-expandable[open] > .doctree_item-title::before {
  font-family: "foundation-icons";
  transform: rotate(90deg);
}

.doctree_item.is-expandable > .doctree_item-title {
  padding-left: 2rem;
}

.doctree_item.is-expandable > .doctree_item-title::before {
  position: absolute;
  transition: transform 300ms ease;
  font-family: "foundation-icons";
  font-size: 1.1rem;
  content: "\f198";
  left: 0;
  display: inline-block;
  width: 1.6rem;
  text-align: center;
}

.doctree_item-title {
  cursor: pointer;
  display: block;
  outline: 0;
  font-size: 1rem;
  line-height: 1.8rem;
}

.doctree_item-title.docLevel, .doctree_item-title.docfile {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
}

.doctree_item-title.docLevel > cite, .doctree_item-title.docfile > cite {
  flex-grow: 0;
  width: 80px;
  text-align: right;
  margin-right: 0.5rem;
}

.doctree_item-title.docLevel > div, .doctree_item-title.docVersion > div {
  flex-grow: 1;
}

.doctree_item-title.docfile span {
  flex-grow: 1;
}

.docDetails span.label {
  margin-top: auto;
  float: left;
  margin-top: 0.25rem;
}

.docDetails strong {
  display: inline-block;
  margin-left: 0.5rem;
  padding-top: 0.125rem;
  cursor: pointer;
}

.docDetails details summary div {
  font-size: 80%;
  text-align: left;
  line-height: 1rem;
  margin-left: 2.0rem;
  font-style: italic;
}

.docDetails i.fi-arrow-down, .docDetails details li i.fi-arrow-down, .docDetails i.fi-mail, .docDetails details li i.fi-mail {
  color: #DA1E25;
  font-size: 16px;
  margin-right: 0.5rem;
}

#dlgGeneric .docDetails strong:hover i.fi-arrow-down:before, #dlgGeneric .docDetails details li:hover i.fi-arrow-down:before {
  animation: bounce2 1s ease infinite;
}

@keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(-2px);
  }
}

.docDetails h6 {
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}

.docDetails summary small, .docDetails details ul li small {
  float: right;
}

.docDetails details ul {
  list-style-type: square;
}

.docDetails details li:hover span {
  list-style-type: square;
}

/*#endregion*/
/*#region XLSX Comune Milano */
#frmXLSXReParsing tbody input {
  margin: 0 !important;
}

#frmXLSXReParsing tbody td {
  padding: 0.5625rem 0.625rem;
}

/*#endregion*/