﻿/*# Edit theme color:*/

/* Logo */
.logo-ibis {
    height: 100%;
    background-color: white;
    border-radius: 10px;
    width: 100%;
    padding: 4px;
}

.logo-varhub {
    height: 100%;
    background-color: white;
    border-radius: 10px;
    width: 100%;
    padding: 4px;
}

/* Region Main color class*/
.light-blue {
    background-color: #607d8b !important;
}

.light-blue-text {
    color: #607d8b !important;
}

.light-blue .darken-1 {
    background-color: #546e7a !important;
}

/* Region page title color*/
.cyan-text.text-darken-1 {
    color: #546e7a !important;
}

/* Region Notification color class*/

.pink.accent-3 {
    background-color: #8bc34a !important;
}

.pink-text.text-accent-3 {
    color: #c5e1a5 !important;
}

.notification-badge-red {
    background-color: #f50057 !important;
}

.notification-badge-green {
    background-color: #8bc34a !important;
}

/* Region Menu navigation colors*/
.side-nav.leftside-navigation .collapsible-body li.active,
.side-nav.rightside-navigation .collapsible-body li.active,
.side-nav.leftside-navigation .collapsible-body li:hover,
.side-nav.rightside-navigation .collapsible-body li:hover {
    background-color: #b0bec5 !important;
}

.side-nav.leftside-navigation .collapsible-body li.active a,
.side-nav.rightside-navigation .collapsible-body li.active a,
.side-nav.leftside-navigation .collapsible-body li:hover a,
.side-nav.rightside-navigation .collapsible-body li:hover a {
    color: yellow !important;
}

.dropdown-content li.active.selected {
    background-color: #b0bec5 !important;
}

.dropdown-content li.active.selected > a {
    color: yellow !important;
}

.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
    background-color: #b0bec5 !important;
}

.dropdown-content li:hover > a, .dropdown-content li.active > a, .dropdown-content li.selected > a {
    color: yellow !important;
}

nav ul.collapsible li:first-child a.collapsible-header,
nav ul.collapsible li:first-child div.collapsible-header {
    border-top: 1px solid #546e7a !important;
    border-bottom: 1px solid #546e7a !important;
}

nav ul.collapsible a.collapsible-header,
nav ul.collapsible div.collapsible-header {
    border-top: 1px solid #546e7a !important;
    border-bottom: 1px solid #546e7a !important;
}

/* Region Input colors*/
input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date],
input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    border-color: #546e7a;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #546e7a;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #546e7a;
    box-shadow: 0 1px 0 0 #546e7a;
}

[type="checkbox"]:checked + label:before {
    border-bottom-color: #546e7a;
    border-right-color: #546e7a;
}

[type="checkbox"] + label:before {
    border-color: #546e7a;
}

[type="checkbox"].filled-in:checked + label:after {
    border-color: #546e7a;
    background-color: #546e7a;
}

[type="checkbox"].filled-in:not(:checked) + label:after {
    border: 2px solid #546e7a;
}

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
    border-color: #546e7a;
    background-color: #546e7a;
}

.input-field .prefix.active {
    color: #546e7a !important;
}

.k-input.k-readonly{
    background-color: transparent !important;
}

/* Region buttons colors*/
.btn {
    background-color: #546e7a;
}

button:focus {
    background-color: #607d8b !important;
}

.btn:hover, .btn-large:hover {
    background-color: #607d8b;
}

/* Region labels text color*/
.input-field label {
    color: darkred;
}

fieldset label {
    color: darkred;
}
/*.active {
    color: darkred !important;
}*/

/* Region Kendo warning tooltip*/
.k-widget.k-tooltip {
    border-color: tomato !important;
    background-color: tomato !important;
    color: #ffffff !important;
    margin-top: -6px;
}

.k-animation-container {
    margin: 0 !important;
}

span.k-tooltip {
    padding: 9px;
    width: 75%; /* set width */
}

span.k-widget.k-validator-tooltip {
    margin: 0; /* removes margin */
    display: inline-flex; /* changes the appearance from block to inline */
    text-align: left; /* aligns the text */
}

