/* BackGround Generale Applicazione */
html, body, .kbs-bg {
    background-color: #e3e8f2 !important;
    overflow: hidden;
}

md-content#kbs-viewdata-main {
    background-color: transparent !important;
}

md-content#kbs-findadv {
    height: 100%;
}

/* IFrame */
.kbs-iframe {
    border-style: hidden;
    border-radius: 2px;
    width: 100%;
    height: 600px;
}

form[name='FiltersForm'] md-content, #kbsLogApplication md-content, #kbsShippingLogApplication md-content, .LoginContent .fakeInput input:disabled  {
    background-color: #ffffff;
}
/* Fine IFrame */

/* Tile Home Page */
md-grid-tile {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Pagina Login */
.kbs-loginpage {
    background-color: #d9e1ed;
}

.LoginContent {
    width: 380px;
    padding: 3em 2em 2em 2em;
    background: #e3e8f2 !important;
    border: 1px solid #ebebeb;
    box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.LoginContent .loginSpacer {
    height: 40px;
    margin-top: 10px;
}

.LoginContent .fakeInput {
    height: 40px;
    margin-top: 10px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.LoginContent .fakeInput input {
    height: 40px;
    border: 0px;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 5px;
}

.LoginContent button {
    margin-right: 0px !important;
    margin-left: 0px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
}

.LoginContent md-icon {
    font-size: 30px;
    color: #e3e8f2;
    margin: 5px;
}

.kbs-change-password-dialog {
    width: 800px !important;
}

.kbs-password-recovery-content {
    width: 800px;
}

.kbs-change-password-required-content {
    width: 500px;
}

.kbs-approval-change-password-content {
	width: 500px;
}

/* Content all'interno delle applicazioni */
.kbs-noPad {
    padding: 0px !important;
}

.kbs-noMargin {
    margin: 0px !important;
}

/* Migliore visibilità dei campi abilitati */
md-input-container.md-default-theme .md-input, md-input-container .md-input,
md-select.md-default-theme .md-select-value, md-select .md-select-value {
    border-color: rgba(0, 0, 0, 0.10);
}

[disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input, md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled] {
    background-image: linear-gradient(90deg,rgba(0,0,0,0.20) 0,rgba(0,0,0,0.20) 33%,transparent 0);
    background-image: -ms-linear-gradient(left,transparent 0,rgba(0,0,0,0.20) 100%);
}

/* Definizione di una classe per il titoletto da mostrare in caso di lista con filrti nascosti */
.kbs-list-title-hide-filter{
    margin-left: 8px;
    font-size: 16px;
    padding-top: 4px;
}

/* Definizione di una classe per i record della lista disabilitati */
.list-record-disabled {
    background-color: #F4F4F4;
}

.list-record-disabled:hover {
    background-color: #E9E9E9 !important;
}

/* Definizione di una classe per i record della lista disabilitati */
.list-record-unavailable {
    background-color: #E9E9E9;
}

.list-record-unavailable:hover {
    background-color: #B6B6B6 !important;
}

/* Definizione di una classe per i record della lista che devono essere evidenziati */
.list-record-highlighted {
    background-color: rgba(1,125,195, 0.15) !important;
}

.list-record-highlighted:hover {
    background-color: rgba(1,125,195, 0.25) !important;
}

.mdp-datepicker-date,
.mdp-datepicker-day,
.mdp-datepicker-dow,
.mdp-datepicker-month {
    font-size: 1.1rem;
    opacity: 0.6;
}

md-input-container .hint {
    /* Copy styles from ng-messages */
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    /* Set our own color */
    color: grey; 
}
md-input-container .hint.ng-hide,
md-input-container .hint.ng-enter,
md-input-container .hint.ng-leave.ng-leave-active {
    bottom: 26px;
    opacity: 0;
}

md-input-container .hint.ng-leave,
md-input-container .hint.ng-enter.ng-enter-active {
    bottom: 7px;
    opacity: 1;
}

/* Chip */

md-input-container.kbs-chips-container .md-errors-spacer {
    min-height: 0px !important;
}

md-input-container.kbs-chips-container .md-chips input {
    line-height: 20px !important;
    height: 20px !important;
    vertical-align: text-bottom;
}

md-input-container.kbs-chips-container md-chips-wrap {
    padding: 2px 2px 1px 2px !important;
}

md-input-container.kbs-chips-container .md-button.md-icon-button {
    top: 0px !important;
}

.md-chips-spacer {
    height: 24px;
}

/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
.ng-hide {
  display: block!important;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.signature-footer {
    color:rgba(0,0,0,0.54) !important;
    font-size: 0.75em;
    background-color: transparent !important;
    padding-left: 10px;
    margin-top: 10px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-auto {
    cursor: auto;
}

.width-30 {
	width: 30%;
}

.width-40 {
    width: 40%;
}

.width-50 {
	width: 50%;
}

.width-60 {
	width: 60%;
}

.width-70 {
    width: 70%;
}

.width-100 {
	width: 100%;
}

.height-100 {
    height: 100%;
}

.height-95 {
    height: 95%;
}

.height-90 {
    height: 90%;
}

.margin-8 {
    margin: 8px;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-left-auto {
    margin-left: auto;
}

.border-solid-grey {
    border: 1px solid grey;
}

.overflow-y-auto {
    overflow-y: auto;
}

.span-elements-selected {
    width: 100%;
}

.align-center {
    display: flex;
    align-items: center; /* align vertical */
    justify-content: center; /* align horizontal */
}

button > md-icon {
    margin-top: -2px
}

.padding-0 {
    padding: 0px !important;
}

.padding-top-0 {
    padding-top: 0px !important;
}

.kbs-input-padding-horizontal {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

md-input-container.kbs-input-padding-horizontal.md-input-has-value label,
md-input-container.kbs-input-padding-horizontal.md-input-focused label {
    padding-left: 20px !important;
}

md-input-container.kbs-input-padding-horizontal label {
    padding-left: 15px !important;
}

.kbs-input-padding-horizontal .md-button {
    padding-right: 15px !important;
    display: none;
}

.kbs-input-padding-horizontal:hover .md-button {
    display: block;
}

.kbs-input-padding-horizontal .kbs-lookup-button-1 {
    padding-right: 53px !important;
    display: none;
}

.kbs-input-padding-horizontal:hover .kbs-lookup-button-1 {
    display: block;
}

.kbs-input-padding-horizontal .kbs-lookup-button-2 {
    padding-right: 20px !important;
    display: block !important;
}

.kbs-input-padding-horizontal-group {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.kbs-input-padding-horizontal-group label {
    padding-left: 23px !important;
}

/* INIZIO: Griglie all'interno di una dialog */
.single-choice-min-dimension {
    min-width: 400px;
    height: 600px;
}

.kbs-multiple-choice-min-width {
    min-width: 1000px;
}

.kbs-multiple-choice-min-height {
    min-height: 600px;
}

.kbs-multiple-choice-padding-horizontal {
    padding-left: 15px;
    padding-right: 15px;
}

.kbs-multiple-choice-row-height tr {
    height: 32px !important;
}

.md-input-container-dialog {
    margin-top: 8px;
    margin-bottom: 0px;
}

.md-dialog-content-dialog {
    padding: 10px !important;
}

.th-dialog {
    height: 45px !important;
}

.tr-dialog {
    height: 36px !important;
}

.md-table-pagination-dialog {
    padding: 0 10px;
}

.md-table-pagination-dialog .buttons {
    margin-left: 10px !important;
}

.md-table-pagination-dialog md-select {
    min-width: 40px;
}

.md-table-pagination-dialog .limit-select {
    margin-left: 10px !important;
}

.md-dialog-addsecurity,
.md-dialog-addmessagessettings,
.md-dialog-addtaskssettingsentities {
    max-width: 95%;
}
/* FINE: Griglie all'interno di una dialog */

.kbs-transData thead tr th:last-child {
    width: 20px !important;
} 

.kbs-transData tbody tr td:last-child {
    padding: 0px !important;
}

.border-bottom-style-none > .md-select-value {
    border-bottom-style: none !important;
}

.grid-md-option {
    height: 36px !important;
}

/* Gestione dimensioni campi in griglia */
md-data-table-container { /* Tabella scrollabile */
    overflow:auto !important;
}

md-data-table-container::-webkit-scrollbar {
	height: 7px;
}

md-data-table-container::-webkit-scrollbar-thumb {
	background-color: grey;
}

.kbs-sort-icon {
	float: right;
}

.kbs-label-header {
    float:left;
    width: 20%;
}

.kbs-nofilter-header-grid .kbs-label-header,
.kbs-nofilter-header-grid .kbs-sort-icon {
    margin-top: -3px;
}

table.md-table td.kbs-sizecolumn1, 
table.md-table th.kbs-sizecolumn1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 50px;
    width:50px;
    max-width: 50px;
    table-layout: fixed;
}

table.md-table td.kbs-sizecolumn2,
table.md-table th.kbs-sizecolumn2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 100px;
    width: 100px;
    max-width: 100px;
    table-layout: fixed;
}

table.md-table td.kbs-sizecolumn3,
table.md-table th.kbs-sizecolumn3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 150px;
    width:150px;
    max-width: 150px;
    table-layout: fixed;
}

table.md-table td.kbs-sizecolumn4,
table.md-table th.kbs-sizecolumn4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 200px;
    width:200px;
    max-width: 200px;
    table-layout: fixed;
}

table.md-table td.kbs-sizecolumn5,
table.md-table th.kbs-sizecolumn5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 250px;
    table-layout: fixed;
}

table.md-table td.md-cell:last-child, table.md-table th.md-column:last-child {
    padding-right: 0px !important;
}

/* Dimensione Header delle colonne contenenti icone azione */
thead.md-head tr.md-row th.kbs-tableAction {
    width: 20px !important;
}
tbody.md-body tr.md-row td.kbs-tableAction {
    text-align: right !important;
}
/* Dimensione Celle delle colonne contenenti icone azione */
tbody.md-body tr.md-row td.kbs-tableAction > input {
    padding: 0px !important;
}

/* Dimensione Header delle colonne contenenti icone azione */
thead.md-head tr.md-row th.kbs-tableActionLeft {
    width: 20px !important;
}
tbody.md-body tr.md-row td.kbs-tableActionLeft {
    text-align: left !important;
}
/* Dimensione Celle delle colonne contenenti icone azione */
tbody.md-body tr.md-row td.kbs-tableActionLeft > input {
    padding: 0px !important;
}

tbody.md-body > tr.md-row:hover { /* Hover in Griglia */
	background-color: rgb(220, 235, 245);
}

.hide-checkbox-disabled md-checkbox[disabled] {
    visibility: hidden;
}

md-toolbar.md-table-toolbar .md-toolbar-tools md-icon {
    color: black !important;
}

md-toolbar.md-table-toolbar .md-toolbar-tools button[disabled] md-icon, md-icon.kbs-sort-icon.no-order {
    color: rgba(0, 0, 0, 0.20) !important;
}

/* Gestione dimensioni campi in griglia */

/* Gestione errori in lista */
.error-row-highlighted {
    background-color: #c0c0c0 !important;
    font-weight: 900;
}

/* Colore di icone in button disabilitati con toolbar md-default */
md-toolbar:not(.md-menu-toolbar) .md-button[disabled] md-icon {
    color: rgba(0, 0, 0, 0.20);
}

/* Spazio verticale tra i vari input */
md-input-container {
    margin-top: 8px !important;
    margin-bottom: 0px;
}

md-input-container md-checkbox {
    margin-top: 8px;
}

/* DatePicker Stretch */
.md-datepicker-input-container {
  width: 100%;
  margin-left: 0px;
}
/* DatePicker Stretch */

/* Sidenav filter */

@media (min-width: 599px) {
    .kbs-filter-sidenav-30 {
        width: 30% !important;
        min-width: 30% !important;
    }
    .kbs-filter-sidenav-40 {
        width: 40% !important;
        min-width: 40% !important;
    }
    .kbs-filter-sidenav-50 {
        width: 50% !important;
        min-width: 50% !important;
    }
    .kbs-filter-sidenav-60 {
        width: 60% !important;
        min-width: 60% !important;
    }
    .kbs-filter-sidenav-70 {
        width: 70% !important;
        min-width: 70% !important;
    }
    .kbs-filter-sidenav-80 {
        width: 80% !important;
        min-width: 80% !important;
    }
    .kbs-filter-sidenav-90 {
        width: 90% !important;
        min-width: 90% !important;
    }
}

/* Sidenav filter */

/* Icon Disabilitate */
md-icon[disabled] {
    color: rgba(0, 0, 0, 0.20);
}
/* Icon Disabilitate */


/* IE disabilito ms-clear */
input[type=text]::-ms-clear {
    display: none;
}

/* Per filtri testata griglia */
.kbs-filter-header-grid {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.kbs-nofilter-header-grid {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}

.kbs-cell-edit-grid,
.kbs-filter-header-grid,
.kbs-nofilter-header-grid {
    border: 1px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kbs-filter-header-grid md-icon,
.kbs-cell-edit-grid,
.kbs-nofilter-header-grid md-icon {
    cursor: pointer;
}

.kbs-filter-header-grid:hover {
    border: 1px solid #dedede;
    border-radius: 2px;
    cursor: pointer;
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-left-9 {
    padding-left: 9px !important;    
}

.padding-right-9 {
    padding-right: 9px !important;
}

table.md-table th.md-column md-icon {
    font-size: 25px !important;
    margin-top: 5px;
}

.kbs-cell-edit-grid md-icon,
.kbs-filter-header-grid md-icon,
.kbs-nofilter-header-grid md-icon {
    float: right;
    margin-top: -5px !important;
}

.kbs-filter-header-grid.md-accent {
    background-color: #eee;
}

.kbs-cell-edit-grid md-select {
    margin: 0px !important;
}

.kbs-cell-edit-grid md-select md-select-value {
    border: none !important;
}

.kbs-cell-edit-grid md-select[disabled] .md-select-value {
    background: none !important;
}

.kbs-cell-edit-grid md-select[disabled] .md-select-value .md-select-icon {
    display: none !important;
}

.kbs-cell-edit-grid md-select[disabled] .md-text {
    color: rgba(0, 0, 0, 0.87);
}

/* fine filtri testata griglia */

.kbs-delete-icon {
    position: absolute;
    top: 7px;
    right: 20px;
    cursor: pointer;
}

.kbs-lookup-icon {
    position: absolute;
    top: 7px;
    right: 15px;
}

.hint {
    /* Position the hint */
    position: absolute;
    left: 2px;
    right: auto;
    bottom: 7px;
    /* Copy styles from ng-messages */
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    /* Set our own color */
    color: grey; 
}

.kbs-input-default {
    border: none;
    margin: 0;
    color: rgba(0, 0, 0, 0.54);
    font-weight: bold;
    font-size: 12px;
}

.kbs-input-default-grid {
    border: none !important;
    margin: 0 !important;
    color: rgba(0, 0, 0, 0.54);
    font-weight: bold;
    font-size: 12px;
    background-color: transparent !important;
}

.kbs-input-default-grid:focus {
    border-bottom: 1px solid #dedede !important;
    margin: 0 !important;
    color: rgba(0, 0, 0, 0.54);
    font-weight: bold;
    font-size: 12px;
    background-color: transparent !important;
}

table:not(.md-row-select).md-table td:nth-child(n+2):nth-last-child(n+2).md-cell, table:not(.md-row-select).md-table th:nth-child(n+2):nth-last-child(n+2).md-column {
    padding-right: 28px !important;
}

/* Stretch DatePicker Input */
._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  left: 34px;
  right: 0;
}
md-datepicker {
  display: inline-block;
  padding: 0;
  width: 100%;
}
md-datepicker .md-datepicker-button {
  margin-left: -12px;
}
md-datepicker .md-datepicker-input-container {
  display: flex;
}
md-datepicker .md-datepicker-input-container .md-datepicker-input {
  max-width: 100%;
  min-width: 100%;
}
md-datepicker .md-datepicker-input-container .md-datepicker-triangle-button {
  right: 8px;
}
md-datepicker .md-input-messages-animation .md-input-message-animation {
  margin-left: 34px;
}
/* Stretch DatePicker Input */

/* Font Size */

.font-size-13 {
    font-size: 13px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-36 {
    font-size: 36px;
}

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

.font-size-60 {
    font-size: 60px;
}

/* Fine Font Size */

/* Gruppo Bottoni */
.sectionGroupX section {
    margin-right: 5px;
}

div[disabled].sectionGroupX .md-label {
    color:rgba(0, 0, 0, 0.38);
}

.sectionGroupX .md-label {
    margin-top: 8px !important;
}

.groupX {
    font-size: 16px;
    margin: 0px;
    margin-bottom: 15px;
    padding: 0px;
    color: rgb(49, 46, 46);
    background-color: rgba(224, 224, 224, 0.96);
    text-transform: none;
    font-weight: 400;
    min-width: 50px;
    height: 20px;
}

.md-button.left {
    border-radius: 10px 0 0 10px;
}

.md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96);
}

.md-button.right {
    border-radius: 0 10px 10px 0;
}

.sectionGroupX .md-button:not([disabled]):hover {
    background-color: rgba(193, 193, 193, 0.96);
    transition: 0.3s;
}

.md-button.kbs-yes {
    color:rgba(255,255,255,0.87) !important;
    background-color:rgba(0,102,0,0.87) !important;
}

.md-button.kbs-no {
    color:rgba(255,255,255,0.87) !important;
    background-color:rgba(228,0,56,0.87) !important;
}

.md-button.kbs-na {
	color: rgba(255,255,255,0.87) !important;
	background-color: rgb(0, 0, 0) !important;
}

.md-button.md-button-kbs-small {
    min-width: 0px !important;
    margin: 0px !important;
}


.sectionGroupX .ng-invalid-required {
    color: rgb(221, 44, 0) !important;
}

/* Gruppo Bottoni*/

.kbs-section {
    padding: 4px;
    margin: 8px;
    padding-top: 20px;
    background-color: white;
    min-height: 40px;
}

.kbs-section-log {
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: white;
    border: 1px solid lightgray;
}

kbs-section-log-none {
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: white;
    border: none;
}

.kbs-section-head {
    padding: 4px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    padding-top: 20px;
    background-color: white;
}

.kbs-section-tab {
    padding: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: white;
    box-shadow: none;
}

.kbs-section-table {
    margin: 8px;
    background-color: white !important;
    border: 1px solid lightgray;
}

.kbs-section-table .kbs-toolbar-tools {
    margin-top: 10px !important;
    margin-bottom:10px !important;
    padding-left: 20px;
    padding-right: 20px;
}

.kbs-section-table-tabs {
    margin-left: 8px;
    margin-right: 8px;
    background-color: white !important;
}

.kbs-card-multiple-choice {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.kbs-border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

md-input-container > button {
    margin: 0px !important;
    padding: 0px !important;
    position: absolute !important;
    min-width: 0px !important;
    width: auto !important;
    left: auto !important;
    right: 2px !important;
}

.kbs-table-toolbar {
    min-height: 46px !important;
}

.kbs-toolbar-tools {
    height: 35px !important;
}

md-tab-item:hover {
    background-color: rgba(158,158,158,0.2);
}

/* Font */

button, html, input, select, textarea,
md-bottom-sheet .md-subheader,
.md-chips {
    font-family: Roboto, Helvetica Neue, sans-serif !important;
}

/* Fine Font */

.rg-right {
    margin-right: -7px !important;
}

.rg-bottom span, .rg-left span, .rg-right span, .rg-top span {
    border: 1px solid #000000;
}

.rg-left span, .rg-right span {
    border-width: 0 1px;
    top: 45%;
    height: 10%;
}

md-dialog.md-dialog-fullscreen{
    min-height: 100%;
    min-width: 100%;
}

/* Colori Tema */
.kbs-accent,
.kbs-accent md-icon {
    color: rgb(255,171,64) !important; /*#FFAB40*/
}

#kbs-sidenav {
    background-color: #393f43;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
    top: 64px;
    width: 64px;
}

#kbs-sidenav-menu {
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}

#kbs-sidenav-menu:hover {
    overflow-y: auto;
    scrollbar-color: #F5F5F5 #393f43;
    scrollbar-width: thin;
}

#kbs-sidenav-menu::-webkit-scrollbar {
    width: 6px;
    background-color: #393f43;
}

#kbs-sidenav-menu::-webkit-scrollbar-thumb {
    background-color: #F5F5F5;
}

