/* Background Image Media Queries */

body.login {
  background-image: url("https://picsum.photos/640/700?random=1");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

body.login .logo {
  height: 100px;
}

body.login .firebaseui-container {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
  background-clip: padding-box;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}

body.login .firebaseui-container .firebaseui-title {
  text-align: center;
  font-weight: 100;
}

body.login .firebaseui-container .firebaseui-label,
body.login .firebaseui-container .firebaseui-input,
body.login .firebaseui-container .firebaseui-input-invalid,
body.login .firebaseui-container .firebaseui-tos,
body.login .firebaseui-container .firebaseui-text,
body.login .firebaseui-container .mdl-button--primary.mdl-button--primary {
  color: rgba(255, 255, 255, 0.9);
}

body.login .mdl-shadow--2dp {
  box-shadow: none;
}


/* -- Top navigation -- */

#top-head {
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  background-color: #e2001c;
}

/* Smaller Header */

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  /* navbar height */
  min-height: 52px;
  padding: 0 8px;
  font-size: 0.85rem;
}

.navbar-logo {
  background-color: #222A30;
  margin-left: -12px;
}

/* Left bar */

#left-col {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #222A30;
  width: 240px;
  z-index: 2;
  transition: height 0.3s ease-out;
}

#left-col ul.uk-nav-default > li > a {
  padding: 8px 20px;
  border-left: 2px solid transparent;
  transition: all 0.15s ease-out;
}

#left-col ul.uk-nav-default li.uk-nav-header {
  padding: 20px 20px 8px 20px;
}

#left-col ul.uk-nav-default li .uk-nav-sub {
  padding-left: 34px;
}

#left-col ul.uk-nav-default > li > a:hover,
#left-col ul.uk-nav-default > li.uk-open > a {
  border-left: 2px solid #e2001c;
  padding-left: 30px;
  color: white;
  background-color: rgba(0, 0, 0, 0.1);
}

#left-col .uk-dropdown.user-drop {
  min-width: 160px;
  max-width: 160px;
  padding: 0.75rem;
}

#left-col .uk-dropdown.user-drop:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 4px;
  margin-left: -4px;
}

/* Left bar links */

/* Drop arrow */

.left-content-box {
  padding: 0.75rem 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: -1px;
}

.left-nav-wrap {
  padding-bottom: 60px;
}

.content-box-dark {
  background-color: rgba(0, 0, 0, 0.09);
}

.text-light {
  font-weight: 200;
  font-size: 1.25rem;
}

.bar-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  padding: 15px 0;
  background-color: #222A30;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 3;
  bottom: 0;
  width: 240px;
}

.left-logo {
  /* navbar height */
  height: 52px;
  line-height: 52px;
  padding: 0 20px;
}

.custom-logo {
  height: 32px;
}

.profile-img {
  width: 60px;
  margin: 0 auto 10px auto;
  display: block;
}

.panel-icons {
  margin: 0 4px;
}

.uk-tooltip {
  background-color: white;
  color: #242C33;
  box-shadow: 0 2px 12px rgba(50, 50, 50, 0.1);
}

#offcanvas-nav .custom-logo {
  display: none;
}

.scaduta tbody {
  border: 1px solid #ffadad !important;
}

.non-scaduta tbody {
  border: 1px solid #caffbf !important;
}

.incassiBackground {
  background: #f3f3f3;
}

#searchForm {
  position: relative;
}

#searchForm label.error {
  display: none !important;
}

#searchForm input.error {
  border: 1px solid #e2001c;
  background: #ffadad;
}

#output-fattureWatchdog ul {
  background: #ffadad;
}

.dynamic-added {
  border: 1px solid #e2a200 !important;
  background: #e4d6b2 !important;
}

.residuo-ok {
  background: #caffbf !important;
}

.residuo-ko {
  background: #ffadad !important;
}

.select2-container--default .select2-selection--single {
  border-radius: 0;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}

.no-uk-form-blank {
  background: transparent;
}

.modal-content {
  background: rgba(255, 255, 255, 0.98);
}

