:root {
    --side-nav-width: 130px;
    --side-nav-color: #101623;
    --side-text-color: hsl(230, 10%, 75%);
    --header-height: 50px;
    --background-color: hsl(230, 30%, 96%);
    --background-color-dark: hsl(230, 30%, 93%);
    --defalut-font: "Titillium Web", Roboto;
    --color-bug: #E53935;
    --color-request: #36a3f7;
    --color-subtask: #696969;
}

html, body, .popover, .tooltip {
    font-family: var(--defalut-font) !important;
    font-size: 14px !important;
}

.popover-body {
    font-weight: 400 !important;
}

.bootstrap-switch span::before {
    content: unset;
}

#brand-logo {
    text-align-last: center;
    position: absolute;
    width: var(--side-nav-width);
    background: var(--side-nav-color);
    top: -45px;
}

.btn-primary:hover,
.btn-normal:hover {
    color: #fff;
    background-color: #2F63DE;
    border-color: #2F63DE;
    opacity: 0.8;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-normal:not(:disabled):not(.disabled).active
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2F63DE;
    border-color: #2F63DE;
}

.buttons-divisor {
    align-self: center;
    border: 1px solid var(--background-color-dark);
    width: 5rem;
    height: 2px;
    margin-left: 1rem;
    margin-right: 1rem;
}

.taskFilterToggle {
    margin-left: 2rem;
    flex-grow: 1;
    background-color: white;
}

    .taskFilterToggle:hover {
        transition: .5s;
        background-color: var(--background-color);
    }

.taskFilterCollapse {
    border-bottom: 2px solid var(--background-color-dark);
}

.deployfilter-container {
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    background-color: #fff;
    margin-bottom: 20px;
    padding: 20px;
}

#btnDeployFilter {
    padding-top: 35px;
}

.deployFilterToggle {
    margin-left: 2rem;
    flex-grow: 1;
    background-color: white;
}

    .deployFilterToggle:hover {
        transition: .5s;
        background-color: var(--background-color);
    }

.deployFilterCollapse {
    border-bottom: 2px solid var(--background-color-dark);
}

.projectFilterToggle {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 1rem;
    background-color: white;
    width: 100%;
}

    .projectFilterToggle:hover {
        transition: .5s;
        background-color: var(--background-color);
    }

.projectList {
    border-top: 2px solid var(--background-color-dark);
}

.projectList-table tr {
    animation: fade-in 1s;
}

.TaskListCollection {
    border-right: 2px solid var(--background-color-dark);
}

.btn-danger:hover {
    color: #fff;
    background-color: #e53935;
    border-color: #e53935;
    opacity: 0.8;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #e53935;
    border-color: #e53935;
    opacity: 0.8;
}

.nav.nav-pills.nav-pills--brand .nav-link.active {
    background: transparent;
    border-bottom: 2px #4e0588 solid;
    border-radius: 0;
    color: #6f727d;
}

.m-brand {
    transition: 0.2s;
}

.m-menu__nav {
    transition: 0.2s;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: var(--side-text-color);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    color: var(--side-text-color);
}

.m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link {
    background: unset;
}

@media(min-width:1025px) {
    body:not(.m-aside-left--fixed) .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__submenu {
        margin-left: var(--side-nav-width) !important;
    }

    .m-brand {
        width: var(--side-nav-width);
    }

    .m-header--fixed .m-body {
        padding-top: calc(var(--header-height) + 10px) !important;
    }

    .m-header {
        height: var(--header-height);
    }

    .header-block {
        display: block !important;
        height: var(--header-height) !important;
    }

    .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-footer {
        margin-left: var(--side-nav-width);
    }
}

.m-body .m-content {
    padding-top: 1.5rem;
}

.m-body {
    background-color: var(--background-color);
}

