/* AJAX loading check http://jsfiddle.net/jonathansampson/VpDUG/170/
 * https://jsfiddle.net/00utf52o/217/
 */

.a4 {
    height: 842px;
    width: 595px;
    /* to centre page on screen*/
    margin-left: 50px;
    margin-right: auto;
  
    background-color: #efefef;
    opacity: 0.85
}

#errouter {
    display: flex;
    flex-flow: column;
    min-height: 75vh;
}
.errborder {
    height: 30px;
    background-color: #FBFF1885;
}
#errbody {
    background-color: #ff000085;
    padding: 20px;
    flex-grow: 1;
}

.err {
  border-bottom: 1px dotted #fff;
}

#spinner {
    width: 100px;
    height: 100px;
    background-color: red;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


#atbottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* FB LookAndFeel */
.fs-micro {
    font-size: xx-small;
    font-weight: bold;
}

.fs-attenzione {
   color: red;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.vertical-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.cbwithlabel {
    vertical-align: sub;
}

.hidden {
    display:none;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.horizontal-center {
    display: flex; /* establish flex container */
    flex-direction: row;
    justify-content: center;
    /* align-items: center; */
}

.txt-center {
    text-align:center;
}

.fillgrow {
    flex-grow: 1;
}

.fullheight {
    height: 100vh;
}

.fullwidth {
    height: 100vw;
}

.top-padding {
    padding-top: 8px;
}
.bottom-padding {
    padding-bottom: 4px;
}

.top-margin {
    margin-top: 5px;
}

h2 img {
    padding-left: 5px;
    vertical-align: baseline;
}

h4, .h4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.nav > li > a {
    padding: 4px 6px;
}

.intestazione {
    font-weight: bold;
    font-size: smaller;
    font-style: italic;
}

.sitefunction {
    font-style: italic;
}

.container-fluid, .parent {
    height: 100%;
}

#home .row {
    margin-left: 15px !important;
}

#ListaOTA .row {
    margin: 3px 0 3px 0 !important;
    /*margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 3px;
    margin-bottom: 3px;*/
}

.titolo,
.testata,
.righeinserite,
.nuoverighe,
#divSelOras,
#divNewOras {
    width: 100%;
}

.titolo,
.testata {
    padding-right: 0px;
    padding-left: 10px;
}

.testata h1 {
    padding-left: 10px;
}

.righeinserite,
.nuoverighe {
    position: relative;
    /*overflow-y: scroll;*/
}

.righeinserite {
    height: 25vh;
    margin-top: 20px;
    background-color: lavenderblush;
}

.nuoverighe {
    height: 40vh !important;
    background-color: lavender;
}

#divSelOras .container {
    padding-right: 30px !important;
}

.panel-heading {
    padding: 5px 2px !important;
}
.panel-body {
    padding: 5px !important;
}

/*bootstrap-select overlap problem 1st working idea - thanks MM */

/*a.btn span.glyphicon-tasks {
    padding-right: 5px;
}*/

.rigaordine {
    margin-top: 5px;
}

.panel .row,
#UpdateOrder .row,
#InvioMerce .row {
    margin-left: 0px;
    margin-right: 0px;
}

#ModificaOrdine input[type=checkbox].form-control, 
#InvioMerce input[type=checkbox].form-control {
    height: 14px;
    width: 14px !important; /*fake, must be less than height*/
}

.lighttext {
    color: #ccc;
    font-style:italic;
}

.panel {
    opacity: 0.9;
}

.updateresult,
.searchresult {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
}

.panel-heading .accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-heading .begin:before {
    content: "\e080";
}

.cssred {
    background-color: darkred !important;
}

.cssyellow {
    background-color: yellow !important;
}

.csswhite {
   color: #ffffff !important;
}

.panel-heading .accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

label {
    margin-bottom: 3px;
}

.sublabel {
    margin-bottom: 1px;
}

.smaller {
    font-size:70% !important;
}

p.smaller {
    margin: 0 0 1px;
}

p.small {
    margin: 0 0 3px;
}

.navbar-inverse {
    background-color: #009036;
    border-color: #99cc00;
    opacity: 0.95;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2), 0 0 14px 0 rgba(0, 0, 0, 0.19);
}
 
.doc {
    max-width: 65vw;
    margin: auto;
    background-color: #fefefe;
    opacity: 0.85;
    border: 1px solid #cccccc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
    .doc .row {
        margin-left: 25px;
        margin-right: 15px;
    }
    .doc #testata {
        margin-top: 25px;
    }

.docfunc {
    float:left;
    margin-left: 15px;
}

/* bootstrap-select bootstrap-datetimepicker overlap problem 20180802 - 
// plugin per fornire uno stacking context ellipse poi modificarene blockquote z-index di conseguenza */
.stacktestata {
    position: relative; /*per le tendine boostrap-select, thanks MM */
    z-index: 1000 !important; /*per le tendine boostrap-select, thanks MM /*/
}

.stackrighe {
    position: relative; /*per le tendine boostrap-select, thanks MM */
    z-index: 100 !important; /*per le tendine boostrap-select, thanks MM /*/
}

