h2 {
  font-size: 1.225rem;
  font-weight: 700;
  margin: .5rem 0;
}
p {
  margin-bottom: .825rem;
  line-height: 1.35;
  font-size: 1rem;
}
strong {
  font-weight: 500;
}
.img-loader
{
  position: absolute;
  visibility: hidden;
  top: 35%;
  left: 50%;
}
.articoloInGruppi
{
  list-style-type: none;
}
.articoloInGruppi li .active
{
  border: 1px solid red !important;
  background-color: #112298 !important;
  color: white !important;
}
.articoloInGruppi li
{
  margin: 12px;
  display: inline-block;
}
#inGruppiContent
{
  max-height: 400px;
  overflow-y: auto;
}
.img-loader img
{
  width: 64px;
}

#divCategorie .active
{
  color: white;
  font-weight: bold;
  background-color: #0000FF;
  zoom: 110%;
  webkit-box-shadow: inset 0px 0px 5px green;
     -moz-box-shadow: inset 0px 0px 5px green;
          box-shadow: inset 0px 0px 5px green;
   outline: none;
   border: 1px solid;
}

#divCategorie::-webkit-scrollbar, 
#inGruppiContent::-webkit-scrollbar
{
  cursor: grab;
  width: 20px;
  background-color: #F5F5F5;
} 
#divCategorie::-webkit-scrollbar-track,
#inGruppiContent::-webkit-scrollbar-track
{
  background-color: #F5F5F5;
}
#divCategorie::-webkit-scrollbar-thumb
{
  background-color: #489010;
}
#inGruppiContent::-webkit-scrollbar-thumb
{
  background-color: #007BFF;
}
.gruppi-tasto-label, .articoli-label
{
  color: #777;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
.articoli-label
{
  margin-top: 1%;
}
.sortCol
{
  margin-left: 1%;
}
#divCategorie
{
  width:100%;
  white-space: nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  border:solid 1px #ececec;
}
#divCerca
{
  margin-top: 1%;
}

#divCerca input
{
  width:90px;
  float:left;
}

#divArticoli table thead td
{
 text-transform: uppercase;
 font-size: 13px;
 font-weight: bold;
}

#divArticoli table
{
  width: 90%;
}
#divArticoli
{
  width:100%; 
  overflow-x:hidden;
  overflow-y:auto;
  min-height:460px;
  padding-top:12px;
  padding-bottom:0px;
  margin-bottom:0px;
}
.toolbar-details
{
 position: absolute;
 top: 40%;
 right: 0;
}
.toolbar-details svg
{
  color: #555;
  font-size: 1.2rem;
  margin: .9rem;
  display: block;
}
.toolbar-details svg:hover
{
   color: #001BFF;
}
#top-bar {
  position: absolute;
  z-index: 100;
  top: 0;
  background: #fff;
}
#top-bar #user-menu {
  position: absolute;
  right: 3rem;
  top: 25px;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  z-index: 3;
  transition: .3s;
}
.menu-items li
{
  padding-top: 5px;
  padding-bottom: 5px;
}
.menu-items svg
{
  margin-right: 5px;
}
#top-bar #user-menu:hover > .menu-items {
  display: block!important;
  opacity: 1!important;
}
#top-bar #user-menu i:before {
  font-size: 1.2rem;
  vertical-align: middle;
}
#top-bar #user-menu #user-id {
  position: relative;
  z-index: 3;
}
#top-bar #user-menu #user-id + .menu-items {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  background: #fff;
  padding: .5rem 1rem 1.5rem;
  border-top: 1rem solid #fff;
  box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.2);
  list-style: none;
  margin: 0;
  transition: .3s;
}
.default-form {
  padding: 1rem 3rem 1rem;
  margin-top: 2rem;
}
@media (max-width: 992px) and (orientation: portrait) {
  .default-form {
    overflow: visible;
    padding: 2rem 2rem 0rem;
    margin-top: 2rem;
  }
}
@media (max-width: 992px) and (orientation: landscape) {
  .default-form {
    overflow: visible;
    padding: 2rem 3rem 0rem;
    margin-top: 0rem;
  }
}
.default-form label {
  width: 100%;
  display: block;
  position: relative;
}
.default-form .fading,
.default-form .nofading {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
.default-form .fading.message,
.default-form .nofading.message {
  top: -14px;
  transform: none;
  background: #fff;
  padding: 0 0.5rem;
}
.default-form textarea {
  border: 2px solid #3E5F98;
  border-radius: .5rem;
  line-height: 1;
  height: 8.5rem;
  width: 100%;
  display: block;
  margin-top: 1.5rem;
}
.default-form input {
  border: 2px solid #3E5F98;
  border-radius: .5rem;
  line-height: 1;
  height: 2.5rem;
  width: 100%;
  display: block;
  padding-left: 1rem;
  font-weight: 400;
}
.default-form .richiesta {
  list-style: none;
  padding: 0;
}
.default-form .richiesta li {
  border-bottom: 1px solid #3E5F98;
  padding: .125rem 1rem;
  font-weight: 400;
  cursor: pointer;
  transition: .3s ;
}
.default-form .richiesta li:hover {
  color: #3E5F98;
}
.default-form p.form-info {
  font-size: .725rem;
}
.default-form .trigger-list {
  position: absolute;
  left: 0;
  right: 1rem;
  height: 2.5rem;
  background: transparent;
  top: 0;
}
.default-form .trigger-list.list-visible i:before {
  transform: rotate(180deg);
}
.default-form .trigger-list i {
  position: absolute;
  top: 0;
  right: 0;
  background: #767676;
  height: 2.5rem;
  border-radius: 0 .5rem .5rem 0;
  color: #fff;
  width: 2.5rem;
  z-index: 2;
}
.default-form .trigger-list i:before {
  text-align: center;
  transition: .3s;
  transform: rotate(0);
  display: block;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: .4rem;
  font-size: 1.5rem;
}
.default-form .fake-select {
  position: absolute;
  z-index: 1;
  background: #fff;
  top: 40px;
  right: 0;
  left: 0;
  list-style: none;
  padding: 0 .5rem 1rem;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.3);
}
.default-form .fake-select li {
  padding: .5rem .5rem .5rem 1.5rem;
  line-height: 1;
  border-bottom: 1px solid #ececec;
  cursor: pointer;
}
.default-form .fake-select li:hover {
  color: #9cdaa4;
  background: whitesmoke;
}
.cta-main {
  background: #3E5F98;
  color: #fff;
  padding: .25rem 1rem;
  border-radius: 12px;
  display: block;
  max-width: 300px;
  text-align: center;
  font-weight: 600;
  margin: 2rem auto;
  font-size: 1em;
  border: 0;
  line-height: 1.5;
  text-transform: uppercase;
  width: auto!important;
}
.cta-main.smaller {
  font-size: 1rem;
  padding: .5rem 1.5rem;
  max-width: 180px;
}
.cta-main:hover {
  box-shadow: 0 15px 15px -12px rgba(0, 0, 0, 0.25);
}
/*modal override*/
.modal-customized h3 {
  text-align: center;
  width: 100%;
  margin-top: 3rem;
}
.modal-customized h4 {
  font-family: "Ubuntu Mono";
  letter-spacing: -0.125rem;
  margin-top: 2rem;
  border-bottom: 2px solid #ccc;
  width: 100%;
}
.modal-customized .modal-body {
  padding: 1.5rem;
}
@media (max-width: 480px) {
  .modal-customized .modal-body {
    padding: .5rem;
    font-size: .9rem;
    line-height: 1.4;
  }
}
.modal-customized .modal-body > ol {
  padding-right: 1.5rem;
}
@media (max-width: 480px) {
  .modal-customized .modal-body > ol {
    padding: .5rem .5rem .5rem 1.5rem;
  }
}
.modal-customized .modal-body > ol > li > strong:first-of-type {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: .5rem;
  margin-top: 2.2rem;
  display: block;
  position: relative;
}
.modal-customized .modal-body > ol > li > strong:first-of-type::before {
  content: "";
  position: absolute;
  left: -1.8rem;
  top: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 2px solid #3E5F98;
  border-right-color: transparent;
}
.modal-customized .modal-body > ol > li > ol > li {
  margin-bottom: .5rem;
}
.modal-customized .modal-body > ol > li > ul > li {
  list-style: disc;
}
.modal-customized .modal-body > ol > li > ul > li strong:first-of-type {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: .5rem;
  margin-top: 1.25rem;
  display: block;
}
.modal-customized .modal-body > ol > li {
  counter-increment: myIndex;
  list-style: none;
  position: relative;
}
.modal-customized .modal-body > ol > li:before {
  content: counter(myIndex);
  position: absolute;
  left: -18px;
  top: -2px;
  font-size: 20px;
  font-weight: 600;
  color: #128781;
}
/*modal override*/
/*LOGIN*/
.login-wrapper {
  background: rgba(255, 255, 255, 0.98);
  padding: 4rem 0 0;
  margin-top: 4rem;
}
.login-wrapper .psw-reset {
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
}
/*to top*/
#totop {
  position: fixed;
  right: 30px;
  bottom: -60px;
  background: #634702;
  width: 45px;
  height: 45px;
  transition: .3s;
  text-align: center;
  z-index: 10;
}
#totop i:before {
  position: relative;
  top: 7px;
  transition: .3s;
  text-align: center;
  left: 0;
  right: 0;
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1;
}
re #totop:hover {
  background: #634702;
}
re #totop:hover i:before {
  top: 0;
}
/*loader*/
.loader {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: -moz-radial-gradient(center, ellipse cover, #fcfcfc 0%, #f2f2f2 73%, #e5e5e5 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #fcfcfc 0%, #f2f2f2 73%, #e5e5e5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #fcfcfc 0%, #f2f2f2 73%, #e5e5e5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e5e5e5', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.6);
}
/*main*/
#main-content {
  padding: 0rem 1.5rem 0;
  transition: .3s;
}
#main-content.menu-is-close {
  margin-left: 60px;
}
#main-content .breadcrumbs {
  font-weight: 500;
  padding: .25rem .5rem;
  border-bottom: 1px solid #000;
  font-size: 1rem;
}
#main-content .breadcrumbs span {
  font-weight: 600;
}
#main-content .search-box,
#main-content .details-box {
  border: 1px solid #000;
  margin: 1rem 0;
  position: relative;
  padding: 3rem 2rem 2rem;
}
#main-content .search-box h2,
#main-content .details-box h2 {
  position: absolute;
  top: -2rem;
  background: #fff;
  padding: .25rem 1rem;
  font-weight: 300;
}
#main-content .search-box h2 i:before,
#main-content .details-box h2 i:before {
  font-size: 2rem;
  vertical-align: middle;
}
#main-content .search-box .search-form,
#main-content .details-box .search-form {
  position: static;
}
#main-content .search-box .search-form input,
#main-content .details-box .search-form input {
  border: 1px solid #767676;
}
#main-content .search-box .search-form .check-wrapper,
#main-content .details-box .search-form .check-wrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1rem;
  color: #767676;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1;
}
#main-content .search-box .search-form .check-wrapper input,
#main-content .details-box .search-form .check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#main-content .search-box .search-form .check-wrapper .checkmark,
#main-content .details-box .search-form .check-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
#main-content .search-box .search-form .check-wrapper:hover input ~ .checkmark,
#main-content .details-box .search-form .check-wrapper:hover input ~ .checkmark {
  background-color: #ccc;
}
#main-content .search-box .search-form .check-wrapper input:checked ~ .checkmark,
#main-content .details-box .search-form .check-wrapper input:checked ~ .checkmark {
  background-color: #767676;
}
#main-content .search-box .search-form .check-wrapper .checkmark:after,
#main-content .details-box .search-form .check-wrapper .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
#main-content .search-box .search-form .check-wrapper input:checked ~ .checkmark:after,
#main-content .details-box .search-form .check-wrapper input:checked ~ .checkmark:after {
  display: block;
}
#main-content .search-box .search-form .check-wrapper .checkmark:after,
#main-content .details-box .search-form .check-wrapper .checkmark:after {
  left: 8px;
  top: 2px;
  width: 10px;
  height: 17px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#main-content .fading {
  color: #767676;
}
.results-box h2 {
  font-size: 1rem;
  padding: .25rem 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.results-box .main-list {
  padding: 0;
  list-style: none;
  margin-left: 1rem;
}
.results-box .main-list > li {
  transition: .3s;
}
.results-box .main-list > li:nth-child(odd) {
  background: #fcfcfc;
  cursor: pointer;
}
.results-box .main-list > li.on-focus,
.results-box .main-list > li:hover {
  background: #9cdaa4;
}
.results-box .main-list > li > ul {
  padding: .25rem 0 ;
  border-bottom: 1px solid #eee;
  list-style: none;
  margin-left: 1rem;
  /*   display:grid;
  grid-template-columns: auto auto auto auto;*/
}
.results-box .main-list > li > ul > li {
  display: inline;
}
.results-box .main-list > li > ul > li:first-of-type {
  font-weight: 600;
}
#details-bar {
  position: fixed;
  padding-top: .5rem;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  background: #191919;
  z-index: 10;
  padding: 0;
}
#details-bar .btn-default {
  display: inline;
  margin: 0 1rem;
}
#details-bar .btn-default {
  padding: .5rem;
  font-size: 1rem;
}
#details-bar .aggiungi {
  background: #7dd9ff;
}
#main-menu {
  position: absolute;
  display: none;
  left: -25px;
  margin: 4.5rem 0;
  padding-top: 1rem;
  padding-left: 0px;
  overflow: hidden;
  width: 100px;
  transition: .3s;
}
#main-menu label
{
  display: none;
}
#main-menu .menutitle
{
  position: absolute;
  left: 50px;
  font-size: 13px;
}