.header-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.m-portlet {
    margin-bottom: 1.5rem;
    animation: fade-in 1s;
    transition: .5s;
    border-radius: 20px;
}

    .m-portlet.m-portlet--tabs .m-portlet__head {
        padding: 0 1.5rem
    }

        .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-caption {
            padding: 0;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }

            .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-caption .m-tabs-line {
                position: relative;
                margin: 0;
                border-bottom-color: transparent;
                bottom: -1px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: stretch;
                -ms-flex-align: stretch;
                align-items: stretch
            }

                .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-caption .m-tabs-line .m-tabs__item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: stretch;
                    -ms-flex-align: stretch;
                    align-items: stretch
                }

                .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-caption .m-tabs-line .m-tabs__link {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-caption .m-tabs-line.m-tabs-line--2x {
                    bottom: -3px
                }

    .m-portlet .m-portlet__head {
        height: 4rem;
    }

    .m-portlet .portlet-no-shadow {
        box-shadow: unset;
    }

.m-subheader {
    padding-top: 10px !important;
}

    .m-subheader.title {
        margin: 0;
        padding-top: 0 !important;
        padding: 0 10px 0 0px !important;
    }


.m-aside-left {
    width: var(--side-nav-width);
}

.m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #f6783f !important;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
    color: white;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__quick-actions.m-topbar__quick-actions--img.m-dropdown--arrow .m-dropdown__arrow {
    color: white;
}

.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__name {
    color: black !important;
}

.m-card-user.m-card-user--skin-dark .m-card-user__details .m-card-user__email {
    color: black !important;
}

.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header .m-dropdown__header-title {
    color: black !important;
}

.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header .m-dropdown__header-subtitle {
    color: black !important;
}

.m-subheader .m-subheader__title {
    display: inline-block;
}

    .m-subheader .m-subheader__title.m-subheader__title--separator {
        border-right: 1px solid #e2e5ec;
    }



.drawer-width {
    width: 66% !important;
}

/*ALERT*/
.m-content-alert {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 0px
}

.alert-text {
    padding-left: 5px;
}

.alert {
    margin-bottom: 0px
}

.alert-text {
    margin-left: 5px;
}

.btn {
    font-family: var(--defalut-font) !important;
}

.form-control {
    font-family: var(--defalut-font) !important;
}

.btn-normal {
    color: #fff;
    background-color: #2F63DE;
    border-color: #2F63DE;
}

.m-btn--icon-only {
    margin-right: 5px;
}
/*MODAL*/
.modal-confirm-title {
    margin-top: 20px;
    text-align: center;
}

.modal-confirm-footer {
    margin: 20px;
    text-align: center;
}

.modal-body-center {
    padding-bottom: 0px !important;
    text-align: center;
}

.modal-confirm-icon {
    color: #36a3f7;
    font-size: 6em;
}
/*APPLICAZIONE*/
.mazikeen-dark-orange {
    color: #f55152 !important;
}

.project-status {
    color: #fff !important;
    padding: .5rem 1rem;
    font-size: .9rem;
}

@media(min-width: 992px) {
    .col-lg-3-custom {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        max-width: 22%;
    }

    .col-lg-9-custom {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 78%;
        flex: 0 0 78%;
        max-width: 78%;
    }
}

.tasklist-placeholder {
    height: 800px;
    background: url(../images/Logo/logo.png) no-repeat center center;
    filter: grayscale(100%) opacity(0.3);
}

.taskList-TaskOption {
    border-radius: 5px;
    transition: all .5s ease-in-out;
    border-bottom: 2px solid var(--background-color) !important;
    animation: fade-in 1s;
    transition: 0.25s;
}

    .taskList-TaskOption:hover:not(.taskList-TaskOption-selected) {
        cursor: pointer;
        background-color: var(--background-color-dark);
        border-bottom: 2px solid var(--background-color-dark) !important;
    }

    .taskList-TaskOption > .m-widget5__content {
        transition: 0.25s;
    }

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.taskList-TaskOption-selected {
    background-image: linear-gradient(to right, rgba(255,0,0,0), hsl(0, 0%, 0%, 0%), var(--background-color-dark));
    border-radius: 5px 0px 0px 5px;
}

    .taskList-TaskOption-selected:hover {
        cursor: pointer;
    }

.taskList-TaskOption-Title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.checkAllTasks-checkbox {
    padding-left: 27px;
    margin-bottom: 15px;
}

    .checkAllTasks-checkbox:hover {
        cursor: default;
    }

.checkAllTasks-container-hidden {
    opacity: 0;
    height: 0;
    transition: height 0.25s;
}

.checkAllTasks-container-shown {
    opacity: 1;
    height: 2.5rem;
    transition: 0.25s;
}

.taskOption-checkbox-container-checked {
    opacity: 1;
}

.taskOption-checkbox-container-unchecked {
    opacity: 0;
    transition: opacity 0.25s;
}

    .taskOption-checkbox-container-unchecked:hover {
        cursor: default;
    }

.taskList-TaskOption:hover .taskOption-checkbox-container-unchecked {
    opacity: 1;
}

.taskOption-checkbox {
    padding-left: 20px;
    margin-bottom: 15px;
}

.taskOption-checkbox:hover{
    cursor: default;
}

    .taskOption-checkbox span {
        background-color: white;
    }

.task-priority {
    color: #fff !important;
    padding: .5rem 1rem;
    font-size: .9rem;
}

.task-status {
    color: #fff !important;
    padding: .5rem 1rem;
    font-weight: 500 !important;
    font-size: .9rem;
}

.bug-status {
    color: #fff !important;
    padding: .5rem 1rem;
    font-weight: 500 !important;
    font-size: .9rem;
}

.badge-custom-field {
    background-color: var(--light);
    padding: .5rem 1rem;
    font-size: .9rem;
    width: 120px;
    max-width: 210px;
}

.task-user {
    padding: .5rem 1rem;
    font-size: .9rem;
}

.task_hover :hover {
    cursor: move;
    transition: .35s;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.task_hover :not(:hover) {
    transition: .15s;
}

.task_hover div :hover {
    transition: unset;
    box-shadow: unset;
}

.color-team-leader {
    color: #ffb822;
}

.color-no-team-leader {
    color: #c4c5d6;
}

.lnk-star-team-leader {
    cursor: pointer;
}

.hidden {
    display: none !important;
}

.padding-30 {
    padding: 30px;
}

.project-document-container {
    margin: 10px 5px;
    padding: 10px 5px;
    border-bottom: 2px solid #2F63DE;
}

.project-document-delete {
    top: 2px;
}
/*
.btn-dropdown-grid {
    padding: 3px 8px;
    z-index: 10001;
    border-radius: 5px;
}*/

.lnk-status:hover {
    cursor: pointer;
}

.form-control[readonly] {
    border-color: #f4f5f8;
    color: #6f727d;
    background-color: #f4f5f8;
}

.kanban-row {
    overflow-x: auto;
    overflow-y: hidden;
}

    .kanban-row > .col-lg-2 {
        max-width: 18%;
        min-width: 18%
    }

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-row {
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.kanban-status {
    background: #f7f7fa;
    margin-bottom: 20px;
    border-radius: 10px;
}

.kanban-status-container {
    background: white;
    border: 2px solid #f7f7fa;
    padding: 10px;
    min-height: 300px;
    border-radius: 10px;
}

.kanban-status-title {
    padding: 10px;
    color: #000000 !important;
    border-bottom: 3px solid;
}

.kanban-status-task-count {
    color: #6f727d;
    font-size: .8rem;
    margin-left: 10px;
}

.kanban-task-link {
    padding: 0px !important;
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    border: 1px solid #ebedf2;
    border-radius: 4px;
    margin-bottom: 6px;
    background-color: #ffffff;
    animation: fade-in 1s;
}

    .kanban-task-link > div {
        padding: 5px;
    }

    .kanban-task-link a:hover {
        cursor: pointer;
    }

.kanban-task-title {
    text-overflow: ellipsis;
    overflow: hidden;
}

.kanban-quick-task {
    float: right;
    color: #000000;
}

.subproject-description {
    padding-left: 30px !important;
    word-wrap: break-word;
}

.subtask-description {
    padding-left: 30px !important;
}

.subproject-row {
    background-color: #f7f8fa;
}

.subtask-row {
    background-color: #f7f8fa;
}

.subtask-assigned {
    background-color: white;
    animation: fade-in 1s forwards;
}

.categery-element-table {
    width: 100%
}

.category-element-link {
    padding: 6px !important;
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    border: 1px solid #ebedf2;
    border-radius: 4px;
    margin-bottom: 6px;
}

.category-element-fixed-col {
    width: 40%;
}

.color-element-default {
    color: #ffb822;
}

.color-no-element-default {
    color: #c4c5d6;
}

.color-element-completion {
    color: #34bfa3;
}

.color-no-element-completion {
    color: #c4c5d6;
}

.color-element-task-status-showhide {
    color: #0C79E1;
}

.color-no-element-task-status-showhide {
    color: #c4c5d6;
}

.color-element-task-status-hideoldjobs {
    color: #E10CC0;
}

.color-no-element-task-status-hideoldjobs {
    color: #c4c5d6;
}

.color-element-task-status-commentrequest {
    color: #fbc24b;
}

.color-no-element-task-status-commentrequest {
    color: #c4c5d6;
}

.color-element-task-status-orderbyduedate {
    color: #9717D3;
}

.color-no-element-task-status-orderbyduedate {
    color: #c4c5d6;
}

.color-element-task-status-requiretimespent {
    color: #007bff;
}

.color-no-element-task-status-requiretimespent {
    color: #c4c5d6;
}

.lnk-completion-project-status {
    cursor: pointer;
}

.lnk-default-project-status {
    cursor: pointer;
}

.lnk-task-requiretimespent {
    cursor: pointer;
}

.lnk-completion-task-status {
    cursor: pointer;
}

.lnk-default-task-status {
    cursor: pointer;
}

.lnk-default-priority-status {
    cursor: pointer;
}

.lnk-task-status-showhide {
    cursor: pointer;
}

.lnk-task-status-hideoldtasks {
    cursor: pointer;
}

.lnk-task-status-commentrequest {
    cursor: pointer;
}

.lnk-task-status-orderbyduedate {
    cursor: pointer;
}

.lnk-default-task-priority {
    cursor: pointer;
}

.icon-comment-present {
    color: #898b96;
}

.lnk-sub-toogle {
    cursor: pointer;
    color: rgb(246, 120, 63);
}

.m-login__signin {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 20px;
    padding: 30px;
}

.m-signup {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 20px;
    padding: 30px;
}

.lnk-normal {
    cursor: pointer;
    color: #898b96;
}

.padding-bottom5 {
    padding-bottom: 5px;
}

.height100p {
    height: 100%;
}

.height-scroll-task-dashboard {
    height: 600px;
}

@media (max-width: 1024px) {
    .m-login.m-login--6 .m-login__aside {
        width: 100%;
        height: auto;
        padding: 2rem 1rem;
    }

    .m-login.m-login--6 .m-login__wrapper {
        padding: 2rem 2rem;
    }

        .m-login.m-login--6 .m-login__wrapper .m-login__body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 4rem;
        }

    .m-login__signin {
        background-color: rgba(255, 255, 255, 0.78);
        border-radius: 5px;
        padding: 30px 10px;
    }

    .height-scroll-task-dashboard {
        height: auto;
    }

    .drawer-width {
        width: 90% !important;
    }
}

.m-login.m-login--6 .m-login__wrapper .m-login__body {
    height: 90%;
}

.blockOverlay {
    opacity: 0.3 !important;
}

.grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(20%,1fr));
    grid-auto-rows: 20px;
}

