@import 'font/font.css';
* {
  font-family: "Roboto";
}

.material-icons {
  font-family: "Material Icons";
  font-style: normal;
}

.mi-icona {
  font-family: "Material Icons";
  font-style: normal;
  font-size: 22px;
  vertical-align: middle;
  padding-bottom: 2px;
  margin-right: 7px;
}
.mi-icona.mi-car::after {
  content: "\e531";
}
.mi-icona.mi-home::after {
  content: "\e88a";
}
.mi-icona.mi-ebs::after {
  content: "\e97a";
}
.mi-icona.mi-pla::after {
  content: "\f1bb";
}
.mi-icona.mi-pre::after {
  content: "\ea3d";
}
.mi-icona.mi-epc::after {
  content: "\f071";
}
.mi-icona.mi-mat::after {
  content: "\e9fe";
}
.mi-icona.mi-imp::after {
  content: "\e8b8";
}
.mi-icona.mi-cal::after {
  content: "\efe7";
}
.mi-icona.mi-cat::after {
  content: "\e574";
}
.mi-icona.mi-exe::after {
  content: "\ea0a";
}
.mi-icona.mi-ana::after {
  content: "\e8ee";
}
.mi-icona.mi-mov::after {
  content: "\ebb8";
}
.mi-icona.mi-ric::after {
  content: "\e1d1";
}
.mi-icona.mi-ft::after {
  content: "\e86e";
}
.mi-icona.mi-ute::after {
  content: "\f02e";
}
.mi-icona.mi-tab::after {
  content: "\f1be";
}
.mi-icona.mi-out::after {
  content: "\e9ba";
}
.mi-icona.mi-arrowback::after {
  content: "\e5c4";
}
.mi-icona.mi-pallino::after {
  content: "\ebf3";
}
.mi-icona.mi-elimina::after {
  content: "\e872";
}
.mi-icona.mi-modifica::after {
  content: "\e745";
}
.mi-icona.mi-salva::after {
  content: "\e161";
}
.mi-icona.mi-allegato::after {
  content: "\e226";
}
.mi-icona.mi-all::after {
  content: "\e226";
}
.mi-icona.mi-cerca::after {
  content: "\e8b6";
}
.mi-icona.mi-su::after {
  content: "\e5c7";
}
.mi-icona.mi-giu::after {
  content: "\e5c5";
}
.mi-icona.mi-sx::after {
  content: "\e5de";
}
.mi-icona.mi-dx::after {
  content: "\e5df";
}
.mi-icona.mi-x::after {
  content: "\e14c";
}
.mi-icona.mi-add::after {
  content: "\f0ff";
}
.mi-icona.mi-piu::after {
  content: "\e145";
}
.mi-icona.mi-pmc::after {
  content: "\e923";
}
.mi-icona.mi-odl::after {
  content: "\f100";
}
.mi-icona.mi-mc::after {
  content: "\ef48";
}
.mi-icona.mi-gua::after {
  content: "\e39e";
}
.mi-icona.mi-pmf::after {
  content: "\e935";
}
.mi-icona.mi-stampa:after {
  content: "\e8ad";
}
.mi-icona.mi-par:after {
  content: "\e429";
}
.mi-icona.mi-for:after {
  content: "\eb9b";
}
.mi-icona.mi-rev:after {
  content: "\e003";
}
.mi-icona.mi-sugiu:after {
  content: "\e8d5";
}
.mi-icona.mi-res::after {
  content: "\e5c4";
}
.mi-icona.mi-tax::after {
  content: "\e8b9";
}
.mi-icona.mi-kpi::after {
  content: "\e871";
}
.mi-icona.mi-kmt::after {
  content: "\e801";
}
.mi-icona.mi-tec::after {
  content: "\e7ef";
}
.mi-icona.mi-cle::after {
  content: "\f0ff";
}
.mi-icona.mi-kdo::after {
  content: "\e88b";
}
.mi-icona.mi-kfr::after {
  content: "\e916";
}
.mi-icona.mi-kco::after {
  content: "\ea15";
}
.mi-icona.mi-kcn::after {
  content: "\ea5f";
}
.mi-icona.mi-ele::after {
  content: "\e8fe";
}
.mi-icona.mi-elx::after {
  content: "\e0ee";
}
.mi-icona.mi-cha::after {
  content: "\e0ca";
}
.mi-icona.mi-map::after {
  content: "\e55b";
}
.mi-icona.mi-plm::after {
  content: "\e53b";
}
.mi-icona.mi-loc::after {
  content: "\f05f";
}
.mi-icona.mi-van::after {
  content: "\ebcc";
}
.mi-icona.mi-rot::after {
  content: "\e8a3";
}
.mi-icona.mi-fab::after {
  content: "\ebbc";
}
.mi-icona.mi-imm::after {
  content: "\ea40";
}
.mi-icona.mi-tel::after {
  content: "\e32c";
}
.mi-icona.mi-art::after {
  content: "\e65f";
}
.mi-icona.mi-amm::after {
  content: "\e85d";
}
.mi-icona.mi-ang::after {
  content: "\e2c8";
}
.mi-icona.mi-pra::after {
  content: "\e1a1";
}
.mi-icona.mi-pau::after {
  content: "\ea55";
}
.mi-icona.mi-sto::after {
  content: "\e99a";
}
.mi-icona.mi-clo::after {
  content: "\e14d";
}
.mi-icona.mi-acq::after {
  content: "\ea12";
}
.mi-icona.mi-rof::after {
  content: "\e8c9";
}
.mi-icona.mi-oda::after {
  content: "\e8de";
}
.mi-icona.mi-ddt::after {
  content: "\e97f";
}
.mi-icona.mi-pzo::after {
  content: "\f1b6";
}
.mi-icona.aprichiudi:after {
  content: "\e5c5";
}
.mi-icona.aprichiudi.aperta:after {
  content: "\e5c7";
}
.mi-icona.mi-arrowiosforward::after {
  content: "\e5e1";
}
.mi-icona.mi-arrowiosback::after {
  content: "\e5e0";
}

