/* @import url("toggleswitch.css"); */

html {
   overflow: auto;
}
html, body, iframe {
   margin: 0px;
   padding: 0px;
   height: 100%;
   border: none;
}

iframe  {
   display: block;
   width: 100%;
   border: none;
   overflow-y: auto;
   overflow-x: hidden;
}

body {
   background: #d7d7d7;
   font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; /*!important;*/
   font-weight: 300;
   font-size:16px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   select,
   textarea,
   input {
      font-size: 16px;
   }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   select:focus,
   textarea:focus,
   input:focus {
      font-size: 16px;
   }
}

#smartInfoBox, #pictureBox {
   z-index: 1700;
   color: #fff;
   padding: 20px;
}

#confirmBox {
   z-index: 1700;
   color: #000;
   text-align:center;
   font-size: 12px;
   padding-top: 20px;
   padding-left: 5px;
   padding-right: 15px;
   background-color: #fff;

   position:fixed;
   top:50%;
   left:50%;
   margin:-180px 0 0 -180px;
   width:350px;
   height:200px;
}


#gdprBox {
   z-index: 1700;
   color: #646464;
   padding: 20px;
   width:90%;

}

.customer-name {
   font-weight: bold;
   color: #b5b5b5;
   font-style: italic;
   /*t r b l*/
   margin: -10px 0 -30px 20px;
}

h2 {
   font-size:140%;
}
h3 {
   font-size:125%;
}
h4 {
   font-size:110%;
}

.alert-dismissible {
   font-weight: bold;
   padding:5px;
   /*position:static; potrebbe sovrascrivere comportamenti Bootstrap: da controllare*/
   text-align:center;
   margin-top: -10px;
}

.ro-form-control {
   border: 1px solid #cacaca;
   background-color:#f5f5f5;
   border-radius: .3em;
   padding:3px;
}
.item-widget {
   box-sizing: border-box;
   border: 2px solid #646464;
   box-shadow: 8px 8px 8px #646464;
   background-clip: padding-box;
   background-color: #e9e9ef;
   /*-webkit-border-radius: .5em;
   -moz-border-radius: .5em; deprecati*/
   border-radius: .2em;
   padding:0px;
   font-size:80%;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}

.item-widget ul {
   margin-top:10px;
   list-style-type: none;
   font-size:90%;
}

.item-widget ul li {
   margin-left:-40px;
   padding: 3px;
   border-bottom: 1px dotted #a0a0a0;
}



.custom-badge {
   color:#5b5b5b;
   border:1px solid #a0a0a0;
   box-shadow: 0px 2px 4px #000;
   padding: 8px;
   background-color:#fff;
   font-size:110%;
}

.custom-badge2 {
   color:#5b5b5b;
   border:1px solid #a0a0a0;
   box-shadow: 0px 2px 4px #000;
   padding: 12px;
   margin-left:3px;
   font-size:140%;
}

.sidebar-container ul  {
   margin-left:-40px;
}

.sidebar-container ul li {
   list-style-type:none;
   margin:auto;
   padding-bottom: 5px;
}


.panel-grey {
   background-color: #d7d7d7;
   padding:3px;
}


.panel-default-sidebar {
   padding-right:0px;
   padding-left:0px;
}


.panel-default > .panel-myheading {
   background-color: #337ab7;
   color: #fff;
}

.item-widget > .panel-myheading {
   background-color: #9b9b9b;

}

.stamping-info-menu {
   background-color:#337ab7;
   color: #fff;
   text-decoration:none;
   float:left;
   padding-top: 16px;
   padding-bottom: 4px;
   padding-right:5px;
   border-color: #000;
   height: 55px;
   font-size:75%;
}


.stamping-info-menu:hover {
   background-color: #fff;
   color: #337ab7;
   text-decoration:none;
   float:left;
   padding-top: 16px;
   padding-bottom: 4px;
   padding-right:5px;
   border-color: #000;
   height: 55px;
   font-size:75%;
}