.btnlistInPortlet {
    padding: 10px 0;
    text-align: right;
}

.ddlWithPopUp > .select2 {
    width: 100%;
}

.drop-over-zone {
    border-radius: 4px;
    border: 1px var(--background-color) solid;
    transition: 1s;
}

.drop-over-element {
    transition: background-color 1s linear;
    background-color: #fff;
}

.drop-out-element {
    transition: background-color 1s linear;
    background-color: rgba(255, 116, 116, 0.5);
}

.bottom-separator {
    border-bottom: 0.07rem dashed #ebedf2;
}

.textbox-changed {
    border-color: red !important;
    background-color: rgba(255, 0, 0, 0.1) !important;
}

.detailTitle {
    font-weight: 600 !important;
}

.project-sector {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 10px;
}

.project-sector-container {
    background-color: #f3f3f3;
    margin-bottom: 20px;
}

.sector-collapse {
    margin-top: 8px;
}

.sector-collapse-icon {
    color: #575962;
    font-size: 20px;
}

.table-button td {
    padding: 0px;
}

.m-widget17 .m-widget17__stats {
    display: table;
    width: 90%;
    padding-bottom: 1.4rem;
    margin: 0 auto 1rem auto;
}

    .m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item {
        box-shadow: 0px 1px 15px 4px rgba(69,65,78,0.06);
    }

    .m-widget17 .m-widget17__stats .m-widget17__items .m-widget17__item {
        position: relative;
        margin-top: -5rem;
        background-color: rgba(189,195,212,0.26);
        margin-bottom: 4.5rem;
        height: 10rem;
        padding-bottom: 10px;
    }