.transparentbg {
    /*position: relative; /*per le tendine boostrap-select, thanks MM 
    z-index: 100; /*per le tendine boostrap-select, thanks MM /*/
    padding: 5px 5px 5px 5px;
    background-color: #fefefe;
    opacity: 0.85;
    border: 1px solid #cccccc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 2px;
}

.transparentbgsm {
    display: flex;
    flex-direction: column;
    padding: 0px 2px;
    background-color: #fefefe;
    opacity: 0.90;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.altcolor:nth-of-type(even) {
    background: #dbffdb;
}

.jumbotron {
    color: #fff;
    background-color: #44aa00;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-bottom: 0px !important;
    opacity: 0.95;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    .jumbotron h1, .jumbotron .h1 {
        font-size: 48px;
    }

body {
    /*background-image: url('/Images/logofbgrande.png');*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: contain;

    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

h1, h2, h3 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default  */
/* NOTA IGOR ho tolto la max-width per textarea
input,
select
{
    max-width: 280px;
}*/

/* bootsrap correction on input texts
.row {
    margin: 15px 30px !important;  
} */
.rigaordine .row {
    margin: 0;
}

.jumbotron .col-md-3 {
    padding-left: 0px;
}

.form-group .btn-primary {
    margin-top: 0px;
}

.small label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 3px;
    font-size: 85%;
    font-weight: bold;
}



.form-control:focus{border-color: #66cc00 !important;  box-shadow: none; -webkit-box-shadow: none;} 
.has-error .form-control:focus{box-shadow: none; -webkit-box-shadow: none;}
.navbar-inverse .navbar-brand {
    color: #ffffff;
    margin-top: 1px;
}

.bootstrap-select .dropdown-menu li a span.text {
    color: #000 !important;
}

.form-group {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

    .form-group .btnremover {
        margin-top: 16px;
        padding: 4px 8px !important;
        color: red;
    }

    .form-group .btnadder {
        margin-top: 16px;
    }

.btn-primary {
    background: #44aa00;
    border-color: #66cc00;
    color: #ffffff;
    padding: 4px 8px;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background: #66cc00;
        border-color: #99ee00;
    }

    .btn-primary:active, .btn-primary.active {
        background: #66cc00;
        border-color: #99ee00;
        box-shadow: none;
    }

/* ACCORDION menu LATERALE ------------------------------------------------ */
/* ACCORDION menu LATERALE ------------------------------------------------ */
/* ACCORDION menu LATERALE ------------------------------------------------ */
#accordion-mnu {
    width: 100%;
}

    #accordion-mnu ul.sub-menu {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    #accordion-mnu li {
        border-bottom: 1px solid #eeeeee;
        padding: 7px 10px 7px 10px;
    }

        #accordion-mnu li:hover {
            background-color: #44aa00;
        }

    #accordion-mnu ul.sub-menu li:hover a {
        color: White;
    }

    #accordion-mnu ul.sub-menu a:hover {
        color: White;
    }

/* fine ACCORDION menu LATERALE ------------------------------------------------------ */
/* fine ACCORDION menu LATERALE ------------------------------------------------------ */
/* fine ACCORDION menu LATERALE ------------------------------------------------------ */


/* BOOTSTRAP TABLE ----------------------------------------------------------------------*/
/* BOOTSTRAP TABLE ----------------------------------------------------------------------*/
/* BOOTSTRAP TABLE ----------------------------------------------------------------------*/
.word-wrap {
    word-wrap: break-word;
}
.table-fixed thead {
    width: 97%;
}