.mi-modifica,
.mi-salva,
.mi-stampa,
.mi-elimina {
  cursor: pointer;
}

a .mi-giu,
a .mi-su {
  cursor: pointer;
}

.nonvisibile {
  display: none;
}

a {
  text-decoration: none;
  color: #323228;
}
a:hover {
  color: #646464;
}

.cliccalo {
  cursor: pointer;
}

.clear {
  clear: all;
}

.intestazione {
  font-size: 15px;
  color: #5984db;
  font-weight: bold;
  border-bottom: 1px solid #5984db;
  padding: 5px 0 5px 0;
  margin-bottom: 20px;
  width: 100%;
}

.nav-tabs .nav-item .nav-link {
  color: #656565;
}
.nav-tabs .nav-item .nav-link.active {
  color: #5984db;
}

input.inmodifica {
  border: 1px solid #c64600 !important;
}

.capo {
  clear: "both";
}

.spento {
  color: #c1c1c1;
}

.alertmsg {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2000;
  background-color: rgba(100, 100, 100, 0.4);
}
.alertmsg .contenuto {
  background-color: white;
  position: relative;
  top: 25%;
  margin: 0 auto;
  width: 400px;
  height: 200px;
  padding: 40px;
  border-radius: 5px;
  text-align: center;
}
.alertmsg .contenuto .messaggio {
  text-align: center;
}
.alertmsg.errore .messaggio {
  color: orangered;
}

.alertmsg.warning .messaggio {
  color: orangered;
}

.alertmsg .contenuto .chiudi {
  margin-top: 20px;
  text-align: center;
}

.errore {
  color: orangered;
}

#linkmenuchat.chatarrivate:before {
  content: "\ef4a";
  font-family: "Material Icons";
  font-style: normal;
  font-size: 10px;
  vertical-align: middle;
  color: lime !important;
}

.pallinoverde:after {
  content: "\ef4a";
  font-family: "Material Icons";
  font-style: normal;
  font-size: 10px;
  vertical-align: middle;
  margin-left: 5px;
  color: lime !important;
}