.side-nav .panel-collapse li a {
  font-size: 13px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0;
}

.side-nav .panel-collapse li a:hover,
.side-nav .panel-collapse li a:focus {
  background: rgba(0, 0, 0, 0.7);
}

.xcrud .checkbox input[type=checkbox],
.xcrud .checkbox input[type=radio] {
  opacity: 1;
}

.xcrud .xcrud-list .xcrud-row:hover td.xcrud-actions-fixed {
  border: none;
}

.xcrud .xcrud-list .xcrud-row.info td.xcrud-actions-fixed {
  position: relative;
  right: 0;
  border-left: none;
  margin-top: 1px;
}

.xcrud .xcrud-days {
  background: #50514f;
}

.xcrud .xcrud-month {
  background: #f25f5c;
}

.xcrud .xcrud-year {
  background: #ffe066;
}

.xcrud .get_insc2cv_cashview {
  background: #9c27b0;
}

.xcrud .get_insc2cv_insica {
  background: #00bcd4;
}

.xcrud .preventivi-download {
  background: #C45AB3;
}

.xcrud .preventivi-send {
  background: #631A86;
}

.xcrud .preventivi-view {
  background: #8367C7;
}

.xcrud .preventivi-edit {
  background: #360568;
}

.xcrud .table-hover > tbody > tr:hover td {
  background-color: #e2012c !important;
  color: #FFF !important;
}

.icon-5-days,
.icon-1-month,
.icon-1-year {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Arial";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-5-days:before {
  content: "5g";
}

.icon-7-days:before {
  content: "7g";
}

.icon-28-days:before {
  content: "28g";
}

.icon-1-month:before {
  content: "1m";
}

.icon-1-year:before {
  content: "1y";
}

.xcrud-action-unpublished {
  background-color: #FF6663;
}

.xcrud-action-published {
  background-color: #8CD867;
}

.productName-preview {
  text-decoration: none;
  font-weight: bolder;
  color: #000;
}

.productName-preview:hover,
.productName-preview:focus {
  text-decoration: none;
  font-weight: bolder;
  color: #000;
}

/*! jQuery UI - v1.11.4 - 2016-04-11
 * ** http://jqueryui.com
 * ** Includes: core.css, datepicker.css, theme.css
 * ** To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Open%20Sans&fsDefault=1em&fwDefault=normal&cornerRadius=0px&bgColorHeader=%23deedf7&bgTextureHeader=flat&borderColorHeader=%23aed0ea&fcHeader=%23222222&iconColorHeader=%2372a7cf&bgColorContent=%23f2f5f7&bgTextureContent=flat&borderColorContent=%23dddddd&fcContent=%23362b36&iconColorContent=%2372a7cf&bgColorDefault=%23d7ebf9&bgTextureDefault=flat&borderColorDefault=%23aed0ea&fcDefault=%232779aa&iconColorDefault=%233d80b3&bgColorHover=%23e4f1fb&bgTextureHover=flat&borderColorHover=%2374b2e2&fcHover=%230070a3&iconColorHover=%232694e8&bgColorActive=%233baae3&bgTextureActive=flat&borderColorActive=%232694e8&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23ffef8f&bgTextureHighlight=flat&borderColorHighlight=%23f9dd34&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23cd0a0a&bgTextureError=flat&borderColorError=%23cd0a0a&fcError=%23ffffff&iconColorError=%23ffffff&bgColorOverlay=%23eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=0&thicknessShadow=0px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=0px&bgImgOpacityHeader=100&bgImgOpacityContent=100&bgImgOpacityDefault=80&bgImgOpacityHover=100&bgImgOpacityActive=50&bgImgOpacityHighlight=25&bgImgOpacityError=15
 * ** Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
 * *---------------------------------- */

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

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

/* Interaction Cues
 * *---------------------------------- */

.ui-state-disabled {
  cursor: default !important;
}

/* Icons
 * *---------------------------------- */

/* states and images */

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
 * *---------------------------------- */