#kbs-sidenav-sub {
    background-color: #1c5783;
    opacity: 0.9;
    position: fixed;
    bottom: 0;
    left: 64px;
    z-index: 10;
    -webkit-transition: width 0.2s; /* Safari */
    transition: width 0.2s;
    top: 64px;
    width: 64px;
    overflow-y: hidden;
    overflow-x: hidden;
}

#kbs-sidenav-sub:hover {
    overflow-y: auto;
    scrollbar-color: #393f43 #1c5783;
    scrollbar-width: thin;
}

#kbs-sidenav-sub::-webkit-scrollbar {
    width: 6px;
    background-color: #1c5783;
}

#kbs-sidenav-sub::-webkit-scrollbar-thumb {
    background-color: #393f43;
}

#kbs-sidenav .fakeover .md-button {
    background-color: rgba(158,158,158,0.2);
}

.kbs-avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 55%;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 35px;
    max-height: 35px;
}

.kbs-avatar-max {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    padding: 0px;
}

.kbs-modulebody {
    margin-left: 64px;
}

#kbs-sidenav.kbs-overflow {
     overflow-y: auto;
     overflow-x: hidden;
}

#kbs-sidenav md-icon, #kbs-sidenav p,
#kbs-sidenav-sub md-icon, #kbs-sidenav-sub p {
    color: #ffffff;
}

