﻿body {
    color: #262626;
    letter-spacing: 0.9px;
}

.btn {
    letter-spacing: 0.9px;
}

.btn-primary {
    background-color: #262626;
    border-color: #262626;
    color: #fff;
}

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active, .show > .dropdown-toggle.btn-primary {
        background-color: #3f3f3f;
        border-color: #3f3f3f;
    }

        .show > .dropdown-toggle.btn-primary:hover {
            background-color: #3f3f3f;
            border-color: #3f3f3f;
        }

    .btn-primary:hover {
        background-color: #3f3f3f;
        border-color: #3f3f3f;
    }

    .btn-primary:disabled,
    .btn-primary.disabled,
    .btn-primary:disabled:hover,
    .btn-primary.disabled:hover {
        background-color: #d9e1e3;
        border-color: #d9e1e3;
        opacity: 1;
    }

.input-group-btn > span.btn + span.btn {
    margin-left: -4px;
}

.form-control, .bootstrap-tagsinput, .input-group > span.form-control, .input-group > a.form-control, .input-group-append > button.btn, .input-group-append > span.btn, .form-control:focus + .input-group-append > .btn, .input-group-text {
    color: #262626;
    border-color: #d9e1e3;
    -webkit-transition: .2s border-color ease-out, .2s -webkit-box-shadow ease-out, .2s background-color ease-out;
    -o-transition: .2s border-color ease-out, .2s box-shadow ease-out, .2s background-color ease-out;
    transition: .2s border-color ease-out, .2s box-shadow ease-out, .2s background-color ease-out;
    letter-spacing: 0.8px;
}

.input-group-append > button.btn, .input-group-append > span.btn {
    border: 0;
}

.input-group-append {
    border-bottom: 1px solid #d9e1e3;
    -webkit-transition: .2s border-color ease-out, .2s -webkit-box-shadow ease-out, .2s background-color ease-out;
    -o-transition: .2s border-color ease-out, .2s box-shadow ease-out, .2s background-color ease-out;
    transition: .2s border-color ease-out, .2s box-shadow ease-out, .2s background-color ease-out;
}

.form-control:not(.dbwp_lookup):disabled, .form-control:not(.dbwp_lookup)[readonly="readonly"], .bootstrap-tagsinput.disabled,
.form-control:not(.dbwp_lookup):disabled + .input-group-append, .form-control:not(.dbwp_lookup)[readonly="readonly"] + .input-group-append, .bootstrap-tagsinput.disabled + .input-group-append,
.dbwp_Listform_Table span + .input-group-append {
    color: #262626;
    /*background-color: #f4f6f6;
    border-bottom: 2px solid #9facaf;*/
    border: 0;
}

.form-control.dbwp_lookup:disabled {
    background-color: transparent;
}

.dbwp_multicheckbox > div {
    display: flex;
    flex-wrap: wrap;
}

label,
.form-group label:not(.checkbox):not(.radio),
.form-group label:not(.checkbox):not(.radio).active {
    color: #9facaf;
}

    .form-group label:not(.checkbox):not(.radio),
    .form-group label:not(.checkbox):not(.radio).active {
        z-index: 4;
        pointer-events: none;
    }

div.checkbox > label.checkbox > input[type="checkbox"]:checked + .checkbox:before {
    color: #262626;
}

div.radio [type="radio"]:checked + .radio:after,
div.radio [type="radio"]:checked + .radio:before {
    border: 1px solid #262626;
}

div.radio [type="radio"]:checked + .radio:after {
    background-color: #262626;
}

.form-group label:not(.checkbox):not(.radio).active.selected {
    color: #9facaf;
}

div.checkbox input[type="checkbox"] + .checkbox:before {
    color: #9facaf;
}

.input-group-append.active .input-group-text, .input-group-prepend.active .input-group-text {
    color: #262626;
}
/*Menu scelte Auto Complete*/
.tt-menu .tt-suggestion {
    color: #262626;
}

    .tt-menu .tt-suggestion:hover, .tt-menu .tt-suggestion.tt-cursor {
        color: #262626 !important;
        background-color: #f5f5f5 !important;
    }

.input-group-btn > button.btn:active,
.input-group-btn > span.btn:active {
    background-color: #262626;
}
/*Date Time Picker*/
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table th {
    color: #262626;
}

    .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover, .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover,
    .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
        color: #b3c1c5;
    }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #d9e2e3;
    color: #262626;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    color: #262626;
}

.bootstrap-datetimepicker-widget table td.today:before,
.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #262626;
}

.bootstrap-datetimepicker-widget table th.dow {
    display: none;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    text-transform: uppercase;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
    padding: 5px 15px;
}

.bootstrap-datetimepicker-widget .table thead th,
.bootstrap-datetimepicker-widget .table td {
    border: 0;
}

.bootstrap-datetimepicker-widget .table th {
    padding: 0;
}

.bootstrap-datetimepicker-widget .table td,
.bootstrap-datetimepicker-widget table td span {
    padding: 1px 7px;
    margin: 0;
}

