/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * MadERP styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of MadERP.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

body.container {
    min-height: 960px;
}

.page-footer {
    background-color: #3A3F51;
}

.smart-form .col-12 {
    width: 99.80%;
}
.widget-body.no-padding .alert{
    border-width: 0 0 0 5px !important;
}

.widget-body.no-padding .alert-block .row{
    margin-bottom: 3px;
}

.progress.xl-bar {
    width: 90%;
}
.vertical-bars li{
    padding: 0px;
    width: 50px;
}
.vertical-bars li div{
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.edit_lotto{
    cursor: pointer;
}

div.campagna{
    /*
    background-color: #4983fc;
    background-image: -moz-linear-gradient(top,#4983fc,#519afd);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#519afd),to(#519afd));
    background-image: -webkit-linear-gradient(top,#4983fc,#519afd);
    background-image: -o-linear-gradient(top,#4983fc,#519afd);
    background-image: linear-gradient(to bottom,#4983fc,#519afd);
    */
    border: 1px solid transparent;
    /*text-shadow: #519afd 0 -1px;*/
    margin: 9px;
}
div.campagna label{
    padding: 0 0 0 10px;
    /*color: #FFFFFF;*/
}
div.campagna label.select select{
    width: 110px;
    margin: -1px;
}

table section div.col{
    padding: 5px;
    border: 1px solid #EEEEEE;
}

.content-lotti{
    max-height: 350px;
    overflow-y: scroll;
}

/*override css smartadmin*/
.state-success{
    background: #ffffff !important;
}
.valid{
    background: #ffffff !important;
}
.invalid {
    border-color: #A90329 !important;
}

.smart-form .label{
    margin-bottom: 0 !important;
}

.smart-form fieldset {
    display: block;
    padding: 10px 15px 5px;
}

tbody.files td:nth-child(2){
    word-wrap: break-word;
    max-width: 200px;
}
.fileupload-progress.fade{
    height: 0;
}
.btn-fileupload{
    margin-top: 5px;
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
    display: inline-block;
}

form#fileupload, form#form-fileupload-modal{
    border-bottom: 1px solid #C2C2C2;
    background: #fafafa;
}
form#fileupload .table > tbody > tr > td, form#fileupload .table > tbody > tr > th, form#fileupload .table > tfoot > tr > td, form#fileupload .table > tfoot > tr > th, form#fileupload .table > thead > tr > td, form#fileupload .table > thead > tr > th,
form#form-fileupload-modal .table > tbody > tr > td, form#form-fileupload-modal .table > tbody > tr > th, form#form-fileupload-modal .table > tfoot > tr > td, form#form-fileuploa-dmodal .table > tfoot > tr > th, form#form-fileupload-modal .table > thead > tr > td, form#form-fileupload-modal .table > thead > tr > th {
    border-top: none;
}

.nav-pills > li > a > .badge {
    margin-left: 3px;
    padding: 3px;
}

p.qt_magazzino > span.label {
    display: inline-block;
    font-size: 100%;
    width: 100%;
}

span.label.giacenza_lotto{
    text-align: center;
    padding: 6px;
    color: #fff;
}

table.dataTable thead .sorting_asc::after {
    content: "";
}
table.dataTable thead .sorting_desc::after {
    content: "";
}
table.dataTable thead .sorting::after {
    opacity: 0.2;
    content: "";
}

.blockUI.blockOverlay{
    z-index: 2001 !important;
}
.blockUI.blockMsg.blockPage{
    z-index: 2002 !important;
}
.loading-file-txt{
    margin: -25px 0px 0px 40px;
}

div.textoFoto a{
    color: inherit !important;
    text-decoration: underline;
}

header > span, header > h2{
    cursor: pointer;
}
.select2-hidden-accessible{
    visibility: hidden;
}

html, body {
    height: 100%;
}

#extr-page #main.login {
    height: 100%;
    /*background-image: url("../img/sfondo-toomatic.JPG");*/
    background-color: #f2f2f2;
    width: 100%; height: 100%; top: 0; left: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#extr-page #main.login .client-form header,
#extr-page #main.login .client-form footer {
    border-bottom-color: #3db6ff;
    background: #3db6ff75;
    color: #4884fc;
    font: 400 20px / 29px 'Open Sans', Helvetica, Arial, sans-serif;
}
#extr-page #main.login .well {
    background: transparent;
}
#extr-page #main.login .btn {
    font: 400 16px/29px 'Open Sans',Helvetica,Arial,sans-serif;
}

.list-group-item {
    padding: 5px;
}
.content-nota {
    display: flex;
    margin-top: 2px;
}
.content-nota .btn.remove-nota, .content-nota .toggle-solve-nota{
    width: calc(36px);
}
.content-nota .toggle-solve-nota{
    margin-left: 2px;
}
.content-nota .list-group {
    width: 100%;
    margin-left: 2px;
}
.content-nota h2.tipo-nota{
    float: left;
    padding: 9px 9px;
    margin: -4px 4px 0px -4px;
    background-color: #fff;
    border: transparent;
    font-weight: bolder;
}
span.badge.badge-success{
    color: #fff !important;
    background-color: #739e73 !important;
    border: 1px solid #659265 !important;
}
span.badge.badge-default {
    color: #333 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
}

.smart-form .row {
    margin: 0;
}
.smart-form .col {
    padding-right: 5px;
    padding-left: 5px;
}
.smart-form section {
    margin-bottom: 5px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dt-toolbar .dt-buttons.btn-group{
    width: 100%;
}
.dt-toolbar .dt-buttons.btn-group .btn{
    width: 25%;
}

{
    background-color: #4983fc;
    background-image: -moz-linear-gradient(top, #4983fc, #519afd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#519afd), to(#519afd));
    background-image: -webkit-linear-gradient(top, #4983fc, #519afd);
    background-image: -o-linear-gradient(top, #4983fc, #519afd);
    background-image: linear-gradient(to bottom, #4983fc, #519afd);
    color: #fff !important;
    border: 1px solid #cceafe;
    text-shadow: #519afd 0 -1px; // 519afd
}

.smart-style-3 #logo-group span#activity:active,.smart-style-3 #logo-group span#activity:hover,.smart-style-3 .btn-header>:first-child>a:active,.smart-style-3 .btn-header>:first-child>a:hover {
    -webkit-box-shadow: inset 1px 1px 0 #519afd,inset -1px -1px 0 #519afd;
    -moz-box-shadow: inset 1px 1px 0 #519afd,inset -1px -1px 0 #519afd;
    box-shadow: inset 1px 1px 0 #519afd,inset -1px -1px 0 #519afd;
    background-color: #5ab3fd;
    background-image: -moz-linear-gradient(top,#5ab3fd,#519afd);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5ab3fd),to(#519afd));
    background-image: -webkit-linear-gradient(top,#5ab3fd,#519afd);
    background-image: -o-linear-gradient(top,#5ab3fd,#519afd);
    background-image: linear-gradient(to bottom,#5ab3fd,#519afd)
}

.nav-pills{
    padding: 5px 20px 5px 20px;
}

.SmallBox p{
    color: white !important;
}

.smart-style-3 #logo img {
    width: 160px;
    height: auto;
    padding-left: 0px;
    margin-top: -10px;
    margin-left: 0px;
}