#main-menu a {
  color: #000;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.menu-toggle
{
  cursor: pointer;
}
.main-menu li
{
  position: relative;
  width: 20px;
  margin-top: 0px;
  margin-bottom: 25px;
  display: block;
}
#main-menu svg {
  position: absolute;
  cursor: normal;
  top: 0;
  left: 0;
  width: 350%;
  font-size: 38px;
}
#main-menu .trigger-menu {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  background: #767676;
  cursor: pointer;
  transform: none;
  transition: .3s;
}
#main-menu .trigger-menu i {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#main-menu .trigger-menu i:before {
  transform: none;
  display: block;
  width: 100%;
  text-align: center;
  transition: .3s;
  transform-origin: center;
  color: #fff;
  line-height: 1.8;
}
#main-menu .trigger-menu.menu-is-close {
  width: 100%;
}
#main-menu .trigger-menu.menu-is-close i:before {
  transform: rotate(-180deg);
}
.balloonLink
{
  display: table;
  position: absolute;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 30px;
  color: #444 !important;
  border: 1px solid #AAA;
  background-color: #fcfcfc;
  font-weight: bold;
  width: 100%;
}
.balloonLink:hover
{
  color: #888 !important;
}
.balloon
{
  position: absolute;
  white-space: nowrap;
  display: none;
  width: auto;
  height: 60px;
}
#main-menu #accordion {
  overflow-y: auto;
  width: 100%;
  min-width: 220px;
}
#main-menu.menu-is-close {
  width: 52px;
  min-width: 52px;
}
#main-menu a {
  transition: .3s;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-sicurezza:before {
  content: '\e801';
}
.icon-cartellini:before {
  content: '\e811';
}

