/* CSS Document */
/*### GENERAL ###*/
body {
    /*background: url('../images/logo_background.png') repeat-x scroll left top #CCC;  */
    margin:10px;
    margin-bottom:80px;
}
h1.title {font-size:22px; color:#36c;}
h2.title {font-size:16px; color:#333;}
.clearboth {clear:both;float:none;}
.roundedcorners { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.bottombordered {border-bottom:1px solid #ccc;}
.white {color:#fff;}
.golden {color:#a90;}
.hidden {display:none;}
.centered, td.centered {text-align:center;}
a.linked, a.linked:link, a.linked:hover, a.linked:visited {color:#36c;}
label.error { color: #b00; padding: 2px 8px; margin-top: 2px; }
.container {background:#fff;}
input.inp, textarea.inp, select.inp {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

input.inp[readonly], textarea.inp[readonly], select.inp[readonly] {
    background-color: #eee;
    cursor: not-allowed
}

table input.inp, table textarea.inp, table select.inp {
    width:80px;
    height: 30px;
    padding: 3px;
}
table input.inp{
    text-align: right;
}

input.inp_modal, textarea.inp_modal, select.inp_modal {
    padding: 3px 6px;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 50px;
}
input.dpicker {position:relative; z-index:999;}
#modal .dpicker{z-index:9999;}

div#content {padding-bottom:20px;}
span.loading {display:inline-block; background:url("../images/ajax-loader.gif") no-repeat left top; width:16px; height:16px;}

/*###TOPBAR and TOPNAV###*/
div.topbar div.logo img { height:80px; width:200px; }
div.topnav {margin-top:20px;}
div.loginbar {background:#fff; text-align:right; font-size:11px; margin:10px auto;}
div.actionsbar {clear:both; float:none; overflow:auto; margin:10px;}
/*ul.nav.navbar-nav li {font-size:12px;}*/

/*### LOGIN ###*/
form.login { max-width:300px; padding:10px; margin:0px auto; overflow:auto; border:1px solid #ccc; background:#fff;}
form.login h2 {text-align:center; padding:0; margin:0 0 15px 0; }
form.login input {margin:5px auto;}


/*### FOOTER ###*/
div.footer {
    clear:both;
    float:none;
    text-align:center;
    font-size:11px;
    position: fixed;
    width: 100%;
    height: 20px;
    padding-top:2px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    color: #333;
    border-top: 1px solid #e7e7e7;
    background-color: #f0f0f0;
    z-index: 99999999;

    /*background: -moz-linear-gradient(top,  rgba(192,192,192,0) 0%, rgba(192,192,192,0) 35%, rgba(192,192,192,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(192,192,192,0)), color-stop(35%,rgba(192,192,192,0)), color-stop(100%,rgba(192,192,192,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(192,192,192,0) 0%,rgba(192,192,192,0) 35%,rgba(192,192,192,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(192,192,192,0) 0%,rgba(192,192,192,0) 35%,rgba(192,192,192,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(192,192,192,0) 0%,rgba(192,192,192,0) 35%,rgba(192,192,192,1) 100%); /* IE10+ */
    /*background: linear-gradient(to bottom,  rgba(192,192,192,0) 0%,rgba(192,192,192,0) 35%,rgba(192,192,192,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C0C0C0', endColorstr='#C0C0C0',GradientType=0 ); /* IE6-9 */
}
div.footer a {color:#333;}

/*### PICKERS ###*/
ul#listclienti, ul#listfornitori, ul#listfatturecliente, ul#listordinicliente, ul#listddtcliente, ul#listfatturacliente { list-style:none; max-height:120px; overflow:auto; margin:0; padding:0; background:#f0f0f0;}
ul#ddt { list-style:none; margin:0; padding:0;}
ul#listclienti li, ul#listfornitori li, ul#listfatturecliente li, ul#listordinicliente li, ul#listddtcliente li, ul#listfatturacliente li {padding:2px 0; font-size:11px;}
ul#ddt li {padding:2px 0; font-size:11px;}
ul#listmagazzino { list-style:none; max-height:120px; overflow:auto; margin:0; padding:0; background:#f0f0f0;}
ul#listmagazzino li {padding:2px 0; font-size:11px;}

ul#listlavorazioni { list-style:none; max-height:120px; overflow:auto; margin:0; padding:0; background:#f0f0f0;}
ul#listlavorazioni li {padding:2px 0; font-size:11px;}

ul#listddt { list-style:none; max-height:120px; overflow:auto; margin:0; padding:0; background:#f0f0f0;}
ul#listddt li {padding:2px 0; font-size:11px;}

/*### DATATABLES ###*/
table tr td, table tr th {font-size:11px;}
table tr.usc td {color:#a00;}
table tr th {background:#eee; color:#000;}
table tr th.sorting_asc {background:#eee url("../images/arrow_dn.png") no-repeat right bottom; cursor:pointer;}
table tr th.sorting_desc {background:#eee url("../images/arrow_up.png") no-repeat right bottom; cursor:pointer;}
table tr th.sorting {background:#eee url("../images/arrows.png") no-repeat right bottom; cursor:pointer;}
table.datatable th, table.ajaxdatatable th {text-align:center;}
table.datatable td a, table.ajaxdatatable td a {color:#333;}

.dataTables_paginate { float: right; text-align: right; }
div.search_on_the_left .dataTables_filter { text-align:right; }
.dataTables_filter input {border:1px solid #ccc;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; height:30px;}
a.paginate_button { background-color: #eee; }
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #aaa; color: #333333 !important; cursor: pointer; margin: 0 3px; padding: 2px 5px; }

ul.ivalist, ul.ivaacquistolist {margin:0; padding:0; list-style:none;}
ul.ivalist li, ul.ivaacquistolist li {border-bottom:1px dotted #ccc; padding:4px 0;}

span.error{color:red; font-weight:bold;}

/*### LIST ###*/
ul.listcategories li {
    border-bottom: 1px solid #666;
    padding-top: 20px;
}
ul.listcategories {
    list-style: none outside none;
    padding:0px;
}
ul.listcategories ul {
    margin-top: 10px;
    margin-bottom: 10px;
}
ul.listcategories li ul li {
    font-size: 13px;
    line-height: 30px;
    border-bottom: medium none;
    padding-top: 0px;
}
.gray {
    color: #AAA;
}
.red {
    color: #900;
}
.green {
    color: #47A447;
}

.orange {
    color: #f0ad4e;
}

table tr td span.label{
    font-size: 12px;
    line-height: 1.8;
}

div#ricerca_articolo label{
    margin: -10px 0 0 10px;
    float: none;
    position: absolute;
    background-color: #fff;
    padding: 0px 5px 0px 10px;
    text-align: center;
}

div#ricerca_articolo {
    margin-top: 20px;
}
input{
min-width: 80px;
}


#new_cliente-modal ul.list_altre_sedi{
    padding: 0px;
}
#new_cliente-modal ul.list_altre_sedi li{
    padding: 0px;
    list-style: outside none none;
    border-bottom: medium none;
    margin: 0px;
    margin-bottom: 10px;
}

#new_cliente-modal label{
    margin: -10px 0 0 10px;
    float: none;
    position: absolute;
    background-color: #fff;
    padding: 0px 5px 0px 10px;
    text-align: center;
    z-index: 1;
    font-size: 12px;
}

/*** SQUARE ALL ***/
.navbar, .btn, .breadcrumb, .form-control, .inp, table .inp, .input-group-addon, .dropdown-menu, .dataTables_filter input, input.inp, textarea.inp, select.inp,
.label, .well, .modal-content
{
    border-radius: 1px;
}
.dataTables_filter label{
    background-color: #eee;
    border: 1px solid #ccc;
    padding-left: 6px;
}
.dataTables_filter input{
    margin: -1px -1px -1px 6px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
}

.navbar-brand{
    padding: 5px 10px 5px 5px;
}
.navbar-brand img{
    width: 40px;
}

div#error-modal{
    z-index: 1051;
}

table ul{
    padding-left: 10px;
}

.morecontent span {
    display: none;
}
.morelink {
    display: inline-block;
    border: 1px solid #ddd;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    text-decoration: none !important;
}
.morelink.less{
    padding-left: 5px;
    padding-right: 5px;
}
.morelink:hover {
    color: #fff !important;
    background-color: #3276b1 !important;
    border-color: #285e8e !important;
    text-decoration: none !important;
}

table .input-group .inp{
    min-width: 40px !important;
    max-width: 40px;
}
table .input-group .input-group-addon {
    padding: 0;
}

.table-responsive{
    overflow-x: visible;
}

.glyphicon-erase:before {
    content: "\e221";
}

tr.rettificata {
    color: #d43f3a;
}
tr.rettificata input{
    color: #d43f3a;
}

#ordine_fornitore_modal .modal-body, #view_shipped-modal .modal-body {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: visible;
}


a.info{
    position:relative; /*this is the key*/
    text-decoration:none;
    cursor: pointer
}

a.info span.info-content{display: none}

a.info:hover span.info-content{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    font-weight:bold;
    top:-50px;
    left:20%;
    width:110px;
    margin-left:-115px;
    border:1px solid #ccc;
    background-color:#ffffff;
    color:#333333;
    text-align: left;
    z-index:9999999;
    padding:5px;
}