.ws_selection {
    cursor: pointer;
}

.req-current-status {
    padding: .6rem 1rem;
    border-radius: 4px;
    color: #fff !important;
    text-align: center;
}

.gantt_layout_root {
    font-family: var(--defalut-font) !important;
    font-size: 10px;
}

.gantt_add {
    display: none !important;
}

.gantt_grid_head_add {
    display: none !important;
}

.gantt_task_line {
    overflow: hidden;
    padding: 6px !important;
    box-shadow: 0 1px 15px 1px rgba(69,65,78,0.13);
    border: 1px solid #ebedf2;
    border-radius: 4px;
    margin-bottom: 6px;
    background-color: #fff;
}

    .gantt_task_line.gantt_task_inline_color {
        border-color: #ffffff;
    }

.gantt_task_content {
    font-size: 12px;
    color: #333333a8;
    width: 100%;
    top: 0;
    cursor: pointer;
    position: absolute;
    white-space: nowrap;
    text-align: left;
}

.gantt_grid_data .gantt_row.gantt_selected, .gantt_grid_data .gantt_row.odd.gantt_selected, .gantt_task_row.gantt_selected {
    background-color: #e2e1de
}

.gantt_grid_data .gantt_row.odd:hover, .gantt_grid_data .gantt_row:hover {
    background-color: #e2e1de;
}

