.frt-fixed-content-wrapper {
  	position: fixed;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	top: 0;
}.im3topnotify {
  position: fixed;
  width: 100%;
  height: 32px;
  text-align: center;
  display: table;
  transition: all .50s ease;
  z-index: 1000;
  max-width: 100% !important;
}

.im3topnotify-show {
  top: 41px;
  opacity: 1;
  z-index: 1002 !important;
}

.im3topnotify-hide {
  top: 0;
  opacity: 0;
  z-index: 1000 !important;
}

.im3topnotifymessage {
  padding-top: 2px;
  transition: all 1s ease;
}

.im3topnotifymessage-show {
  opacity: 1
}

.im3topnotifymessage-hide {
  opacity: 0
}

.im3topnotifymessage-success {
  /*background-color: #1dd689;*/
  color: white;
}

.im3topnotifymessage-info {
  /*background-color: #1d92d6;*/
  color: white;
}

.im3topnotifymessage-danger {
  /*background-color: #d6331d;*/
  color: white;
}

.im3topnotifymessage-modalReminder {
  /*background-color: #1dd689;*/
  color: white;
}

.im3topnotifymessage-warningBig {
  /*background-color: #1dd689;*/
  color: white;
  font-size: 2rem !important;
  color: black;
}

.im3topnotifymessagehref {
  text-decoration: underline;
  color: white;
}

.im3topnotify-btn {}

@media only screen and (max-width: 991px) {
  .im3topnotify .im3topnotifymessage {
    /* POPUP NOTIFICA TEXT */
    padding: 0.5rem !important;
    line-height: 1.3rem;
    font-size: 1.1rem;
    min-height: 4rem !important;
  }

  .im3topnotify {
    top: 0;
    position: fixed;
    width: 100%;
    height: 32px;
    text-align: center;
    display: table;
    transition: all .50s ease;
    z-index: 1000;
    min-height: 4rem !important;
  }

  .im3topnotify-show {
    top: 2.3rem !important;
    opacity: 1;
    /* z-index: 1002 !important; */
  }

  .im3topnotify-hide {
    top: 0 !important;
    opacity: 0;
    /*  z-index: 1000 !important; */
  }

}

.bg-modalReminder {
  background-color: #28a745 !important
}

a.bg-modalReminder:focus,
a.bg-modalReminder:hover {
  background-color: #1e7e34 !important
}

.bg-warningBig {
  background-color: orange !important
}

a.bg-warningBig:focus,
a.bg-warningBig:hover {
  background-color: orange !important;
  font-size: 2rem !important;

}.cashbit-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000000;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    -webkit-animation-name: fadeIn;
    /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Modal Content */
.cashbit-modal-content {
    max-height: 90vh;
    min-height: 90vh;
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 100%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
    overflow: auto;
}

/* The Close Button */
.cashbit-close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.cashbit-close:hover,
.cashbit-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.cashbit-modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.cashbit-modal-body {
    padding: 2px 16px;
}

.cashbit-modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

#cashbit-overlay-container {
    height: 100%;
    width: 100%;
    display: table;
}

.cashbit-modal-message {
    width: 100%;
    text-align: center;
    color: white;
    display: table-cell;
    vertical-align: middle;
    font-size: 2em;
}

.cashbit-modal-default-footer {
    height: 20px;
}

@media only screen and (max-width: 991px) {
    .cashbit-modal-content {
        max-height: 70% !important;
        min-height: 70% !important;
    }
}.cashbitdateeditormodalheader {
    text-align: center;
}

.cashbitdateeditor-box {
    font-size: 4vw;
    -moz-box-flex: flex;
    display: flex;
    flex-direction: row;
    -webkit-box-flex: flex;
    justify-content: center;
    align-content: center;
}

.cashbitdateeditor-component {
    align-self: center;
    text-align: center;
    flex-shrink: 1
}

.cashbitdateeditor-year {
    min-width: 3em;
}

.cashbitdateeditor-month {
    min-width: 6em;
}

.cashbitdateeditor-day {
    min-width: 2em;
}

.cashbitdateeditor-weekday {
    min-width: 6em;
}

.cashbitdateeditor-setter {
    font-size: 3vw;
    opacity: .5;
}

.cashbitdateeditormodalfooter {
    font-size: 2em;
    text-align: center;
    margin: 10px
}

.cashbitdateeditormodalfooterdate {
    font-size: 2em;
    text-align: center;
    margin: 10px
}/*.im3arrayeditorelement {
    flex-direction: row;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: left;
    justify-content: left;

    width: 100%;
}

.im3arrayeditorelementview {
    width: 90vw;
}
.im3arrayeditorelementbuttons {
    max-width:3em
}*/#at-facebook {
  background: #3B5998;
  color: #fff;
}
#at-facebook.disabled {
  color: #ddd;
  background: #666666;
}
#at-facebook:hover {
  background: #2C4780;
}
#at-linkedin {
  background: #338AB0;
  color: #fff;
}
#at-linkedin.disabled {
  color: #ddd;
  background: #666666;
}
#at-linkedin:hover {
  background: #0571A6;
}
#at-twitter {
  background: #4099FF;
  color: #fff;
}
#at-twitter.disabled {
  color: #ddd;
  background: #666666;
}
#at-twitter:hover {
  background: #3288EB;
}
#at-google {
  background: #db5a3c;
  color: #fff;
}
#at-google.disabled {
  color: #ddd;
  background: #666666;
}
#at-google:hover {
  background: #CA4C2E;
}
#at-github {
  background: #666;
  color: #fff;
}
#at-github.disabled {
  color: #ddd;
  background: #666666;
}
#at-github:hover {
  background: #555;
}
.at-input.validating * {
  cursor: progress;
}/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  background: #ffffff;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  border-bottom-width: 0;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 176px;
  max-width: 466px;
  max-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  -webkit-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
  -moz-transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
  transition: all 0.15s ease-out, max-height 0 0.15s, border-width 0 0.15s;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border-top-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
  -webkit-transition: all 0.15s ease-out, max-height 0, border-width 0;
  -moz-transition: all 0.15s ease-out, max-height 0, border-width 0;
  transition: all 0.15s ease-out, max-height 0, border-width 0;
  -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
}/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  font-size: .8em;
  border: 1px solid #b7b7b7;
  height: 2.5em;
  padding: .5em .25em;
  margin-left: .25em;
  margin-right: .25em;
  margin-top: -0.5em;
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  top: -0.33em;
  padding: .5em 1.33em;
  width: 1em;
  height: 1em;
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.5em;
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.5em;
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */

}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  color: #0089ec;
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--selected,
.picker__day--selected:hover {
  border-color: #0089ec;
}
.picker__day--highlighted {
  background: #b1dcfb;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background: #0089ec;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today" and "clear" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 50%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before {
  content: " ";
  margin-right: .45em;
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  content: "\D7";
  margin-right: .35em;
  top: -0.1em;
  color: #ee2200;
  vertical-align: top;
  font-size: 1.1em;
}

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== *//* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}
/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em;
}
@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}
/* Selected time */
.picker__list-item--selected,
.picker__list-item--selected:hover {
  border-color: #0089ec;
  z-index: 10;
}
/* Highlighted time */
.picker__list-item--highlighted {
  background: #b1dcfb;
}
/* Highlighted and hovered/focused time */
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  background: #0089ec;
  color: #ffffff;
}
/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}
/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}
.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
}

/* ==========================================================================
   $CLASSIC-TIME-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should __NOT__ be styled
 * more than what’s here. Style the `.picker__holder` instead.
 */
.picker--time {
  min-width: 256px;
  max-width: 320px;
}
/**
 * The holder is the base of the picker.
 */
.picker--time .picker__holder {
  background: #f2f2f2;
}
@media (min-height: 40.125em) {
  .picker--time .picker__holder {
    font-size: .875em;
  }
}
/**
 * The box contains the list of times.
 */
.picker--time .picker__box {
  padding: 0;
  position: relative;
}.btn-group > .btn {
  opacity: 0.5;
}
.btn-group > .btn.active {
  opacity: 1;
}.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}.btnBase64Image {
  position: relative;
  overflow: hidden;
}
.btnBase64Image input[type=file] {
  position : absolute;
  top      : 0;
  bottom   : 0;
  left     : 0;
  right    : 0;
  filter   : alpha(opacity=0);
  opacity  : 0;
  outline  : none;
}.im3yesnounselected {
    opacity: 0.7 !important;
}

