/* stile panel mappa*/
.map-panel {
    min-height:360px;
    min-width:80%;
    background: white;  
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
      0 13px 19px 2px rgba(0, 0, 0, 0.14),
      0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

/* stile widget */
.panel-background {
    background-color:#f8f7f7;
}

.panel-widget-toolbar {
    box-shadow: none;
    margin: 0;
}

.md-button-widget {
    height:100%;
    padding:0 0 0 0;
    cursor: pointer;
    line-height:normal;
}

.md-widget-empty {
    height:30px;
}

.md-widget-select {
    margin:0 0 0 0;
}

/* no border*/
no-norder {border-bottom-style:none !important}

/* colori e stili dei numeri dei widget*/
line-height-72 {
    line-height: 72px;
}
.font-size-72 {
    font-size: 72px;
}

line-height-48 {
    line-height: 48px;
}
.font-size-48 {
    font-size: 48px;
}

.fixed-height-widget {
    height: 100%;
}
/* fine widget style */

/* toolbar subsection */
md-toolbar.md-small-tall {
    height: 30px;
    min-height: 30px;
    max-height: 30px; }

.md-small-tall .md-toolbar-tools {
    font-size: 16px;
    height: 30px;
    min-height: 30px;
    max-height: 30px; }

md-toolbar .md-menu.menubutton {
    height:auto;
    margin: inherit;
    padding:0; 
}

/* workflow log */
.workflow-log {
     width: 400px;
     height:100%;
}

.workflow-log-content {    
    min-height: 1050px;
}

/* header notification */
.notifications-dialog {
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.5);
    -ms-box-shadow: 0 2px 15px rgba(0,0,0,0.5);
    -o-box-shadow: 0 2px 15px rgba(0,0,0,0.5);
    box-shadow: 0 2px 15px rgba(0,0,0,0.5);
    color: #666;
    font: 13px Roboto,Arial,sans-serif;
    z-index: 2147000003;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    width: 400px;
    height: 632px;
}

.notifications-dialog-pointer-down,.notifications-dialog-pointer-left
    ,.notifications-dialog-pointer-right,.notifications-dialog-pointer-up {
    position: absolute
}

.notifications-dialog-pointer-down {
    background: no-repeat url('/Layout/Images/arrow.png') -32px -15px;
    bottom: 0%;
    height: 16px;
    left: 50%;
    margin: 0 0 -16px -16px;
    width: 32px
}

.notifications-dialog-pointer-left {
    background: no-repeat url('/Layout/Images/arrow.png') -16px 0;
    bottom: 50%;
    height: 32px;
    margin: -8px 0 0 0;
    right: 100%;
    width: 16px
}

.notifications-dialog-pointer-right {
    background: no-repeat url('/Layout/Images/arrow.png') -69px 0;
    bottom: 50%;
    height: 32px;
    margin: -8px -8px 0 0;
    right: 0;
    width: 16px
}

.notifications-dialog-pointer-up {
    background: no-repeat url('/Layout/Images/arrow.png') -32px 0;
    bottom: 100%;
    height: 16px;
    left: 50%;
    margin: 0 0 0 -16px;
    width: 32px
}

.notifications-dialog-header {    
}

.notifications-dialog-content {
    color: #666;
    font: 13px Roboto,Arial,sans-serif;
    line-height: 1.5
}

.notifications-main-content {
    padding: 0 20px 7px 20px
}

.notifications-dialog-subtitle {
    color: #999;
    float: right;
    font: 11px Roboto,Arial,sans-serif;
    padding: 3px 30px 0 30px;
    text-align: right
}

.notifications-dialog-title {
    color: #666;
    font: 16px Roboto,arial,sans-serif;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    width: 400px;
}

/* notifica in campanella */
.notifications-label {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    font-size: 12px;
    top: 2px;
    left: 4px;
    background-color: #E75753;
}

/* notifica in allegati */
.attachments-label {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    font-size: 12px;
    top: 14px;
    right: 4px;
    background-color: #E75753;
    color: #fff;
}

/* badge */
.w3-badge,.w3-tag,.w3-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.w3-badge{border-radius:50%}