md-list-item.kbs-topmenu  {
    border-bottom: 1px solid #ffffff !important;
}

.kbs-menumin md-list-item .md-button, .kbs-menumin md-list-item.kbs-topmenu {
    min-width: 63px !important;
    width: 63px !important;
}

md-list-item.kbs-topmenu button {
    color: #ffffff;
    width: 223px;
    font-size: 16px;
    text-align: left;
    text-transform: none;
}

md-list-item.kbs-topmenu button md-icon {
    margin-bottom: 0px;
}

md-list-item.kbs-topmenu > div > md-icon {
    margin-right: 17px !important;
}

.kbs-menumin md-list-item div .md-list-item-inner {
    width: 25px !important;
}

.kbs-menu-icon-tooltip {
    z-index: 1 !important;
}

.kbs-historyback .md-button:not([disabled]) {
    background-color: rgba(158,158,158,0.2) !important;
}

#kbs-sidenav md-list, #kbs-sidenav-sub md-list {
    width: 100%;
    padding-top: 0px !important;
}

.kbs-disabled-button-menu{
    color: white !important;
}

.kbs-img-menu {
    height: 24px;
    width: 24px;
    margin-top: 8px;
}

/* Gestione Sezione Log */
#kbsLogApplication md-card-header {
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 0px;
}