/* Overlays */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* with multiple calendars */

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Component containers
 * *---------------------------------- */

.ui-widget {
  font-family: Open Sans;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Open Sans;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #f2f5f7;
  color: #362b36;
}

.ui-widget-content a {
  color: #362b36;
}

.ui-widget-header {
  border: 1px solid #aed0ea;
  background: #deedf7;
  color: #222222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
 * *---------------------------------- */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #aed0ea;
  background: #d7ebf9;
  font-weight: normal;
  color: #2779aa;
}

.ui-state-default a {
  color: #2779aa;
  text-decoration: none;
}

.ui-state-default a:link,
.ui-state-default a:visited {
  color: #2779aa;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #74b2e2;
  background: #e4f1fb;
  font-weight: normal;
  color: #0070a3;
}

.ui-state-hover a {
  color: #0070a3;
  text-decoration: none;
}

.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #0070a3;
  text-decoration: none;
}

.ui-state-focus a {
  color: #0070a3;
  text-decoration: none;
}

.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #0070a3;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #2694e8;
  background: #3baae3;
  font-weight: normal;
  color: #ffffff;
}

.ui-state-active a {
  color: #ffffff;
  text-decoration: none;
}

.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
 * *---------------------------------- */

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #f9dd34;
  background: #ffef8f;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #cd0a0a;
  color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Misc visuals
 * *---------------------------------- */

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0px;
}

/* Overlays */

.ui-widget-overlay {
  background: #eeeeee;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /* support: IE8 */
}

.ui-widget-shadow {
  margin: 0px 0 0 0px;
  padding: 0px;
  background: #000000;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
  border-radius: 0px;
}

/* Mail Sender */

.table-striped > tbody > tr.mail_sent {
  background-color: #c7ffd6;
}

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

.table-striped > tbody > tr.mail_error {
  background-color: #ffc7c7;
}

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

hr.style {
  height: 6px;
  background: url(/images/hr-11.png?111cfb16a7f6e7ba506c006a2ec9b49a) repeat-x 0 0;
  border: 0;
}

/*! Submodal v2.0.0 */

.submodal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.submodal.transition {
  transition: all 0.3s ease;
}

.submodal.in {
  top: 0 !important;
}

.submodal .modal-dialog {
  width: 80%;
  margin: 0 auto;
  z-index: 9;
}

.submodal .modal-content {
  border-top: none;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.submodal .modal-header {
  display: none;
}

.modal.parent .modal-body {
  overflow: hidden;
}

@media (max-width: 767px) {
  .submodal .modal-dialog {
    width: 90%;
  }
}

.submodal {
  background: rgba(0, 0, 0, 0.901961);
  position: fixed;
}

/*! calculadora v2.0.0 */

#calculadora {
  border-top: 1px dashed silver;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  font: 11px courier new;
  min-height: 15px;
  background: #fff;
  box-shadow: 2px -2px 2px #eaeaea;
}

#calculadora ul {
  list-style: none;
}

#calculadora li {
  overflow: hidden;
}

#calculadora li .op {
  float: right;
  width: 10px;
}

#calculadora li .num {
  margin-right: 15px;
  text-align: right;
}

#calculadora li.tot {
  margin-bottom: 3px;
  border-bottom: 1px dashed silver;
  padding-bottom: 3px;
  font-weight: bold;
}

/* Sheepit */

#sheepItForm_controls div,
.sheepItForm_controls div,
#sheepItFormExtra_controls div,
.sheepItFormExtra_controls div {
  display: inline-block;
}

/* Refresh */

.refresh {
  position: absolute;
  width: 100%;
  background: rgba(51, 51, 51, 0.4);
  z-index: 9999;
  text-align: center;
  height: 130px;
  padding: 3em;
  display: none;
}

.alert-dark {
  color: #000000 !important;
}

.productBlock {
  width: 33.3333%;
  display: inline-block;
}

.productBlock-50 {
  width: 50%;
  display: inline-block;
}

.productBlock fieldset div,
.productBlock-50 fieldset div {
  padding-right: 0;
}

