.footer {
    background: grey !important;
    color: #033d6c;
}
.bootstrap-select {
    /*width: 100% !important;*/
    margin-top: 12px;
}
body {
    background-color: #f9f9f9;
    font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
}

.aesys-custom {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    color: #4784a1 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #40859e;
    /*font-weight:bold;*/
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #48B747;
    background-color: transparent;
}

.navbar-inverse .navbar-brand {
    color: #4784a1;
}

    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
        color: #12486d;
        background-color: transparent;
    }

.navbar .dropdown-menu .active > a:hover,
.navbar.navbar-default .dropdown-menu .active > a:hover,
.navbar .dropdown-menu .active > a:focus,
.navbar.navbar-default .dropdown-menu .active > a:focus {
    /*color: #dee5eb;
    background-color: #40859e;*/
    background-color: grey !important;
    color: rgba(255,255,255, 0.84);
}
.navbar .dropdown-menu .active > a,
.navbar.navbar-default .dropdown-menu .active > a {
    background-color: grey !important;
    color: rgba(255,255,255, 0.84);
}

.navbar, .navbar.navbar-default {
    border-radius: 0px;
}

.header {
    color: black;
}

.navbar-inverse {
    border-color: #080808;
}

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: lightblue;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #48B747;
    }

.navbar-inverse .navbar-nav > li > a:hover {
    color: #12486d;
    background-color: transparent;
}

.navbar-brand img {
    position: relative;
    top: -15px;
}

.navbar-inverse .navbar-toggle {
    border-color: #4784a1;
}

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #4784a1;
    }

    navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
        background-color: #4da1c9;
    }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #f9f9f9;
}

.navbar-inverse .navbar-toggle:hover {
    background-color: #39687e;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: none; /*1px solid #fd0305;*/
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    /*border-top: 1px solid #fd0305;*/
}


/*fromlayout end*/

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

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #156e9d;
    background-color: lightblue;
    border-color: #156e9d;
}

.btn-default, .btn:not(.btn-raised), .btn:not(.btn-raised).btn-default {
    background-color: #40859e;
    color: white;
    border: 0px;
}

    .btn:not(.btn-raised):not(.btn-link):hover,
    .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover,
    .btn:not(.btn-raised):not(.btn-link):focus,
    .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
        background-color: rgba(153, 153, 153, 0.2);
        color: #40859e;
    }

    .bootstrap-select > .btn-default, .btn:not(.btn-raised), .btn:not(.btn-raised).btn-default {
        background-color: #40859e !important;
        color: white !important;
        border: 0px !important;
    }

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.navbar-default {
    border: 0px;
}

.navbar-fixed-top {
    border: 0px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #40859e;
    /*font-weight:bold;*/
}

    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        color: #48B747;
        background-color: transparent;
    }

.navbar, .navbar.navbar-default {
    border-radius: 0px;
}

.header .menu ul li a {
    color: white;
    font-weight: 400;
}

    .header .menu ul li a:hover,
    .header .menu ul li a:active,
    .header .menu ul li a:focus {
        color: white !important; /* grigio #dee5eb*/
        background-color: #40859e; /*!important*/
    }

#menu2 > li > a {
    color: white;
    font-weight: 400;
}

.header .menu ul li.dropdown.open {
    background-color: #808080;
}

    .header .menu ul li.dropdown.open a {
        color: white;
    }

.header .menu ul li ul.dropdown-menu li {
    display: block;
}


.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    background-color: #dee5eb;
    color: #40859e;
}

.dropdown-menu .divider {
    height: 1px;
    overflow: hidden;
    background-color: #156e9d;
    margin: 0px;
}

.navbar-nav .open .dropdown-menu {
    background-color: #40859e;
    Top: 25px;
    /*right: -100px;*/
    min-width: 400px;
}
/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.ids-center-div{

}

.col-centered {
    float: none;
    margin: 0 auto;
}

.ids-dotted-border {
    border-style: dotted;
    border-width: thin;
}

.ids-bg {
    background-color: #7cc4eb; /*4783a1;*/
}