/* '' */
.icon-notifica:before {
  content: '\e801';
}
/* '' */
.icon-carichi:before {
  content: '\e802';
}
/* '' */
.icon-fornitori:before {
  content: '\e805';
}
/* '' */
.icon-view:before {
  content: '\e806';
}
/* '' */
.icon-ordini:before {
  content: '\e807';
}
/* '' */
.icon-megafono:before {
  content: '\e808';
}
/* '' */
.icon-down:before {
  content: '\e809';
}
/* '' */
.icon-user:before {
  content: '\e80a';
}
/* '' */
.icon-right:before {
  content: '\e80b';
}
/* '' */
.icon-left:before {
  content: '\e80c';
}
/* '' */
.icon-up:before {
  content: '\e80d';
}
/* '' */
.icon-menu:before {
  content: '\e80e';
}
/* '' */
.icon-search:before {
  content: '\e80f';
}
/* '' */
.icon-plus:before {
  content: '\e810';
}
/* '' */
.icon-print:before {
  content: '\e811';
}
/* '' */
.icon-trash:before {
  content: '\e812';
}
/* '' */
.icon-save:before {
  content: '\e813';
}
/* '' */
:root {
  font-size: 16px;
  font-family: 'Ubuntu', sans-serif;
}
* {
  -webkit-font-smoothing: antialiased;
}
body {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-family: 'Ubuntu', sans-serif;
  color: #2f2f2f;
}
a {
  color: #3E5F98;
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  color: #000;
  text-decoration: none;
}
a:focus,
a:active {
  outline: none;
}
button:hover,
button:focus,
button:active,
.btn:hover,
.btn:focus,
.btn:active {
  outline: none!important;
}
.down-shadow {
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.25);
}
.m-t-1 {
  margin-top: 1rem!important;
}
.m-t-2 {
  margin-top: 2rem!important;
}
.m-t-3 {
  margin-top: 3rem!important;
}
.m-t-5 {
  margin-bottom: 5rem!important;
}
.m-b-1 {
  margin-bottom: 1rem!important;
}
.m-b-2 {
  margin-bottom: 2rem!important;
}
.m-b-5 {
  margin-bottom: 5rem!important;
}
.p-t-1 {
  padding-top: 1rem!important;
}
.p-t-2 {
  padding-top: 2rem!important;
}
.p-t-3 {
  padding-top: 3rem!important;
}
.p-t-5 {
  padding-bottom: 5rem!important;
}
.p-b-1 {
  padding-bottom: 1rem!important;
}
.p-b-2 {
  padding-bottom: 2rem!important;
}
.p-b-5 {
  padding-bottom: 5rem!important;
}
.info-small {
  font-size: 0.875rem;
}
.form-btn {
  position: absolute;
  right: 3rem;
  bottom: 0;
  background: #39b54a;
  border-color: transparent!important;
  margin: 0;
  transform: translateY(50%);
}
.login-page {
  overflow: hidden;
  height: 100%;
  min-height: 100%;
  /*background: url(../img/background.jpg) center / cover;*/
}
@media (max-width: 992px) and (orientation: landscape) {
  .login-page {
    overflow: visible;
  }
  .login-page .login-wrapper {
    max-width: 90%;
    flex: 0 0 90%;
    padding: 1.5rem 0 0 ;
    margin-top: 0;
  }
  .login-page .login-wrapper img {
    width: 230px;
  }
}
.logo
{
  position: absolute;
  top: 15px;
  left: 15px;
}
.login-page body {
  min-height: 100%;
  height: 100%;
  background: transparent;
}
.dashboard {
  padding-top: 55px;
}

a.menu_ancor
{
  padding:0px;padding-top:8px;padding-left:14px;
}