.bootstrap-datetimepicker-widget table {
    border-spacing: 2px;
    border-collapse: separate;
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td span {
        border-radius: 0;
    }

.table-info, .table-info > td, .table-info > th {
    background-color: #f4f6f6;
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: #f4f6f6;
}

.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th {
    border-color: transparent;
}

a {
    color: #262626;
}

    a:focus, a:hover {
        color: #262626;
    }

th {
    color: #666666;
}

.table-hover > tbody > tr:hover {
    background-color: #f4f6f6;
}

th.selected,
.table.dbwp_Listform_Table > tbody > tr > th.selected {
    background-color: #262626;
    color: #fff;
}

.nav-tabs .nav-item .nav-link, .nav-pills .nav-item .nav-link {
    color: #262626;
    font-weight: bold;
}

.nav-tabs .nav-link.active, .nav-pills .nav-link.active {
    color: #262626;
}

.nav-tabs .nav-item .nav-link:hover, .nav-tabs .nav-item .nav-link:focus, .nav-pills .nav-item .nav-link:hover, .nav-pills .nav-item .nav-link:focus {
    color: #262626;
}

.nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus,
.tabs-left > .nav-tabs .nav-link.active, .tabs-left > .nav-tabs .nav-link.active:hover, .tabs-left > .nav-tabs .nav-link.active:focus,
.tabs-right > .nav-tabs .nav-link.active, .tabs-right > .nav-tabs .nav-link.active:hover, .tabs-right > .nav-tabs .nav-link.active:focus,
.tabs-below > .nav-tabs .nav-link.active, .tabs-below > .nav-tabs .nav-link.active:hover, .tabs-below > .nav-tabs .nav-link.active:focus,
.nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    color: #262626;
}

.nav-tabs .material-ink,
.nav-pills .material-ink {
    background: #262626;
}

.tabbable.tabs-left .pseudo,
.tabbable:not(.tabs-left):not(.tabs-right) .pseudo {
    border-color: #262626;
}

.progress-bar {
    border-bottom-color: green;
}

.dropdown-menu > .dropdown-item {
    color: #262626;
}

    .dropdown-menu > .dropdown-item:focus,
    .dropdown-menu > .dropdown-item:hover {
        color: #262626;
    }

.dropdown-menu {
    min-width: 60px;
}

.pagination > li > a, .pagination > li > span {
    color: #31AAAC;
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        color: #31AAAC;
    }

.page-item.active .page-link {
    background-color: #31AAAC;
    border-color: #31AAAC;
}
/*Spinner Loading Animation*/
.path {
    stroke: #31AAAC;
}

@-webkit-keyframes color {
    0% {
        stroke: #31AAAC;
    }
}

@keyframes color {
    0% {
        stroke: #31AAAC;
    }
}