.featherlight td {
  color: #333;
}

.client-mail-item-info {
  font-size: 13px;
  padding-bottom: 5px;
}

.client-mail-item-info .name {
  text-transform: uppercase;
}

.client-mail-item-info .position a {
  text-decoration: none;
  color: #9dd0ff;
}

.client-mail-item-info .time {
  font-size: 11px;
  color: #1b1b1b;
  border: 1px solid #efefef;
  padding: 5px;
  margin-top: 5px;
  background: #f9f9f9;
}

.wrap footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 65px;
  border-radius: 3px;
  color: #444;
  background: linear-gradient(90deg, #607d8b, #a0cea7, #9ec0db);
  border-top: 1px solid #607d8b;
  padding: 15px 35px;
  left: 0;
  z-index: 99;
}

.table > tbody > tr.info {
  border: 3px solid rgba(255, 255, 255, 0.6);
  box-shadow: inset -2px 2px 1px rgba(0, 0, 0, 0.2), -2px 2px 1px rgba(0, 0, 0, 0.2);
}

.table > tbody > tr.info > td {
  background-color: #aea4e3 !important;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.25);
}

.xbtn-submit.disabled {
  opacity: 0.65;
  cursor: not-allowed;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  * * not supported by any browser */
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #a94442;
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
  .productBlock {
    width: 33.3333%;
  }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
  .productBlock {
    width: 50%;
  }
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
  .productBlock {
    width: 100%;
  }
}

.flexselect_dropdown {
  display: none;
  position: absolute;
  z-index: 999999;
  margin: 0;
  padding: 0;
  border: 1px solid WindowFrame;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: Window;
  color: WindowText;
  text-align: left;
  box-shadow: 0 6px 12px #ccc;
  -webkit-box-shadow: 0 6px 12px #ccc;
}

.flexselect_dropdown ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.flexselect_dropdown li {
  margin: 0px;
  padding: 2px 5px;
  cursor: pointer;
  display: block;
  width: 100%;
  font: Menu;
  overflow: hidden;
}

.flexselect_dropdown li.disabled {
  cursor: not-allowed;
  color: GrayText;
}

.flexselect_selected {
  background-color: Highlight;
  color: HighlightText;
}

/* Extra Small Table Header */

#tableRecap_container,
#tableMagazzinoRecap_container {
  overflow-x: auto;
}

.table-header-rotated {
  border-collapse: collapse;
}

.table-header-rotated td {
  width: 30px;
  text-align: center;
  padding: 10px 5px;
  border: 1px solid #ccc;
}

.table-header-rotated td.need_more_stock {
  background: #ffc4cb;
}

.table-header-rotated td.need_more {
  background: #FF7F8E !important;
}

.table-header-rotated th.rotate {
  height: 140px;
  white-space: nowrap;
  font-size: 10px;
}

.table-header-rotated th.rotate > div {
  transform: translate(16px, 0px) rotate(315deg);
  width: 20px;
}

.table-header-rotated th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}

.table-header-rotated th.row-header {
  padding: 0 10px;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
  text-align: center;
}

fieldset.productContainer {
  padding: 10px 0px;
}

fieldset.productContainer select option[disabled=disabled] {
  display: none;
}

.material-switch > input[type=checkbox] {
  display: none;
}

.material-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px;
}

.material-switch > label::before {
  background: black;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: "";
  height: 16px;
  margin-top: -8px;
  position: absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}

.material-switch > label::after {
  background: white;
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: "";
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}

.material-switch > input[type=checkbox]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}

.material-switch > input[type=checkbox]:checked + label::after {
  background: inherit;
  left: 20px;
}

#tableRecap_container .panel {
  border: 1px solid rgba(55, 55, 55, 0.3);
}

#tableRecap_container .panel .prodInfoContainer {
  border: 1px solid #d2d2d2;
  padding: 10px;
}

#tableRecap_container .panel em {
  font-size: 12px;
}

#tableRecap_container .panel .orderButton {
  width: 100%;
  margin-top: 15px;
}