.fascia {
    background-color: #333; /*f9f9f9; /*#40859e;*/
    padding: 0;
}

    .fascia .voce {
        /*background-color: #ecefec;*/ /*#40859e;*/
        padding: 20px 40px;
        min-height: 248px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        text-align:center;
        color:white;
    }

        .fascia .voce h5 {
            min-height: 53px;
            font-size: 18px;
            line-height: 22px;
            color: white;
            font-weight: 700;
            text-transform: uppercase;
            text-align: center;
            padding-top: 5px;
            padding-bottom: 0;
        }

        .fascia .voce p {
            font-family: 'Montserrat-Regular';
            font-size: 14px;
            line-height: 22px;
            // color: white;
            font-weight: 400;
            text-align: center;
            margin-bottom: 0;
        }

        .fascia .voce p:hover {
        }


        .fascia .voce:hover {
            text-decoration: none;
        }

        .fascia .voce#mic:hover {
            box-shadow: inset 0px -10px 50px 20px rgba(146,193,66,1) !important;
            text-decoration: none;
        }

        .fascia .voce#hal:hover {
            box-shadow: inset 0px -10px 50px 20px rgba(229,142,45,.9) !important;
            text-decoration: none;
        }

        .fascia .voce#screens:hover {
            box-shadow: inset 0px -10px 50px 20px #a94442 !important;
        }

        .fascia .voce#creo:hover {
            box-shadow: inset 0px -10px 50px 20px rgba(43,53,141,.9) !important;
        }

        .fascia a, a:hover, a:focus {
            color: #003399;
            text-decoration: none;
        }

        .fascia .voce > a > .contenitore > img {
            max-width: 80px
        }

        .fascia .voce .freccia {
            position: absolute;
            bottom: 15px;
            left: 0;
            right: 0;
            text-align: center;
            opacity: 0;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        .fascia .voce:hover .freccia {
            opacity: 1;
        }

        .fascia .voce .contenitore {
            position: relative;
        }

            .fascia .voce .contenitore img {
                position: relative;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
            }

                .fascia .voce .contenitore img.nascondi {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    opacity: 0;
                }

                .fascia .voce .contenitore img.immaginecambia {
                    opacity: 1
                }

        .fascia .voce:hover .contenitore img.immaginecambia {
            opacity: 0
        }

        .fascia .voce:hover .contenitore img.nascondi {
            opacity: 1
        }


/*carousel index*/
.multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
}

.multi-item-carousel .carousel-inner .active.left {
    left: -25%;
}

.multi-item-carousel .carousel-inner .active.right {
    left: 25%;
}

.multi-item-carousel .carousel-inner .next {
    left: 25%;
}

.multi-item-carousel .carousel-inner .prev {
    left: -25%;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out left;
        -webkit-transition: 500ms ease-in-out all;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none !important;
        transform: none !important;
    }
}

.multi-item-carousel .carouse-control.left, .multi-item-carousel .carouse-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
   // left: -30px;
    width: 30px;
}

.carousel-control.right {
    background-image: none;
   // right: -30px;
    width: 30px;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 80px;
    top: 35%;
    margin-right: 20px;
    margin-left: 20px;
    margin-left: 0px !important;
}

@media only screen and (max-width : 991px) {
    .fascia .voce {
        padding: 50px 20px;
    }

    .carousel-control {
        width: 5%
    }

        .carousel-control .icon-prev, .carousel-control .icon-next {
            font-size: 60px
        }

    #nav-main .navbar-header {
        margin-right: 0;
    }
}

@media only screen and (max-width : 767px) {
    .fascia .voce {
        padding: 20px 80px;
    }

    .carousel-control.left {
        background-image: none;
        left: -10px;
        width: 30px;
    }

    .carousel-control.right {
        background-image: none;
        right: -10px;
        width: 30px;
    }

    #menu1, #menu2 {
        height: auto;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: none
    }
}

/*LISTA*/
.body-content .listheader {
    padding: 10px 0;
    font-size: 14px;
}

.body-content .lista-voce {
    padding: 10px 0
}

    .body-content .lista-voce .code, .body-content .lista-voce .description {
        font-size: 14px;
    }

.listheader {
    background-color: #40859e !important;
    color: white;
    -moz-border-radius: 0px; /*rt*/
    -webkit-border-radius: 3px 3px 0px 0px; /*rt*/
    border-radius: 3px 3px 0px 0px; /*rt*/
}
/*rt*/
.row {
    margin-right: 0;
    margin-left: 0;
}

ul.dropdown-menu {
    border: 1px solid #8c8585;
}
/*table th:first-child{
  border-radius:10px 0 0 10px;
}

table th:last-child{
  border-radius:0 10px 10px 0;
}*/