.main-navbar-header {
    color: #fff;
    background-color: #32afa9;
    background-image: linear-gradient(90deg,#32afa9,#2e93b8);
}

    .main-navbar-header .navbar-nav > li > a {
        color: #fff;
    }

        .main-navbar-header .navbar-nav > li > a:focus,
        .main-navbar-header .navbar-nav > li > a:hover {
            background-color: #297f80;
        }

    .main-navbar-header .navbar-nav > .open > a,
    .main-navbar-header .navbar-nav > .open > a:focus,
    .main-navbar-header .navbar-nav > .open > a:hover {
        background-color: #297f80;
        color: #fff;
    }

@media (max-width:767px) {
    .main-navbar-header .navbar-nav .open .dropdown-menu > .dropdown-item,
    .main-navbar-header .navbar-nav .open .dropdown-menu > .dropdown-item {
        color: #fff;
    }

        .main-navbar-header .navbar-nav .open .dropdown-menu > .dropdown-item:focus,
        .main-navbar-header .navbar-nav .open .dropdown-menu > .dropdown-item:hover {
            background-color: transparent;
            color: #297f80;
        }
}

.main-navbar-header .breadcrumb > .active {
    color: #fff;
}

.side {
    letter-spacing: 1px;
}

    .side .hamburger-inner,
    .side .hamburger-inner::before,
    .side .hamburger-inner::after {
        background-color: #fff;
    }

    .side ul > li.selected {
        background-color: #297f80;
    }

        .side ul > li.selected:hover {
            background-color: #297f80;
        }

    .side ul > li:hover {
        background-color: #297f80;
    }

    .side ul > li > a,
    .side ul > li > a:not([href]):not([tabindex]) {
        color: rgba(255,255,255,.65);
    }

    .side ul > li:hover > a,
    .side ul > li:hover > a:not([href]):not([tabindex]),
    .side.expanded ul > li:hover > a > .expand {
        color: #fff;
    }

    .side.expanded .expand {
        color: rgba(255,255,255,.5);
    }

    .side.expanded ul > li.selected .expand,
    .side ul > li.selected > a,
    .side ul > li.selected > a:not([href]):not([tabindex]) {
        color: #fff;
    }

.alert-info {
    color: #262626;
    background-color: #f4f6f6;
    border-color: #f4f6f6;
}
/*CALENDAR*/
.fc-event,
.fc-event-dot {
    background-color: #262626;
}

.fc-event {
    border-color: #262626;
}

.fc-highlight {
    background: rgba(255,140,0,.5);
}

.dbwp_emptylist {
    background-color: #a7e5e6;
    border-color: #31AAAC;
}

li.dbwp_Tree_Sel {
    color: #31AAAC;
}

.hamburger-right:hover, .hamburger-right > li:hover, .hamburger-right > li > a:hover {
    background-color: #297f80;
}

div.slider-handle {
    background-color: #262626 !important;
    background-image: -webkit-linear-gradient(top,#262626 0,#262626 100%);
    background-image: -o-linear-gradient(top,#262626 0,#262626 100%);
    background-image: linear-gradient(to bottom,#262626 0,#262626 100%);
}

.status-label {
    text-align: center;
    display: block;
    border-radius: 8px;
    padding: 8px;
    color: white;
}

.has-error .form-control, .has-error .form-control:focus, .has-error .input-group-append, .has-error .form-control:focus + .input-group-append, .has-error .input-group > span.form-control, .has-error .input-group > a.form-control, .has-error .bootstrap-tagsinput, .has-error .note-editor.note-frame {
    border-color: #ff484c;
    box-shadow: none;
    -webkit-box-shadow: none;
    /*-webkit-box-shadow: 0 1px 0 0 #ff484c;
    box-shadow: 0 1px 0 0 #ff484c;*/
}

    .has-error .input-group-append > span.btn {
        box-shadow: none;
    }

.has-success .form-control, .has-success .form-control:focus, .has-success .input-group-append, .has-success .form-control + .input-group-append, .has-success .input-group > span.form-control, .has-success .input-group > a.form-control, .has-success .bootstrap-tagsinput, .has-success .note-editor.note-frame {
    border-color: #89da38;
    box-shadow: none;
    -webkit-box-shadow: none;
    /*-webkit-box-shadow: 0 1px 0 0 #89da38;
    box-shadow: 0 1px 0 0 #89da38;*/
}

    .has-success .input-group-append > span.btn {
        box-shadow: none;
    }

.has-error .control-label, .has-error .help-block {
    left: 0;
    right: auto;
    color: #ff484c;
    background-color: transparent;
    padding: 0;
    top: 100%;
}
/*  TABELLA  */
.table {
    letter-spacing: 0.8px;
}

    .table th {
        letter-spacing: 0.9px;
    }

    .table.dbwp_Listform_Table > tbody > tr > th {
        background-color: transparent;
        text-transform: uppercase;
        font-weight: 500;
    }

    .table.dbwp_Listform_Table > tbody > tr:first-child > th {
        border-bottom: 2px solid #d9e2e3;
    }

    .table.dbwp_Listform_Table > tbody > tr > th,
    .table.dbwp_Listform_Table > tbody > tr > th:hover {
        color: #9facaf;
    }

    .table.dbwp_Listform_Table > tbody > tr > td {
        border: 0;
        border-bottom: 2px solid #f4f6f6;
    }

.dbwp_buttonNav {
    background-color: transparent;
    border: 0;
}

/*  ALERT   */
div.j1PopupMask {
    background-color: #53676C !important;
    opacity: 0.73 !important;
}

.j1Panel.j1Window > .alert-info {
    background-color: transparent;
    border: 0;
    color: #31AAAC;
}

.star-rating .star {
    color: #262626;
}

.tabbable > .nav-tabs {
    border-bottom: 1px solid #d9e2e3;
}

.tabbable:not(.tabs-left):not(.tabs-right) .pseudo {
    border-top-width: 3px;
    margin-top: -2px;
}

.dbwp_title {
    color: #31AAAC;
}
/*      MATERIAL        */
.btn-primary:focus {
    background-color: #262626;
    border-color: #262626;
}

.form-control:focus, .bootstrap-tagsinput.focus {
    background-color: #f4f6f6;
    border-color: #9facaf;
    box-shadow: none;
    -webkit-box-shadow: none;
    /*-webkit-box-shadow: 0 1px 0 0 #9facaf;
    box-shadow: 0 1px 0 0 #9facaf;*/
}

    .form-control:focus + .input-group-append,
    .input-group-append.active {
        background-color: #f4f6f6;
        color: #262626;
        border-color: #9facaf;
        box-shadow: none;
        -webkit-box-shadow: none;
        /*-webkit-box-shadow: 0 1px 0 0 #9facaf;
    box-shadow: 0 1px 0 0 #9facaf;*/
    }
/*      BOOTSTRAP       */
/*.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus,
.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(124,179,66,.5);
}
.bootstrap-tagsinput.focus,
.form-control:focus {
    border-color: #ff8c00;
    box-shadow: 0 0 0 0.2rem rgba(255,167,59,.5);
}*/


.input-group button.btn.btn-primary.icon002 {
    border-bottom: 0px;
}

.euro-after {
    white-space: nowrap;
}

    .euro-after:after {
        content: "\f153";
        font-family: FontAwesome;
        text-decoration: inherit;
        speak: none;
        display: inline-block;
        margin-left: .5rem;
    }