.recapContainer .row {
  clear: both;
  zoom: 1;
  /* For IE 6/7 */
}

.recapContainer .row:before {
  content: "";
  display: table;
}

.recapContainer .row:after {
  content: "";
  display: table;
  clear: both;
}

.recapContainer .col-xs-1 {
  border: 1px solid #f5f5f5;
  padding-bottom: 15px;
  padding-top: 15px;
  margin: 0px 2px;
  display: block;
  float: left;
  width: 8%;
  text-align: left;
}

.recapContainer .col-xs-1.ready img {
  border: 5px solid #4ECDC4;
}

.recapContainer .col-xs-1.not-ready img {
  border: 5px solid #FF6B6B;
}

.recapContainer span.qty {
  position: absolute;
  left: 0;
  top: 0;
  padding: 7px 13px;
  background: #4BA3C3;
  color: #FFFFFF;
  font-weight: 800;
  border-radius: 50%;
}

.recapContainer .col-xs-1 h6 {
  min-height: 20px;
  text-transform: uppercase;
  font-size: 10px;
}

.recapContainer .col-xs-1 p.desc {
  font-size: 10px;
  min-height: 15px;
  margin-bottom: 0;
}

.recapContainer .not_available {
  background-color: #ffc4cb;
}

.recapContainer .not_available span.qty {
  background-color: #D62839;
}

.hiddenRow {
  padding: 0 !important;
}

.dark {
  color: #636363;
}

#QuickSearch_table {
  overflow: auto;
  width: 100%;
  height: 450px;
}

.w2ui-overlay .w2ui-grid-searches table td,
.w2ui-overlay .w2ui-col-on-off table td label {
  color: #555;
}

#add-contratto-LastPrint,
#add-certificato-LastPrint {
  background: #e2001c;
  color: #FFF;
  padding: 5px 10px;
  font-weight: bolder;
}

.productBlock-100 {
  width: 100%;
}

.sheepItForm_Orders_remove_current {
  color: #e5603b;
  font-size: 30px;
  line-height: 10px;
}

.btn-modifica-ordine {
  background-color: #4bb8d8 !important;
}

.btn-registra-ordine {
  background-color: #eac85e !important;
}

.btn-genera-pdf {
  background-color: #ff0000 !important;
}

ul.mod-pieces-body li {
  -webkit-transform: translate3d(0, 0, 0);
  display: block;
  margin: 5px 0;
  padding: 7px 10px;
  min-height: 42px;
  font-size: 16px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #4646462b;
}

ul.mod-pieces-body li .dd-handle {
  -webkit-transform: translate3d(0, 0, 0);
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  width: 40px;
  color: #FFFFFF;
  overflow: hidden;
  border: 1px solid #ffffff;
  /*background: #ffffff; */
  background: #e5603b;
  height: 40px;
  padding: 3px 7px;
  font-size: 29px;
  height: 100%;
  width: 54px;
}

ul.mod-pieces-body li .dd-handle .fa {
  font-size: 25px;
  padding: 4px 7px;
}

ul.mod-pieces-body li .dd-content {
  display: block;
  padding-left: 55px;
  text-decoration: none;
}

ul.mod-pieces-body li .dd-content-details {
  display: block;
  padding-left: 55px;
  text-decoration: none;
  font-size: 13px;
  color: #797979;
  font-weight: normal;
}

.mod-pieces-body li.selected {
  opacity: 0.5;
}

ul.mod-pieces-body li .dd-handle .selected {
  border: 1px solid #ef6262;
  background: #ef6262;
}

ul.mod-pieces-body li.selected .dd-handle {
  border: 1px solid #edffee;
  background: #72ffcb;
}

ul.mod-pieces-body li .image-container {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 2px;
  top: 2px;
}

.widget-product-details {
  margin: 10px;
  width: 100%;
  border: 2px solid #ebeff0;
  box-shadow: 7px 7px 1px -2px #f1f4f9;
}

.widget-product-details::after {
  clear: both;
  content: "";
  display: table;
}