#kbsLogApplication md-card-content {
    padding-bottom: 0px;
    padding-top: 0px;
    overflow-y: auto;
}

#kbsLogApplication div.md-button {
    border-bottom: 1px solid #d0d0d0 !important;
}


#kbsLogApplication h3 {
    font-size: 16px;
}
#kbsLogApplication p {
    font-size: 11px;
}

#kbsLogApplication  .md-title {
    line-height: 40px;
}

#kbsLogApplication .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, #kbsLogApplication md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
    margin-left: 0px;
}

#kbsLogApplication .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, #kbsLogApplication md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type,
#kbsLogApplication md-card-header .md-button {
    margin-right: 0px;
}

#kbsLogApplication .kbs-avatar {
    margin-right: 10px;
}

#kbsLogApplication md-select {
    margin-top: 26px;
}

/* Gestione Sezione Log Spedizioni */
#kbsShippingLogApplication md-card-header {
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 0px;
}

#kbsShippingLogApplication md-card-content {
    padding-bottom: 0px;
    padding-top: 0px;
    overflow-y: auto;
}

#kbsShippingLogApplication div.md-button {
    border-bottom: 1px solid #d0d0d0 !important;
}


#kbsShippingLogApplication h3 {
    font-size: 16px;
}
#kbsShippingLogApplication p {
    font-size: 11px;
}

#kbsShippingLogApplication  .md-title {
    line-height: 40px;
}

#kbsShippingLogApplication .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, #kbsShippingLogApplication md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
    margin-left: 0px;
}

#kbsShippingLogApplication .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, #kbsShippingLogApplication md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type,
#kbsShippingLogApplication md-card-header .md-button {
    margin-right: 0px;
}

#kbsShippingLogApplication .kbs-avatar {
    margin-right: 10px;
}

#kbsShippingLogApplication md-select {
    margin-top: 26px;
}

.kbs-shipping-log-dialog-error {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: rgba(255, 0, 0, 0.8);
	background-color: rgba(255, 0, 0, 0.1);
	border-radius: 4px;
	margin-bottom: 16px;
	min-height: 62px;
	padding: 0 20px;
}

.kbs-shipping-log-dialog-error span {
	text-align: center;
}

/* Fine Gestione Sezione Log Spedizioni */

/* Fine Colori Tema */

/* Icona Nazioni */

.kbs-nations-icon {
    width: 75px !important;
    height: auto !important;
}

/* Fine Icona Nazioni */