.im3yesnoselectedyes{
    color: green !important;
    font-weight:bold;
}

.im3yesnoselectedno{
    color: red !important;
    font-weight:bold;
}.firstcapitalize::first-letter {
    text-transform: uppercase;
}

/*.im3corecontainer {
    width:98%;
    margin-top:5px;
    margin-left: auto;
    margin-right: auto;
}*/

.im3core-flex-container {
    flex-direction: row;
    display: -webkit-flex;
    display: flex;

    -webkit-justify-content: center;
    justify-content: center;

    width: 100%;
}

.im3corelayoutpanel-showborder {
    border: 1px;
    border-color: black;
    border-style: solid;
}


.im3coregeneralsearchinput {
    width: 100%;
}

.im3coreicon {
    margin: 3px;
    vertical-align: middle;
    width: 32px;
}

.im3core-flex-container-for-inlineforms {
    flex-direction: row;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.im3core-flex-content-for-inlineforms {
    _flex-shrink: 0;
    flex-grow: 1;
    _margin: 2px;
}

.im3core-s2 {
    width: 50%
}

.im3core-s5 {
    width: 20%
}

.im3core-border-around {
    margin: 1px;
    border-radius: 4px;
    border-style: dotted;
    border-color: grey;
    border-width: thin;
}

.im3core-border-bottom {
    padding-bottom: 2px;
    border-bottom-style: dotted;
    border-bottom-color: grey;
    border-bottom-width: thin;
}

.im3core-border-bottom-header {
    padding-bottom: 2px;
    border-bottom-style: dotted;
    border-bottom-color: grey;
    border-bottom-width: medium;
}

.im3core-inline-buttons-flex {
    flex-direction: row;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: center;
}

.im3core-inline-button {
    text-align: center;
    flex-grow: 1;
}

textarea {
    height: 300px;
}


/*  */

.form-group.Restyled .btn-group {
    display: inline-grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 0px !important;
    row-gap: 0px !important;
    border-radius: .31rem !important;
    border: 1px solid #ced4da !important;
    height: calc(2.25rem + 2px) !important;
    box-sizing: border-box;
}

.form-group.Restyled.Choices3 .btn-group {
    grid-template-columns: repeat(3, 1fr) !important;
}

.form-group.Restyled.Choices4 .btn-group {
    grid-template-columns: repeat(4, 1fr) !important;
}

.form-group.Restyled.Choices5 .btn-group {
    grid-template-columns: repeat(5, 1fr) !important;
}

.form-group.Restyled .btn {
    display: block !important;
    padding: 0px !important;
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
    text-align: center !important;
    background-color: #ffffff !important;
    color: #212529 !important;
    height: calc(2.25rem - 4px) !important;
    line-height: calc(1em - 4px) !important;
    margin: 2px !important;
    opacity: 1 !important;
    border: 0 !important;
    -webkit-border-radius: .25rem !important;
    -moz-border-radius: .25rem !important;
    border-radius: .25rem !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.form-group.Restyled .btn-success {
    color: #999999 !important;
    background-color: #ffffff !important;
    border-color: transparent !important;
}

.form-group.Restyled .btn-danger {
    color: #999999 !important;
    background-color: #ffffff !important;
    border-color: transparent !important;
}

.form-group.Restyled .btn.btn-success.active {
    background-color: #28a745 !important;
    color: #ffffff !important;
}

.form-group.Restyled .btn.btn-danger.active {
    background-color: #b21f2d !important;
    color: #ffffff !important;
}

.form-group.Restyled .btn-primary {
    color: #999999 !important;
    background-color: #ffffff !important;
    border-color: transparent !important;
}

.form-group.Restyled .btn-secondary {
    color: #999999 !important;
    background-color: #ffffff !important;
    border-color: transparent !important;
}

.form-group.Restyled .btn.btn-primary.active {
    background-color: #0069d9 !important;
    color: #ffffff !important;
}

.form-group.Restyled .btn.btn-secondary.active {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

/* ::-webkit-inner-spin-button */
.form-group.Restyled .btn-info {
    color: #999999 !important;
    background-color: #ffffff !important;
    border-color: transparent !important;
}

.form-group.Restyled .btn-default {
    color: #999999 !important;
    background-color: #ffffff !important;
    border-color: transparent !important;
}

.form-group.Restyled .btn.btn-info.active {
    background-color: #17a2b8 !important;
    color: #ffffff !important;
}

.form-group.Restyled .btn.btn-default.active {
    background-color: #868e96 !important;
    color: #ffffff !important;
}

.form-group.Restyled .btn-warning {
    color: #999999 !important;
    background-color: #ffffff !important;
    border-color: transparent !important;
}


.form-group.Restyled .btn.btn-warning.active {
    background-color: #e0a800 !important;
    color: #ffffff !important;
}

@media all and (max-width: 373px) {
    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(1) .btn-group button {
        display: block !important;
        flex: none !important;
        border-radius: .25rem !important;
        float: left;
        margin-right: 0.56rem;
        width: 42vw;
        margin-bottom: 0.3rem;
    }

    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(3) .btn-group button {
        display: block !important;
        flex: none !important;
        border-radius: .25rem !important;
        float: left;
        margin-right: 0.5rem;
        width: 42vw;
        margin-bottom: 0.3rem;
        font-size: 0.8em;
    }

}

@media all and (max-width:991px) and (min-width: 374px) {

    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(1) .btn-group button {
        display: block !important;
        flex: none !important;
        border-radius: .25rem !important;
        float: left;
        margin-right: 0.56rem;
        width: 45vw;
        margin-bottom: 0.3rem;
    }

    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(3) .btn-group button {
        display: block !important;
        flex: none !important;
        border-radius: .25rem !important;
        float: left;
        margin-right: 0.5rem;
        width: 45vw;
        margin-bottom: 0.3rem;
        font-size: 0.8em;
    }
}


@media all and (max-width: 991px) {

    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper {
        position: relative !important;
        top: inherit !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .row {
        display: block;
        margin: 0 !important;
        padding: 0 !important;
        margin-left: -15px !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        overflow-x: hidden;
    }

    #marginbox .documentWorkflowsDocsListsContainer label {
        display: inline-block;
        margin-bottom: 0 !important;
    }



    /* FILTRO E STATO */
    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper .row:nth-of-type(4) .col-8 {
        /* FILTRO CERCA */
        width: 100vw !important;
        max-width: 100vw !important;
        flex: none !important;
        margin-bottom: 15px !important;
        box-sizing: border-box;
    }

    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper .row:nth-of-type(4) .col-4 {
        /* FILTRO CERCA */
        width: 100vw !important;
        max-width: 100vw !important;
        flex: none !important;
        margin-bottom: 15px !important;
        box-sizing: border-box;
    }

    /* PERIODO */
    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(1) {
        box-sizing: border-box;
        padding: 0 !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(1) .btn-group {
        width: 100%;
        display: block;
    }


    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(1) .btn-group button:nth-child(2n) {
        margin-right: 0 !important;
    }


    /* DAL */
    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(1) .col-2:nth-of-type(2) {
        clear: both;
        float: left;
        display: block;
        margin: 0px !important;
        padding: 0px !important;
        flex: none;
        max-width: 44.8vw !important;
        padding-top: 10px !important;
        margin-right: 2.8vw !important;
        margin-left: 15px !important;
    }

    /* AL */
    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper .row:nth-of-type(1) .col-2:nth-of-type(3) {
        float: left;
        display: block;
        margin: 0px !important;
        padding: 0px !important;
        flex: none;
        max-width: 44.8vw !important;
        padding-top: 10px !important;
    }

    /* TIPO DOCUMENTO */
    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(3) {
        box-sizing: border-box;
        padding: 0 !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(3) .btn-group {
        width: 100%;
        display: block;
    }

    /*     #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(3) .btn-group button {
        display: block !important;
        flex: none !important;
        border-radius: .25rem !important;
        float: left;
        margin-right: 0.5rem;
        width: 45vw;
        margin-bottom: 0.3rem;
        font-size: 0.8em;
    } */

    #marginbox .documentWorkflowsDocsListsContainer .frt-fixed-content-wrapper>.row:nth-of-type(3) .btn-group button:nth-child(2n) {
        margin-right: 0 !important;
    }


    /* TABELLA FATTURA PASSIVA */
    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .table {
        width: 80vw;
        overflow-x: hidden;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body {
        margin: 0;
        padding: 0;
        flex: none;
        width: 90vw;
        overflow-x: hidden;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>thead {
        height: auto;
        margin: 5px !important;
        margin-top: 8px !important;
        line-height: 18px;
        width: auto !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>thead th {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        display: block !important;
        float: left !important;
        width: auto !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>thead>.col-md-1 {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>thead>.col {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tbody .row {
        height: auto;
        margin: 5px !important;
        margin-top: 8px !important;
        line-height: 18px;
        width: auto !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tbody .row:before {
        content: "";
        display: block;
        height: 2px;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tbody .row:after {
        content: "";
        display: block;
        height: 9px;
        clear: both;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tbody .col-md-1 {
        max-width: unset !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tbody tr {
        clear: both;
        border-bottom: 1px solid #cccccc !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tbody td {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        display: block !important;
        float: left !important;
        width: auto !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tfoot {
        border: 0 !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tfoot .row {
        height: auto;
        margin: 5px !important;
        margin-top: 8px !important;
        line-height: 1rem;
        clear: both;
        border: 0 !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tfoot th {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        display: block !important;
        float: left !important;
        width: auto !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tfoot th:nth-child(1) {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tfoot td:nth-child(1) {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tfoot td:nth-child(2) {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tfoot td:nth-child(3) {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tfoot td:nth-child(4) {
        display: block !important;
        text-align: right;
        border: 0 !important;
        padding: 0 !important;
        width: 89vw !important;
        max-width: unset !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tfoot td:nth-child(5) {
        border: 0 !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table>tbody td:nth-child(3) {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(1) {
        width: 7vw !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(2) {
        width: 50vw !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(4) {
        width: 32vw !important;
        text-align: right;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(5) {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(6) {
        width: 60vw !important;
        padding-top: 5px !important;
        clear: both !important;
        margin-left: 7vw !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(7) {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(8) {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(9) {
        display: none !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(10) {
        width: 22vw !important;
        padding-top: 5px !important;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body .table tbody td:nth-child(11) {
        display: none !important;
    }

    /* PULSANTI A FONDO TABELLA */
    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body div.row>DIV {
        display: block;
        width: 90vw !important;
        max-width: none;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    #marginbox .documentWorkflowsDocsListsContainer .docListContainer .card-body div.row>DIV button {
        width: unset;
        display: inline-block;
    }


}#im3mainmenu {
    width: 100%
}

/*#im3mainmenucontainer{
    width:100%;
    height:100%;
    display:flex;
    flex-direction: row;
    -webkit-box-flex: flex ;
    flex-wrap: wrap;
    overflow-y: auto;
    align-content: flex-start;
}*/

.menuportlet {
    flex-grow: 1;
    width: 30%;
    padding: 5px;
    _background-color: rgb(80, 243, 255);
    min-width: 200px;
}

.menuportletinnercontent {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #fbc010;
    height: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.menuportlettitle {
    margin-top: 10px;
    font-size: 24px;
}

.menuportleticon>img {
    margin-top: 10px;
    width: 55px;
}

.menuportletdescription {
    color: #333;
    font-size: 16px;
}

.doubleWidth {
    flex-grow: 1;
    width: 60%;
    padding: 5px;
    _background-color: rgb(80, 243, 255);
    min-width: 200px;
    height: 250px;
}

/* ADDED: Hide FAST/VENDITE workflow button on desktop (show only on mobile devices < 992px) */
/* ROLLBACK: Remove lines between "ADDED" and "END ADDED" comments to restore original behavior */
@media only screen and (min-width: 992px) {
    .menuportlet[data-workflowname="FAST"] {
        display: none !important;
    }
}
/* END ADDED */


@media only screen and (max-width: 991px) {

    HTML {
        font-size: 4vw;
    }

    .frt-fixed-content-wrapper {
        /* CONTAINER */
        margin: 0;
        padding: 0;
        padding-bottom: 1rem;
        display: block;
        position: relative;
        top: 0;
        margin-top: 6.2rem;
    }


    #im3WorkflowsMainMenuContainerDiv {
        /* CONTENITORE PULSANTI */
        display: block;
        margin: 0px;
        padding: 0px;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    #im3WorkflowsMainMenuContainerDiv .menuportlet {
        /* PULSANTI */
        display: block;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    #im3WorkflowsMainMenuContainerDiv .menuportletinnercontent {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }


    /* se non vogliamo i pulsanti grigi togliamo questa parte */
    #im3WorkflowsMainMenuContainerDiv .menuportlet {
        /* PULSANTI */
        display: block;
        width: 100%;
        margin: 0px;
        padding: 0px;
        opacity: 0.2;
        pointer-events: none;
    }

    #im3WorkflowsMainMenuContainerDiv .menuportletinnercontent {
        background-color: #9c9c9c;
    }

    #im3WorkflowsMainMenuContainerDiv .menuportlet:first-child {
        pointer-events: auto;
        opacity: 1;
    }

    #im3WorkflowsMainMenuContainerDiv .menuportlet:first-child .menuportletinnercontent {
        background-color: #ffc107;
    }

    #im3WorkflowsContainerDiv {
        /* CONTENITORE PULSANTI */
        display: block;
        margin: 0px;
        padding: 0px;
        margin-left: 0rem;
        margin-right: 0rem;
    }

    #im3WorkflowsContainerDiv .menuportlet {
        /* PULSANTI */
        display: block;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    #im3WorkflowsContainerDiv .menuportletinnercontent {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    #im3WorkflowsContainerDiv .menuportletdescription {
        /* LINEA PULSANTI */
    }

    #im3WorkflowsContainerDiv .menuportletdescription A {
        display: inline-block;
        text-decoration: none;
        position: relative;
        font-size: 0.9rem;
        line-height: 2rem;
        margin-top: 0.5rem;
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        visibility: hidden;
    }

    #im3WorkflowsContainerDiv .menuportletdescription A:after {
        visibility: visible;
        padding-left: 0.7rem;
        padding-right: 0.7rem;
        line-height: 2rem;
        -webkit-border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        border-radius: 0.3rem;
        background-color: #222222;
        color: #ffffff;
        display: block;
        position: absolute;
        text-align: center;
        font-size: 0.8rem;
        width: 100%;
        top: 0;
        left: 0;
    }

    #im3WorkflowsContainerDiv .menuportletdescription A:nth-child(1):after {
        content: 'Inizio';
    }

    #im3WorkflowsContainerDiv .menuportletdescription A:nth-child(2):after {
        content: 'Bozze';
    }

    #im3WorkflowsContainerDiv .menuportletdescription A:nth-child(3):after {
        content: 'Completati';
    }

    #im3WorkflowsContainerDiv .menuportletdescription A:nth-child(4):after {
        content: 'Tutti';
    }

    /* se non vogliamo i pulsanti grigi togliamo questa parte */
    #im3WorkflowsContainerDiv .menuportlet {
        /* PULSANTI */
        display: block;
        width: 100%;
        margin: 0px;
        padding: 0px;
        opacity: 0.2;
        pointer-events: none;
    }

    #im3WorkflowsContainerDiv .menuportletinnercontent {
        background-color: #9c9c9c;
    }

    #im3WorkflowsContainerDiv .menuportlet:nth-child(2) {
        pointer-events: auto;
        opacity: 1;
    }

    #im3WorkflowsContainerDiv .menuportlet:nth-child(2) .menuportletinnercontent {
        background-color: #ffc107;
    }

}.im3uploaderselected{
    color: lightcoral
}

.im3uploaderimg{
    width:100%;
}.im3settingsPanel{
    margin-top:10px;
}.facetHeight {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden !important;
}.im3notification{
    width:100%;
}.menuitembutton {
    /*background-color: rgb(47, 255, 255) !important;*/
}


.im3core-item-flex-container {
    flex-direction: row;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;

    width: 100%;
}

.im3core-item-flex-code {
    width: 200px;
}

.im3core-item-flex-name {
    margin-left: 20px;
    width: 800px;
}

.im3core-item-flex-price {
    margin-left: 20px;
    width: 200px;
}

.im3core-item-flex-priceVat {
    margin-left: 20px;
    width: 200px;
}

.selectionChkBox {
    top: .6rem;
    width: 1.2rem;
    height: 1.2rem;
}#loadingGifContainer{
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  background: url('packages/cashbit_im3core/assets/icons/loadingGearLarge.gif');
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  cursor: not-allowed;
}.im3table-responsive{
    
}.projectSmallerLabel {
    font-size: 14px !important;
}.im3core-flex-container-for-searchdocument {
    flex-direction: row;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
}



.documentSearchResultValue {
    text-align: right;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.smallerRowText {
    font-size: 0.8rem !important;
    line-height: 1.9 !important;
}


/*  */



@media only screen and (max-width: 991px) {

    HTML {
        font-size: 4vw;
    }

    #im3navbar {
        /* HEADER */
        height: 2.3rem;
        display: block;
        position: fixed;
        margin: 0;
        padding: 0;
        padding-top: 4px !important;
        left: 0;
        top: 0;
        width: 100vw;
    }

    #im3navbar .row {
        /* HEADER ROW */
        height: 2.3rem;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
    }

    #im3navbar .col-xs-3.ml-3 {
        /* HEADER SX */
        display: block;
        position: absolute;
        left: 0;
        top: 0px !important
    }

    #im3navbar .col-xs-3.text-right.mr-3 {
        /* HEADER DX */
        display: block;
        position: absolute;
        right: 0;
        top: 0px !important;
    }

    #im3navbar .col.text-center.text-truncate {
        /* HEADER CENTRO */
        display: block;
        margin: 0px;
        padding: 0px;
        text-align: center;
        position: absolute;
        left: 0;
        width: 100%;
        height: 0px;
        overflow: visible;
    }

    #im3navbar .col.text-center.text-truncate A {
        /* HEADER CENTRO */
        margin: 0;
        padding: 0;
        font-size: 0.8rem;
        line-height: 2rem;
        position: absolute;
        left: 0px;
        width: 100%;
    }

    #im3navbar .navbar-im3 {
        /* NUOVO TITOLO */
        position: absolute !important;
        font-size: 1.75rem !important;
        font-weight: bold !important;
        display: block !important;
        visibility: visible;
        left: 37vw !important;
        top: 0px !important;
        width: 26vw !important;
        background-color: #027bff;
        color: #ffffff;
        line-height: 2rem !important;
        height: 1.85rem;
        -webkit-border-radius: 0.3rem !important;
        -moz-border-radius: 0.3rem !important;
        border-radius: 0.3rem;
        text-decoration: none;
    }

    #im3navbar .navbar-im3::before {
        content: "IM3";
    }

    #im3navbar .navbar-im3:hover,
    #im3navbar .navbar-im3:active,
    #im3navbar .navbar-im3:visited,
    #im3navbar .navbar-im3:focus {
        text-decoration: none;
    }

    #im3navbar .navbar-brand {
        height: 0px;
        display: none;
    }

    .frt-fixed-content-wrapper {
        /* CONTAINER */
        margin: 0;
        padding: 0;
        padding-bottom: 1rem;
        display: block;
        position: relative;
        top: 0 !important;
        margin-top: 2.5rem;
        /* margin-top: 5rem; */
    }

    .im3workflowselect .workflow,
    .im3workflowselect .workflow-canhover {
        border-radius: 4px;
        border-style: dotted;
        border-width: 1px;
        margin-bottom: 0.4rem;
        border-color: #027BFF;
        -webkit-border-radius: .3rem;
        -moz-border-radius: .3rem;
        border-radius: .3rem;
        padding: .2rem;
    }

    .im3workflowselect .workflow-canhover {
        color: #017BFF;
    }

    .im3DocumentWorkflowFastTransactionSelect {
        display: block;
        width: auto;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .im3DocumentWorkflowFastTransactionSelect h2 {
        /* TITOLO PAGINA */
        text-align: center;
        line-height: 2.1rem;
        margin-bottom: 1.1rem;
        /* margin-top: 1.5rem; */
        margin-top: 0.5rem;
        font-size: 1.6rem;
    }

    .im3DocumentWorkflowFastTransactionSelect .workflow {
        /* CONTENITORE SCELTE */
        border: 2px solid #027bff;
        -webkit-border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        border-radius: 0.3rem;
        padding: 0.2rem;
    }

    .im3DocumentWorkflowFastTransactionSelect .workflow>DIV>DIV {
        /* SCELTE */
        font-size: 1rem;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        line-height: 2rem;
        -webkit-border-radius: 0.23rem;
        -moz-border-radius: 0.23rem;
        border-radius: 0.23rem;
        margin-bottom: 0.2rem;
    }

    .im3DocumentWorkflowFastTransactionSelect .workflow>DIV:last-child>DIV {
        /* SCELTE */
        margin-bottom: 0;
    }

    .im3DocumentWorkflowFastTransactionSelect .workflow .workflowtitle {
        /* TITOLO VOCE GRUPPO */
        -webkit-border-radius: 0.23rem;
        -moz-border-radius: 0.23rem;
        border-radius: 0.23rem;
        background-color: #027bff;
        color: #ffffff;
    }

    .im3DocumentWorkflowFastTransactionSelect .im3core-flex-container-for-inlineforms {
        display: block;
    }

    .im3DocumentWorkflowFastTransactionSelect .im3core-flex-container-for-inlineforms DIV {
        display: block;
    }

    .im3DocumentWorkflowFastTransactionSelect .im3core-flex-container-for-inlineforms DIV:LAST-CHILD {
        display: none;
    }



    .im3documenttypeselect-doctype {
        background-color: #eeeeee;
    }

    .im3documenttypeselect-doctype :hover {
        /* TOLGO COLORE DEFAULT HOVER */
        background-color: transparent !important;
    }

    .im3documenttypeselect-doctype.im3workflowselected {
        background-color: #28a745;
        color: #ffffff;
    }




    /*  */

    .im3DocumentWorkflowFastItemSelect {
        width: calc(100% + 30px) !important;
        margin-left: -15px !important;

    }

    .im3DocumentWorkflowFastItemSelect .form-row.b-2 {
        /* FORM RICERCA */
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0.9rem;
        display: block;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .im3DocumentWorkflowFastItemSelect .form-row .col {
        padding: 0;
    }

    .im3DocumentWorkflowFastItemSelect .form-row .col-2.text-right {
        /* BOX RICERCA */
        width: 100%;
        margin-top: 1rem;
        flex: none;
        padding: 0;
        max-width: 100%;
    }

    .im3DocumentWorkflowFastItemSelect .input-group .btn.btn-secondary {
        /* PULSANTE RESET */
        display: none;
    }

    .im3DocumentWorkflowFastItemSelect h2 {
        /* TITOLO PAGINA */
        text-align: center;
        line-height: 2.1rem;
        /* margin-bottom: 1.1rem;
        margin-top: 1.5rem; */
    }

    .im3DocumentWorkflowFastItemSelect .btn,
    .bt-info {
        box-shadow: none !important;
    }

    .im3DocumentWorkflowFastItemSelect .btn .btn-info .btn-block {
        /* PULSANTE ITEM SELEZIONATI */
        font-size: 1.5rem;
    }

    .im3DocumentWorkflowFastItemSelect .form-row.b-2>div.col-2.text-right>button {
        background-color: #17a2b8 !important;
        font-size: 1.3rem;
    }

    .im3DocumentWorkflowFastItemSelect .mt-2.mb-2 {
        justify-content: center;
        text-align: center;
        margin: 0px;
        padding: 0px;
        display: block !important;
        margin-left: 3.8vw;
        margin-right: 3.8vw;
    }

    .im3DocumentWorkflowFastItemSelect .im3workflowitembutton {
        /* PULSANTI RISULTATI */
        display: block;
        float: left;
        margin: 0 !important;
        margin-right: 0.9rem !important;
        margin-bottom: 0.9rem !important;
        width: 44vw;
        height: 42vw;
        overflow: hidden;
        position: relative;
        background-color: orange;
    }

    .im3DocumentWorkflowFastItemSelect .im3workflowitembutton:nth-child(2n) {
        /* IL SECONDO PULSANTE NON HA MARGIN RIGHT */
        margin-right: 0 !important;
    }

    .im3DocumentWorkflowFastItemSelect .im3workflowitembuttondescription {
        /* NOME PRODOTTO NEL BOX */
        font-size: 1.1rem;
        line-height: 1.3rem;
        position: absolute;
        left: 0.6rem;
        right: 0.6rem;
        bottom: 0.6rem;
        text-align: center;
    }


    .im3DocumentWorkflowFastItemSelect .table-responsive {
        margin-right: 4vw;
        margin-left: 4vw;
        display: block;
        width: auto;
    }

    .im3DocumentWorkflowFastItemSelect .table-responsive .form-row {
        margin-right: 0;
        margin-left: 0;
        border-bottom: 1rem solid #ffffff;
    }

    .im3DocumentWorkflowFastItemSelect .table-responsive .col-1.im3workflowselecteditemrow.m-1,
    .im3DocumentWorkflowFastItemSelect .table-responsive .col.im3workflowselecteditemrow.m-1,
    .im3DocumentWorkflowFastItemSelect .table-responsive .col-2.im3workflowselecteditemrow.m-1 {
        /* BOX GRIGI RISULTATI */
        border: 0;
        padding: 0.5rem;
        margin: 0 !important;
        max-width: 100% !important;
        flex: none !important;
        border-radius: 0;
        line-height: 1.1rem;
        vertical-align: middle;
    }

    .im3DocumentWorkflowFastItemSelect .table-responsive .table {}

    .im3DocumentWorkflowFastItemSelect .table-responsive .form-row TD:nth-child(1) {
        display: block;
        width: 100% !important;
        font-size: 1.2rem;
        font-weight: bold;
        padding-bottom: 0 !important;
        border-radius: 0;
        -webkit-border-top-left-radius: 0.25rem !important;
        -webkit-border-top-right-radius: 0.25rem !important;
        -moz-border-radius-topleft: 0.25rem !important;
        -moz-border-radius-topright: 0.25rem !important;
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
    }

    .im3DocumentWorkflowFastItemSelect .table-responsive .form-row TD:nth-child(2) {
        font-size: 0.9rem;
        width: 76% !important;
        max-height: 4rem;
        overflow: hidden;
        border-bottom: 0.5rem solid #ddd;
        -webkit-border-bottom-left-radius: 0.25rem !important;
        -moz-border-radius-bottomleft: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
    }

    .im3DocumentWorkflowFastItemSelect .table-responsive .form-row TD:nth-child(3) {
        font-size: 2.6rem;
        padding: 0 !important;
        width: 24% !important;
        line-height: 4.4rem !important;
        height: 4rem !important;
        font-weight: 700;
        -webkit-border-bottom-right-radius: 0.25rem !important;
        -moz-border-radius-bottomright: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
    }

    .im3DocumentWorkflowFastItemSelect .table-responsive .col-2.text-center.im3workflowselecteditemrow.m-1:nth-child(4) {
        font-size: 2.2rem;
        text-align: right !important;
        margin-top: 0.2rem !important;
        -webkit-border-radius: 0.25rem !important;
        -moz-border-radius: 0.25rem !important;
        border-radius: 0.25rem !important;
    }

    .im3DocumentWorkflowFastItemSelect .table-responsive .col-2.text-center.im3workflowselecteditemrow.m-1:nth-child(5) {
        font-size: 2.2rem;
        text-align: right !important;
        margin-top: 0.2rem !important;
        -webkit-border-radius: 0.25rem !important;
        -moz-border-radius: 0.25rem !important;
        border-radius: 0.25rem !important;
    }

    .im3DocumentWorkflowFastItemSelect .table-responsive .col-2.text-center.im3workflowselecteditemrow.m-1:nth-child(6) {
        font-size: 2.2rem;
        text-align: right !important;
        margin-top: 0.2rem !important;
        -webkit-border-radius: 0.25rem !important;
        -moz-border-radius: 0.25rem !important;
        border-radius: 0.25rem !important;
    }

    .im3DocumentWorkflowFastItemSelect .col-2.text-center.im3workflowselecteditemrow.m-1 button:last-child {
        /* button delete */
        float: left;
        height: 2.4rem;
        line-height: 1.6rem;
        font-size: 1.7rem;
    }

    .im3DocumentWorkflowFastItemSelect .table-responsive .btn {
        display: block;
        float: right;
        border-radius: 0.3rem;
    }

    .im3DocumentWorkflowFastItemSelect .col-2.text-center.im3workflowselecteditemrow.m-1 button:nth-child(1),
    .col-2.text-center.im3workflowselecteditemrow.m-1 button:nth-child(2) {
        width: 2.4rem;
        height: 2.4rem;
        line-height: 1.6rem;
        font-size: 1.7rem;
        box-sizing: border-box;
        padding: 0 !important;
        border: 0 !important;
        margin-left: 0.2rem
    }

    .im3DocumentWorkflowFastItemSelect .col-2.text-center.im3workflowselecteditemrow.m-1 button:nth-child(3),
    .col-2.text-center.im3workflowselecteditemrow.m-1 button:nth-child(4) {
        width: 3.4rem;
        height: 2.4rem;
        line-height: 1.6rem;
        font-size: 1.3rem;
        box-sizing: border-box;
        padding: 0 !important;
        border: 0 !important;
        margin-left: 0.2rem
    }

    .im3DocumentWorkflowFastItemSelect .col-2.text-center.im3workflowselecteditemrow.m-1 button:nth-child(5),
    .col-2.text-center.im3workflowselecteditemrow.m-1 button:nth-child(6) {
        width: 3.4rem;
        height: 2.4rem;
        line-height: 1.6rem;
        font-size: 1.3rem;
        box-sizing: border-box;
        padding: 0 !important;
        border: 0 !important;
        margin-left: 0.2rem
    }

    /*   .im3DocumentWorkflowFastItemSelect .col-2.text-center.im3workflowselecteditemrow.m-1 button:nth-child(5){
        margin-right:1rem;
    } */
    .im3DocumentWorkflowFastItemSelect .btn-success:not([disabled]):not(.disabled).active,
    .btn-success:not([disabled]):not(.disabled):active {
        box-shadow: none !important;
    }

    .im3DocumentWorkflowFastItemSelect .btn-danger:not([disabled]):not(.disabled).active,
    .btn-danger:not([disabled]):not(.disabled):active {
        box-shadow: none !important;
    }

    .im3DocumentWorkflowFastItemSelect .btn-info:not([disabled]):not(.disabled).active,
    .btn-info:not([disabled]):not(.disabled):active {
        box-shadow: none !important;
    }

    .im3DocumentWorkflowFastItemSelect .form-control:focus {
        border-color: inherit;
        box-shadow: none !important;
    }




    /*  */


    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) {
        /* PRIMA RIGA SELECTORS */
        display: block;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group {
        /* PRIMA RIGA : TUTTI GLI ITEM */
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(1) {
        /* PRIMA RIGA : PRIMO ITEM (PAGAMENTO) */
        max-width: none;
        text-align: center;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        padding-top: 1rem;
        padding-bottom: 0.7rem;
        margin-bottom: 0.7rem;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(1) .input-group {
        display: block;
        text-align: center;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(1) .input-group .btn-group {
        /* PRIMA RIGA : ITEM TIPI PAGAMENTO */
        display: block !important;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(1) .input-group .btn-group BUTTON {
        /* PRIMA RIGA : PULSANTE PAGAMENTO */
        display: inline-block !important;
        margin-left: 0.25rem;
        margin-right: 0.25rem;
        margin-bottom: 0.5rem;
        font-size: 1rem;
        -webkit-border-radius: 0.3rem;
        -moz-border-radius: 0.3rem;
        border-radius: 0.3rem;
        border: 1px solid #dddddd !Important;
        background-color: #fafafa !important;
        color: #888888 !important;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(1) .input-group .btn-group BUTTON.active {
        /* PRIMA RIGA : PULSANTE PAGAMENTO */
        background-color: #28a745 !important;
        color: #ffffff !important;
        border: 1px solid #28a745 !Important;
    }


    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(2) {
        /* PRIMA RIGA : SECONDO ITEM (DATA) */
        float: left;
        display: block;
        max-width: none;
        width: 9.8rem;
        margin-right: 1rem;
        margin-left: 1.4rem;
        margin-bottom: 1rem;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(3) {
        /* PRIMA RIGA : SECONDO ITEM (SERIE) */
        float: left;
        display: block;
        max-width: none;
        width: 9.8rem;
        margin-bottom: 1rem;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(4) {
        /* PRIMA RIGA : QUARTO ITEM (SECTIONAL) */
        float: left;
        display: block;
        max-width: none;
        width: 6rem;
        margin-bottom: 1rem;
        margin-left: 1.4rem;
        clear: left;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(5) {
        /* PRIMA RIGA : QUINTO ITEM (NUMERO) */
        display: block;
        max-width: none;
        margin-bottom: 1rem;
        padding-left: 1.4rem;
        padding-right: 1.4rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #cccccc;
        clear: both;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(5) .input-group {
        width: 20.6rem;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(5) .input-group input[name="number"] {
        width: 6rem;
        flex: 0 0 6rem;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(1) .form-group:nth-of-type(5) .input-group .input-group-btn {
        margin-left: auto;
    }

    /*  --------------------------------------------------------------------------------------------    */

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) {
        /* SECONDA RIGA SELECTORS */
        display: block;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8,
    .im3workflowselect>.form-row:nth-of-type(2) .col-4 {
        margin: 0px;
        padding: 0px;
        display: block;
        max-width: none;
        flex: none;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card,
    .im3workflowselect>.form-row:nth-of-type(2) .col-4 .card {
        margin: 0px;
        padding: 0px;
        display: block;
        max-width: none;
        flex: none;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body,
    .im3workflowselect>.form-row:nth-of-type(2) .card-body {
        flex: none;
        padding: 0.5rem;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body TABLE th,
    .im3workflowselect>.form-row:nth-of-type(2) .col-8 .card-body TABLE td {
        font-size: 0.8rem;
        padding: 0px;
        border: 0px;
        display: table-cell;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
        border-bottom: 1px solid #cccccc;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body TABLE thead,
    .im3workflowselect>.form-row:nth-of-type(2) .col-8 .card-body TABLE tbody {
        padding: 0px;
        border: 0px;
        display: table-row-group;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body TABLE TR.row {
        display: table-row;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body .table {
        margin: 0px;
        padding: 0px;
        border: 0px;
        display: block;
        position: relative;
        padding-bottom: 3.5rem;
    }

    /* CODICE */
    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body TABLE th:nth-of-type(1),
    .im3workflowselect>.form-row:nth-of-type(2) .col-8 .card-body TABLE td:nth-of-type(1) {
        padding-right: 0.4rem;
    }

    /* ELIMINO 3 COLONNE DAI DETTAGLI */
    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body TABLE th:nth-of-type(4),
    .im3workflowselect>.form-row:nth-of-type(2) .col-8 .card-body TABLE td:nth-of-type(4) {
        display: none;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body TABLE th:nth-of-type(5),
    .im3workflowselect>.form-row:nth-of-type(2) .col-8 .card-body TABLE td:nth-of-type(5) {
        display: none;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body TABLE th:nth-of-type(6),
    .im3workflowselect>.form-row:nth-of-type(2) .col-8 .card-body TABLE td:nth-of-type(6) {
        display: none;
    }


    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body TABLE TBODY .row:last-child>td:first-child {
        /* cella che contiene bottone sconto */
        position: initial;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(2) .col-8 .card-body TABLE TBODY .row:last-child>td:first-child BUTTON {
        /* bottone sconto */
        position: absolute;
        right: 0px;
        bottom: 0px;
        margin: 0px;
        border: 0px;
    }

    /*  --------------------------------------------------------------------------------------------    */

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(4) {
        /* QUARTA RIGA SELECTORS (TOTALI) */
        display: block;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(4) .card-body {
        padding: 0.5rem;
        /* display: block; */
        max-width: none;
        flex: none;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(4) .card-body TABLE {
        display: table;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(4) .card-body TABLE TH,
    .im3workflowselect>.form-row:nth-of-type(4) .card-body TABLE TD {
        font-size: 0.70rem;
        padding: 0.45rem;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(4) .card-body TABLE TH {
        border-bottom: 1px solid #cccccc;
    }

    .im3DocumentWorkflowFastFinalize>.form-row:nth-of-type(4) .card-body TABLE .text-right {
        text-align: right;
    }

    .im3DocumentWorkflowFastFinalize .btn {
        font-size: 1.3rem;
        text-overflow: ellipsis;
        overflow: hidden
    }

    /* .im3DocumentWorkflowFastFinalize>.form-row:first-of-type .form-group:nth-of-type(2) {
        width: 12.5rem;
        margin-left: 0;
    }
    .im3DocumentWorkflowFastFinalize>.form-row:first-of-type .form-group:nth-of-type(4) {
        padding-left: 0;
        padding-right: 0;
    }
    .im3DocumentWorkflowFastFinalize>.form-row:first-of-type .form-group:nth-of-type(4) .input-group {
        width: 100%;
    } */


    /*  */


    .im3DocumentWorkflowFastRows .card-body {
        padding: 0.5rem;
    }

    .im3DocumentWorkflowFastRows .card-body .d-flex {
        display: block !important;
        position: relative;
        padding-bottom: 3.4rem;
    }

    .im3DocumentWorkflowFastRows .card-body .d-flex>DIV:nth-of-type(1) {
        /* PULSANTE + */
        display: block !important;
        position: absolute;
        right: 0;
        bottom: -1rem;
        font-size: 2rem;
    }

    .im3DocumentWorkflowFastRows .card-body .d-flex>DIV:nth-of-type(2) {
        /* PULSANTE - */
        display: block !important;
        position: absolute;
        right: 5rem;
        bottom: -1rem;
        font-size: 2rem;
    }

    .im3DocumentWorkflowFastRows .form-row:nth-of-type(1) {
        margin-top: 1rem !important;
    }

    .subRowTotalsList:after {
        content: none !important;
    }

    .subRowTotalsList {
        margin: 0px !important;
    }
}.im3workflowcontainer {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}

.im3workflowselect .workflow {
  border-radius: 4px;
  border-style: dotted;
  border-width: 1px;
}

.im3workflowselect .workflow-canhover :hover {
  background-color: lightblue;
}

.im3workflowselect .workflow div {
  justify-content: space-between;
}

.im3workflowselect .workflow-canhover div {
  justify-content: space-between;
}

.im3workflowselect .workflowtitle {
  font-weight: bold;
}

.im3documenttypeselect-doctype :hover {
  background-color: lightblue;
}

.im3workflowselected {
  background-color: coral;
}

.im3workflowitembutton {
  width: 160px;
  height: 180px;
  white-space: normal !important;
  vertical-align: bottom;
}

.im3workflowitembuttondescription {
  font-size: 0.9em;
}

.im3workflowselecteditemrow {
  border-radius: 4px;
  background-color: #DDDDDD;
}

.greyDocumentRow {
  background-color: lightgray;
}

#loadingGifContainer {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  background: url(loadingGearLarge.gif);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  cursor: not-allowed;
}

.selectForPdf {
  top: .6rem;
  width: 1.2rem;
  height: 1.2rem;
}

.selectAllForPdf {
  top: .6rem;
  width: 1.2rem;
  height: 1.2rem;
}

.checkVoided {
  top: .8rem;
  width: 1.2rem;
  height: 1.2rem;
}

.checkEvaso {
  top: .8rem;
  width: 1.2rem;
  height: 1.2rem;
}

.allDocsForTypeCheck {
  top: .8rem;
  width: 1.2rem;
  height: 1.2rem;
}

.singleDocForConversionCheck {
  top: .8rem;
  width: 1.2rem;
  height: 1.2rem;
}

.redtext {
  color: crimson;
}

/* XML Icons for Document List */
.xml-generated-icon {
    color: #28a745; /* green success */
    margin-right: 5px;
    font-size: 14px;
}

.xml-generated-icon:hover {
    color: #1e7e34; /* darker green on hover */
}

.xml-sent-icon {
    color: #007bff; /* blue for sending */
    margin-right: 5px;
    font-size: 14px;
}

.xml-sent-icon:hover {
    color: #0056b3; /* darker blue on hover */
}
.im3coresearchitem{
    width:100%
}

.im3coreselectedgroup{
    background-color: #02d19d !important;
}

.im3coreselecteditem{
    background: #02d19d !important;
}

.im3coreselecteditemincart{
    background: #02d19d !important;
}

.im3coreitemincart{
    background-color: #00e5ff73;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top:4px;
    width:96%;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    padding-bottom:10px;
}

.im3coreitemincart-inner{
    /*display: table-cell; vertical-align: middle;*/
    width:96%;
    margin-left:auto;
    margin-right:auto;
}

.im3coreitemincartQtyRow{
    text-align: right;
    width:100%;
}

.itemInCartOperationHide{
    display:none ;
}

.im3coreitemoperations{
    text-align: center;
    margin-top:5px;
    margin-bottom:5px;
}

.im3coreitemgroup{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #00e5ff73;
    width:98%;
    margin-left:auto;
    margin-right:auto;
    margin-top:4px;
    height:100px;
    display: table;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.im3coreitemgroup-inner{
    display: table-cell; vertical-align: middle;
}

.im3coreitem{
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background-color: #00e5ff73;
    width:96%;
    margin-left:auto;
    margin-right:auto;
    margin-top:4px;
    height:60px;
    display: table;
    padding-left:10px;
    font-weight: bold;
    font-size: 20px;
}

.im3coreitem-inner{
    display: table-cell; vertical-align: middle;
}

.im3coreitem-inner{
    display: table-cell; vertical-align: middle;
}

.selectedItemContent {
    padding: 5px;
}

.selectedItemInput > label > span{
    width:200px;
}

.selectedItemFooter{
    text-align: center;
    height:40px;
}.im3coregeneralbox{
    display:flex;
    flex-direction: row;
    -webkit-box-flex: flex ;
    flex-wrap: wrap;
    justify-content: flex-start;
}

._im3coregeneralboxelement{
    flex-grow: 1;
    background: cyan;
    border-color:blue;
    border-width:thin;
    border-style:solid;

}

.im3coregeneralboxelement{
    padding:5px;
    min-width: 300px;
    flex-grow: 1;
}

.im3coregeneralboxelement-double{
    width: 50%;
    min-width: 300px;
    flex-grow: 1;
}

.im3coregeneralboxelement-triple{
    width: 30%;
    flex-grow: 1;
    min-width: 300px;
}

.im3coregeneralboxelement-quad{
    width: 40%;
    flex-grow: 1;
    min-width: 400px;
}

.im3coregeneralboxelement-single{
    width: 10%;
    flex-grow: 1;
    min-width: 100px;
}

.im3bancodocumentbody{
    margin-top: 10px;
    max-height: 300px ;
    overflow-y: scroll ;
}

.im3bancodocumentbody-row{
    min-width:300px;
}

.im3banconumber-in-row{
    text-align: right ;
}

.im3bancodocumentfooter {
    margin-top:10px;
    width: 100%;
    text-align: right ;
}

.im3bancodocumenttotals{
    text-align: right ;
    margin-right:0px;
}.im3coregeneralsearch {
    overflow-y: scroll;
    height: 100%;
    display: block
}

.im3coresearchinputelement {
    margin-left: 2px;
    margin-right: 2px;
}

.im3coregeneralsearchcontainer {
    display: flex;
    flex-direction: column;
    max-height: 93vh;
}

.im3coregeneralsearchinput {
    background: rgba(255, 196, 0, 0.411);
}

.im3coregeneralsearchoutput {
    max-height: 62vh;
    min-height: 62vh;
    overflow-y: scroll;
    overflow-x: hidden;
    flex: 1;
    background: rgba(0, 238, 255, 0.171);
}

.im3coresinglesearchresult {
    margin-top: 10px;
}

.im3coresinglesearchresultdetails {
    font-size: 0.9em;
}

.height67search {
    max-height: 67vh !important;
    min-height: 67vh !important;
}

.height73search {
    max-height: 73vh !important;
    min-height: 73vh !important;
}

.height78search {
    max-height: 78vh !important;
    min-height: 78vh !important;
}

.height80search {
    max-height: 80vh !important;
    min-height: 80vh !important;
}

.height83search {
    max-height: 83vh !important;
    min-height: 83vh !important;
}

.height90search {
    max-height: 90vh !important;
    min-height: 90vh !important;
}


.orderColumn {
    cursor: ns-resize;
    font-weight: bold;
}



.orderSelected {
    position: relative;
    margin-left: 40px;
}

.orderSelected:before {
    content: '';
    background: url('packages/cashbit_im3core/assets/icons/icons8-doppio-giù-24.png');
    position: absolute;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    left: -20px;
    top: -5px;
}.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The sliderType */
.sliderType {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: lightseagreen;
    -webkit-transition: .4s;
    transition: .4s;
}

.sliderType:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#typeSwitch:checked+.sliderType {
    background-color: lightsalmon;
}

#typeSwitch:focus+.sliderType {
    box-shadow: 0 0 1px #2196F3;
}

#typeSwitch:checked+.sliderType:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliderTypes */
.sliderType.round {
    border-radius: 34px;
}

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

.rowHeaders {
    outline: 1px solid black;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.rowData {
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.cellHeader {
    outline: 1px solid black;
    text-align: center;
    font-weight: bold;
    overflow-wrap: break-word;
}

.cellData {
    outline: 1px solid black !important;
    /*  border-right:1px solid black !important;
    border-bottom:1px solid black !important; */
    text-align: center;
    overflow-wrap: break-word;
}

.cellDataRef {
    outline: 1px solid black !important;
    /*  border-right:1px solid black !important;
    border-bottom:1px solid black !important; */
    text-align: center;
    font-weight: bold;
    background-color: lightseagreen;
    overflow-wrap: break-word;
}

.cellDataRef2 {
    outline: 1px solid black !important;
    /* border-right:1px solid black !important;
    border-bottom:1px solid black !important; */
    text-align: center;
    font-weight: bold;
    background-color: lightyellow;
    overflow-wrap: break-word;
}

.cellDataRef3 {
    outline: 1px solid black !important;
    /* border-right:1px solid black !important;
    border-bottom:1px solid black !important; */
    text-align: center;
    font-weight: bold;
    background-color: seagreen;
    overflow-wrap: break-word;
}

.cellDataRef4 {
    outline: 1px solid black !important;
    /* border-right:1px solid black !important;
    border-bottom:1px solid black !important; */
    text-align: center;
    font-weight: bold;
    background-color: salmon;
    overflow-wrap: break-word;
}

.cellDataNumber {
    outline: 1px solid black !important;
    /*  border-right:1px solid black !important;
    border-bottom:1px solid black !important; */
    text-align: center;
}

.customNumberCell {
    background-color: lightskyblue !important;
}

.customNumberCell2 {
    background-color: rgb(40, 151, 179) !important;
}

.customNumberCell3 {
    background-color: rgb(40, 151, 179) !important;
}

.spacer {
    height: 2%;
}

#deleteBtn {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

#printBtn {
    color: rgb(52, 177, 219);
    text-decoration: underline;
    cursor: pointer;
}

.printSelectorSingle {
    color: rgb(52, 177, 219);
    text-decoration: underline;
    cursor: pointer;
}

.printedSelectorSingle {
    color: rgb(52, 177, 219);
    text-decoration: underline;
    cursor: pointer;
}

.getArchivedPrintBtn {
    color: rgb(52, 219, 74);
    text-decoration: underline;
    cursor: pointer;
}


.selectedLabel {
    font-weight: bold;
    text-decoration: underline;
}

.red {
    outline: 1px solid red !important;
}

.green {
    outline: 1px solid green;
}

#loadingGifContainer {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    background: url(loadingGearLarge.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    cursor: not-allowed;
}

.ellipsis {

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  #importDocsSwitch:checked + .slider {
    background-color: #2196F3;
  }
  
  #importDocsSwitch:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  #importDocsSwitch:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }/*.topbaricons{
    width:32px;
    height:32px;
}

#topbar{
    width:100%;
    height:40px;
    text-align: center;
    padding-top:5px;
}

.topbarleft{
    width:40px;
    text-align:left;
}

.topbarleft-left{
    width:40px;
    text-align:left
}

.topbarcenter{
    width:auto;
    overflow:hidden
}

.topbarright-right{
    width:40px;
    text-align:right;
}

.topbarright{
    width:40px;
    text-align:right;
}

ul.notifications {
    position: fixed;
}*/

#im3navbar {
    z-index: 1001;
}

/*
.fixed-top-2 {
    margin-top: 41px;
}

@media only screen and (max-width: 991px) {

    HTML {
        font-size: 4vw;
    }

    #im3advertbar {
        height: 2.3rem;
        display: block;
        position: fixed;
        margin: 0;
        padding: 0;
        padding-top: 4px !important;
        left: 0;
        top: 0;
        width: 100vw;
        margin-top: 2.4rem !important;
    }

    #im3advertbar .row {
        height: 2.3rem;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
    }

    #im3advertbar .col-xs-3.ml-3 {
        display: block;
        position: absolute;
        left: 0;
        top: 0px !important
    }

    #im3advertbar .col-xs-3.text-right.mr-3 {
        display: block;
        position: absolute;
        right: 0;
        top: 0px !important;
    }

    #im3advertbar .col.text-center.text-truncate {
        display: block;
        margin: 0px;
        padding: 0px;
        text-align: center;
        position: absolute;
        left: 0;
        width: 100%;
        height: 0px;
        overflow: visible;
    }

    #im3advertbar .col.text-center.text-truncate A {
        margin: 0;
        padding: 0;
        font-size: 0.8rem;
        line-height: 2rem;
        position: absolute;
        left: 0px;
        width: 100%;
    }

    #im3advertbar .navbar-im3 {
        position: absolute !important;
        font-size: 1.75rem !important;
        font-weight: bold !important;
        display: block !important;
        visibility: visible;
        left: 37vw !important;
        top: 0px !important;
        width: 26vw !important;
        background-color: #027bff;
        color: #ffffff;
        line-height: 2rem !important;
        height: 1.85rem;
        -webkit-border-radius: 0.3rem !important;
        -moz-border-radius: 0.3rem !important;
        border-radius: 0.3rem;
        text-decoration: none;
    }

    #im3advertbar .navbar-im3::before {
        content: "IM3";
    }

    #im3advertbar .navbar-im3:hover,
    #im3advertbar .navbar-im3:active,
    #im3advertbar .navbar-im3:visited,
    #im3advertbar .navbar-im3:focus {
        text-decoration: none;
    }

    #im3advertbar .navbar-brand {
        height: 0px;
        display: none;
    }
} */._customim3uploadereach{
    height: 900px;
}   

._customim3uploaderimg{
    max-height:600px;
    width:auto;
    margin-top:-100px;
    margin-left:75px;
    transform: rotate(90deg);
    transform-origin: bottom center;
}/*!
 * FullCalendar v2.3.1 Stylesheet
 * Docs & License: http://fullcalendar.io/
 * (c) 2015 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #d7d7d7;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;
}

/*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

.fc-icon:after {
	position: relative;
	margin: 0 -1em; /* ensures character will be centered, regardless of width */
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
	left: 3%;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%;
	left: -3%;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%;
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%;
	left: -2%;
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%;
	left: 2%;
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%;
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%;
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: -0.05em; /* seems to be a good adjustment across browsers */
	margin: 0 .2em;
	vertical-align: middle;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider {
	border-style: solid;
	border-width: 1px;
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
	overflow-y: scroll;
	overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
}

.fc-event .fc-resizer {
	position: absolute;
	z-index: 3;
}


/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* resizer */

.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */
	top: -1px;
	bottom: -1px;
	left: -1px;
	right: -1px;
	width: 5px;
}

/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-ltr .fc-h-event .fc-start-resizer:before,
.fc-ltr .fc-h-event .fc-start-resizer:after,
.fc-rtl .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-end-resizer:before,
.fc-rtl .fc-h-event .fc-end-resizer:after {
	right: auto; /* ignore the right and only use the left */
	cursor: w-resize;
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-ltr .fc-h-event .fc-end-resizer:before,
.fc-ltr .fc-h-event .fc-end-resizer:after,
.fc-rtl .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-start-resizer:before,
.fc-rtl .fc-h-event .fc-start-resizer:after {
	left: auto; /* ignore the left and only use the right */
	cursor: e-resize;
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}


.fc-day-grid-event .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

.fc-day-grid-event .fc-resizer { /* enlarge the default hit area */
	left: -3px;
	right: -3px;
	width: 7px;
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
	z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
	z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
	z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
	position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
	content: "=";
}.im3calendarconfig {
    margin-top:5px;
    margin-bottom:10px
}

.im3calendarcontainer{
    display: flex;
    flex-direction: row;
    height: 100%;
}

.im3calendarwrapper{
    
}

.im3calendarlists{
    width:20%;
}

.im3calendarlists-title{
    margin-top: 0;
}

.im3calendars{
    width:80%;
    height:80%;
}

.im3notInCalendarEvent{
    background: lightgrey;
    border-radius: 4px;
    padding: 3px;
    margin:3px;
}

.im3calendarhide{
    display:none ;
}

.sortedByButtonActive{
    font-weight:bold;
    color: red !important;
}

.sortedByButtonNoActive{
    font-weight:normal;
    color: grey !important;
}


.im3calendarevent{
    overflow: scroll;
    max-height:85vh;
}.active {
    color: black !important ;
}


.gal img{
    max-width:300px;
    padding: 7px 0;
}
@media (max-width: 500px) {
    .gal {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }	
}.customDatePickerField::-webkit-calendar-picker-indicator {
  margin-left: 0px;
}/* CSS declarations go here */

/*@font-face {
    font-family: "NotSanFrancisco";
    src: url('font/NotSanFrancisco.eot');
    src: url('font/NotSanFrancisco.eot?#iefix') format('embedded-opentype'),
    url('font/NotSanFrancisco.ttf') format('truetype');
}

@font-face {
    font-family: "NotSanFrancisco-Light";
    src: url('font/NotSanFranciscoLight.eot');
    src: url('font/NotSanFranciscoLight.eot?#iefix') format('embedded-opentype'),
    url('font/NotSanFranciscoLight.ttf') format('truetype');
}

a, a:hover,a:active, a:visited{color:inherit;text-decoration: none;background:transparent}
a:hover{color:grey}

body
{
    width:100%;margin:0px;color:#666;
    background:white;
    font-family:'NotSanFrancisco-Light';
    font-size:18px;
}

form  { display: table;      }
p     { display: table-row;  }
label { display: table-cell; }
input { display: table-cell; }
textarea { display: table-cell; }

input{
    font-size:18px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    _margin:2px;
}

textarea{
    font-size:14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    _margin:2px;
    width:98%;
}

label{
    vertical-align: middle;
}
select{
    font-size:18px;
    margin:2px;
}

input[type=text]{
    width:98%;
}

input[type=number]{
    text-align:right;
}

#marginbox{
    width:99%;
    margin-left:auto;
    margin-right:auto;
}


button{
    background-color: #36ffcc;
    height:32px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}*/
.frt-fixed-content-wrapper {
    position: absolute;
    top: 40px;
    /* top: 80px; */
}

.img-adaptive {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.at-form {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 991px) {
    HTML {
        font-size: 4vw;
    }
}

@media only screen and (max-width: 575px) {
    HTML {
        font-size: 4vw;
    }

    .at-form H1 {
        /* TITOLO PAGINA */
        margin: 0px;
        padding: 0px;
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }

    .at-form H3 {
        /* SOTTOTITOLO PAGINA */
        margin: 0px;
        padding: 0px;
        font-size: 1.4rem;
        text-transform: uppercase;
        margin-bottom: 1.2rem;
    }

    .at-pwd-link P {
        /* LINK PASSWORD */
        padding-top: 0.5rem;
        padding-bottom: 1rem;
        text-align: center;
    }

    .at-signup-link P {
        /* LINK REGISTRATI */
        padding-top: 1rem;
        text-align: center;
    }
}