/*background-color*/
.w3-hover-none:hover{box-shadow:none!important;background-color:transparent!important}
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#ed6b75!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-medium-grey,.w3-hover-medium-grey:hover{color:#000!important;background-color:#e0e0e0!important}
.w3-dark-grey,.w3-hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffe7e7!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#e7ffe7!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffd7!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#e7ffff!important}

/*text color*/
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover{color:#3a3a3a!important}

/* set disable color to input */
.md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled], md-input-container.md-default-theme .md-input [disabled], md-input-container .md-input [disabled] {
    color: rgba(0, 0, 0, 0.72);
}

/* set disable color to checkbox*/
md-checkbox.md-default-theme[disabled] .md-label, md-checkbox[disabled] .md-label {
    color: rgba(0,0,0,0.72);
}

/* set disable color to select*/
md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value {
     color: rgba(0,0,0,0.72);
}
.highlightField {
    background-color: #f6f804 !important;
}

/* rotazione icone */
.rotate180 {
    transform: rotate(180deg);
}

/* whiteframe margin */
.top20 {
    margin-top: 10px;
}

.carserver-sidemenu {
    display: none;
}

@media (max-width: 1365px) {
    .carserver-sidemenu {
        display: inline !important;
    }
}

/*larghezza minima personalizzata finestre dialog*/
md-dialog {
    min-width: 30%;
}

/* compressione campi input */
div[role=main] {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

h4 {
    margin: 0.5em 0;
}
md-input-container {
    padding: 0 2px 0 2px;   /* !important: SB 20161126 tolto per mostrare icone dento md-input-container */
    margin: 4px 0px -4px 0; /*!important: SB 20161126 tolto  per mostrare icone dento md-input-container */
}

/* SB 20161126 tolto altrimenti non mostra messaggi d'errore
.rv-input-container [ng-message], md-input-container [ng-message] {
    padding-right: 0 !important;
    position: absolute;
    top: 0px;
    left: 5px;
    color: rgb(244,67,54);
    font-size: 12px;
    line-height: 14px;
}
*/

md-input-container .md-char-counter {
    bottom: -15px !important;
}

/* datepicker flex Material Angular 1.1.1 */
.md-datepicker-input {
    min-width: 100% !important;
    max-width: 100% !important;
}
.md-datepicker-input-container {
    width: 70%;
}
/* datepicker Material Angular 1.1.1 */
/* non più usate per avanzamento versione angular material
.md-datepicker-input-container {
    top: 15px;
    padding-bottom: 0;
}

md-datepicker.md-default-theme, md-datepicker {
    background-color: transparent;
}

.md-datepicker-button.md-button.md-icon-button {
    height: 60px;
}

md-datepicker md-icon {
    margin-top: 25px;
}
*/
/* nuove classi datepicker

.md-datepicker-input{
    min-width:200px
}*/

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    transform: translate3d(0, 10px, 0) scale(0.75);
}

md-autocomplete {
    padding-bottom: 0 !important;
}

md-select {
    margin: 20px 0 5px 0;
}

md-select-menu md-content md-option{
    background-color:#fff;
}

md-input-container .md-placeholder, md-input-container label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 22px, 0) scale(1);
    transform: translate3d(0px, 22px, 0px) scale(1);
}

md-input-container:not(.md-input-invalid).md-input-has-value.md-default-theme label, md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: #555 !important;
}

md-input-container .md-input {
    line-height: 24px;
}

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    transform: translate3d(0px, 8px, 0px) scale(0.75);
}

.dialogList {
    border-collapse: collapse;
}

.dialogList thead tr {
    font-weight: bold;
}

.dialogList thead td, .dialogList tbody td {
    padding: 5px 15px 5px 15px;
    border-bottom: 1px solid #ccc;
}

/* classi per autocomplete chips */

.ContactChips md-content.autocomplete {
    min-height: 250px; 
}
.ContactChips md-content.autocomplete input {
    min-width: 400px; 
}

.ContactChips .md-item-text.compact {
    padding-top: 8px;
    padding-bottom: 8px; 
}