/* Logo account in dettaglio*/
.kbs-account-div-logo-detail{
    width: 100%;            
    margin-bottom: -40px;
}

.kbs-account-logo-detail{
    max-width: 100px;
    max-height: 100px;
    
}

.kbs-margin-0 {
	margin: 0px !important;
}
.kbs-margin-5{
    margin: 5px;
}
.kbs-margin-10{
    margin: 10px;
}
.kbs-margin-top-5{
    margin-top: 5px;
}
.kbs-margin-top-10{
    margin-top: 10px;
}
.kbs-margin-top-20 {
    margin-top: 20px;
}
.kbs-margin-top-25{
    margin-top: 25px !important;
}
.kbs-margin-top-45{
    margin-top: 45px !important;
}
.kbs-margin-right-15{
    margin-right: 15px;
}
.kbs-margin-right-20 {
    margin-right: 20px;
}
.kbs-margin-left-10{
    margin-left: 10px !important;
}
.kbs-margin-left-16{
    margin-left: 16px;
}
.kbs-margin-left-20 {
    margin-left: 20px;
}
.kbs-margin-left-30 {
    margin-left: 30px;
}
.kbs-margin-left-75{
    margin-left: 75px;
}
.kbs-margin-bottom-20{
    margin-bottom: 20px;
}
.kbs-padding-0 {
	padding: 0px;
}
.kbs-padding-2{
    padding: 2px;
}
.kbs-padding-4{
    padding: 4px;
}
.kbs-padding-left-15{
    padding-left: 15px;
}
.kbs-padding-left-20{
    padding-left: 20px;
}
.kbs-color-red md-icon{
    color: red !important;
}
.kbs-background-color-efefef{
    background-color: #efefef;
}

.kbs-text-align-left {
    text-align: left !important;
}

.kbs-text-align-right{
    text-align: right !important;
}

.kbs-max-height-40{
    max-height: 40px;
}
.kbs-max-height-50{
    max-height: 50px;
}

.kbs-overflow-scroll{
    overflow:scroll
}
.kbs-overflow-auto{
    overflow:auto
}

.kbs-capilatize{
    text-transform: capitalize;
}

.sample-show-hide {
  transition: all linear 0.5s;  
}

.sample-show-hide.ng-hide {
  opacity: 0;
}

.kbs-titolo-contatto{
    padding: 12px; 
    font-size: 20px;
}

.md-toolbar-tools h1 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}


.kbs-fakeHr {
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #A1ACB0;
    text-align: center;
    margin-bottom: 20px;
}

.kbs-fakeHr span {
    font-size: 30px;
    background-color: #e3e8f2;
    padding: 0 20px;
    line-height: 35px;
    color: #A1ACB0;
    font-weight: 300;
}

.kbs-topbar .md-toolbar-tools{
    padding-left: 0px !important;
}

.kbs-topbar #logo{
    height: 100%;
    width: 64px;
}

.kbs-topbar #logo img{
    height: 75%;
    width: 75%;
}

.kbs-capitalize {
    text-transform: capitalize !important;
}

.kbs-divider-tool {
    border-right: 1px solid black;
    height: 32px;
    margin-right: 2px;
    margin-left: 2px;
}

.kbs-address-search button {
    max-width: 30px;
    min-width: 30px;
}

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
    #kbs-sidenav {
        top: 56px;
        min-width: 56px;
        width: 56px;
    }

    #kbs-sidenav-sub {
        left: 56px;
        top: 56px;
        width: 56px;
    }
    
    .kbs-menumin md-list-item .md-button, .kbs-menumin md-list-item.kbs-topmenu {
        min-width: 55px !important;
        width: 55px !important;
    }
    
    .kbs-modulebody {
        margin-left: 56px;
    }

    .kbs-topbar #logo{
        width: 56px;
    }
}

@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
    #kbs-sidenav {
        top: 48px;
        min-width: 48px;
        width: 48px;
    }

    #kbs-sidenav-sub {
        left: 48px;
        top: 48px;
        width: 48px;
    }

    #kbs-sidenav-sub md-icon {
        margin-left: -5px;
    }

    .kbs-menumin md-list-item .md-button, .kbs-menumin md-list-item.kbs-topmenu {
        min-width: 47px !important;
        width: 47px !important;
    }

    #kbs-sidenav md-list-item .md-no-style {
        padding-left:10px !important;
    }

    .kbs-modulebody {
        margin-left: 48px;
    }

    .kbs-topbar #logo{
        width: 48px;
    }
}

.kbs-width-95{
    width: 95%;
}
.kbs-width-100{
    width: 100% !important;
}

.kbs-background-color-white {
    background-color: white !important;
}

.kbs-min-height-50{
    min-height: 50px;
}

.kbs-height-100 {
    height: 100%;
}

.kbs-font-size-20{
    font-size: 20px !important;
}

.kbs-font-color-white{
    color: white !important;
}

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

md-dialog md-dialog-actions.RequireNotes {
    padding-right: 16px;
}
md-dialog-actions.RequireNotes button{
    margin-right: 8px;
    width: 200px;
}

/*stili direttiva kbs-facet*/
table.md-table.cell-no-border td.md-cell {
  border-top: 0px rgba(0, 0, 0, 0) solid;
}

table.md-table.md-row-select.cell-no-border tbody.md-body > tr.md-row.md-selected {
    background-color: transparent;
}

md-input-container.md-facet label {
    left: 20px;
}

md-input-container.md-facet button {
    top: -20px;
}

md-input-container.md-facet {
    padding-bottom: 25px;
}

.kbs-froalaSection .fr-box {
    width: 100%;
    margin: 15px;
    min-height: 300px;
}

.kbs-froalaSection .fr-box .fr-wrapper {
    min-height: 200px;
}

.kbs-news-orderarea {
    margin-top: 7px !important;
    outline: 1px solid;
    font-size: 16px;
    width: 200px;
    height: 150px;
    text-align: center;
    position: relative;
}

.kbs-news-orderarea div {
    position: absolute; 
    bottom: 0px;
    height: 40px;
    width: 200px;
    background-color: rgba(255, 255, 255, 0.9);
    margin: 0px;
}


.kbs-news-orderarea img {
    max-width: 200px;
    max-height: 150px;
    margin: 0px;
}

.kbs-news-droparea {
    margin-top: 7px !important;
    outline: 2px dashed;
    font-size: 16px;
    width: 200px;
    height: 150px;
    text-align: center;
    position: relative;
}



/*
 * Css per Phone Book
 */