.gridHoverStyle, .gridSelection, .timelineSelection {
    background-color: #e2e1de !important;
}

.gantt_task_link:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px 0 #e2e1de;
}


.tabs-popup {
    margin-left: -25px;
    margin-top: -50px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
}

/*
.login-alert {
    margin-top: -40px;
    margin-bottom: 20px;
}*/

.tab_complete_ui {
    position: absolute;
    background: #fff;
    z-index: 100000;
    padding: 0;
    line-height: 2rem;
    box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,.15);
    margin: 1px 1px 0px 1px;
    cursor: pointer;
    bottom: 15%;
    width: 93%;
}

.tab_complete_modal_ui {
    position: absolute;
    background: #fff;
    z-index: 100000;
    padding: 0;
    line-height: 2rem;
    box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,.15);
    cursor: pointer;
    bottom: 100%;
    width: 100%;
}

    .tab_complete_modal_ui ul li:hover {
        display: block;
        color: #1264a3;
        background: #e8f5fa;
    }

.tab_complete_taskmodal_ui {
    position: absolute;
    background: #fff;
    z-index: 100000;
    padding: 0;
    line-height: 2rem;
    box-shadow: 0px 0px 15px 1px rgba(69,65,78,0.2);
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,.15);
    cursor: pointer;
    bottom: 100%;
    width: 65%;
}

    .tab_complete_taskmodal_ui ul li:hover {
        display: block;
        color: #1264a3;
        background: #e8f5fa;
    }

.tab_complete_ui ul li:hover {
    display: block;
    color: #1264a3;
    background: #e8f5fa;
}

#type_member, #project_member {
    list-style: none;
    padding: 5px 0px;
    margin: 0;
}

    #type_member li,
    #project_member li {
        padding: 1px 10px;
    }

.dashboard-task {
    padding-left: 3px;
}

.idcustomalign {
    max-width: 4.33333%;
}

.titlecustomalign, .statuscustomalign {
    min-width: 10.33333%;
    max-width: 10.33333%;
}

.datealign {
    max-width: 7.33333%;
}

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

.filter-container {
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    background-color: #fff;
    margin: 0px 0px 20px;
    padding: 20px;
}

.taskfilter-container {
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    background-color: #fff;
    margin-bottom: 20px;
    padding: 20px;
}

#btnTaskFilter {
    padding-top: 35px;
}

.select2-container {
    width: 100% !important;
}

.hide-all-field {
    display: none;
}

.display-all-field {
    display: none;
}

.btn-export {
    margin-left: 4px;
}

.hide-more-field {
    padding-top: 1.15rem;
    padding-bottom: 1.25rem;
    display: none;
}

.more-field-plus-icon:before {
    box-shadow: none;
    top: 50%;
    left: 8px;
    height: 18px;
    width: 18px;
    margin-top: -9px;
    font-size: 18px;
    color: rgb(113, 106, 202);
    background-color: transparent;
    font-family: LineAwesome;
    text-rendering: optimizelegibility;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "";
    border-radius: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    text-decoration: inherit;
}

.more-field-minus-icon:before {
    font-family: "LineAwesome";
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    color: #716aca;
    background-color: transparent;
}

.textarea-comment {
    padding-top: 5px;
    width: 100%;
}

@media (max-width:767px) {
    .titlecustomalign {
        margin-left: 10px;
    }

    .display-all-field {
        display: block;
    }

    .ishide {
        display: none;
    }

    .project-custom-column-width {
        float: left;
        min-width: 50%;
        min-height: 35px;
    }

    .custom-column-width {
        float: left;
        min-width: 35%;
        min-height: 35px;
    }

    .customwidth {
        width: 50% !important;
    }

    .col-sm-3 {
        width: 100%;
    }

    .resolver-plus-icon:before {
        box-shadow: none;
        top: 50%;
        left: 8px;
        height: 18px;
        width: 18px;
        margin-top: -9px;
        font-size: 18px;
        color: rgb(113, 106, 202);
        background-color: transparent;
        font-family: LineAwesome;
        text-rendering: optimizelegibility;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        content: "";
        border-radius: 0px;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        text-decoration: inherit;
    }

    .resolver-minus-icon:before {
        font-family: "LineAwesome";
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        color: #716aca;
        background-color: transparent;
    }

    .plus-icon:before {
        box-shadow: none;
        top: 50%;
        left: 8px;
        height: 18px;
        width: 18px;
        margin-top: -9px;
        font-size: 18px;
        color: rgb(113, 106, 202);
        background-color: transparent;
        font-family: LineAwesome;
        text-rendering: optimizelegibility;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        content: "";
        border-radius: 0px;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        text-decoration: inherit;
    }

    .minus-icon:before {
        font-family: "LineAwesome";
        text-decoration: inherit;
        text-rendering: optimizeLegibility;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        color: #716aca;
        background-color: transparent;
    }

    .drawer-width {
        width: 95% !important;
    }
}