.widget-product-details .slideshow-nav {
  height: 100%;
  width: 20%;
  float: left;
}

.widget-product-details .slideshow-nav::after {
  clear: both;
  content: "";
  display: table;
}

.widget-product-details .slideshow-nav div {
  display: table;
  float: left;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-bottom: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.widget-product-details .slideshow-nav div .check,
.widget-product-details .slideshow-nav div .uncheck {
  /* display: table-cell; */
  /* vertical-align: middle; */
  text-align: center;
  font-size: 5em;
  color: #cb103f;
  -moz-user-select: none;
  -webkit-user-select: none;
  width: 100%;
  position: relative;
  padding: 0.5em;
}

.widget-product-spares .check-spare,
.widget-product-spares .uncheck-spare {
  /* display: table-cell; */
  /* vertical-align: middle; */
  text-align: center;
  font-size: 5em;
  color: #cb103f;
  -moz-user-select: none;
  -webkit-user-select: none;
  width: 100%;
  position: relative;
  padding: 0.5em;
}

.widget-product-spares .check-spare,
.widget-product-spares .uncheck-spare {
  padding: 0;
}

.widget-product-details .slideshow-nav div .check:hover,
.widget-product-details .slideshow-nav div .uncheck:hover {
  color: #dcc690;
}

.widget-product-spares .check-spares:hover,
.widget-product-spares .uncheck-spares:hover {
  color: #dcc690;
}

.widget-product-details .slideshow-nav div .check:active,
.widget-product-details .slideshow-nav div .uncheck:active {
  color: #ceae61;
}

.widget-product-spares .check-spares:active,
.widget-product-spares .uncheck-spares:active {
  color: #ceae61;
}

.widget-product-details .slideshow-nav div .check,
.widget-product-spares .check-spares {
  border-right: none;
  border-bottom: 1px solid #ebeff0;
  color: #56bc76;
  display: none;
}

.widget-product-details .slideshow-nav div .uncheck,
.widget-product-spares .uncheck-spares {
  border-left: none;
  border-top: none;
}

.widget-product-details .cycle-slideshow {
  width: 80%;
  float: left;
  position: relative;
  border-left: 1px solid #ebeff0;
}

.widget-product-details .cycle-slideshow figure {
  margin: 0;
  width: 100%;
}

.widget-product-details .cycle-slideshow figure::after {
  clear: both;
  content: "";
  display: table;
}

.widget-product-details .cycle-slideshow figure figcaption {
  width: 80%;
  float: left;
  padding: 1em;
}

.widget-product-details .cycle-slideshow figure figcaption h3,
.widget-product-details .cycle-slideshow figure figcaption h4 {
  font-size: 16px;
  text-transform: uppercase;
}

.widget-product-details .cycle-slideshow figure figcaption h3 {
  margin: 0;
  font-size: 1.5em;
}

.widget-product-details .cycle-slideshow figure figcaption h4 {
  margin: 0;
}

.widget-product-details .cycle-slideshow figure figcaption .break {
  display: block;
  position: relative;
  margin: 0.5em 0;
  width: 100px;
  height: 2px;
  background: #ebeff0;
}

.widget-product-details .cycle-slideshow figure figcaption .break:before,
.widget-product-details .cycle-slideshow figure figcaption .break:after {
  display: block;
  position: absolute;
  content: "";
  top: -1px;
  width: 4px;
  height: 4px;
  background: #ebeff0;
  border-radius: 50%;
}

.widget-product-details .cycle-slideshow figure figcaption .break:before {
  left: 0;
}

.widget-product-details .cycle-slideshow figure figcaption .break:after {
  right: 0;
}

.widget-product-details .cycle-slideshow figure figcaption .price {
  display: block;
  color: #cb103f;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px;
}

.widget-product-details .cycle-slideshow figure div.image-container {
  width: 20%;
  float: left;
  overflow: hidden;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  line-height: 1;
}

#mailgunFetchOutput .board {
  width: 75%;
  margin: 60px auto;
  min-height: 500px;
  background: #fff;
  box-shadow: -10px 10px #ddd;
}