/* Div contente l'Avatar */
.kbs-card-header-text-margin{
    margin-left: 8px !important;
}
.kbs-dialog-avatar-min{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;        
    height: 45px !important; 
    width: 40px !important;    
}

/* Card */
.kbs-dialog-users-card {
    border-radius: 8px !important; 
}

.kbs-dialog-users-divider-card{    
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.kbs-dialog-users-card-content{
    font-size: 14px;
    padding-top: 0px !important;
}

.kbs-dialog-user-md-list-item{
    height: 20px !important;
    min-height: 20px !important;
    padding: 0px !important;
}

.kbs-dialog-contact-md-list-item{   
    height: 20px !important;
    min-height: 20px !important;
    padding: 3px !important;
}

.kbs-dialog-users-contact-book-info{
    color: rgba(0,0,0,0.75);
    text-decoration: none;
}
.kbs-dialog-users-contact-book-info:hover{
    color: rgba(0,0,0,0.75);
    text-decoration: underline;
}

/*
 * Fine Css per Phone Book
 */

/*
 * Inizio Css Dialog Account
 */
.kbs-logo-account{            
    margin-top: 8px;
    max-width: 200px;
    max-height: 200px;
}
/*
 * Fine Css Dialog Account
 */


/*
 * Inzio Css Utente
 */

.kbs-user-filter-square-legenda{
    min-height: 8px;
    min-width: 8px;
}
.kbs-user-row-deleted{
    background-color: #ff9999;
}
.kbs-user-row-disabled{
    background-color: #ccccff;
}


.kbs-user-div-photo-detail{
    width: 100%;            
}

.kbs-users-detail-div-avatar{           
    border-radius: 100px;    
    border: #A8ACB0 10px solid;
    background-color: #A8ACB0;
    width: 100px;
    height: 100px;
}

.kbs-deatil-img-avatar{
    border-radius: 50%;            
    width: 100px !important;    
    height: 100px !important;
}

.kbs-detail-user-title-paragraph{    
    padding-left: 12px; 
    font-size: 20px;
}

.kbs-detail-user-no-contact-associated{
    margin-bottom: 30px;
    padding-left: 18px; 
}


/*
 * Fine Css Dettaglio Utente
 */

/*
 * Css Web Entry Url
 */
.kbs-WebEntryUrl-tr{
    /*background-color: #f2f2f2 !important;*/
    font-weight: bold;
}
/*
 * Fine Css web Entry Url
 */

/* 
 * Css Dialog OnAdministrativeEdit
 */
.kbs-select-md-dialog-content{
    min-width:500px;
}
.kbs-select-md-input-container{
    width:-webkit-fill-available;
}
/* 
 * Fine Css Dialog OnAdministrativeEdit
 */

/*
 * Inizio Css Per NewsBook
 */
.kbs-newsbook-height-180{
    height: 180px;
    max-height: 180px !important; 
}

 .kbs-newsbook-insociogram-dialog-hieght{
     height: 100%
 }

@media screen and (min-width: 960px) {
 .kbs-newsbook-insociogram-dialog-hieght{
     height: 80%
 }  
}

.kbs-newsbook-card {
    border-radius: 8px !important; 
}

.kbs-newsbook-image{   
    height: 250px;
    max-height: 250px;
    width: 100% !important;
}

.kbs-news-book-trasparency{    
    width:100%;
    margin-bottom: 5px;
    padding-bottom: 5px;    
    max-height:150px;
    overflow:hidden;
    text-overflow: ellipsis;
    content: "";
    position:relative;
}

.kbs-news-book-trasparency:before{
    content:'';
    width:100%;
    height:100%;    
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(transparent 100px, white);
}


/*
 * Fine Css Per NewsBook
 */

/*
 * Inizio Css Per KbsTimeline
 */

.kbs-timeline {
    padding: 30px;
}

.timeline_container > .page-header {
  text-align: center;
}

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #cccccc;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 20px;
  position: relative;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline-badge-add {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    margin-right: -25px;
    margin-left: -25px;
    cursor: pointer;
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    margin-left: -25px;
    background-color: #999999;
    z-index: 2;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > h5 {
    margin-top: 0em;
    margin-bottom: 0em;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.timeline-actions {
    text-align: right;
}

@media only screen and (max-width: 699px) {
    .timeline:before {
        left: 100%;
    }

    .timeline > li > .timeline-panel {
      width: 100%;
    }

    .timeline > li {
      padding-right: 85px; /* Messe a 170 da 90, per un difetto di visualizzazione */
    }

    .timeline > li > .timeline-badge {
      left: 100%;
    }

    .timeline > li.timeline-inverted + li:not(.timeline-inverted),
    .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
      margin-top: 30px;
    }
}

@media only screen and (min-width: 700px) {
    .timeline:before {
        left: 50%;
    }

    .timeline > li > .timeline-panel {
      width: 50%;
    }

    .timeline > li.timeline-inverted + li:not(.timeline-inverted),
    .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
      margin-top: -60px;
    }

    .timeline > li:not(.timeline-inverted) {
      padding-right: 170px; /* Messe a 170 da 90, per un difetto di visualizzazione */
    }

    .timeline > li.timeline-inverted {
      padding-left: 170px; /* Messe a 170 da 90, per un difetto di visualizzazione */
    }

    .timeline > li > .timeline-badge {
      left: 50%;
    }

    .timeline > li.timeline-inverted > .timeline-panel {
      float: right;
    }

    .timeline > li.timeline-inverted > .timeline-panel:before {
      border-left-width: 0;
      border-right-width: 15px;
      left: -15px;
      right: auto;
    }

    .timeline > li.timeline-inverted > .timeline-panel:after {
      border-left-width: 0;
      border-right-width: 14px;
      left: -14px;
      right: auto;
    }

    .timeline > li.timeline-inverted + li:not(.timeline-inverted),
    .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
      margin-top: -60px;
    }
}

kbs-timeline input {
    background-color: rgb(1, 125, 195);
    height: 40px !important;
    color: white !important;
    border: 0px !important;
    padding-left: 15px !important;
    margin-right: 0px !important;
}

kbs-timeline .md-button {
    background-color: rgb(255,171,64);
    color: white;
    height: 40px;
    width: 150px;
    margin: 0px;
}

/*
 * Fine Css Per KbsTimeline
 */