.show-if-mobile {
    display: none;
}

.hideTask {
    display: none !important;
}

.m-widget24--container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -5px;
}

.m-widget24--portlet-flex {
    flex: 1 1 350px;
    margin: 5px;
}

.m-widget24__stats {
    margin-top: -3.43rem !important;
}

    .m-widget24__stats > i {
        font-size: 3rem !important;
        color: #f6783f;
    }

.m-widget24__number {
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.m-widget11__sub-trunc {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.m-timeline-3__item > .m-timeline-3__item-actions {
    display: table-cell;
    vertical-align: top;
    padding-left: 0.8rem;
    padding-top: 0.8rem;
}

.m-timeline-3 .m-timeline-3__item:before {
    position: absolute;
    display: block;
    width: 0.28rem;
    border-radius: .3rem;
    height: 90% !important;
    left: 11.1rem !important;
    top: 0.46rem;
    content: "";
}

.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-time {
    display: table-cell;
    vertical-align: top;
    padding-top: 0.6rem;
    font-weight: 500;
    font-size: 1.3rem;
    position: absolute;
    text-align: right;
    width: 8.57rem !important;
}

.m-timeline-3 .m-timeline-3__item .m-timeline-3__item-desc {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    font-size: 1rem;
    padding-left: 14rem !important;
}

.m-timeline-3__item.m-timeline-3__item--brand:before {
    background: #f6783f;
}

.m-timeline-3 {
    overflow: auto;
}

.task-normal {
    margin-bottom: 0.6rem;
    border: 1px solid #ebedf2;
    border-bottom: 1px solid #ebedf2 !important;
}

.task-bug {
    border-left: 4px solid var(--color-bug);
}

.task-request {
    border-left: 4px solid var(--color-request);
}

.task-subtask {
    border-left: 4px solid var(--color-subtask);
}

.task-stalled {
    cursor: pointer;
    background-color: var(--color-bug);
    color: white;
}

.task-notAssigned {
    cursor: pointer;
    background-color: hsl(0, 0%, 50%, 10%);
    box-shadow: none;
}

.text-white {
    color: white;
}

.tasklist-legend-caret {
    cursor: pointer;
    transition: 0.25s;
}

.tasklist-legend {
    padding-left: 20px;
    opacity: 0;
    max-height: 0;
    transition: 0.25s;
}

.border-left-legend {
    border-radius: 5px;
    padding: 5px;
    background-color: var(--background-color);
}

    .border-left-legend.bug-legend {
        border-left: 3px solid var(--color-bug);
    }

    .border-left-legend.request-legend {
        border-left: 3px solid var(--color-request);
    }

    .border-left-legend.subtask-legend {
        border-left: 3px solid var(--color-subtask);
    }

.container-sub-task {
    border-top: 2px solid var(--background-color-dark);
}

.subtask:hover {
    cursor: pointer;
    background-color: hsl(0, 0%, 50%, 25%);
    border-radius: 0 0 5px 5px;
}

    .subtask:hover * {
        cursor: pointer;
    }

.m-widget5 .m-widget5__item .m-widget5__content .m-widget5__section {
    padding-left: 0.5rem;
}

.m-badge {
    font-weight: 400 !important;
    font-size: 0.85rem !important;
}

.badge-notAssigned {
    color: #fff;
    padding: 3px 4px 0;
    background: #3c3c3c;
}


.m-widget29 .m-widget_content {
    padding: 0 1.6rem;
}

.editor-disabled {
    border-color: #f4f5f8;
    color: #6f727d;
    padding: .85rem 1.15rem;
    border-radius: .25rem;
    background-color: #f4f5f8;
    min-height: 40px;
}

.tasklist-switch {
    padding-left: 1rem;
    padding-right: 1rem;
    align-self: center;
}

.project-user-checkbox {
    min-width: 120px;
    text-align: right;
}

.project-user-checkbox-header {
    text-align: right;
}

.field-mandatory {
    border-left: 4px solid #f4516c;
}

div.field-mandatory {
    border-radius: .25rem;
}

.action {
    cursor: pointer;
}

.ui-autocomplete {
    font-family: inherit;
    font-weight: 500;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 15px 1px rgba(69,65,78,0.2) !important;
    box-shadow: 0px 10px 15px 1px rgba(69,65,78,0.2) !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    margin-top: .5rem;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .ui-autocomplete .ui-menu-item {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
        background: var(--background-color);
    }

.topBar-ui-autocomplete {
    left: 0px !important;
    width: 275px !important;
    max-width: 275px !important;
    min-width: 275px !important;
}

.ui-state-active {
    margin: unset !important;
}

.avatar-selected {
    border: 2px solid #f6783f;
    padding: 3px !important;
}

.header-action {
    text-align: right;
    padding-right: 23px;
}

.bug-status-dashboard {
    min-width: 130px;
    text-align: right;
}

.max-width-600 {
    max-width: 600px;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
    z-index: 2000 !important;
}

.note-toolbar {
    z-index: unset;
}

.note-editor.note-frame, .note-editor.note-airframe {
    border: 1px solid var(--background-color) !important;
}

.note-editable[contenteditable="false"] {
    background-color: white !important;
}

.m-scrollable {
    padding-left: 5px;
}

    .m-scrollable.ps.ps--active-y[data-scrollbar-shown="true"] {
        animation: scroller-shadow-fadeout 2s ease-in-out forwards;
    }

    .m-scrollable.m-scroller.ps.ps--active-y[data-scrollbar-shown="true"] {
        animation: scroller-shadow-fadein 2s ease-in-out forwards;
    }

.m-brand--skin-dark {
    background-color: var(--side-nav-color) !important;
}

@keyframes scroller-shadow-fadein {
    0% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 0%);
    }

    1% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 1%);
    }

    2% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 2%);
    }

    3% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 3%);
    }

    4% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 4%);
    }

    5% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 5%);
    }

    6% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 6%);
    }

    7% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 7%);
    }

    8% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 8%);
    }

    9% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 9%);
    }

    100% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 10%);
    }
}