.responsive-table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    /*background-color: rgba(200,210,222,1);*/
}

    .responsive-table thead {
        visibility: hidden;
        background: #40859e;
        color: white;
        display: none;
    }

@media screen and (min-width: 600px) {
    .responsive-table thead {
        visibility: visible;
        display: table-header-group;
    }
}

.responsive-table tr {
    border: 1px solid #c8d2de /*#ddd*/;
    border-bottom: 2px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
    display: block;
    background-color: rgba(200,210,222,1);
    /**/
}

@media screen and (min-width: 600px) {
    .responsive-table tr {
        display: table-row;
        border-bottom-width: 1px;
        /*margin-bottom: 0;*/
    }

        .responsive-table tr:nth-child(even) {
            background: #fafafa;
        }
}

.responsive-table th,
.responsive-table td {
    padding: 10px;
    text-align: left;
}

.responsive-table th {
    text-transform: uppercase;
    font-size: 11px;
}

.responsive-table td {
    display: block;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dotted #ddd;
}

    .responsive-table td:last-child {
        border-bottom: none;
    }

@media screen and (min-width: 600px) {
    .responsive-table td {
        display: table-cell;
        text-align: left;
        font-size: 14px;
        border-bottom: none;
    }
}

.responsive-table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
}

@media screen and (min-width: 600px) {
    .responsive-table td:before {
        content: "";
        display: none;
    }
}

.htablesortable {
    float: left;
    padding-right: 3px;
    cursor: pointer
}
.listheader.mobileonly {
    /*background-color: rgba(200,210,222,1);*/
}
/*testing*/
@media screen and (min-width: 0px) and (max-width: 599px) {
    .mobileonly {
        display: block;
        height: 39px;
        background-color: #f9f9f9!important;
    }
    /* show it on small screens */
}

@media screen and (min-width: 600px) /*and (max-width: 1024px)*/ {
    .mobileonly {
        display: none
    }
    /* hide it elsewhere */
}

@media screen and (min-width: 0px) and (max-width: 599px) {
    .desktoponly {
        display: none;
    }
}

@media screen and (min-width: 600px) /*and (max-width: 1024px)*/ {
    .desktoponly {
        display: block;
    }
    /* hide it elsewhere */
}

.mobileorderby {
    padding-left: 3px;
    float: left;
    position: relative;
    top: -2px

}
@media screen and (min-width: 0px) and (max-width: 1510px) {
    #wrapperCarousel {
        display: none;
    }
}

@media screen and (min-width: 1000px) /*and (max-width: 1024px)*/ {
    #wrapperCarousel {
        display: block;
    }
}

#wrapperCarousel2 {
    display: none;
}

@media screen and (min-width: 990px) {
    #wrapperCarousel2 {
        display: block;
    }
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(../fonts/Montserrat-Bold.ttf);
}

@media (min-width: 1510px) {
    .dropdown-menu.open {
        background-color: #40859e;
        margin-left: -200px;
        min-width: 400px !important;
        margin-top: 20px !important;
    }
}

@media (max-width: 1510px) {
    .dropdown-menu.open {
        background-color: #40859e;
        margin-left: -200px;
        max-width: 0px !important;
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 1510px) {
    #slide-navbar-collapse {
        position: fixed;
        top: 0;
        left: 15px;
        z-index: 99;
        width: 280px;
        height: 100%;
        background-color: #40859e;      
    }

    .menu-overlay {
        display: none;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
    }
}
@media (max-width: 1510px) {
    .navbar-right {
        margin-top: 10px !important;
    }
    .header nav.menu.active ul {
        margin-left: 0;
        -moz-transition: margin-left 0.25s;
        -o-transition: margin-left 0.25s;
        -webkit-transition: margin-left 0.25s;
        transition: margin-left 0.25s;
        width: 75vw;
        overflow-y: scroll;
    }
}
@media only screen and (max-width: 1510px) {
    .navbar-right {
        margin-right: 0px !important;
    }
}

.breadcrumb {
    font-size: 15px;
    padding: 3px 0px 3px 3px;
    background-color: #dee5eb;
}

.breadcrumbCmd {
    margin-top: 40px;
    margin-bottom: 20px;
}

.breadcrumb > li {
    color: #40859e !important;
}