#newsSlide,
#newsSlide .slick-list,
#newsSlide .slick-list .slick-track,
#newsSlide .slick-list .slick-track .slick-slide,
#newsSlide .slick-list .slick-track .slick-slide div,
#newsSlide .slick-list .slick-track .slick-slide div div,
#eventSlide .slick-list,
#eventSlide .slick-list .slick-track,
#eventSlide .slick-list .slick-track .slick-slide,
#eventSlide .slick-list .slick-track .slick-slide div,
#eventSlide .slick-list .slick-track .slick-slide div div {
    height: 100%;
}

#newsSlide .slick-list .slick-track .slick-slide div div md-card,
#eventSlide .slick-list .slick-track .slick-slide div div img {
    height: 85%;
}

#newsSlide div {
    cursor: pointer;
}


#kbs-carousel-news {
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#kbs-carousel-news md-card {
    /*height: 360px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px;
}

/* Righe cliccabili "con manina" */
tr[ng-click] {
    cursor: pointer;
}
tr td[ng-click]:not([disabed]):not(.unclickable) {
    cursor: pointer;
}

tr.clickable, th.clickable, td.clickable {
    cursor: pointer;
}

tr.unclickable, td.unclickable, tr.clickable[disabled], th.clickable[disabled], td.clickable[disabled] {
    cursor: default;
}


#highmap {
    width: 100%;
    display: block;
    max-width: 100%;
    height: 100%;
}

.kbs-header-search {
    padding-left: 10px;
}

.kbs-header-search input {
    width: 90%;
    border: 0px;
    height: 30px;
}

md-autocomplete[md-floating-label] md-input-container {
    margin-bottom: 8px !important;
}

/* Inizio Css TasksSettings */
table.md-table.md-row-select tbody.md-body > tr.md-row.tasks-settings-entities-and,
table.md-table tbody.md-body > tr.md-row.tasks-settings-entities-and {
    background-color: rgba(1,125,195, 0.15) !important;
}

table.md-table.md-row-select tbody.md-body > tr.md-row.tasks-settings-entities-and:hover,
table.md-table tbody.md-body > tr.md-row.tasks-settings-entities-and:hover {
    background-color: rgba(1,125,195, 0.25) !important;
}

table.md-table tbody.md-body > tr.md-row.tasks-settings-related-entities:hover {
    background-color: #eeeeee !important;
}

table.md-table.md-row-select tbody.md-body > tr.md-row.tasks-settings-entities-deleted {
    background-color: #E0E0E0 !important;
}
/* Fine Css TasksSettings */

/* Inizio About Kbs */
.kbs-about-dialog {
    width: 400px !important;
}

.kbs-about-topbar {
    height: 40px;
}

.kbs-about-md-list-item{
    height: 22px !important;
    min-height: 22px !important;
    padding: 0px !important;
}
/* Fine About Kbs */

/* Inizio help per input */

md-autocomplete span.ribbon,
md-input-container span.ribbon {
    display: inline-block;
    position: relative;
    float: left;
    width: 0;
    height: 0;
    border-left: 0.5em solid;
    border-top: solid 0.5em transparent;
    left: -0.8em;
    bottom: 0.5em;
    -webkit-transform: rotate(360deg);
    outline: none;
}

md-input-container md-checkbox ~ span.ribbon {
    bottom: -20px;
    margin-right: -0.5em;
}

md-input-container .md-chips-spacer ~ span.ribbon {
    bottom: 1.95em;
}

span.ribbon.green {
    border-left-color: #8ecb60 !important;
}

.tip {
    max-width: 18.8em;
    min-width: 18.8em;
    z-index: 1000;
}

.tip-anchor {
    outline: none;
}

.tip.align-top, .tip.align-bottom {
    margin-left: -1rem;
}

.tip.align-top .tip-anchor, .tip.align-top .tip-anchor:after {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-style: solid;
}

.tip.align-left .tip-anchor, .tip.align-left .tip-anchor:after {
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-style: solid;
}

.tip.align-right .tip-anchor, .tip.align-right .tip-anchor:after {
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-style: solid;
}

.tip.align-bottom .tip-anchor, .tip.align-bottom .tip-anchor:after {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-style: solid;
}

.align-bottom .tip-anchor, .align-top .tip-anchor {
    margin-left: 0.6em;
}

.align-bottom .tip-anchor {
    margin-top: -1.1em;
}

.align-right .tip-anchor, .align-left .tip-anchor {
    margin-top: -0.5em;
    margin-left: -1.1em;
}

.align-right .tip-anchor, .align-left .tip-anchor {
    top: 50%;
}

.align-left .tip-anchor {
    left: 100%;
}


.align-top .tip-anchor {
    top: 100%;
}

.tip-green .tip-anchor {
    border-color: #8ecb60;
}

.tip-anchor {
    position: absolute;
    border-width: 0.6em;
}

.tip-anchor, .tip-anchor:after {
    border-style: double;
}

.align-top .tip-border {
    border-left: none;
    border-right: none;
    border-top: none;
    margin-top: -1.8rem;
}

.align-bottom .tip-border {
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-top: 1.1rem;
}

.align-left .tip-border {
    border-left: none;
    border-bottom: none;
    border-top: none;
}

.align-right .tip-border {
    border-right: none;
    border-bottom: none;
    border-top: none;
}

.tip-border {
    padding: 1.5em;
    border: 0.3em solid;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 0.6em 0.02em;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0.2em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0.2em;
}

.tip-green .tip-border {
    background-color: #fff;
    border-color: #8ecb60;
}

.tip-panel {
    min-width: 1em;
    min-height: 1.5em;
}

.tip.tip-display-mode-wide .tip-content {
    max-width: 18.8em;
    min-width: 12.8em;
}

.tip-content {
    overflow: hidden;
    word-wrap: break-word;
    font-size: 0.8em;
    white-space: pre-wrap;
}

.tip-content, .tip-items {
    margin-right: 0.4em;
}

.tip-tools-wrap {
    text-align: right;
}

/* Inizio help per input */