.table-fixed tbody {
    height: 300px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

    .table-fixed tbody td, .table-fixed thead > tr > th {
        float: left;
        border-bottom-width: 0;
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}


/*  BOOSTRAP VALIDATION FORM CONTROLS 
    BOOSTRAP VALIDATION FORM CONTROLS 
    BOOSTRAP VALIDATION FORM CONTROLS 
   check this https://weblogs.asp.net/jdanforth/form-validation-formatting-in-asp-net-mvc-5-and-bootstrap-3
   styles for validation helpers 
*/
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

select.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
/* end BOOSTRAP VALIDATION FORM CONTROLS --------------------------------------------------- */
/* end BOOSTRAP VALIDATION FORM CONTROLS --------------------------------------------------- */
/* end BOOSTRAP VALIDATION FORM CONTROLS --------------------------------------------------- */




/* --- MEGAMENU ---------------------------------------------------------------------------- */
/* --- MEGAMENU ---------------------------------------------------------------------------- */
/* --- MEGAMENU ---------------------------------------------------------------------------- */

/*
	Snippet by:- Vijay Sasavadiya;
	e-mail:- vijaysasavadiya.vs@gmail.com;
*/

.navbar-default {
    background-color: #fff;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

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

/*.navbar-brand {
   padding-top: 2px;
    padding-bottom: 2px;
    height: 60px
}*/

.navbar-toggle {
    padding: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.dropdown-menu {
    padding: 0;
    /*border-color: #e7e7e7;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

    .dropdown-menu > li > a {
        padding: 5px 15px
    }

.open.dropdown-menu.mega {
    display: block
}

.dropdown-menu.mega > .sub-menu {
    display: table-cell;
    border-left: 1px solid #e7e7e7;
    list-style-type: none;
    padding: 0;
    min-width: 256px
}

    .dropdown-menu.mega > .sub-menu:first-child {
        border-left: none;
        padding-left: 0
    }

    .dropdown-menu.mega > .sub-menu > li > a {
        display: block;
        padding: 5px 15px;
        text-decoration: none
    }

.dropdown-header {
    padding: 5px 15px;
    color: #777;
    font-weight: bold;
    border-bottom: 1px dashed #e7e7e7
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d;
}

.navbar-nav > li > a, .navbar-nav > .open > a, .navbar-nav > .active > a, .dropdown-menu > li > a {
    color: #fff !important;
    position: relative
}

.dropdown-menu.mega > .sub-menu > li > a {
    color: #000 !important;
    position: relative
}

    .navbar-nav > li > a::before, .navbar-nav > .open > a::before, .navbar-nav > .active > a::before, .dropdown-menu > li > a::before, .dropdown-menu.mega > .sub-menu > li > a::before {
        content: '';
        position: absolute;
        /*background: #3498db !important;*/
        background: #66cc00 !important;
        -webkit-transition: all 300ms ease 0s;
        -moz-transition: all 300ms ease 0s;
        -o-transition: all 300ms ease 0s;
        transition: all 300ms ease 0s;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    .navbar-nav > li > a::before, .navbar-nav > .open > a::before, .navbar-nav > .active > a::before {
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100%
    }

    .dropdown-menu > li > a::before, .dropdown-menu.mega > .sub-menu > li > a::before {
        left: 0;
        top: 0;
        width: 2px;
        height: 100%
    }

    .navbar-nav > li > a:hover::before, .navbar-nav > li > a:focus::before, .navbar-nav > .open > a::before, .navbar-nav > .open > a:hover::before, .navbar-nav > .open > a:focus::before, .navbar-nav > .active > a::before, .navbar-nav > .active > a:hover::before, .navbar-nav > .active > a:focus::before, .dropdown-menu > li > a:hover::before, .dropdown-menu > li > a:focus::before, .dropdown-menu > .active > a::before, .dropdown-menu > .active > a:hover::before, .dropdown-menu > .active > a:focus::before, .dropdown-menu.mega > .sub-menu > li > a:hover::before, .dropdown-menu.mega > .sub-menu > li > a:focus::before, .dropdown-menu.mega > .sub-menu > .active > a::before, .dropdown-menu.mega > .sub-menu > .active > a:hover::before, .dropdown-menu.mega > .sub-menu > .active > a:focus::before, .dropdown-menu.mega > .sub-menu > li > a:hover::before, .dropdown-menu.mega > .sub-menu > li > a:focus::before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus, .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu.mega > .sub-menu > li > a:hover, .dropdown-menu.mega > .sub-menu > .active > a, .dropdown-menu.mega > .sub-menu > li > a:focus {
        background-color: #f9f9f9 !important;
        /*color: #3498db !important; questo è il colore di sfondo*/
        color: #66cc00 !important;
    }

@media (min-width:768px) {
    .navbar-nav > li > a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .dropdown .dropdown-menu {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-transform: scale(1,0);
        -moz-transform: scale(1,0);
        -ms-transform: scale(1,0);
        -o-transform: scale(1,0);
        transform: scale(1,0);
        -webkit-transition: all 200ms ease 0s;
        -moz-transition: all 200ms ease 0s;
        -o-transition: all 200ms ease 0s;
        transition: all 200ms ease 0s;
        display: block
    }

    .dropdown:hover .dropdown-menu, .dropdown.open .dropdown-menu {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@media (max-width: 767px) {
    .navbar-nav > li > a::before, .navbar-nav > .open > a::before, .navbar-nav > .active > a::before {
        left: 0;
        height: 100%;
        width: 2px;
        top: 0
    }

    .dropdown-menu.mega > .sub-menu {
        display: block
    }

        .dropdown-menu.mega > .sub-menu > li > a {
            padding-left: 25px
        }
}

/*Below css is not required for navbar desiginig*/
body {
    margin-top: 60px
}

a {
    cursor: pointer
}

.head {
    margin: 0px;
    padding: 5px 12px;
    color: #555;
    border: 1px solid #ddd;
    border-bottom-style: dashed
}

.information {
    padding: 5px 12px;
    border: 1px solid #ddd;
    border-top: none
}
/* fine MEGAMENU --------------------------------------------------- */
/* fine MEGAMENU --------------------------------------------------- */
/* fine MEGAMENU --------------------------------------------------- */

.separator-top {
    border-top: 1px dotted #ccc;
    padding-top: 10px;
    margin-top: 20px;
}

/* DISTINTA */
.dist-header {
    display: inline-block;
    width: 100%;
}

dist-sezione {
    font-weight: bold;
    text-decoration: underline;
}

.dist-shipping {
    float: right;
}

.dist-intestazione {
    float: left;
}

.tabexample td, .tabexample th {
    padding: 5px;
}