#mailgunFetchOutput .board .nav-tabs {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}

#mailgunFetchOutput .board > div.board-inner {
  background: #FAF9FA;
}

#mailgunFetchOutput p.narrow {
  width: 60%;
  margin: 10px auto;
}

#mailgunFetchOutput .liner {
  height: 2px;
  background: #ddd;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

#mailgunFetchOutput .nav-tabs > li.active > a {
  color: #555555;
  cursor: default;
  /* background-color: #ffffff; */
  border: 0;
  border-bottom-color: transparent;
}

#mailgunFetchOutput .nav-tabs > li.active > a:hover,
#mailgunFetchOutput .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  /* background-color: #ffffff; */
  border: 0;
  border-bottom-color: transparent;
}

#mailgunFetchOutput span.round-tabs {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: inline-block;
  border-radius: 100px;
  background: white;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 25px;
}

#mailgunFetchOutput span.round-tabs.one {
  color: #22c222;
  border: 2px solid #22c222;
}

#mailgunFetchOutput li.active span.round-tabs.one {
  background: #fff !important;
  border: 2px solid #ddd;
  color: #22c222;
}

#mailgunFetchOutput span.round-tabs.two {
  color: #3e5e9a;
  border: 2px solid #3e5e9a;
}

#mailgunFetchOutput li.active span.round-tabs.two {
  background: #fff !important;
  border: 2px solid #ddd;
  color: #3e5e9a;
}

#mailgunFetchOutput span.round-tabs.three {
  color: #f1685e;
  border: 2px solid #f1685e;
}

#mailgunFetchOutput li.active span.round-tabs.three {
  background: #fff !important;
  border: 2px solid #ddd;
  color: #f1685e;
}

#mailgunFetchOutput span.round-tabs.four {
  color: #febe29;
  border: 2px solid #febe29;
}

#mailgunFetchOutput li.active span.round-tabs.four {
  background: #fff !important;
  border: 2px solid #ddd;
  color: #febe29;
}

#mailgunFetchOutput span.round-tabs.five {
  color: #999;
  border: 2px solid #999;
}

#mailgunFetchOutput li.active span.round-tabs.five {
  background: #fff !important;
  border: 2px solid #ddd;
  color: #999;
}

#mailgunFetchOutput .nav-tabs > li {
  width: 20%;
}

#mailgunFetchOutput .nav-tabs > li.active > a span.round-tabs {
  background: #fafafa;
}

#mailgunFetchOutput .nav-tabs > li:after {
  content: " ";
  position: absolute;
  left: 45%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: #ddd;
  transition: 0.1s ease-in-out;
}

#mailgunFetchOutput .nav-tabs > li.active:after {
  content: " ";
  position: absolute;
  left: 45%;
  opacity: 1;
  margin: 0 auto;
  bottom: 0px;
  border: 10px solid transparent;
  border-bottom-color: #ddd;
}

#mailgunFetchOutput .nav-tabs > li a {
  width: 70px;
  height: 70px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
}

#mailgunFetchOutput .nav-tabs > li a:hover {
  background: transparent;
}

#mailgunFetchOutput .tab-pane {
  position: relative;
  padding-top: 0px;
}

#mailgunFetchOutput .tab-content .head {
  font-size: 25px;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.btn-outline-rounded {
  padding: 10px 40px;
  margin: 20px 0;
  border: 2px solid transparent;
  border-radius: 25px;
}

.btn.green {
  background-color: #5cb85c;
  /*border: 2px solid #5cb85c; */
  color: #ffffff;
}

@media (max-width: 585px) {
  #mailgunFetchOutput .board {
    width: 90%;
    height: auto !important;
  }

  #mailgunFetchOutput span.round-tabs {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  #mailgunFetchOutput .tab-content .head {
    font-size: 20px;
  }

  #mailgunFetchOutput .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  #mailgunFetchOutput .nav-tabs > li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }

  #mailgunFetchOutput .btn-outline-rounded {
    padding: 12px 20px;
  }
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