/* Inizio KbsWorkflowLinkPage */
.KbsWorkflowLinkPage {
    width: 600px;
    padding: 20px 20px 20px 20px;
    background: #e3e8f2 !important;
    border: 1px solid #ebebeb;
    box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* Fine KbsWorkflowLinkPage */

/* Nuovo Layout */
.kbs-columnleft {
    background-color: #ffffff;
    border: 1px solid lightgray;
    margin: 0 4px 0 8px;
}

.kbs-columnright {
    background-color: #ffffff;
    border: 1px solid lightgray;
    margin: 0 8px 0 4px;
}

.kbs-section-flat {
    padding-top: 20px;
    background-color: white;
    min-height: 40px;
}

.kbs-section-table-tabs-flat {
    background-color: white !important;
    border: 1px solid lightgray;
    margin: 0 8px 0 8px;
}

.kbs-section-head-flat {
    padding-top: 20px;
    background-color: white;
    border: 1px solid lightgray;
    margin: 0 8px 8px 8px;
}

.kbs-columnright .kbs-section-table-tabs-flat {
    border: 0;
    margin: 0;
}

.kbs-columnleft .kbs-section-head-flat {
    border: 0;
    margin: 0;
}
.kbs-card-flat{
    background-color: white !important;
    border: 1px solid lightgray;
    box-shadow: none !important;
}

.kbs-columnright .kbs-section-table {
    border: 0;
    margin: 0;
}

.kbs-md-content-columnright{
    margin-left: -4px;
}
/* fine nuovo layout*/

/* INZIO Classi TreeView Menu*/
.kbs-treeview-menu, .kbs-treeview-menu ul {
    list-style: none;
    padding: 0;
    margin: 0px;
}

.kbs-treeview-menu .menu-toggle-list a.md-button {
    display: block;
    padding: 0 16px 0 32px;
    text-transform: none;
    text-rendering: optimizeLegibility;
    font-weight: 500;
}
    
kbs-treeview-menu-link > .md-button,
kbs-treeview-menu-toggle > .md-button {
    display: block;
    padding: 0 26px 0 0;
}
    
.md-button-toggle .md-toggle-icon.toggled {
    transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
}

.md-button-toggle.toggled {
    background-color: rgba(1,125,195, 0.05);
    font-weight: bold !important;
}

.kbs-treeview-menu .md-button-toggle .md-toggle-icon {
    transition: transform .3s ease-in-out;
    -webkit-transition: -webkit-transform .3s ease-in-out;
}

.menu-toggle-list.ng-hide {
    max-height: 0;
}
    
.kbs-treeview-menu .md-button {
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    margin: 0;
    max-height: 40px;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    width: 100%;
}

.menu-toggle-list {
    max-height: 1300px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
    -webkit-transition-property: max-height;
    -moz-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
    -moz-transition-property: max-height;
    transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
    transition-property: max-height;
}

.kbs-treeview-menu menu-toggle span{
    padding-top: 12px;
    padding-bottom: 12px;
}

.md-button-toggle .md-badge {
    top: 18px !important;
    margin-left: 5px;
    background-color: #ffffff !important;
    border: 1px solid rgb(1,125,195) !important;
    color: rgb(255, 171, 64);
    z-index: 9;
}

/* FINE Classi TreeView Menu*/

/* INIZIO Classi Menu content */

.md-open-menu-container md-menu-content {
	max-height: 100% !important;
}

/* FINE Classi Menu content */

/* INIZIO Classi Dialog note account */
.md-dialog-content-account-note md-input-container,
.md-dialog-content-account-note md-input-container label {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/* FINE Classi Dialog note account */

td.md-cell.cell-no-top-border {
	border-top: none !important;
}

/* Riga eliminata */
tr.kbs-table-row-trashed {
    background-color: lightgrey !important;
    font-style: italic !important;
}

tr.md-row.table-row-not-hover:hover {
	background: unset !important;
}
th.md-column.table-row-align-last,
td.md-cell.table-row-align-last {
	text-align-last: end;
}


/* Codice ToDoList */
.todolist-data-table
{	
	display: block;	
}
.todolist-data-table tr
{	
	height: 25px !important;
}

@media (min-width: 1285px) and (max-width: 725px){
    .todolist-tab-content md-tab-content{
        max-height: 90%;
    }    
}

/****** Codice Slider **********/
.Simple-Slider {                        
    position: relative;
}

.Simple-Slider:hover .Simple-sliderIcon {
    opacity: 1;
}
.Simple-sliderIcon {
    background-color: none;
    position: absolute;
    top: 45%;    
    padding: 9px;
    color: grey;
    opacity: 0.3;
    z-index: 5;
    outline: none !important;
    cursor: pointer;
}
.Simple-leftPrevIco {
    left: 0;    
}
.Simple-leftNextIcon {
    right: 0;    
}
.Simple-animated {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.Simple-fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0.3;
    }
}
@-o-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0.3;
    }
}
@-moz-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0.3;
    }
}
@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0.3;
    }
}
@-webkit-keyframes Simple-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes Simple-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes Simple-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes Simple-fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.Simple-fadeIn {
    -webkit-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-o-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-o-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-moz-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20%, 0, 0);
        transform: translate3d(20%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.md-chip-input-container {
    width: -webkit-fill-available !important;
}

.kbs-expand-fullscreen {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

th.md-column.cell-border-top-bold,
td.md-cell.cell-border-top-bold {
    border-top: 3px solid #ddd !important;
}

.kbs-badge {
    display: inline-block;
    min-width: 10px;
    color: #ffffff;
    margin-left: 8px;
    font-size: 11px;
    border-radius: 4px;
    background-color: #999999;
    text-align: center;
    white-space: nowrap;
    padding: 3px 7px;
    line-height: 1;
}

.kbs-badge-selected {
    display: inline-block;
    min-width: 10px;
    color: #ffffff;
    margin-left: 8px;
    font-size: 11px;
    border-radius: 4px;
    background-color: rgb(1,125,195); /*#999999;*/
    text-align: center;
    white-space: nowrap;
    padding: 3px 7px;
    line-height: 1;
}



#kbs-news-showdata {
	max-width: 650px;
	padding-bottom: 80px;
}

	#kbs-news-showdata md-card-title, #kbs-news-showdata md-card-content {
		margin-right: 50px;
		margin-left: 50px;
		text-align: justify;
	}

	#kbs-news-showdata .md-subhead md-icon {
		font-size: 20px;
	}

.slick-dots li {
	margin: 0 -2px !important;
}

#kbs-news-showdata .slick-dots {
	margin-bottom: 40px;
}

.slick-dots li.slick-active button:before {
	color: rgb(255,0,146) !important;
}

#kbs-news-showdata .slick-dots li button:before {
	color: #ffffff;
}

#kbs-news-showdata .md-subhead {
	margin-bottom: 20px;
}


/* Stili lista drag & drop*/
/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
tbody[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
tbody[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

md-dialog-content::-webkit-scrollbar {
	width: 7px;
}

md-dialog-content::-webkit-scrollbar-thumb {
	background-color: grey;
}

md-content::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

md-content::-webkit-scrollbar-thumb {
	background-color: grey;
}