/*#childView {
    height: 100%;
    position: relative; {
    }


}*/

/*body { {
    }


    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}*/

#mainView {
    height: 100%;
}

.header.layout-row {
    overflow: visible;
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    max-width: 100%;
    height: 100%;
    /*min-height: 500px;*/
}

.paddedTable td {
    padding: 5px 5px;
}

.paddedTable tr:nth-child(odd) {
    background-color: #F3F3F3;
}

.gridStyleProfile {
    border: 1px solid rgb(212,212,212);
    height: 9em;
    /*min-height: 300px;*/
}


.profilegrid {
    border: 1px solid rgb(212,212,212);
    width: 100%;
}
.profilegrid th {
    height: 30px;
    background-color: rgb(234, 234, 234);
    border: 1px solid rgb(212,212,212);
    padding:5px;
}

.profilegrid td {
    height: 30px;
    border: 1px solid rgb(212,212,212);
    padding: 5px;
}

.profilegrid .even td {
    background-color: rgb(243,243,243);
}

.profilegrid .odd td {
    background-color: rgb(253,253,253);
}

.profilegriddue .col-0 {
    width: 375px;
}


.selectedItem {
    background-color: lightblue !important;
}

.rightbordered {
    border-right: 1px solid #d4d4d4;
}

ul.openReturnsTable li div table tr td {
    padding: 5px;
}

.mainManuItemText {
    text-align: center;
    /*background-color: #4D4D4D;*/
    text-shadow: 0 1px 0 #858585;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
}

.mainMenuItemTextActive {
    color: #F7F7F7;
}

.mainMenuItemTextInactive {
    color: gray;
}


.normal-button {
    width: 100px;
}

.large-button {
    width: 150px;
}

.verylarge-button {
    width: 200px;
}

.biggest-button {
    width: 250px;
}

.small-button {
    width: 75px;
}

.menuItem-disabled {
    float: none;
    padding: 18px 0 10px;
    color: gray;
    text-decoration: none;
    /*text-shadow: 0 1px 0 #fff;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}

/*.ngViewport {
    height: 100%;
}*/


div#left {
    width: 30%;
    height: 100%;
    float: left;
}

div#right {
    width: 69%;
    float: left;
    margin: 0 auto;
    margin-left: 2px;
}

div#newOrderGlobal {
    width: 99%;
    height: 100%;
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

div#accountingHeader {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
    position: relative;
}

div#accountingContent {
    width: 99%;
    padding-top: 1px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

div#historyHeader {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
    position: relative;
}

div#historyContent {
    width: 99%;
    padding-top: 1px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

div#search {
    padding-bottom: 3px;
}

.gridStyleProfile {
    border: 1px solid rgb(212,212,212);
    height: 9em;
    /*min-height: 300px;*/
}

div#profileHeader {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

div#profileAddress {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

div#profileAreaVendite {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

div#profileExtraSconto {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

div#profileBuInvoiced {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

div#profileContact {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

table#profileAddressTable {
    width: 100%;
}

/*div#unsentContent {
    width: 99%;
    padding-top: 3px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

div#backOrderHeader {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
    position: relative;
}

div#backOrderContent {
    width: 99%;
    margin-top: 3px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}*/

table#orderSentTable {
    width: 100%;
}

td#alignRight {
    text-align: right;
}

/*div#openReturnsHeader {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
    position: relative;
}

div#openReturnsContent {
    width: 99%;
    margin-top: 3px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}*/

/*div#closedReturnsHeader {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
    position: relative;
}

div#closedReturnsContent {
    width: 99%;
    padding-top: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}*/

/* Fix per sovrapposizione datepicker / griglia*/
.ui-datepicker {
    z-index: 1051 !important;
}

div#newOrderMaterialsActions {
    margin-top: 0.5em;
}

div#newOrderMaterialsFooter {
    margin-top: 0.5em;
}

table#newOrderMaterialsTableFooter {
    width: 100%;
    border: 1px solid grey;
}

/*szp restyle
    div#newOrderHeaderGlobal {
    width: 99%;
    height: 100%;
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}
    */

div#newOrderHeaderLeft {
    width: 49.2%;
    height: 100%;
    border: grey solid;
    float: left;
}

div#newOrderHeaderRight {
    width: 49.2%;
    height: 100%;
    border: grey solid;
    float: right;
}

div#newOrderHeaderLeftSalesOrg {
    width: 100%;
}

/*-------------- Navbar -----------*/

.navbar-nav {
    margin-bottom: 2px;
    overflow: visible;
}