/*==================================================
 * *=                   Calendar                       =
 * *================================================== */

#lnb {
  border-right: 1px solid #d5d5d5;
  padding: 12px 10px;
  background: #fafafa;
}

.lnb-new-schedule {
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e5e5;
}

.lnb-calendars > div {
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
}

.lnb-calendars-item {
  min-height: 14px;
  line-height: 14px;
  padding: 8px 0;
}

#renderRange {
  padding-left: 12px;
  font-size: 19px;
  vertical-align: middle;
}

.tui-full-calendar-section-button {
  display: none;
}

.tui-full-calendar-month-week-item > div:hover {
  background: rgba(124, 124, 125, 0.15);
}

/*==================================================
 * *=                   Clockpicker                       =
 * *================================================== */

.clockpicker-button {
  background: #e5603b !important;
}

/*==================================================
 * *=            Bootstrap 3 Media Queries             =
 * *================================================== */

/*==========  Mobile First Method  ========== */

/* Custom, iPhone Retina */

/* Extra Small Devices, Phones */

/* Small Devices, Tablets */

/* Medium Devices, Desktops */

/* Large Devices, Wide Screens */

/*==========  Non-Mobile First Method  ========== */

/* Large Devices, Wide Screens */

/* Medium Devices, Desktops */

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
  .page-title {
    font-size: 20px;
    font-weight: bold;
  }

  .page-title small {
    font-size: 16px;
    color: #FFF;
  }

  .table > thead > tr.xcrud-row > td,
  .table > tbody > tr.xcrud-row > td,
  .table > tfoot > tr.xcrud-row > td {
    padding: 4px;
    font-size: 14px;
    line-height: 1.2;
  }

  .xcrud .xcrud-list .xcrud-row td.xcrud-actions {
    /* display: none !important; */
    position: relative !important;
  }

  .xcrud .xcrud-list .xcrud-row:hover td.xcrud-actions,
  .xcrud .xcrud-list .xcrud-row:hover td.xcrud-actions-fixed {
    /* display: none !important; */
    position: relative !important;
  }

  .xcrud-search input,
  .xcrud-search select {
    float: left;
  }

  .wrap footer {
    height: 40px;
    padding: 5px 0px 5px 35px;
  }
}

/* Extra Small Devices, Phones */

/* Custom, iPhone Retina */

@media (max-width: 960px) {
  .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
    display: none;
  }
}

.bar-bottom-content {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 10px;
  margin-left: 240px;
  background: #222A30;
  color: white;
}

@media (max-width: 960px) {
  .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
    display: none;
  }
}

#content {
  margin-top: 52px;
  padding: 30px 0 0 0;
  background-color: #f7f7f7;
  margin-left: 0;
  transition: margin 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (min-width: 960px) {
  #content {
    /* equal to left-col width */
    margin-left: 240px;
  }

  #top-head {
    /* equal to left-col width */
    left: 240px;
  }
}

#top-head [class*=uk-navbar-dropdown-bottom] {
  margin-top: 0;
}

/* Search nav */

.search-field {
  width: 140px;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.search-field:focus {
  width: 200px;
  border-color: #fff !important;
}

.uk-card {
  box-shadow: none;
}

.uk-heading-primary {
  letter-spacing: -0.032em;
  font-weight: 300;
}

/* Smooth shadow transition */

.uk-card {
  transition: box-shadow 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Progress */

.uk-progress {
  height: 3px;
  margin-bottom: 0.5rem;
  background-color: rgba(0, 0, 0, 0.23);
}

* + .uk-progress {
  margin-top: 0.25rem;
}

.uk-progress.warning::-webkit-progress-value,
.uk-progress.warning::-moz-progress-bar,
.uk-progress.warning::-ms-fill {
  background-color: #faa05a;
}

.uk-progress.success::-webkit-progress-value,
.uk-progress.success::-moz-progress-bar,
.uk-progress.success::-ms-fill {
  background-color: #32d296;
}