.panel-footer  {
   border-top: 1px solid #000;
   text-align: center;
   background-color:#fff;
   color: #808080;
   position: fixed;
   bottom: 0;
   width: 100%;
   z-index: 1500;
}



.panel-default  {
   border: 3px solid #337ab7;
   border-radius: .5em;
}

/* sfondo navmenu */
.navbar-default {
   background-color: #337ab7;
   border-color: #000;
   color: #fff;
}

/* brand navmenu */
.navbar-default .navbar-brand {  
   background-color: #337ab7;
   color: #fff;
   height: 80px;
}

.labelinline {
   text-align: right;
   font-size:12px;
   padding: 7px;
}

.centered {
   display: table;
   margin: 0 auto;
   padding: 3px;
}

/* brand navmenu al passaggio del mouse */
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { 
   background-color: #337ab7;
   color: #fff;
   height: 55px;
}

.panel-menu {
   padding-top: 20px;
   background-color: #337ab7;
   color: #fff;
}



/* testi navmenu */
.navbar-default .navbar-nav>li>a {
   background-color: #337ab7;
   color: #fff;
   height: 55px;
}

/* testi navmenu al passaggio del mouse */
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
   background-color: #fff;
   color: #337ab7;
   height: 55px;
}

/* testi navmenu attivi */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
   background-color: #fff;
   color: #337ab7;
   height: 55px;
}

/* navmenu dropdown aperto */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
   background-color: #fff;
   color: #337ab7;
   height: 55px;
}
.dropdown-menu>li>a {
   background-color: #fff;
   color: #337ab7;
   height: 55px;

}
.dropdown-menu>li>a:hover  {
   background-color:#337ab7;
   color: #fff;
   height: 55px;
}

.navbar-default .navbar-nav .open .dropdown-menu >li > a:hover {
   background-color:#337ab7;
   color: #fff;
   height: 55px;
}

label {
   font-weight: normal;
}



.row:not(:first-child){
   margin-top:30px;
}

.uploadfile-centered {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}


.btn-xlarge {
   padding: 18px 28px;
   font-size: 20px;
   line-height: normal;
  /* -webkit-border-radius: 8px; deprecato
   -moz-border-radius: 8px;*/
   border-radius: 8px;
}

.filter-label {
   margin-left:30px;
   width:130px;
   text-align:right;
}


.greyclass {
   color:#fff;
   background-color:#afaf5f;
}

.microtext {
   font-size:8pt;
   color:#808080;
}

.microtext-highlighted{
   font-size:8pt;
   color:#d50000;
   font-weight: bold;
}

.microtextgrey {
   background-color: #fbfbfb;
   padding: 5px;
   font-size:8pt;
   color:#808080;
}

.microtextgreyright {
   background-color: #fbfbfb;
   padding: 5px;
   font-size:8pt;
   color:#808080;
   text-align:right;
   width:50%;
}

.microtext-container {
   padding:10px;
   margin: auto;
   text-align: center;
}

.microtext-container-license {
   padding:10px;
   border-radius: 10px;
   margin: auto;
   padding-left: 25px;
   border: 1px solid #337ab7;
}

/* loading >> */
.glyphicon-refresh-animate {
   -animation: spin .7s infinite linear;
   -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
   from {
      -webkit-transform: rotate(0deg);
   }
   to {
      -webkit-transform: rotate(360deg);
   }
}

@keyframes spin {
   from {
      transform: scale(1) rotate(0deg);
   }
   to {
      transform: scale(1) rotate(360deg);
   }
}



.modalbox {
   z-index: 1000;
   border-radius: 10px;
   border: 3px solid #fff;
   box-shadow: 0px 20px 33px 33px #000;
}




.sticker1 {
   color: #fff;
   padding: 5px;
   border-radius: 5px 5px 5px 5px;
}

.selectedinput {
   background-color: #ffff9b;
}

.scrollingdiv {
   overflow:hidden;
}

.scrollingdiv:hover {
   overflow-y:scroll;
}