.navbar-inner {
    background-image: linear-gradient(to bottom, #64696F, #525354);
    /*border: 1px solid #2D2D2D;*/
    background-color: #64696F;
    padding-left: 0;
    padding-right: 4px;
    border: none;
    background-image: -moz-linear-gradient(top,#64696F,#525354);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#64696F),to(#525354));
    background-image: -o-linear-gradient(top,#64696F,#525354);
    background-image: linear-gradient(to bottom,#64696F,#525354);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.navbar-nav .nav {
    margin: 0;
}

.navbar-nav .brand {
    color: whitesmoke;
    text-shadow: none;
}

/* Nuovo ordine   **********************************************************************************************************/
.newOrderMaterialsNavbar .navbar-nav .brand {
    color: whitesmoke;
    text-shadow: none;
    margin-left: 0;
    padding-top: 5px;
}

.newOrderMaterialsNavbar .navbar-nav > li > a {
    color: whitesmoke;
    text-shadow: none;
    padding: 10px 0 0 0;
    text-align: center;
}

.newOrderMaterialsNavbar .navbar-nav > li > a:hover {
    color: #FDA321;
    background-image: linear-gradient(to bottom, #525354, #525354);
    background-image: -moz-linear-gradient(top,#525354,#525354);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#525354),to(#525354));
    background-image: -o-linear-gradient(top,#525354,#525354);
}

.newOrderMaterialsNavbar input[type=checkbox]:focus {
    outline: 2px solid red;
}

/***************************************************************************************************************************/


.navbar-nav > li > a {
    color: whitesmoke;
    text-shadow: none;
    padding: 18px 0 10px;
}

    .navbar-nav > li > a:hover {
        color: #FDA321;
        background-image: linear-gradient(to bottom, #525354, #525354);
        background-image: -moz-linear-gradient(top,#525354,#525354);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#525354),to(#525354));
        background-image: -o-linear-gradient(top,#525354,#525354);
    }

.navbar-nav > .active > a {
    background-image: linear-gradient(to bottom, #FDA321, #CD651C);
    background-image: -moz-linear-gradient(top,#FDA321,#CD651C);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FDA321),to(#CD651C));
    background-image: -o-linear-gradient(top,#FDA321,#CD651C);
    background-image: linear-gradient(to bottom,#FDA321,#CD651C);
}

    .navbar-nav > .active > a:hover {
        background-image: linear-gradient(to bottom, #FDA321, #CD651C);
        background-image: -moz-linear-gradient(top,#FDA321,#CD651C);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#FDA321),to(#CD651C));
        background-image: -o-linear-gradient(top,#FDA321,#CD651C);
    }


.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-image: linear-gradient(to bottom, #525354, #525354);
    background-image: -moz-linear-gradient(top,#525354,#525354);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#525354),to(#525354));
    background-image: -o-linear-gradient(top,#525354,#525354);
}

.navbar-nav .divider-vertical {
    height: 60px;
    border-right: 1px solid #333333;
    border-left: 1px solid #666B72;
    margin: 0;
}

.panelButtonContainer {
    float: left;
    font-size: 32px;
    height: 60px;
    padding-top: 16px;
    padding-right: 8px;
    padding-left: 8px;
    border-left: 1px solid #333333;
    border-right: 1px solid #666B72;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .panelButtonContainer:hover {
        background-image: linear-gradient(to bottom, #525354, #525354);
        background-image: -moz-linear-gradient(top,#525354,#525354);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#525354),to(#525354));
        background-image: -o-linear-gradient(top,#525354,#525354);
        color: #FDA321;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.customerContainer {
    float: left;
    border-left: 1px solid #333333;
    /*border-right: 1px solid #666B72;*/
}

.settings {
    background-image: url(../images/settings.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}

    .settings:hover {
        background-image: url('../images/settings_mouseover.png');
        background-repeat: no-repeat;
        height: 30px;
        width: 30px;
        cursor: pointer;
    }

.logout {
    background-image: url('../images/menu/logout-normal.png');
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    float: right;
}

    .logout:hover {
        background-image: url('../images/menu/logout-selected.png');
        background-repeat: no-repeat;
        height: 35px;
        width: 35px;
        cursor: pointer;
    }

.topMenu {
    height: 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

hr {
    margin: 10px 0;
}
/*------------ button ------------*/

.btn {
    white-space: normal;
}

.btn-primary {
    background-image: linear-gradient(to bottom, #FDA321, #CD651C);
    background-color: #CD651C;
    background-image: -moz-linear-gradient(top,#FDA321,#CD651C);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FDA321),to(#CD651C));
    background-image: -o-linear-gradient(top,#FDA321,#CD651C);
    background-image: linear-gradient(to bottom,#FDA321,#CD651C);
    border-color: #CD651C;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        background-image: linear-gradient(to bottom, #FDA321, #CD651C);
        background-image: -moz-linear-gradient(top,#FDA321,#CD651C);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#FDA321),to(#CD651C));
        background-image: -o-linear-gradient(top,#FDA321,#CD651C);
        background-image: linear-gradient(to bottom,#FDA321,#CD651C);
        background-color: #CD651C;
    }


.btn:hover, .btn:focus {
    background-position: 0;
    background-image: linear-gradient(to bottom, #FDA321, #CD651C);
    background-image: -moz-linear-gradient(top,#FDA321,#CD651C);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#FDA321),to(#CD651C));
    background-image: -o-linear-gradient(top,#FDA321,#CD651C);
    background-image: linear-gradient(to bottom,#FDA321,#CD651C);
    background-color: #CD651C;
}


.replacedMaterial {
    background-color: gray !important;
    color: white !important;
}


.blockedMaterial {
    background-color: red !important;
    color: white !important;
}

.newMaterial {
    background-color: green !important;
    color: white !important;
}

.blockedMaterialText {
    text-decoration: line-through;
}

.betaYellow {
    background-position: 0;
    background-color: #CD651C;
    background-image: linear-gradient(to bottom, #FDA321, #CD651C);
    color: whitesmoke;
}

/* ------  Statistiche  --------*/

div#buGlobal {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

div.buColumn {
    float: left;
    margin: 0 0px;
    border: 0px solid #4D4D4D;
    width: 33%;
}

/*div#buColumn {
    float: left;
    width: 32.5%;
    margin: 0 1px;
    border: 1px;
}*/

/*--------- tableBu -----------*/


/*tbody td {
  text-align: right;
  border: 1px solid #D4D4D4;

}
tr:nth-child(even) {
    background-color: #F3F3F3;
}
thead {
    text-align: center;
    font-weight: bold;
    background-color: #EAEAEA;
}

th,tr {
    height: 30px;
    border: 1px solid #D4D4D4;
}*/

div#agencyGlobal {
    padding: 2px;
}
/*


div#promoGlobal {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}*/

ul.openReturnsTable {
    margin: 0px;
    padding: 5px;
}

    ul.openReturnsTable li {
        display: block;
    }

        /*ul.openReturnsTable li.smallItem {
        height: 95px;
    }

    ul.openReturnsTable li.largeItem {
        height: 115px;
    }*/


        ul.openReturnsTable li:nth-child(odd) {
            background-color: #F3F3F3;
        }

.alternatedTable tbody tr:nth-child(odd) {
    background-color: #F3F3F3;
}

.alternatedTable thead th {
    padding: 5px;
    text-align: left;
    border: 1px solid rgb(212,212,212);
    background-color: rgb(234, 234, 234);
    height: 20px;
    padding: 5px;
}

.alternatedTable tbody tr td {
    padding: 5px;
    border-right: 1px solid rgb(212,212,212);
}

.alternatedTable tfoot tr td {
    border-top: 1px solid rgb(212,212,212);
    padding: 5px;
    border-right: 1px solid rgb(212,212,212);
}

/*#agencyTable tbody tr:nth-child(even) {
    background-color: #F3F3F3 !important;
}*/


ul.fakeTable {
    border: 1px solid rgb(212,212,212);
    margin: 5px;
    padding: 0px;
}

    ul.fakeTable li {
        display: block;
        /*height: 50px;*/
    }

.materialRow {
    padding: 5px;
    /*height: 30px;*/
}

ul.fakeTable li:nth-child(even) {
    background-color: #F3F3F3;
}

.buTable tbody td {
    text-align: right;
    border: 1px solid #D4D4D4;
}

.buTable tr:nth-child(even) {
    background-color: #F3F3F3;
}

.buTable thead {
    text-align: center;
    font-weight: bold;
    background-color: #EAEAEA;
}

.buTable th {
    height: 30px;
    border: 1px solid #D4D4D4;
}

.buTable tr {
    height: 30px;
    border: 1px solid #D4D4D4;
}

.bigNumbers {
    text-align: center;
    font-size: 40px;
    color: #2F7ED8;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
}

.mediumNumbers {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
}

.CurrentYear {
    color: #2F7ED8;
}

/*.modal-body {
    min-height: 65px;
}*/

/*.right {
    text-align: right;
    padding-top: 5px;
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 100%;
}*/

.ui-widget-header {
    text-align: center;
}

.newContact {
    width: 100%;
}

    .newContact input {
        /*border: none;
    border-bottom: 1px solid #828e8a;*/
        width: 300px;
        /*box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;*/
    }

/*.modal {
    top: 5%;    {
    }


    width: 850px;
    margin-left: -420px;
}

.modal-body {
    max-height: 850px;
}*/

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: #000;
}



/*dropdown customization*/

.dropdown-menu > li > a {
    padding: 10px 20px;
}

.capitalize {
    display: inline-block;
}

    .capitalize::first-letter {
        text-transform: uppercase;
    }

.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em;
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em;
        }

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC;
    color: #fff;
}

    li.ui-timepicker-selected .ui-timepicker-duration,
    .ui-timepicker-list li:hover .ui-timepicker-duration {
        color: #ccc;
    }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover,
    .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2;
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.chkbox_selected{
    /*outline: 1px solid red;*/
}