@charset "utf-8";

/* CSS Document */

/* inclusione font HARABARA */
@font-face {
    font-family: "Harabara";
    src: url(fonts/Harabara.ttf);
}
.bms_font {
    font-family:"Harabara";
    font-size:1.2em;
}

body
{	background-color:#FFF;
    margin:0px;
    padding:0px;
    font-family:'Roboto', Arial, Helvetica, sans-serif;
    /*font-size:11px;*/
    font-size:11px;
    color:#333333;
    min-width:1240px;
    min-height:600px;

}
.small{
    /*font-size:9px;*/
    font-size:0.8em;
}

h1, h2, h3, h4, h5, h6 {
    margin:0px;
    padding:0px;
    line-height:inherit;
}
h1
{	font-size:2.4em;
    margin-bottom:9px;
}
h2
{	font-size:2em;
    margin-bottom:5px;
}
h3
{	font-size:1.6em;
    font-weight:bold;
    margin-bottom:5px;
}
h4
{	font-size:1.6em;
    font-weight:normal;
    margin-bottom:5px;
}
h5 {
    font-size:1.3em;
    margin-bottom:3px;
}

a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.page-title { background-color: #ebebf7; }
    .page-title h2 { font-size: 16px; font-weight: bold; line-height: 20px; padding: 10px 20px; margin: 0; text-transform: uppercase; }
.box-title { font-size: 14px; font-weight: bold; line-height: 20px; margin: 0 10px; }

/* FONTAWESOME ICONS */

i.fas { display: inline-block; font-size: 16px; line-height: 20px; width: 20px; text-align: center; margin: 0; }
a:hover i.fas { color:#fff; }
.text-center i { margin: 0; }


/* HELPERS */

.color-white { color:#ffffff !important; }
.color-text { color:#666 !important; }
/* greyscale
    f6f6f6 --> ebebf7
    dddddd --> d3d3dd
    e6e6e6 --> d8d8f8
    cccccc --> c2c2cc
    c0e0f0;
    777780 --> 777780

*/

.color-primary { color:#2196f3 !important; }
.color-red { color:#f44336 !important; }
.color-yellow { color:#ffc107 !important; }
.color-orange { color:#ff9136 !important; }
.color-green { color:#00ae52 !important; }
.color-blue { color:#273cb1 !important; }
.color-grey { color:#9e9e9e !important; }
.color-white { color:#eee !important; }
.color-purple { color:#9c27b0 !important; }

.color-primary:hover { color:#005aff !important; }
.color-red:hover { color:#ff1100 !important; }
.color-yellow:hover { color:#fff007 !important; }
.color-orange:hover { color:#ff5500 !important; }
.color-green:hover { color:#00e36b !important; }
.color-blue:hover { color:#001797 !important; }
.color-grey:hover { color:#9e9e9e !important; }
.color-white:hover { color:#fff !important; }
.color-purple:hover { color:#810097 !important; }
.color-text:hover { color:#333 !important; }

.hover-primary:hover { color:#005aff !important; }
.hover-red:hover { color:#ff1100 !important; }
.hover-yellow:hover { color:#fff007 !important; }
.hover-orange:hover { color:#ff5500 !important; }
.hover-green:hover { color:#00e36b !important; }
.hover-blue:hover { color:#001797 !important; }
.hover-grey:hover { color:#9e9e9e !important; }
.hover-white:hover { color:#fff !important; }
.hover-purple:hover { color:#810097 !important; }
.hover-text:hover { color:#333 !important; }

.bg-primary { background-color:#2196f3 !important; color:#fff !important; }
.bg-red { background-color:#ff5757 !important; color:#fff !important; }
.bg-yellow { background-color:#ffc107 !important; color:#222 !important; }
.bg-orange { background-color:#ff9136 !important; color:#fff !important; }
.bg-green { background-color:#00ae52 !important; color:#fff !important; }
.bg-blue { background-color:#273cb1 !important; color:#fff !important; }
.bg-grey { background-color:#9e9e9e !important; }
.bg-purple { background-color:#9c27b0 !important; color:#fff !important; }

.bg-primary:hover { background-color:#005aff !important; color:#fff !important; }
.bg-red:hover { background-color:#ff1100 !important; color:#fff !important; }
.bg-yellow:hover { background-color:#fff007 !important; color:#222 !important;}
.bg-orange:hover { background-color:#ff5500 !important; color:#fff !important; }
.bg-green:hover { background-color:#00e36b !important; color:#fff !important; }
.bg-blue:hover { background-color:#001797 !important; color:#fff !important; }
.bg-grey:hover { background-color:#9e9e9e !important; }
.bg-purple:hover { background-color:#810097 !important; color:#fff !important; }

nav.bg-primary:hover, .footer.bg-primary:hover { background-color: #2196f3 !important; color:#fff !important; }


.border-top { border-top: 1px solid #ebebf7; }
.border-right { border-right: 1px solid #ebebf7; }
.border-bottom { border-bottom: 1px solid #ebebf7; }
.border-left { border-left: 1px solid #ebebf7; }

.form_error{ border:1px solid #ff1100; background-color:#FCC; }
.form_alert{ border:1px solid #e6b000; background-color:#ffff35; }

/* BOOTSTRAP ELEMENTS */

.container-fluid { padding: 0; }

.row { margin: 10px 0px; }
.row .col-12 { padding: 0; }

.h6 { font-size: 14px; font-weight: bold; }

/* Alerts */

.alert { display:inline-block; height:auto; min-height:38px; text-align: left; line-height: 20px; margin:0 auto; padding: 7px 20px; border-radius:0; width:auto; }
.alert-danger { color: #fff; background-color: #ff1100; border-color: #ff1100; }
.alert-warning { color: #333; background-color: #fff007; border-color: #fff007; }

/* Cards */

.lista-card .card {
    margin:15px 15px;
}

/* Buttons */

.btn {
    border-radius:1px;
    font-weight: bold;
}
.btn-sm {
    padding: 2px 10px;
    font-size: 14px;
}
.btn-xs {
    padding: 0 6px 2px;
    font-size: 10px;
    line-height: 10px;
}
.btn-micro {
    width: 20px;
    height: 20px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0;
}

table .btn { margin-top: 3px;}
.btn-sm i.fas { width: 18px; font-size: 12px !important; margin: 0; }
.btn-xs i.fas { width: 16px; font-size: 10px !important; margin: 0; }
.btn-micro i.fas { width: 18px; font-size: 12px !important; margin: 0; line-height: 14px; }

.button-section {
    background-color: #c2c2cc;
    color:#fff;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin:0 !important;
    padding: 5px 20px;
    text-decoration: none;
    bottom:25px;
}
.button-section .btn { letter-spacing: -0.5px; }
.button-section .btn-sm { letter-spacing: 0px; }
.button-section-alt {
    background-color: #ebebf7;
    color:#111;
}

.button-section .custom-checkbox { display:inline-block; }
.custom-control { padding-left: 2rem; }
.custom-control-compact { min-height: 1em; }
.custom-control-label { padding-top: 5px; }


/* FORMS */

input, select, .bootstrap-select .dropdown-menu .bs-searchbox input.form-control {
    border:1px solid #d8d8f8;
    display: inline-block;
    width: auto;
    line-height: 18px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ebebf7;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding:3px 5px;
    border-radius:1px;
    font-size: 12px;
}

select, .bootstrap-select {
    display: inline-block;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: auto auto;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1px 20px 1px 5px !important;  /* padding impostato da jquery.searchabledropdown-1.0.8.src.js */
    font-size: 12px !important;
    line-height: 18px !important;
}

/* bootstrap-select.js CSS correction values */
.bootstrap-select { 
    color: #495057;
    background-color: #fff;
    border: 1px solid #ebebf7;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-left:0px;
    /*min-width:80px !important;
    width:100% !important;*/
}
.bootstrap-select .btn { height:22px; border-width:1px; margin-top:0; padding:0 !important; }
.bootstrap-select .btn .filter-option-inner {
    font-size:12px;
    line-height:18px;
    font-weight:normal;
}
.bootstrap-select .dropdown-toggle { border:none !important; }
.bootstrap-select .dropdown-toggle .filter-option {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 1px 20px 1px 5px !important;  /* padding impostato da jquery.searchabledropdown-1.0.8.src.js */
    font-size: 12px !important;
    line-height: 18px !important;
}
.bootstrap-select .filter-option-inner { line-height:20px; }
.bootstrap-select .dropdown-menu {
    left:-6px !important;
    border-width:1px;
    /*width:300px !important;*/
}
/*.bootstrap-select .dropdown-menu.show{
    width:auto !important;
    max-width:300px !important;
}
.bootstrap-select .dropdown-menu .inner{
    max-width:300px;
}*/
.bootstrap-select .dropdown-menu .bs-searchbox{
    margin:1px;
}
.bootstrap-select .dropdown-menu .bs-searchbox input.form-control {
    width:100%;
}



.select-wrapper { display:inline-block !important;}
.select-wrapper select { display:block; }

textarea {
    font-size:11px;
    line-height: 15px !important;
    /*border: 1px solid #ebebf7;
    margin:1px;
    padding:1px;
    /*font-size:0.9em;*/
}

input[disabled], select[disabled], textarea[disabled] { background-color: #ebebf7; color:#666; }
.readonly { border:none !important; background-color: none !important; color:#333; }

input:focus, select:focus, textarea:focus { border: 1px solid #2196f3;  }

.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    width: 90%; /* Full-width */
    height: 6px; /* Specified height */
    background: #ebebf7; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
    border-radius: 12px; 
}

.slider_value {
    display:inline-block;
    text-align:center;
    height:26px;
    line-height:26px;
    width:5%;
    border:1px solid red;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 16px; /* Set a specific slider handle width */
    height: 16px; /* Slider handle height */
    background: #2196f3; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
    width: 16px; /* Set a specific slider handle width */
    height: 16px; /* Slider handle height */
    background: #2196f3; /* Green background */
    cursor: pointer; /* Cursor on hover */
    border-radius: 12px; 
}

label, .label{
    display:inline-block;
    clear:left;
    padding:3px 5px;
    margin:0;
    text-align:center;
    font-size:8px;
    line-height: 12px;
    text-transform:uppercase;
    font-weight:bold;
    color:#777780;
}
.form-centered input, .form-centered label {
    text-align: center;
}
.vertical-labels label {
    margin-bottom:0;
    clear:both;
    display:block !important;
}
.form-full input, .form-full select, .form-full textarea  {
    width:100% !important;
}

.form-small input, .form-small select, .form-small textarea  {
    font-size:9px !important;
    line-height: 12px !important;
    padding: 2px 2px !important;
}
.form-small label {
    font-size: 7px !important;
    padding: 1px;
}
.form-inline { 
    display:block;
    width:100%; 
    padding: 0;
    margin: 0; 
    clear:both;
}
.form-inline input, .form-inline select, .form-inline label {
    display:inline-block; float:left; clear:none;
}
.form-inline label {
    margin:4px 0 0 10px;
}

/*    checkbox {
    border:1px solid blue;
}*/

::-webkit-input-placeholder { font-style:italic; }
::-moz-placeholder { font-style:italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style:italic;} /* ie */
input:-moz-placeholder { font-style:italic; }

.vertical-form {
    position:relative;
}
.vertical-form > * {
    display:block !important;
    width:100% !important;
    float:left !important;
    clear:both !important;
    margin-bottom:5px;
}
.vertical-form > label, .vertical-form > a {
    margin-bottom:0;
    text-align: left;
    clear:none;
    display:inline-block !important;
}

table.vertical-form label {
    clear:both;
    display: block;
    text-align: left;
}

/* TABLES */

table { line-height: 26px; }

table td, table th { line-height:26px; vertical-align:middle; padding:2px 4px; }
.table-sm td, .table-sm th { padding: 4px 4px 0 4px;}

.table-list {}
.table-list i.fas { font-size: 14px; }

.table-excel{
    margin:0;
    padding:0;
    font-size:9px;
}
.table-excel td, .table-excel th {
    margin: 0;
    padding: 2px;
}

.table-vertical-middle td {
    vertical-align: middle !important;
}
.table-vertical-middle .btn {
    margin-top: 0 !important;
    margin:bottom 0 !important;
}
/* OLD TEXT COLORS */

/*
.text_error{ color:#ff1100; }
.text_alert{ color:#960; background-color:#FF9; }
.text_delete{ color:#999; text-decoration:line-through; }
.text_grey{ color:#999; }
.text_blue{ color:#0000BB; }
.text_orange{ color:#FF6600; }

.text_right, table tr td.text_right{
    text-align:right;
}
.text_left, table tr td.text_left{
    text-align:left;
}
.text_center{
    text-align:center;
}*/
.text_vertical{
/*	//browser basati Chrome, Safari...
    -webkit-transform: rotate(-90deg);
    //Firefox
    -moz-transform: rotate(-90deg);
    //Internet Explorer
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.rotate_text
{	-moz-transform:rotate(-90deg);
    -moz-transform-origin: top center;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: top center;
    -o-transform: rotate(-90deg);
    -o-transform-origin:top center;
    position:relative;
    top:0px;
}
.rotated_cell
{	display:block;
    margin:30px auto;
    height:auto;
    vertical-align:bottom;
}

/*    #button, button {
    cursor: pointer;
    padding:1px 5px;
    border:none;
    background:#ebebf7 url(img/bg_shad_10px_up.png) bottom left repeat-x;
    line-height:1.3em;
    vertical-align:text-top;
    font-family:'Roboto', Arial, Helvetica, sans-serif;
}
#button:disabled, button:disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
button img{
    display:inline-block;
    padding-top:0px;
}
.evidenzia_tabella{
    background-color:#F90;
}*/

/* *** SPECIALI *** */
/* #fullbg{
    background-color:#c2c2cc;
    height:inherit;
}*/
.messaggio_centrale{
    margin:0 auto !important;
}
.messaggio_centrale p{
    display:block;
}


/* *** HEADER
*******************************************************/

/*    #header {
    width:inherit;
    height:120px;
    padding:5px 15px 5px 15px;
    background:#0089d8 url(img/bg_sfum_120px_up.png) top left repeat-x;
}

#logo {
    height:auto;
    padding:0px;
    margin:0px;
    display:block;
    float:left;
}

#login {
    width:200px;
    height:110px;
    padding:5px;
    margin:-20px 0px 0px 0px;
    background:none url(img/bg_sfum_80px_up.png) top left repeat-x;
    display:block;
    float:right;
    -moz-border-radius: 4px 4px 4px 4px;
       -khtml-border-radius: 4px 4px 4px 4px;
       -webkit-border-radius: 4px 4px 4px 4px;
       border-radius: 4px 4px 4px 4px;
    font-size:1em;
    color:#FFFFFF;
}
#login input{
    margin:0px;
    padding:0px;
}
#login table{
    width:200px;
}
#login .button{
    cursor:pointer;
    -o-transition:color 0.2s ease-out, background 0.2s ease-in;
    -ms-transition:color 0.2s ease-out, background 0.2s ease-in;
    -moz-transition:color 0.2s ease-out, background 0.2s ease-in;
    -webkit-transition:color 0.2s ease-out, background 0.2s ease-in;
    transition:color 0.2s ease-out, background 0.2s ease-in;
}
#login .button:hover{
    cursor:pointer;
    background-color:#B1C4D1;
    color:#003366;
}
*/

/* *** NAVBAR MENU'
*******************************************************/

.navbar {
    height: 50px;
    padding: 2px 20px;
}

.brand { margin:0 20px; }

.navbar-dark .navbar-nav .nav-link {
    color:#fff !important;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
    line-height: 46px;
    padding: 0px 12px;
}
.navbar-dark .navbar-nav .nav-link:hover, .dropdown.show .nav-link {
    background-color: #fff;
    color:#007bff !important;
}
.navbar-dark .navbar-nav .nav-item {
    border-right:1px solid rgba(255,255,255,0.7);
}
.navbar-dark .navbar-nav .nav-item:last-child {
    border-right:none;
}

.dropdown-menu {
    border-radius:0;
    font-size: 14px;
    padding: 10px 0;
    margin: 0 0 0 -1px;
    border:none;
    border:2px solid #007bff;
}
.navbar .dropdown-item {
    padding: 3px 15px !important;
}
.dropdown-item:hover {
    background-color: #007bff;
    color:#fff;
}
.dropdown-item.active, .dropdown-item:active { background-color: #f50; }
.dropdown-item.active i, .dropdown-item:active i { color:#fff !important; }

/*#menu{
    display:block;
    position:relative;
    top:0px;
    width:inherit;
    min-width:1300px;
    height:25px;
    padding:0px 15px 0px 15px;
    margin:0px;
    background:#0089d8 url(img/bg_shad_10px_up.png) bottom left repeat-x;
}
#menu ul{
    display:block;
    float:left;
    margin:0px;
    padding:0px;
}
#menu li{
    display:block;
    float:left;
    text-decoration:none;
}
#menu li a{
    display:inline-block;
    padding:4px 10px 2px 10px;
    height:18px;
    margin:0px 1px 0px 0px;
    border-bottom:none;
    background:#ebebf7 url(img/bg_shad_10px_up.png) bottom left repeat-x;
    color:#333333;
    font-size:1em;
    text-decoration:none;
    -o-transition:color 0.2s ease-out, background 0.2s ease-in;
    -ms-transition:color 0.2s ease-out, background 0.2s ease-in;
    -moz-transition:color 0.2s ease-out, background 0.2s ease-in;
    -webkit-transition:color 0.2s ease-out, background 0.2s ease-in;
    transition:color 0.2s ease-out, background 0.2s ease-in;
}
#menu li a:hover{
    background-color:#C1FFF0;
}
#submenu{
    display:block;
    position:relative;
    top:0px;
    width:inherit;
    height:22px;
    padding:5px 15px 0px 15px;
    margin:0px 0px 0px 0px;
    background:#fff url(img/bg_shad_10px_up.png) bottom left repeat-x;
}
#submenu ul{
    display:block;
    float:left;
    margin:0px;
    padding:0px;
}
#submenu li{
    display:block;
    float:left;
    text-decoration:none;
}
#menu .icon16, #submenu .icon16{
    display:inline-block;
    margin: 0px 8px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:10px;
    border:none;
}
#submenu li a{
    display:block;
    padding:4px 10px 2px 10px;
    height:15px;
    margin:0px 1px 0px 0px;
    border-bottom:none;
    background:#ebebf7 url(img/bg_shad_10px_up.png) bottom left repeat-x;
    color:#333333;
    font-size:0.85em;
    text-decoration:none;
    -o-transition:color 0.2s ease-out, background 0.2s ease-in;
    -ms-transition:color 0.2s ease-out, background 0.2s ease-in;
    -moz-transition:color 0.2s ease-out, background 0.2s ease-in;
    -webkit-transition:color 0.2s ease-out, background 0.2s ease-in;
    transition:color 0.2s ease-out, background 0.2s ease-in;
}
#submenu li a:hover{
    background-color:#C1FFF0;
    color:#333;
}
#menu li a.selected{
    background:#0c9 url(img/bg_sfum_20px_up.png) top left repeat-x;
    color:#FFFFFF;
    height:19px;
    border-bottom:none;
    margin-top:0px;
    -o-transition:color 0.2s ease-out, background 0.2s ease-in;
    -ms-transition:color 0.2s ease-out, background 0.2s ease-in;
    -moz-transition:color 0.2s ease-out, background 0.2s ease-in;
    -webkit-transition:color 0.2s ease-out, background 0.2s ease-in;
    transition:color 0.2s ease-out, background 0.2s ease-in;
}
#submenu li a.selected{
    background:#0c9 url(img/bg_sfum_20px_up.png) top left repeat-x;
    color:#FFFFFF;
    height:16px;
    border-bottom:none;
    margin-top:0px;
    -o-transition:color 0.2s ease-out, background 0.2s ease-in;
    -ms-transition:color 0.2s ease-out, background 0.2s ease-in;
    -moz-transition:color 0.2s ease-out, background 0.2s ease-in;
    -webkit-transition:color 0.2s ease-out, background 0.2s ease-in;
    transition:color 0.2s ease-out, background 0.2s ease-in;
}
#menu li a.selected:hover, #submenu li a.selected:hover{
    background-color:#C1FFF0;
} */

/* *** CONTENT
*******************************************************/

.content {
    width:100%;
    min-width:400px;
    padding: 0 10px 75px;
}
.page-content {
    min-height:670px;
    padding: 0;
}

.section {
    margin-bottom:10px;
}

/* *** COLLAPSE / ACCORDION SECTIONS
*******************************************************/

.collapse-title {
    display:block;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin:0;
    padding: 5px 20px;
    background-color: #ebebf7;
    color:#333;
    text-decoration: none;
}
.collapse-total {
    display:inline-block;
    float:right;
    margin: 0;
}
a.collapse-title:hover {
    background-color: #009dee;
    color:#fff;
    text-decoration: none;
}

div.collapse-title { margin: 0 0 5px 0; }
    div.collapse-title > h3 { display:inline-block; font-size: 14px; line-height: 30px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; color: #333; text-decoration: none; }

.collapsing .card-body, .collapse .card-body {
    border:1px solid #ebebf7;
    padding: 5px;
    border-radius: 0;
}

[aria-expanded="true"].collapse-title .fas:before {
    content: "\f0d8";
}

[aria-expanded="false"].collapse-title .fas:before {
    content: "\f0d7";
}

.accordion { margin-bottom:10px; }
    .accordion .card { border-radius:0 !important;}
    .accordion .card-body { border:none; }

/* PREVENTIVO */

.img_preventivo {
    max-width:180px;
    max-height:180px;
    width:auto;
    margin:0 auto;
 }
 .img_prodotto {
    max-width:80px;
    max-height:80px;
    width:auto;
    margin:0 auto;
 }

.saved-row {
    position:relative;
    display:block;
    float: left;
    clear: both;
    width: 100%;
    border:2px solid #ebebf7;
    padding: 20px 0 0 0;
    margin: 0;
}
.saved-row:hover { border:2px solid #005aff; }
.saved-row:hover .row-id { background-color: #005aff; }

.saved-row.active { border: 2px solid #2196f3; }
.saved-row.active .row-id { background-color: #2196f3; }

.row-id {
    position:absolute;
    display:block;
    top:0;
    left:0;
    background-color: #666;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

button.row-mod, button.row-copy, button.row-del {
    position:absolute;
    display:block;
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color:#fff !important;
}
button.row-mod i, button.row-copy i, button.row-del i {
    width: 18px;
    height: 18px;
    line-height: 16px;
    font-size: 12px;
}

button.row-mod {
    top:0;
    left: 20px;
}
button.row-copy {
    top:0;
    left: 40px;
}
button.row-del {
    top:0;
    right:0;
}

.row-img {
    display:block;
    float:left;
    width: 80px;
    height: 80px;
}
.saved-row img { display:block; width:auto; max-width:60px; max-height:60px; margin: 10px auto; }

.saved-row p {}
.saved-row p.row-tot {}

/* TOTALI */

.totals {
    background-color: #777780;
    color:#ebebf7;
    text-transform: uppercase;
    font-weight: bold;
    text-align:left !important;
    font-size: 10px;
    position: fixed;
    bottom: 70px;
}
.totals label { color:#ebebf7; text-align:left !important; padding-left: 0; padding-right: 0; }
.totals .col-2, .totals .col-4, .totals .col-6, .totals .col-12 { padding: 3px 6px; }
.totals .col-12.text-right { border-bottom:1px solid rgba(255,255,255,0.25);}
.totals .h3, .totals .h4, .totals .h5, .totals .h6 { font-weight: 900; }



/*    .content{
    display:block;
    min-height:100vh;
    padding:12px 12px 30px 12px;
    background-color:#FFFFFF;
}
.content tr{
    padding:0px;
}

.content th.text_vertical{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.content table td{
    padding:0px 3px 0px 3px;
    text-align:center;
    vertical-align:middle;
    margin:0px;
}
.content table.permessi td{
    padding:1px;
    text-align:center;
    vertical-align:middle;
    margin:0px;
    width:30px;
}

tr.riga_mod > td{
    background-color:#6F6;
}
.content img{
    display:block;
    margin: 0px 50px 0px auto;
}
.content table img{
    display:block;
    margin: 0px 0px 0px 0px;
}
/*.content table{
    border:1px solid #ebebf7;
    background-color:#FFFFFF;
    padding:0px;
    width:100%;
    margin:0px;
}
.content table .line_form{
    border:1px solid #ebebf7;
    background-color:#FFFFFF;
    padding:0px;
    width:700px;
    margin:0px;
}

.content table.table2{
    border:1px solid #ebebf7;
    background-color:#FFFFFF;
    padding:0px;
    width:100%;
    min-width:800px;
    margin:0px;
}
.content table.table2 td{
    background-color:#FFFFFF;
    margin:0px;
    padding:0px;
}
.content table.table2 td, .content table td.sinistra{
    padding:0px 3px 0px 3px;
    text-align:left;
    vertical-align:middle;
    margin:0px;
}
.content table td.centrato, .content table.table2 td.centrato input{
    text-align:center;
}
.table2 tr td label{
    display:block;
    float:right;
    text-align:right;
}
.content table.table2 tr td.text-right{
    text-align:right;
    padding-right:8px;
}
.content table.table2 td input, .content table.table2 td select {
    text-align:left;
}
.content table.table2 td select {
    max-width: auto;
}
.big_select {
    max-width: 400px;
}
.med_select {
    max-width: 250px;
}
.content table.table3{
    border:1px solid #ebebf7;
    background-color:#c0e0f0;
    padding:0px;
}
.content table.table3 td{
    background-color:#c0e0f0;
}
.content table.table3 .img_preventivo{
    margin:0px auto 0px auto;
}
.content table.table3 td{
    text-align:left;
    width:auto;
}
.content table td select {
    display:inline-block;
    float:left;
}
.content table td input {
    display:inline;
}
.content table.table3 tr td label{
    display:block;
    float:right;
    text-align:right;
}
.content table.adm_tabelle_mod{
    border:1px solid #ebebf7;
    background-color:#FFFFFF;
    padding:0px;
    margin:0px;
}
.content table.adm_tabelle_mod td{
    padding:0px 3px;
    margin:0px;
    width:auto;
    height:18px;
    text-align:center;
    vertical-align:middle;
}
.content table.adm_tabelle_mod input, .content table.adm_tabelle_mod select, .content table.adm_tabelle_mod textarea{
    border:none;
    background-color:#c2c2cc;
    font-size:10px;
    margin:0px;
}
.content table.adm_tabelle_mod input[disabled]{
    border:none;
    background-color:none;
    color:#666;
    font-size:11px;
    margin:0px;
    text-align:center;
}

.content #report{
    width:900px;
    height:inherit;
    border:1px solid #ebebf7;
}
.content #report-log{
    width:891px !important;  width:900px;
    height:290px !important; height: 300px;
    padding:4px;
    border-right:0 solid;
    overflow:auto;
}
.content #report-log table{
    width:875px;
}
.content #report-log table tr td{
    text-align:left;
}
.content #report-insert{
    display:block;
    bottom:0px;
    width:900px;
    background:#0C9 url(img/bg_shad_50px_dn.png) top left repeat-x;
    height:35px;
    margin:0px;
    padding:0px auto;
}
.content #report select{
    display:inline-block;
    padding:0px;
    margin:0px;
    float:none;
}
*/


/*** RIGHE INSERITE
*******************************************************/
/*    .content table.righe_inserite{
    border:1px solid #ebebf7;
    background-color:#d3d3dd;
    margin:0px;
    padding:0px;
    font-size:1em;
}
.content table.righe_inserite td{
    background-color:#F0F0F0;
    margin:0px;
    padding:0px;
    border-bottom:1px solid #c0e0f0
}

.content table.righe_inserite th{
    background-color:#F0F0F0;
    vertical-align:top;
    border-bottom:1px solid #c0e0f0;
}
.content table.righe_inserite .img_preventivo_thumb{
    height:80px;
    margin:10px auto 10px auto;
}
.content table.righe_inserite_elenco td{
    background-color:#FFFFFF;
}

.content table.table4{
    border:1px solid #ebebf7;
    background-color:#c0e0f0;
    padding:0px;
    width:500px;
}
.content table.righe_inserite tr.riga_mod td, .content table.righe_inserite tr.riga_mod table{
}

/* FILTRI */

.filters {
    background-color: #ebebf7;
    padding: 5px;
}

.filters label { margin-left:15px; margin-right: 10px; }
.filters input.form-control { width: 120px; }



/**** TabelLA POSIZIONI INSERITE
*******************************************************/
/*    .table_posizioni{
    background-color:#FFFFFF;
}
.table_posizioni th{
    margin:0px;
    padding:0px;
    width:auto;
}
.table_posizioni td{
    margin:0px;
    padding:0px;
    width:auto;
    background-color:#FFFFFF;
}

.readonly{
    background-color:#ebebf7;
    border-color:#d8d8f8;
    color: #AAAAAA;
}
.content .stretta{
    border:1px solid #ebebf7;
    background-color:#FFFFFF;
    padding:0px;
    width:500px;
    font-size:1em;
    text-align:left;
}
.content .stretta td{
    padding:0px 5px 0px 5px;
    text-align:left;
    vertical-align:top;
    max-width:auto;
    margin:0px;
}
.content .filtri{
    display:block;
    width:100%;
    vertical-align:middle;
    margin:5px 0px 5px 0px;
    padding:0px;
}
*/
.icon16{
    display:inline;
    margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    height:16px;
    -o-transition:color 0.2s ease-out, background 0.2s ease-in;
    -ms-transition:color 0.2s ease-out, background 0.2s ease-in;
    -moz-transition:color 0.2s ease-out, background 0.2s ease-in;
    -webkit-transition:color 0.2s ease-out, background 0.2s ease-in;
    transition:color 0.2s ease-out, background 0.2s ease-in;
    border:none;
}
a .icon16:hover{
    background-color:#63DC97;
}
.icon10{
    display:inline;
    margin: 0px 2px 0px 2px;
    padding:0px;
    width:auto;
    border:none;
}
/*    .stato-1, .content tr.stato-1, tr.stato-1{
    background-color:#bde5d3;
}
.stato-2, .content tr.stato-2, tr.stato-2{
    background-color:#FF9;
}
.stato-3, .content tr.stato-3, tr.stato-3{
    background-color:#FF9;
}
.stato-4, .content tr.stato-4, tr.stato-4{
    background-color:#F99
}
.stato-5, .content tr.stato-5, tr.stato-5{
    background-color:#ebebf7;
    color:#999;
}
.stato-6, .content tr.stato-6, tr.stato-6{
    background-color:#DFE;
}*/

.lavoro_eseguito, .content tr.lavoro_eseguito{
    background:#00ae52;
    color:#fff;
}
.lavoro_lavorazione, .content tr.lavoro_lavorazione{
    background:#fff;
    color:#333;
}
.lavoro_richiamare, .content tr.lavoro_richiamare{
    background:#ffc107;
    color:#fff;
}
.lavoro_consegnato, .content tr.lavoro_consegnato{
    background:#ff6600;
    color:#fff;
}
.lavoro_annullato, .content tr.lavoro_annullato{
    background:#f44336;
    color:#fff;
}
/*    .box_green, .content tr.box_green{
    background:#0C6 url(img/bg_sfum_20px_up.png) top left repeat-x;
    color:#fff;
}
.box_#ff1100, .content tr.box_#ff1100{
    background:#ff1100 url(img/bg_sfum_20px_up.png) top left repeat-x;
    color:#fff;
}*/

/*    .col_A {
    background-color:#F00;
    color:#FFF;
}
.col_B {
    background-color:#09F;
    color:#FFF;
}
.col_C {
    background-color:#0C6;
    color:#FFF;
}
.col_D {
    background-color:#FC0;
    color:#000;
}
.col_E {
    background-color:#C3F;
    color:#FFF;
}
.col_F {
    background-color:#666;
    color:#FFF;
}

*/

/*    .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.masonry-2-col {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.masonry-item {
    background-color: #ebebf7;
    display: inline-block;
    margin: 0 0 1em 0;
    width: 100%;
}
table.masonry-item td{
    height:32px;
}
*/
/**** PAGINAZIONE ****/

.pagination-bar {
    background-color: #ebebf7;
    padding: 5px;
}

.pagination-bar ul { margin: 0; }

.pagination-bar i { line-height: 26px; text-align: center; }
.pagination-bar form { margin: 0 10px; }

/*#paginazione{
    display:block;
    height:20px;
    padding:2px;
    margin:0px;
    background-color:#ebebf7;
    text-align:center;
}
#paginazione span{
    display:block;
}
#paginazione a{
    display:block;
    float:left;
    padding:0px;
    margin:0px auto 0px auto;
}
#paginazione img{
    display:block;
    float:left;
    padding:0px;
    margin:0px auto 0px auto;
}
#paginazione form{
    display:block;
    float:left;
    margin:0px auto 0px auto;
}*/

/* ***** FLOATING BAR
*******************************************************/

/*    .float-bar{
    display:block;
    position:fixed;
    bottom:0px;
    width:100%;
    background:#0089D8 url(img/bg_shad_50px_dn.png) top left repeat-x;
    height:90px;
    margin:0px;
    padding:0px auto;

}
.float-bar-left{
    display:block;
    float:left;
    margin:0 auto;
    width:49%;
    height:auto;
    padding:20px auto;
}
.float-bar-right{
    display:block;
    float:right;
    margin:0 auto;
    width:49%;
    height:auto;
    padding:20px auto;
}
.float-bar-left .button{
    float:left;
    margin-left:10px;
    border:none;
}
.float-bar-right .button{
    float:right;
    margin-right:10px;
    border:none;
}
.float-bar-left input[type="checkbox"], .float-bar-left label{
    float:left;
    margin:9px 0px 0px 10px;
    top:15px;
}
.float-bar-right input[type="checkbox"], .float-bar-right label{
    float:right;
    margin:9px 10px 0px 0px;
    top:15px;
}
.float-bar button {
    display:inline-block;
    float:none;
    min-width:150px;
    margin:5px auto;
}
*/




/* *** FOOTER *** */

.footer {
    width: 100%;
    bottom:0;
    height:24px;
    padding: 3px;
}

/*#footer{
    display:block;
    width:100%;
    height:50px;
    margin:0px;
    padding:0px;
    position:relative;
    bottom:0px;
    background:#0CF url(img/bg_shad_50px_dn.png) top left repeat-x;
    border-top:1px solid #c70000;
    color:#FFFFFF;
}

#copyright{
    display:block;
    text-align:right;
    font-style:italic;
    padding:0px 30px;
}*/

/* *** TOOLTIP di HELP
*******************************************************/

/*.tooltip-link::before { content: "\f0d7"; }*/
[data-toggle="tooltip"] i { font-size: 12px; line-height: 10px; color:#3f51b5; }
[data-toggle="tooltip"]:hover i { color:#009dee !important; }

.tooltip {
    background-color: #fff; 
    padding:7px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); 
}
.tooltip-inner { background-color: #fff; color:#222; font-size: 10px; line-height: 12px;  }
.tooltip .tt_img{
    opacity: 1;
    width:auto;
    height:50px;
    display:block;
    position:relative;
    margin:5px auto;
    padding: 0;
}



/* vedi files JS jquery.tooltip.base in cartella js/ */
/*#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #0025ff;
    background-color: #ebebf7;
    padding: 3px;
    opacity: 0.9;
    font-size:0.8em;
    line-height:11px;
    max-width:200px;
    -moz-border-radius: 0px 3px 3px 3px;
       -khtml-border-radius: 0px 3px 3px 3px;
       -webkit-border-radius: 0px 3px 3px 3px;
       border-radius: 0px 3px 3px 3px;
}
#tooltip h3, #tooltip div { margin: 0; font-size:0.9em; color:#001984;}
#tooltip div{
    margin-top:6px;
}
#tooltip br{
    margin-bottom:6px;
}


.help, .help:hover{
    background:url(img/icons10/ico_help.png);
    width:10px;
    height:10px;
    display:inline-block;
    position:relative;
    top:0px;
    margin:5px 5px 0px 5px;
}

.help:hover{
    background:url(img/icons10/ico_help_hover.png);
}

.desc{
    background:url(img/icons/ico_desc.png);
    width:16px;
    height:16px;
    display:inline-block;
    position:relative;
    top:0px;
    margin:0px 0px 0px 0px;
}

.attenzione{
    background:url(img/icons/ico_alert.png);
    width:16px;
    height:16px;
    display:inline-block;
    position:relative;
    top:0px;
    margin:0px 0px 0px 0px;
    color: #ff1100;
}

/*#tooltip .popup_img{
    background:url(img/icons/ico_img.png);
    opacity: 1;
    width:32px;
    height:32px;
    display:block;
    float:left;
    position:relative;
    top:0px;
    margin:5px 5px 0px 5px;
}
#tooltip .tt_img{
    opacity: 1;
    width:auto;
    height:40px;
    display:block;
    position:relative;
    margin:0px;
}
#tooltip img.popup_img{
    margin:0px;
    padding:0px;
    position:relative;
    left:0px;
    top:0px;
}
 #tooltip img.tt_img{
    margin:0px auto 0px auto;
    padding:0px;
    position:relative;
}*/

.closer{
    display:block;
    font-size:1px;
    color:none;
    width:100%;
    border:1px solid #ff1100;
}



/* *** JQUERY TOOLTIP POPUP ERROR, WARNING, INFO, SUCCESS *** */



/* *** FINE --- JQUERY TOOLTIP POPUP ERROR, WARNING, INFO, SUCCESS *** */