/* Region Tabs of Materialize CSS style*/
.tabs .tab a {
    color: #607d8b;
}
.tabs .tab a:hover {
    color: #455a64;
}
.tabs .indicator {
    background-color: #607d8b;
}

/*Region breadcrumbs color*/
ul.breadcrumbs-container.k-listview li a {
    color: #FFF;
    background: #795548;
}

ul.breadcrumbs-container.k-listview li a:after {
    border-left-color: #795548;
}

ul.breadcrumbs-container.k-listview li a:hover {
    background-color: #4e342e !important;
}

ul.breadcrumbs-container.k-listview li a:hover:after {
    border-left-color: #4e342e !important;
}

ul.breadcrumbs-container.k-listview li a:hover:before {
    border-color: #4e342e !important;
    border-left-color: transparent !important;
}

ul.breadcrumbs-container.k-listview li:nth-child(even) a {
    background-color: #6d4c41;
}

ul.breadcrumbs-container.k-listview li:nth-child(even) a:before {
    border-color: #6d4c41;
    border-left-color: transparent;
}

ul.breadcrumbs-container.k-listview li:nth-child(even) a:after {
    border-left-color: #6d4c41;
}

ul.breadcrumbs-container.k-listview li:nth-last-child(1) a {
    background-color: #a1887f !important;
}

ul.breadcrumbs-container.k-listview li:nth-last-child(1) a:before {
    border-color: #a1887f !important;
    border-left-color: transparent !important;
}

/* Horizontal menu*/
.horizontal-menu-passive {
    background-color: #7B1FA2 !important;
}

.horizontal-menu-active {
    background-color: #009688 !important;
}

.horizontal-menu-conto-terzi {
    background-color: #EB9834 !important;
}

/* Region Cards*/
.card-content.cyan.darken-1 {
    background-color: #546e7a !important;
}
.card-content.cyan a.card-title,
.card-content.purple a.card-title,
.card-content.pink a.card-title,
.card-content.green a.card-title,
.card-content.blue a.card-title,
.card-content.indigo a.card-title {
    color: bisque !important;
}

.grey-text.text-lighten-2 {
    color: lightgreen !important;
}

.card-action.cyan.darken-2 {
    background-color: #455a64 !important;
}

.card-content.cyan.lighten-1 {
    background-color: #78909c !important;
}

.card-content.cyan {
    background-color: #607d8b !important;
}
.card-action.cyan {
    background-color: #607d8b !important;
}

.card-content.cyan a.card-subtitle span,
.card-content.purple a.card-subtitle span,
.card-content.pink a.card-subtitle span,
.card-content.blue a.card-subtitle span,
.card-content.green a.card-subtitle span,
.card-content.indigo a.card-subtitle span {
    color: bisque !important;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
    color: bisque !important;
}

/* Region Captcha placeholder*/
.error::-webkit-input-placeholder {
    color: #E63333;
}

.error:-moz-placeholder { /* Firefox 18- */
    color: #E63333;
}

.error::-moz-placeholder { /* Firefox 19+ */
    color: #E63333;
}

.error:-ms-input-placeholder {
    color: #E63333;
}

/* Region Fieldset and legend */
fieldset {
    /*border: 1px solid #ddd !important;*/
    background-color: #f5f5f5;

}

legend {
    color: darkred;
    background-color: #ffffff;
}

/* Region Profile page card label (bold) color */
#vProfile b{
    color: midnightblue
}

/* Region Kendo components Grid, Scheduler, Combo, DateTime etc */

.link-abbina {
    position: absolute;
    top: 10px;
}

.text-abbina {
    margin-top: 30px;
}

.k-header.k-grid-toolbar {
    border-color: #00897b;
}

.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #00897b;
}

.k-button {
    background-color: #4db6ac;
}

.k-button:hover,
.k-button.k-state-hover,
.k-button:active:hover,
.k-button.k-state-active:hover {
    color: #455a64;
    border-color: #e0f2f1;
    background-color: #e0f2f1;
}

.k-button,
.k-button:hover,
.k-button.k-state-hover,
.k-button.k-state-focused,
.k-button:focus,
.k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: 0 2px 6px #80cbc4, 0 2px 3px rgba(0, 172, 193, 0.05);
}