@keyframes scroller-shadow-fadeout {
    0% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 10%);
    }

    1% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 9%);
    }

    2% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 8%);
    }

    3% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 7%);
    }

    4% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 6%);
    }

    5% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 5%);
    }

    6% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 4%);
    }

    7% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 3%);
    }

    8% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 2%);
    }

    9% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 1%);
    }

    10% {
        background: linear-gradient(0deg, var(--background-color) 0%, rgba(255,255,255,1) 0%);
    }
}

.trash-reminder:hover {
    cursor: pointer;
}

.topBarProjectSearchDivider {
    border-top: 2px solid var(--background-color-dark);
    padding-top: 20px;
}

.topBarMenu span {
    font-weight: 500 !important;
}

.topBarMenu i:first-child {
    font-size: 1.5rem !important;
}

.topBarMenu i:nth-last-child(1) {
    font-size: 1.2rem !important;
}

.projectFavBtn {
    border: none;
}

    .projectFavBtn.btn-outline-metal {
        opacity: 0;
        transition: .5s;
    }

.projectRow:hover .projectFavBtn.btn-outline-metal {
    opacity: 1;
    transition: .5s;
}

.btn.btn-outline-warning-custom {
    color: #ffb822;
    background-color: transparent;
    background-image: none;
}

.btn-outline-warning-custom:hover {
    color: black;
    background-color: var(--background-color-dark);
}

.m-widget11 .table tbody > tr {
    border-bottom: 1px solid var(--background-color);
    border-radius: 1rem;
    transition: .5s;
}

.m-widget11 .table thead > tr > td {
    padding-left: .5rem;
}

.m-widget11 .table tbody > tr > td {
    padding-left: .5rem;
}

.m-widget11 .table tbody > tr:hover {
    background-color: var(--background-color);
    transition: .5s;
}

@media (min-width: 1600px) {

    .favProjectContainer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-tasks-dashboard {
        flex: 0 0 44%;
        max-width: 44%;
        min-width: 660px;
    }

        .col-tasks-dashboard .m-scrollable {
            height: calc(100vh - 380px);
        }

    .col-favorite-projects-dashboard .m-scrollable {
        height: calc(100vh - 380px);
    }

    .col-reminders-dashboard .m-scrollable {
        height: calc(100vh - 380px);
    }
}