.ContactChips .contact-item {
    box-sizing: border-box; 
}
.ContactChips .contact-item.selected {
    opacity: 0.7; 
}
.ContactChips .contact-item.selected h3 {
    opacity: 0.7; 
}

.ContactChips .contact-item .md-list-item-text {
    padding: 14px 0;
    max-width: 190px; 
}

.ContactChips .contact-item .md-list-item-text h3 {
    margin: 0 !important;
    padding: 0;
    line-height: 1.2em !important; 
}

.ContactChips .contact-item .md-list-item-text h3, .ContactChips .contact-item .md-list-item-text p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; 
}
@media (min-width: 960px) {
    .ContactChips .contact-item {
        float: left;
        width: 33%; 
    } 
}

.ContactChips md-contact-chips {
    margin-bottom: 10px; 
}

.ContactChips .md-chips {
    padding: 5px 0 8px; 
}

.ContactChips .fixedRows {
    height: 250px;
    overflow: hidden; 
}

.record-footer {
    color:rgba(0,0,0,0.54);
    font-size:14px;
    background-color: transparent !important;
}
/**classi per sidenav personalizzato di gestione filtri avanzati*/
md-sidenav.filterNav, md-sidenav.filterNav md-content {
    background-color:#f1f1f1;
}

md-sidenav.filterNav md-input-container .md-errors-spacer {
    min-height:0 !important;
}


/**Classi per ng-file-upload**/
.upload-buttons input[type="file"] {
    width: 6.3em \0/ IE9;
}

.upload-button {
    Height: 26px;
    line-height: 30px;
    padding: 0 10px;
    background: #CCC;
    appearance: button;
    -moz-appearance: button; /* Firefox */
    -webkit-appearance: button; /* Safari and Chrome */
    position: relative;
    text-align: center;
    top: 7px;
    cursor: pointer;
}

.sel-file {
    padding: 1px 5px;
    font-size: smaller;
    color: grey;
}

.response {
    padding: 0;
    padding-top: 10px;
    margin: 3px 0;
    clear: both;
    list-style: none;
}

.response .sel-file li, .response .reqh {
    color: blue;
    padding-bottom: 5px;
}

.progress {
    display: inline-block;
    width: 100px;
    border: 3px groove #CCC;
}

.progress div {
    font-size: smaller;
    background: orange;
    width: 0;
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    padding: 50px 0;
    text-align: center;
}

.drop-box.dragover {
    border: 5px dashed blue;
}

.drop-box.dragover-err {
    border: 5px dashed red;
}

form .progress {
    line-height: 15px;
}

.edit-area {
    font-size: 14px;
    background: black;
    color: #f9f9f9;
    padding: 5px 1px;
}

#htmlEdit {
    margin-bottom: 25px;
}

.edit-div {
    font-size: smaller;
}

.CodeMirror {
    font-size: 14px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.sub {
    font-size: smaller;
    color: #777;
    padding-top: 5px;
    padding-left: 25px;
}

.err {
    font-size: 12px;
    color: #C53F00;
    margin: 15px;
    padding: 15px;
    background-color: #F0F0F0;
    border: 1px solid black;
}

md-content {
    background-color:transparent !important;
}

md-content md-tabs {
    margin-left:15px;
    margin-right:15px;
}

md-content md-tabs md-tabs-canvas{
    background-color:#fff !important;
}

md-tab-content md-card, .nomargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top:0 !important;
}

/*classi per messaggio note vendita delle richieste trasferimento auto*/
.messageYellow{color:#000!important;background-color:#ffeb3b!important}
.messageRed{color:#fff!important;background-color:#FF0000!important}

.md-button-sign {
    width:100% !important;
    text-align:center;
    margin-left:0; 
    margin-bottom:20px;
}

.sign_bar {
    height:100px;
    padding-top:4px;
    text-align:center;
}

/*Griglia*/
table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}

    table.gridtable th {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #666666;
        background-color: #dedede;
        text-align: left;
    }

    table.gridtable td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #666666;
        background-color: #ffffff;
    }

        table.gridtable td.header {
            background-color: #efefef;
        }