.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header li,
.k-scheduler .k-header .k-link,
.k-gantt > .k-header li,
.k-gantt > .k-header .k-link,
.k-gantt-toolbar .k-button,
.km-pane-wrapper .k-header .k-button {
    color: #ffffff;
    background-color: #00897b;
    border-color: #00897b;
}

.k-grid .k-header .k-button:hover,
.k-scheduler .k-header .k-button:hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link,
.k-gantt .k-gantt-toolbar .k-button:hover,
.km-pane-wrapper .k-header .k-button:hover {
    background-color: #4db6ac;
    border-color: #4db6ac;
}

.k-grid-header,
.k-grid-header .k-header,
.k-pager-wrap,
.k-pager-numbers .k-state-selected,
.k-grid-footer,
.k-grid-footer td,
.k-scheduler-header,
.km-pane-wrapper .k-grid-header .k-header {
    background-color: #e0f2f1;
}

.k-textbox:hover,
.k-overflow-anchor:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-multiselect.k-state-hover {
    background-color: #ffffff;
    border-color: #80cbc4;
    box-shadow: 0 2px 6px #4db6ac, 0 2px 3px rgba(0, 172, 193, 0.05);
}

.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
    background-color: #ebebeb;
    background-image: none;
    background-position: 50% 50%;
    border-color: #ebebeb;
    box-shadow: 0 2px 6px #4db6ac, 0 2px 3px rgba(0, 172, 193, 0.05);
}

.k-list > .k-state-selected.k-state-focused {
    box-shadow: none;
    color: #26a69a;
}

.k-list > .k-state-selected {
    box-shadow: none;
    color: #26a69a;
}

.k-calendar .k-footer .k-nav-today {
    color: #26a69a;
}

.k-calendar td.k-state-selected .k-link {
    border-color: #26a69a;
    color: #fff;
    background-color: #26a69a;
    background-image: none;
}

.k-calendar td.k-state-selected.k-state-hover {
    background-color: #009688;
}

.k-calendar .k-header .k-state-hover {
    background-color: #00796b !important;
}

.k-calendar .k-today {
    background-color: #3f51b5 !important;
}

.k-calendar .k-today .k-link {
    color: #fff;
}

.k-calendar .k-header {
    background-color: #00796b !important;
}

.k-window-titlebar {
    background-color: #00796b !important;
}

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after {
    border: 2px solid #546e7a;
}

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
    background-color: #546e7a;
    z-index: 0;
}

.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #e0f2f1;
    border-color: #80cbc4;
}

.k-combobox .k-dropdown-wrap.k-state-default {
    background-image: none;
    background-position: 50% 50%;
    background-color: #e0f2f1 !important;
    border-color: #80cbc4;
}

.k-autocomplete.k-state-disabled,
.k-picker-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled .k-input,
.k-numeric-wrap.k-state-disabled .k-select,
.k-dropdown-wrap.k-state-disabled,
.k-multiselect.k-header.k-state-disabled {
    background-color: #fafafa;
}

.k-datepicker .k-input,
.k-timepicker .k-input,
.k-combobox .k-input,
.k-input {
    background-color: #e0f2f1;
}

.k-popup .k-primary,
.k-edit-form-container .k-primary {
    color: #00b0ff;
    background-color: #e0f2f1;
    border-color: #e0f2f1;
}

.k-edit-form-container .k-button,
.k-popup .k-button,
.k-popup .k-primary:active,
.k-popup .k-primary:active:hover,
.k-edit-form-container .k-primary:active {
    color: #455a64;
    background-color: #e0f2f1;
    border-color: #e0f2f1;
    box-shadow: none;
}

.k-edit-form-container .k-edit-buttons {
    background-color: #e0f2f1;
}

.k-pager-sm .k-pager-sizes {
    display: flex !important;
}

.k-pager-sm .k-pager-numbers-wrap {
    width: auto !important;
}

.k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
    display: none !important;
}

.k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-numbers, .k-pager-sm .k-pager-sizes {
    display: flex !important;
}

/*#End edit*/