.loader {
  margin: 0 auto;
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#menu {
  padding: 10px 0;
  overflow: hidden;
}
#menu li {
  list-style: none;
  background-color: #5984db;
}
#menu li a {
  text-decoration: none;
  color: #323228;
}
#menu li.slidemenu {
  background-color: #cdcdcd;
  text-align: right;
}
#menu li.slidemenu .mi-icona {
  cursor: pointer;
}
#menu.chiuso {
  width: 80px;
}
#menu.chiuso li span {
  display: none;
}
#menu ul.btn-toggle-nav {
  padding-left: 0px;
  margin-left: 10px;
}
#menu .btn {
  background-color: #cdcdcd;
  text-align: left;
  width: 100%;
  padding: 6px 18px;
  border-radius: 0;
  text-transform: initial;
  font-size: 15.5px;
}
#menu .btn[aria-expanded=true] {
  background-color: #bebebe;
  margin-left: 4px;
  padding-left: 14px;
}
#menu .btn:hover {
  background-color: gainsboro;
}
#menu .sottomenu {
  padding: 0;
}
#menu .sottomenu ul {
  background-color: #d5d5d5;
}
#menu .sottomenu ul li {
  padding: 3px;
  background-color: #d5d5d5;
}
#menu .sottomenu ul li.selezionata {
  background-color: #f3f3f3;
}
#menu .sottomenu ul li a.active {
  font-weight: bold !important;
}
#menu .btn-check:focus + .btn, #menu .btn:focus {
  box-shadow: none;
  background-color: gainsboro;
}
#menu .consottomenu:after {
  font-family: "Material Icons";
  font-style: normal;
  font-size: 22px;
  vertical-align: middle;
  float: right;
  content: "\e5c5";
}
#menu .consottomenu[aria-expanded=true]:after {
  content: "\e5c7";
}

#header {
  background-color: #3f66dd;
}
#header .nav-item {
  color: white;
}
#header .nav-link {
  color: white;
  padding-top: 0;
  padding-bottom: 0;
}
#header .navbar {
  /*
  background-color: $maincolor;
  */
  background-repeat: no-repeat;
  background-image: url("../img/bghead.jpg");
  background-position: 278px;
}
#header .navbar .navbar-brand {
  background-color: white;
  width: 280px;
}

.mybreadcrumb {
  width: 100%;
  padding: 20px;
  margin-bottom: 30px;
  background-color: white;
  color: #656565;
}

#main {
  /*
  height: calc(100vh - 60px);
  */
}

#maincontent {
  overflow: hidden;
  background-color: #f5f5f5;
  height: 100%;
}

#menu {
  width: 280px;
  float: left;
  min-height: calc(100vh - 102px);
  height: 100%;
  background-color: #cdcdcd;
}

#content {
  float: left;
  width: calc(100% - 280px);
  height: 100%;
}
#content .pagina {
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
}
#content.menuchiuso {
  width: calc(100% - 80px);
}

footer.footer {
  /*
  position: absolute;
  bottom: 0;
  */
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #f5f5f5;
  background-color: #555;
}

.paginazione {
  text-align: center;
}
.paginazione span, .paginazione a {
  display: inline-block;
  padding: 2px 4px;
}
.paginazione span {
  font-weight: bold;
}

.alert {
  text-align: center;
  font-size: 16px;
  color: #a51d2d;
}

.logomin {
  margin-left: 10px;
}

label {
  font-size: 13.5px;
}

select.nosel2 {
  padding: 4px;
  border-width: 1px;
  background-color: white;
}

.btn {
  text-transform: capitalize;
}

div.owafc {
  float: left;
  width: 100%;
}

div.owafc.wauto {
  width: auto;
}

.owafc {
  display: flex;
  align-items: center;
}
.owafc.allineatextarea {
  align-items: last baseline;
}

.owafc input[type=text],
.owafc input[type=time] {
  display: inline-block;
  width: auto;
  padding: 4px 3px;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 2px;
  vertical-align: middle;
  flex-grow: 3;
}
.owafc input[type=text].datapick,
.owafc input[type=time].datapick {
  max-width: 120px;
}
.owafc input[type=text]:disabled,
.owafc input[type=time]:disabled {
  color: #aaa;
  background-color: #f2f2f2;
}
.owafc input[type=checkbox] {
  margin-top: 3px;
}
.owafc textarea {
  display: inline-block;
  font-size: 13px;
  flex-grow: 3;
}
.owafc textarea:disabled {
  color: #aaa;
  background-color: #f2f2f2;
}
.owafc input[type=time] {
  max-width: 70px;
}
.owafc select {
  min-width: 120px;
  font-size: 13px;
  /*
  margin-left: 2px;
  */
  background-color: white;
  border: 1px solid black;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  flex-grow: 2;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin-bottom: 4px;
  padding: 4px;
}
.owafc select .nosel2 {
  background-color: white;
  border: 1px solid #aaa;
  min-width: 100px;
  border-radius: 4px;
}
.owafc select:disabled {
  color: #aaa;
  background-color: #f2f2f2;
}
.owafc span.select2-container {
  margin-left: 2px;
}
.owafc > span:not(.select2) {
  padding-top: 4px;
  margin-left: 3px;
  font-weight: bold;
}
.owafc label {
  min-width: 100px;
  text-align: right;
  margin-right: 2px;
  padding-top: 3px;
  font-size: 13.5px;
  align-self: auto;
}
.labelmin .owafc label {
  min-width: 30px;
}

