@charset "utf-8";
@font-face { font-family: 'bold'; src: url('/content/fonts/robotocondensed-bold.eot'); src: url('/content/fonts/robotocondensed-bold.eot?#iefix') format('embedded-opentype'), url('/content/fonts/robotocondensed-bold.woff') format('woff'), url('/content/fonts/robotocondensed-bold.ttf') format('truetype'), url('/content/fonts/robotocondensed-bold.svg#bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'regular'; src: url('/content/fonts/robotocondensed-regular.eot'); src: url('/content/fonts/robotocondensed-regular.eot?#iefix') format('embedded-opentype'), url('/content/fonts/robotocondensed-regular.woff') format('woff'), url('/content/fonts/robotocondensed-regular.ttf') format('truetype'), url('/content/fonts/robotocondensed-regular.svg#regular') format('svg'); font-weight: normal; font-style: normal; }

/* TEMPLATE */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }

.right { float: right; }
.left { float: left; }
.small { font-size: 85%; opacity: .9; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-family: 'bold'; font-size: 1.5em; padding: 0; margin: 0; }
hr { margin: 10px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff; border-top-color: #cbcccd; }
a { color: #4b4b4b; }
    a:hover { color: #2497ce; }

/* Nascondo le frecce per i controlli Kendo disattivati */
.k-disabled .k-state-disabled { padding-right: 0 !important; }
    .k-disabled .k-state-disabled .k-select { display: none !important; }
.k-disabled.k-textbox:hover,
.k-disabled.k-tiles li.k-state-hover { border-color: #dbdbdb !important; }
.k-textbox:disabled { color: #969696 !important; }
textarea.k-textbox { width: auto; line-height: 22.4px; }

.k-widget.k-dropdown > span,
.k-widget.k-dropdown > div { height: 2.1em; }

/*.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input,
.k-selectbox .k-input,
.k-textbox > input { line-height: 1.65em; min-height: 2em; height: initial; }*/


/* GENERIC CSS */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { font-family: 'Regular'; font-size: 14px; width: 100%; height: 100%; margin: 0; padding: 0; }
html, body, .main.container-fluid { min-height: 100%; }
.main.container-fluid { padding: 0 15px 70px 15px; }

form { overflow-y: auto; overflow-x: hidden; }
ul, li { list-style-image: none; list-style-type: none; margin: 0; padding: 0; }

.breadcrumbs,
.subtitle-pagina,
.page-title { padding: 0 10px !important; }

/* Page Header */
.page-header { display: block; background-color: #404040; height: 60px; }
    .page-header,
    .page-header .page-header-nav { height: 60px; }
        .page-header .page-header-logo { margin: 5px 0 0 15px; padding: 6px 8px 4px 8px; height: 55px; background: #fff; }
        .page-header .page-header-shadow { height: 60px; width: 9px; background: url('/content/images/bg_logo.png'); }
        .page-header .page-header-title { line-height: 60px; color: #FFF; margin: 0; padding: 0; text-transform: uppercase; }
        .page-header .page-header-nav { margin: 0; padding: 0; }
            .page-header .page-header-nav a { display: block; float: left; text-align: center; text-decoration: none; font-size: 12px; min-height: 60px; padding: 9px 8px; color: rgba(255,255,255,.5); }
                .page-header .page-header-nav a.dark { background-color: #2f2f2f; }
                .page-header .page-header-nav a:hover:not(.dark) { color: rgba(255,255,255,1); background: rgba(255,255,255,.1); }
                .page-header .page-header-nav a i { display: block; font-size: 150%; padding-top: 8px; }
            .page-header .page-header-nav p { margin: 5px 7px 5px 0; padding: 0; color: #b0b0b0; float: left; display: block; }
            .page-header .page-header-nav #clock div { padding: 0; float: left; width: 60px; }
                .page-header .page-header-nav #clock div i { padding: 4px 0; }

/* Page Menu */
menu.page-menu { font-size: 14px; margin: 2px 0 0 0; padding: 0; background-color: #646464; }
    menu.page-menu #horizontalMenu a,
    menu.page-menu #horizontalMenu .k-link,
    menu.page-menu #horizontalMenu a:hover { color: #FFF; padding: 0 20px 0 12px; line-height: 35px; }
    menu.page-menu #horizontalMenu li ul li { color: #FFF; background-color: #2f2f2f; }
    menu.page-menu #horizontalMenu { border: none; color: #FFF; background-color: #646464; background-image: none; width: 100%; }
        menu.page-menu #horizontalMenu li { background-color: #646464; padding: 0; margin: 0; border-style: none; background-image: url('/content/images/bg_menu_li.png'); background-repeat: no-repeat; background-position: right; }
            menu.page-menu #horizontalMenu li:hover { background-color: #2f2f2f; background-image: none; margin: 0; border: none; padding: 0; color: #FFF !important; }
                menu.page-menu #horizontalMenu li:hover span { color: #FFF; }
            menu.page-menu #horizontalMenu li:active { background-color: #2497ce; background-image: none; }
        menu.page-menu #horizontalMenu .k-state-border-down { background-color: #2f2f2f; background-image: none !important; color: #FFF; }
        menu.page-menu #horizontalMenu .k-state-border-right { background-color: #2497ce; background-image: none !important; color: #FFF; }
        menu.page-menu #horizontalMenu .k-menu-horizontal { background-color: #066; }
        menu.page-menu #horizontalMenu li ul li:hover { background-color: #2497ce; }

/* Breadcrumbs */
.breadcrumbs { overflow: auto; background-color: #eeeeee; width: 100%; margin-top: 2px; padding: 0 20px; vertical-align: middle; }
    .breadcrumbs a { font-size: 11px; display: inline-block; padding: 10px 0; text-transform: uppercase; color: #4b4b4b; text-decoration: none; }
        .breadcrumbs a:after { content: '/'; margin: 0 5px 0 10px; color: #4b4b4b; opacity: .6; }

/* Titolo pagina */
.page-title { width: 100%; border-bottom: 2px dotted #2497ce; text-transform: uppercase; padding: 0 0 3px 0; margin: 15px 0 3px 0; color: #2497ce; overflow: auto; }
    .page-title .left { float: left; margin: 0; padding: 0; display: block; }
    .page-title h1 { margin: 0; font-size: 16px; }
    .page-title .right { float: right; margin: 0; padding: 0; display: block; }
        .page-title .right p { color: #3d3d3d; display: inline; margin: 0; padding: 0; float: left; line-height: 30px; }
            .page-title .right p .glyphicons.no-js.cogwheels { float: right; font: 14px 'Glyphicons'; color: #2497ce; width: 20px; margin-left: 10px; }

.box100 .title,
.subtitle-pagina { font-size: 16px; line-height: 30px; color: #FFF; background-color: #3d3d3d; height: 30px; margin: 0 0 2px 0; padding: 0 0 0 15px; }
    .box100 .title .glyphicons,
    .subtitle-pagina .glyphicons { padding: 0; float: left; margin: 0 5px 0 0; font: 14px 'Glyphicons'; color: #999999; width: 20px; }

/* Filter Section */
.filter-section { color: #fff; background-color: #eee; margin: 0; padding: 3px 0; overflow: auto; }
    .filter-section > div { float: left; height: 30px; padding: 0 7px; margin: 3px 0; border-right: 1px solid #CDCDCD; }
        .filter-section > div.right { float: right; border-right: 0; }
        .filter-section > div .label { color: #3d3d3d; margin: 6px 10px 6px 0; float: left; }
        .filter-section > div .input { float: left; margin: 0; }

/* Content */
section.wrapper { margin: 0; padding: 15px 0; overflow-x: hidden; }
    section.wrapper .content { }
        section.wrapper .content.with-aside { width: calc(100% - 215px); float: left; padding-right: 15px; }
        section.wrapper .content h1,
        section.wrapper .content h2,
        section.wrapper .content h3,
        section.wrapper .content h4,
        section.wrapper .content h5,
        section.wrapper .content h6 { color: #000; }
        section.wrapper .content.no-padding { padding: 0; }
        section.wrapper .content h2 { font-size: 20px; font-weight: normal; }
    section.wrapper aside.page-aside-tools { width: 215px; float: right; padding-left: 15px; border-left: 1px solid #EEE; }
        section.wrapper aside.page-aside-tools .k-button { width: 100%; margin: 0 auto 7px auto !important; display: block; }

/* Form righe */
.row.margin,
.row.form-row { margin: 4px -10px; }
    .row.form-row label,
    .row.form-row label.lbl { display: inline-block; margin: 6px 0; }
        .row.form-row label.no-margin { margin: 0; }

/* Footer */
footer.page-footer { font-size: 12px; height: 65px; margin: 0 15px; padding: 0; color: #3d3d3d; background-color: #eaeaea; border-top: 2px dotted #666; position: relative; margin-top: -66px; }
    footer.page-footer img.logoaran { float: right; margin-left: 10px; }
    footer.page-footer img.logoRS1 { float: left; margin-right: 10px; }
    footer.page-footer p { float: left; padding: 0; margin: 16px 10px 0 10px; line-height: 15px; }





textarea { border: 1px solid #DADADA; }
*:focus, *:active { outline: none !important; }
*::-moz-focus-inner { border: 0 !important; }
:focus { outline-style: none; }

.chart-wrapper { padding: 20px; border: 1px solid #DBDBDB; }


.badge { position: absolute; font-size: 11px !important; font-weight: 300; top: 25px; right: 24px; text-align: center; height: 14px; background-color: #2497ce; text-shadow: none !important; color: #FFF; padding: 1px 4px; }


.boxSlider > span { padding: 30px; }
    .boxSlider > span > i { font-size: 35px; }


.ln1 { line-height: 1 !important; }

/* FIX */
.k-grid tr { }
    .k-grid tr td { }
        .k-grid tr td .k-button,
        .k-grid tr td .k-toolbar,
        .k-grid tr td .k-toolbar .k-split-button { margin: 0; }
            .k-grid tr td .k-toolbar .k-overflow-anchor.k-button { display: none; }
        .k-grid tr td.k-toolbar-resizable { min-height: 0; }
td[role="gridcell"] .k-button.k-split-button-arrow { min-width: 0; }
.k-grid span.top { display: block; }
.k-grid span.bottom { display: block; font-size: 84%; line-height: 94%; color: #A8A8A8; }
.k-grid span.opacized { display: block; margin: 4px 0; font-size: 84%; line-height: 94%; color: #A8A8A8; }

.k-detail-row > td { background-color: #646464 !important; padding: 15px 10px; }

/* Other */
.AutoBinding_ErrorLabel { color: darkred; padding-left: 5px; font-size: 13px; }
span.k-input { padding-top: 0; padding-bottom: 0; }
button span.k-icon { margin: 0 5px !important; }
thead.k-grid-header tr th.k-header { text-transform: uppercase; }

/*stati progressbar workflow quotation*/
div.QuotStatusContainer { width: 90px; margin: 0 auto; }
    div.QuotStatusContainer > .QuotStatusPB { box-sizing: border-box; width: 100%; height: 16px; font-size: 70%; }
        div.QuotStatusContainer > .QuotStatusPB > ul > li.k-state-selected,
        .PbStatusYellow > div.k-state-selected,
        .PbStatusYellow > div.k-complete,
        div.QuotStatusContainer > .QuotStatusPB > ul > li.k-state-selected,
        .PbStatusYellow > div.k-complete {
            background-color: #FFFF00;
            border-color: transparent;
            opacity: 0.73;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusYellow > ul > li.k-state-selected,
        .PbStatusYellow > div.k-state-selected,
        .PbStatusYellow > div.k-complete {
            background-color: #FFFF00;
            border-color: transparent;
        }
        div.QuotStatusContainer > .QuotStatusPB.PbStatusGray > ul > li.k-state-selected,
        .PbStatusGray > div.k-state-selected,
        .PbStatusGray > div.k-complete {
            background-color: #808080;
            border-color: transparent;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusLightBlue > ul > li.k-state-selected,
        .PbStatusLightBlue > div.k-state-selected,
        .PbStatusLightBlue > div.k-complete {
            background-color: #ADD8E6;
            border-color: transparent;
        }




        div.QuotStatusContainer > .QuotStatusPB.PbStatusLightGreen > ul > li.k-state-selected,
        .PbStatusLightGreen > div.k-state-selected,
        .PbStatusLightGreen > div.k-complete {
            background-color: #90EE90;
            border-color: transparent;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusBluScuro > ul > li.k-state-selected,
        .PbStatusBluScuro > div.k-state-selected,
        .PbStatusBluScuro > div.k-complete {
            background-color: #00008B;
            border-color: transparent;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusVerdeScuro > ul > li.k-state-selected,
        .PbStatusVerdeScuro > div.k-state-selected,
        .PbStatusVerdeScuro > div.k-complete {
            background-color: #006400;
            border-color: transparent;
        }

div.QuotStatusContainer > .QuotStatusPB.PbStatusOrange > ul > li.k-state-selected,
.PbStatusOrange > div.k-state-selected,
.PbStatusOrange > div.k-complete {
    background-color: #FFA500;
    border-color: transparent;
}

        div.QuotStatusContainer > .QuotStatusPB.PbStatusBlack > ul > li.k-state-selected,
        .PbStatusBlack > div.k-state-selected,
        .PbStatusBlack > div.k-complete {
            background-color:#000000;
            border-color: transparent;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusAzzurroScuro > ul > li.k-state-selected,
        .PbStatusAzzurroScuro > div.k-state-selected,
        .PbStatusAzzurroScuro > div.k-complete {
            background-color: #003366;
            border-color: transparent;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusDarkGreen > ul > li.k-state-selected,
        .PbStatusDarkGreen > div.k-state-selected,
        .PbStatusDarkGreen > div.k-complete { background-color:darkgreen; border-color: transparent; }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusLime > ul > li.k-state-selected,
        .PbStatusLime > div.k-state-selected,
        .PbStatusLime > div.k-complete {
            background-color:lime;
            border-color: transparent;
        }
        div.QuotStatusContainer > .QuotStatusPB.PbStatusRosa > ul > li.k-state-selected,
        .PbStatusRosa > div.k-state-selected,
        .PbStatusRosa > div.k-complete {
            background-color: #FFC0CB;
            border-color: transparent;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusViola > ul > li.k-state-selected,
        .PbStatusViola > div.k-state-selected,
        .PbStatusViola > div.k-complete {
            background-color: #800080;
            border-color: transparent;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusBlu > ul > li.k-state-selected,
        .PbStatusBlu > div.k-state-selected,
        .PbStatusBlu > div.k-complete {
            background-color: #0000FF;
            border-color: transparent;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusVerdeAcqua > ul > li.k-state-selected,
        .PbVerdeAcqua > div.k-state-selected,
        .PbVerdeAcqua > div.k-complete {
            background-color: lightseagreen;
            border-color: transparent;
        }

        div.QuotStatusContainer > .QuotStatusPB.PbStatusRed > ul > li.k-state-selected,
        .PbStatusRed > div.k-state-selected,
        .PbStatusRed > div.k-complete {
            background-color: #FF0000;
            border-color: transparent;
        }
        div.QuotStatusContainer > .QuotStatusPB.PbStatusDarkCyan > ul > li.k-state-selected,
        .PbStatusDarkCyan > div.k-state-selected,
        .PbStatusDarkCyan > div.k-complete { background-color: #008B8B; border-color: transparent; }
    div.QuotStatusContainer > .QuotStatusDesc { width: 100%; margin-top: 2px !important; text-align: center; line-height: 1; /*font-size: 90%;*/ text-transform: uppercase; font-size: 80% !important; }

/* form */
.content .forms > ul { clear: both; margin: 5px 0; overflow: hidden; }
    .content .forms > ul > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; min-width: 220px; display: block; padding: 6px 8px; }
        .content .forms > ul > li:first-child { width: 40%; max-width: 60%; }
        .content .forms > ul > li.wide { width: 60%; max-width: 50%; }
        .content .forms > ul > li.txt-valuta > span { text-align: right; float: right; margin-right: 45px; width: inherit; }
        .content .forms > ul > li:first-child .wide { width: 100% !important; }
.no-padding { padding: 1px 8px !important; min-height: 30px; }
.input-perc { width: 97px; }
.input-valuta { width: 190px; }
    .input-valuta input.k-input { width: 156px; text-align: right; padding-right: 5px !important; }
.innerField { border: 1px solid #b8b7b7; border-width: 1px 0; margin: 20px 0; background: #F5F5F5; }
    .innerField:before { content: ''; position: absolute; width: 7px; margin-top: -5px; height: 7px; background: #F5F5F5; border: 1px solid #b8b7b7; border-width: 1px 0 0 1px; left: 42%; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    .innerField > ul { clear: both; margin: 8px 0; overflow: hidden; }
        .innerField > ul > li { padding: 6px 8px; margin-left: -8px; padding-left: 20px; float: left; width: 40%; }
            .innerField > ul > li:last-child { margin-left: -20px; }

span.doc-status { display: inline-block; float: right; opacity: .7; text-transform: uppercase; font-size: 90%; text-align: right; }
    span.doc-status .doc-draft-icon { float: right; margin: 7px 0 7px 7px; width: 8px; height: 8px; border-radius: 20px; background: orangered; }

.k-progressbar.QuotStatusPB { border-radius: 0; }

.k-window-content { padding: 0 !important; font-size: 13px !important; }
    .k-window-content.k-content,
    .k-window-content.k-content > form,
    .k-window-content.k-content .row,
    .k-window-content.k-content .row > [class*="col-"] { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }
        .k-window-content.k-content form { min-height: 100%; position: relative; overflow-x: hidden; overflow-y: auto; }
            .k-window-content.k-content form.no-margin { padding: 10px 20px 10px 20px !important; }
        .k-window-content.k-content .forms > ul { clear: both; margin: 5px 0; overflow: hidden; }
            .k-window-content.k-content .forms > ul > li { float: left; display: block; padding: 6px 8px; }
                .k-window-content.k-content .forms > ul > li:first-child { width: 40%; }
.k-widget.k-window .col-xs-12.modal-content { padding-bottom: 50px; }
    .k-widget.k-window .col-xs-12.modal-content.no-padding { padding-bottom: 0; }
.modal-bottom { padding: 10px 15px; background: #F5f5f5; border-top: 1px solid #DADADA; overflow: auto; position: absolute; bottom: 0; left: 0; right: 0; }
    .modal-bottom input[type="button"],
    .modal-bottom button { float: right; margin-left: 5px; }

ul.k-tabstrip-items > li > a > span.k-sprite.fa { font-size: 120%; margin: 1px 10px 1px 1px; padding-right: 2px; }


@media (max-width:480px) {
    .page-header .page-header-nav ul li { padding: 5px 0 !important; }
}

@media (max-width:767px) {
    body > .main.container-fluid { height: auto; min-height: 100%; padding: 0 10px 70px 10px !important; }

    /* Content */
    section.wrapper { }
        section.wrapper .content { }
            section.wrapper .content.with-aside { width: 100%; float: none; padding-right: 0; }
        section.wrapper aside.page-aside-tools { width: 100%; float: none; padding-left: 0; border-left: none; margin-top: 40px; padding-top: 40px; border-top: 1px solid #eee; }
            section.wrapper aside.page-aside-tools .k-button { max-width: 350px; }
}