@media (max-width: 1600px) and (min-width: 1200px) {

    .favProjectContainer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-tasks-dashboard {
        flex: 0 0 65%;
        max-width: 65%;
    }

        .col-tasks-dashboard .m-scrollable {
            height: calc(100vh - 380px);
        }

    .col-favorite-projects-dashboard {
        flex: 0 0 35%;
    }

        .col-favorite-projects-dashboard .m-scrollable {
            height: calc(100vh - 380px);
        }

    .col-reminders-dashboard {
        min-width: 660px;
    }

        .col-reminders-dashboard .m-scrollable {
            max-height: calc(100vh - 380px);
        }
}

@media (max-width: 1200px) {
    .favProjectContainer {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-tasks-dashboard {
        flex: 0 0 100%;
        min-width: 660px;
    }

        .col-tasks-dashboard .m-scrollable {
            max-height: calc(100vh - 380px);
        }

    .col-favorite-projects-dashboard {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 660px;
    }

        .col-favorite-projects-dashboard .m-scrollable {
            max-height: calc(100vh - 380px);
        }

    .col-reminders-dashboard {
        min-width: 660px;
    }

        .col-reminders-dashboard .m-scrollable {
            max-height: calc(100vh - 380px);
        }
}

.favProjectDescription {
    padding-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.favProjectContainer {
    transition: .5s;
}

.favProjectItem {
    display: inline-block !important;
    max-width: 30%;
    width: 30%;
    margin-right: 2px;
}

.favProjectLink {
    text-decoration: unset !important;
    cursor: pointer;
}

    .favProjectLink:after {
        display: block;
        content: '';
        border-bottom: 3px solid var(--background-color-dark);
        transform: scaleX(0);
        transform-origin: 0% 50%;
        transition: transform .25s ease-in-out;
    }

    .favProjectLink:hover:after {
        transform: scaleX(1);
    }

.m-widget24 .m-widget24__item .m-widget24__title {
    margin-top: 1.8rem;
}

.m-widget4 .m-widget4__item {
    border-bottom: 2px solid var(--background-color);
}

#filterCounterContainer {
    width: fit-content;
    display: none;
}

    #filterCounterContainer span:first-child {
        margin: 0;
        opacity: 0;
        width: 0;
        height: 0;
        transition: .5s;
    }

    #filterCounterContainer:hover span:first-child {
        opacity: 1;
        width: 100%;
        height: 100%;
    }

    #filterCounterContainer:hover span:nth-last-child(1), #filterCounterContainer:hover i.fa-filter {
        opacity: 0;
        transition: .5s;
    }

.category-element-sortable:hover{
    cursor:move;
}


.template-element-table {
    width: 100%
}

.template-element-link {
    padding: 6px !important;
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    border: 1px solid #ebedf2;
    border-radius: 4px;
    margin-bottom: 6px;
}

.template-element-fixed-col {
    width: 40%;
}
.bg-grey {
    background-color: #dfdfdf;
}

.bg-yellow {
    background-color: #ebe2ab;
}
.tab-header {
    font-weight: 700;
    font-size: 14px;
    background: #ededed;
}

.lnk-task-detail {
    cursor: pointer;
    transition: background-color 0.2s;
}

.notassigned {
    background-color: #d9d9d9;
}


.weekend-cell {
    background-color: RGB(255, 200, 200);
}
.closure-day {
  background: rgba(120, 40, 200, 0.22); /* viola tenue per chiusure straordinarie */
}
.tasks-btn{
    background-color: #FF9800 !important;
    border-color: #FF9800 !important;
}

.offday-visible-disabled {
    background: repeating-linear-gradient( 45deg, rgba(128,128,128,.15), rgba(128,128,128,.15) 6px, transparent 6px, transparent 12px );
}
.offhour-disabled {
    background: repeating-linear-gradient(45deg, rgba(180,180,180,.2), rgba(180,180,180,.2) 6px, transparent 6px, transparent 12px);
}
.not-working-time {
    opacity: 0.25;
}

.lunch-break {
    background: rgba(255,200,0,.1);
}

.header-even {
    background: #f0f0f0; /* grigio chiaro */
}

.header-odd {
    background: #ffffff; /* azzurrino */
}
.project-list-category {
    font-weight: bold;
    font-size: 16px;
}

.overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 6, 23, .66), rgba(2, 6, 23, .4));
    backdrop-filter: saturate(130%) blur(1px);
}

.m-dropdown__inner{
    border-radius: 20px !important;
}
.m-menu__subnav {
    border-radius: 20px !important;
}


.calendar-filters {
    border: 2px solid var(--background-color-dark);
    border-radius: 20px;
    margin-top: 4px;
    margin-bottom: 10px;
    max-height: 300px;
    overflow-y: auto;
    padding: 10px;
}

.show-more{
    font-weight: bold;
}

.show-less {
    font-weight: bold;
}