.control-label {
   text-align:right;
}

.help-block {
   font-size:70%;
   font-style:italic;
}

.info-message {
   font-size:90%;
   padding: 3%;
   border: 1px solid #808080;
}

.tagged-text {
   padding: 1px;
   color: #808080;
   background-color: #d9edf7;
}

.tagged-text1 {
   padding: 10px;
   color: #808080;
   background-color: #d9edf7;
}

.table-bordered  {
   border: 3px solid #337ab7;
   border-radius: 8px;
   border-collapse: separate;
   box-shadow: 5px 5px 5px  #a2a2a2;
}

.table-bordered th :hover {
   background-color: #265e8a;
   cursor: pointer;
}

.table-bordered th {
   background-color: #337ab7;
   border-color: #337ab7; /*!important;*/
   color:#fff;
}

.table-bordered td  {
   border-color: #337ab7; /*!important;*/
}

.table-bordered tr:hover {
   background-color: #e9e9e9;
}

@media (max-width:550px) {
   .table-responsive::-webkit-scrollbar {
      width: 0; /*!important*/
   }
   /*.table-responsive {
      overflow: -moz-scrollbars-none; Proprietà non standard e deprecata
   }*/
   .table-responsive {
      -ms-overflow-style: none;
   }
}

.form-horizontal{
   padding: 5px 0px 1px 0px;
}

.form-control{
   font-weight:normal;
   font-size:90%;
   padding:2px 4px;
}

.edit-box-odd {
   border: 1px solid #d7d7d7;
   background-color: #d7d7d7;
}
.edit-box-pair {
   border: 1px solid #d7d7d7;
   background-color:#e0e0e0;
}


.filter-options-ul {
   background-color:#fff;
   border: 2px solid #fff;
   list-style-type: none;
   padding: 0;
   margin: 0;
   max-height: 200px;
   overflow-y: scroll;
}