.labtextarea .owafc label {
  align-self: baseline;
}

.owafc.dx {
  width: auto;
  float: left;
}

input[type=text]:read-only {
  color: #999;
  background-color: #eaeaea;
}

.obbl label::after {
  content: "*";
  color: red;
}

.wlabel {
  width: 100px;
  max-width: 100px;
}

span.selection .select2-selection__rendered {
  font-size: 13px;
}

.select2-results li {
  font-size: 13px;
}

.formdati {
  font-size: 14px;
  background-color: white;
  padding: 8px;
  max-width: 1560px;
}
.formdati .tab-content {
  margin-top: 20px;
}
.formdati .row {
  margin-bottom: 6px;
}
.formdati.chiusa {
  display: none;
}
.formdati .comandi {
  margin: 16px 0 16px 0;
}

.comandi {
  margin: 5px 0 15px 0;
}

.mainelenco {
  margin-top: 30px;
  border-top: 2px solid #E1E0E0;
  padding: 5px 10px 20px 10px;
  background-color: white;
}

.elenco {
  margin-top: 20px;
}
.elenco table th a:after {
  font-family: "Material Icons";
  font-style: normal;
  font-size: 22px;
  vertical-align: middle;
  padding-bottom: 2px;
  margin-right: 7px;
  content: "\e8d5";
}
.elenco table.ricerca th {
  line-height: 40px;
  vertical-align: top;
}

.elencorighe .head div a:after {
  font-family: "Material Icons";
  font-style: normal;
  font-size: 22px;
  vertical-align: middle;
  padding-bottom: 2px;
  margin-right: 7px;
  content: "\e8d5";
}

.elencorighe .head div a.noicona {
  text-decoration: underline;
}

.elencorighe .head div a.noicona:after {
  content: "";
}

table thead th {
  font-weight: 400;
  padding: 0.75rem;
  vertical-align: middle;
  border-bottom: 2px solid #dee2e6;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #212529;
  font-size: 13.5px;
  text-transform: uppercase;
}
table thead th a {
  text-transform: uppercase;
}
table tbody tr:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.075);
}
table tbody tr td {
  padding: 7px 6px 6px 6px;
  border-top: 1px solid #dee2ff;
  border-collapse: collapse;
  font-size: 13px;
}
table tbody tr:nth-child(2n) > td, table tbody tr:nth-childe(2n) {
  background-color: transparent;
}
table tbody tr.rosso td {
  color: orangered !important;
}

.elencorighe {
  padding: 20px;
  margin-top: 20px;
}
.elencorighe .head {
  /*background-color:$bgtabhead;*/
  border-bottom: 2px solid #dee2e6;
}
.elencorighe .head div {
  font-size: 13.5px;
  padding: 6px 2px;
}
.elencorighe .tbody .row:nth-child(2n) {
  background-color: #f2f2f2;
}
.elencorighe .tbody .row {
  border-bottom: 1px solid #dee2ff;
  font-size: 13px;
}
.elencorighe .tbody .row:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: rgba(0, 0, 0, 0.5);
}

.formrighe {
  padding: 10px;
  margin: 4px;
  border: 1px solid #f2f2f2;
  border-top: 0px;
}

table.ordina th.ordcol {
  cursor: pointer;
}

table.ordina th.ordcol:after {
  content: "\e8d5";
  font-family: "Material Icons";
  font-style: normal;
  font-size: 22px;
  vertical-align: middle;
  padding-bottom: 2px;
  margin-right: 2px;
  cursor: pointer;
}

#allegati .elenco .owafc a {
  overflow-wrap: anywhere;
}
#allegati.dacalendario form .row > div:nth-child(1) {
  width: 100%;
}
#allegati.dacalendario .elenco .col-md-2 {
  width: 40%;
}
#allegati.dacalendario .elenco .col-md-1 {
  width: 10%;
}

#loader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.75) url(../img/loader.gif) no-repeat center center;
  z-index: 10000;
}

#dprezzi {
  padding: 1rem;
  background-color: rgba(220, 220, 220, 0.8);
  width: 400px;
  position: absolute;
  border: 1px solid rgba(50, 50, 50, 0.8);
}

#mainallegati {
  padding: 8px;
}
#mainallegati .allegati {
  padding: 30px;
  background-color: #d9e2e7;
}
#mainallegati .allegati .formallegato {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 5px 2px 10px 2px;
  border-bottom: 1px solid #aaa;
}

/*# sourceMappingURL=main.css.map */