.filter-options-ul li a{
   border: 1px solid #d6d6ab;
   margin-top: -1px;
   padding: 8px;
   text-decoration: none;
   font-size: 85%;
   color: #78b8c2;
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.filter-options-ul li a:hover:not(.header) {
   color: #fff;   
   font-size: 85%;
   background-color: #a7a752;
}




.filter2-options-ul {
   border: 2px solid #fff;
   list-style-type: none;
   margin: 0;
   max-height: 200px;
   overflow-y: scroll;
}


.filter2-options-ul li a{
   border-bottom: 1px dotted #fff;
   margin-top: -1px;
   padding: 8px;
   text-decoration: none;
   font-size: 85%;
   color: #78b8c2;
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.filter2-options-ul li a:hover:not(.header) {
   color: #359aff;
   font-weight: bold;
   background-color: #fbfbfb;
}



.dashboard-btn {
   text-align: left;
}

.highlight {
   padding: 9px 14px;
   margin-bottom: 14px;
   background-color: #f7f7f9;
   border: 1px solid #e1e1e8;
   border-radius: 4px;
}

.btn-circle {
   width: 30px;
   height: 30px;
   text-align: center;
   padding: 6px 0;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 15px;
   border-color:  #fff;
   border-style: solid;
   border-width: 2px;
   margin-bottom: 5px;
   position: relative;
   z-index: 100;
}
.btn-circle.btn-lg {
   width: 50px;
   height: 50px;
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.33;
   border-radius: 25px;
   position: relative;
   box-shadow: 0px 5px 5px #a2a2a2;
   z-index: 100;
}
.btn-circle.btn-xl {
   width: 80px;
   height: 80px;
   padding: 10px 16px;
   font-size: 24px;
   line-height: 1.33;
   border-radius: 45px;
   position: relative;
   box-shadow: 0px 5px 5px #a2a2a2;
   z-index: 100;
}

.btn-circle.btn-xxl {
   width: 110px;
   height: 110px;   
   font-size: 38px;
   border-radius: 45px;
   position: relative;
   box-shadow: 0px 5px 5px #a2a2a2;
   z-index: 100;
}

.close-itemBox {
   text-align: center;
   background-color:#b4b4b4;
   width: 40px;
   height: 40px;
   padding: 9px;
   font-size: 15px;
   color: #fff;
   font-weight:bold;
   border-radius: 20px;
   position: relative;
   float: right;
}

.required-field {
   color: #aa0000;
   font-size: 70%;
}

.label-circle-btn {
   /*font-weight:normal;
   font-size:90%;*/
   padding:2px;
}

/* sheets ---> */

h2.tablesheet  {
   color: #59bfdd;
   font-size: 110%;
   padding-top: 25px;
   padding-bottom: 10px;
}

.tablesheet, .tablesheet th, .tablesheet td {
   border-collapse: collapse;
   font-size: 85%;
   /*min-width: 80px;*/
   padding: 5px 0px 1px 0px;
   font-weight: normal;
   color: #616161;
   margin:auto;
   vertical-align: middle;
}

.tablesheet table {
   table-layout:fixed;
   overflow-y: auto;
}



.tablesheet table th {
   word-wrap:break-word;
   overflow-wrap: break-word;
}

.tablesheet select, .tablesheet input {
   font-size: 85%;
   border-radius: 5px;
}

.tablesheet thead th  {
   background-color: #fff;
   font-size: 110%;
}

/* <--- sheets */


#signature_canvas {
   border: 3px solid #4e4e4e;
   border-radius: 15px;
   background-color: #fff;
}



.hidden-print {
   display: block;
}

.visible-print-block {
   display: none;
}

.print-result-container {
   /*background-color: #fff;*/
}

.print-item-widget {
   color-adjust: exact;
   -webkit-print-color-adjust: exact;
   print-color-adjust: exact;
   box-sizing: border-box;
   border: 2px solid #000;
   box-shadow: 0px 5px 5px #a2a2a2;
   background-clip: padding-box;
   background-color: #fff;
   /*-webkit-border-radius: .5em; deprecati
   -moz-border-radius: .5em;*/
   border-radius: .5em;
   padding:10px;
   width:98%;
   margin:auto;

}

.print-panel-heading {
   min-width:100%;
   padding:10px;
   font-weight: bold;
   font-size:120%;
   border-radius: .5em;
   border: 1px solid #fff;
}

.print-panel-heading img {
   width:180px;
   margin-top:-8px;
}

.print-panel-body  {
   line-height: 1.6;
   text-align: left;
}

.print-panel-body h4 {
   font-weight: bold;
   display: inline;
}


.kpibox {
   padding:3px;
   color: #a31a05;
   background-color: #fff;
   box-shadow: 0px 5px 5px #a2a2a2;
   text-align:center;  
   border-radius: .2em;
   border: 2px solid #868686;
   width: 20%;
   position: absolute;
}

.kpibox-label{
   padding-right: 10px;
   padding-bottom: 3px;
   color: #868686;
   font-weight: bold;
   font-size:80%;
   width: 80%;
   text-align:right;
}

.sheet-control {
   width: 30%;
}

.textareadescr {
   min-height:200px;
   height:100%;
   width:100%;
}

.deactived {
   background-color: grey; /*!important;*/
   color: white; /*!important;*/
   cursor: not-allowed;
}

.panelgrey {
   border: 1px solid #cacaca;
   background-color:#f5f5f5;
}

.edit-sheet-box {
   margin:5px;
   padding:15px;
   border:1px solid #808080;
   background-color:#f5f5f5;
}

.edit-sheet-box2 {
   margin:5px;
}

.minor-ctrl {
   background-color:#e9e9ef;
   border: 1px solid #868686;

}
.sheet-description { 
   border-radius: .2em;
   border: 1px solid #868686;
   background-color:#fff;
   width:100%;
}


.expiration-bar {
   background-color: #f20000;
   padding:25px;
   z-index:10;
   position:absolute;
   top:0;
   left:0;
   width:100%;
   color: #fff;
   font-size:16px;
   font-weight:bold;
}

.subscription-bar {
   background-color: #359aff;
   padding:25px;
   z-index:10;
   position:absolute;
   top:0;
   left:0;
   width:100%;
   color: #fff;
   font-size:16px;
   font-weight:bold;
}

.master-bar {
   background-color: #950000;
   padding-left:20px;
   padding-right:20px;
   z-index:10;
   position:absolute;
   top:0;
   left:0;
   width:100%;
}

.master-bar a{
   color: #fff;
   font-size:14px;
   font-weight:bold;
   text-decoration: none;
}

.editable-list {
   display: inline-block;
   width: 70%;
   font-size:12px;
   background-color: #c3c3c3;
   color: #616161;
   padding: 5px;
}

/* -------------- vista sotto forma di tabella ---------------*/
/* ===== VIEW TOGGLE ===== */
.view-toggle-container {
   text-align: right;
   padding: 10px 0;
}

.view-toggle-btn.active {
   background-color: #337ab7;
   color: #fff;
   border-color: #2e6da4;
}

.view-toggle-btn:focus {
   outline: none;
   box-shadow: none;
}

/* ===== TABLE VIEW ===== */
.items-table-container {
   overflow-x: auto;
   margin-top: 10px;
}

.items-table {
   width: 100%;
   border-collapse: collapse;
   font-size: 90%;
}

.items-table thead th {
   background-color: #337ab7;
   color: #fff;
   padding: 10px 8px;
   text-align: left;
   font-weight: normal;
   border: 1px solid #2e6da4;
   white-space: nowrap;
}

.items-table tbody td {
   padding: 8px;
   border: 1px solid #ddd;
   vertical-align: middle;
}

.items-table tbody tr:hover {
   background-color: #f5f5f5;
   cursor: pointer;
}

.items-table tbody tr.row-priority {
   border-left: 4px solid #ca0000;
}

.items-table tbody tr.row-closed {
   border-left: 4px solid #94d402;
}

.items-table tbody tr.row-open {
   border-left: 4px solid #9b9b9b;
}

.items-table .cell-id {
   font-weight: bold;
   color: #337ab7;
   white-space: nowrap;
}

.items-table .cell-category {
   font-weight: bold;
   max-width: 150px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.items-table .cell-description {
   max-width: 250px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.items-table .cell-description:hover {
   white-space: normal;
   word-wrap: break-word;
}

.items-table .cell-unit {
   color: #006cd9;
}

.items-table .cell-date {
   white-space: nowrap;
   color: #666;
}

.items-table .cell-supplier {
   max-width: 120px;
   overflow: hidden;
   text-overflow: ellipsis;
}

.items-table .cell-attributes {
   text-align: center;
   white-space: nowrap;
}

.items-table .cell-attributes .badge-icon {
   display: inline-block;
   margin: 0 2px;
   font-size: 16px;
}

.items-table .cell-attributes .badge-icon.icon-attachment {
   color: #0080ff;
}

.items-table .cell-attributes .badge-icon.icon-closed {
   color: #3ca318;
}

.items-table .cell-attributes .badge-icon.icon-priority {
   color: #ca0000;
}

.items-table .cell-attributes .badge-icon.icon-out-of-order {
   color: #804000;
}

.items-table .cell-attributes .badge-icon.icon-out-of-supply {
   color: #df7000;
}

.items-table .cell-actions {
   text-align: center;
   white-space: nowrap;
}

.items-table .btn-table-action {
   padding: 4px 8px;
   font-size: 14px;
}

/* Responsive per la tabella */
@media (max-width: 768px) {
   .items-table {
      font-size: 80%;
   }
   
   .items-table thead th,
   .items-table tbody td {
      padding: 6px 4px;
   }
   
   .items-table .cell-description {
      max-width: 150px;
   }
   
   /* Nascondi colonne meno importanti su mobile */
   .items-table .hide-on-mobile {
      display: none;
   }
}