:root {
    --status-New: #ebedf2;
    --status-Forward: #F9D853;
    --status-InProgress: #8FD65C;
    --status-Done: #65B6DC;
    --status-Return: #f4516c;
    --status-Commited: #5867dd;
}   
/* Custom Sign In Page*/
    .background-style {
    background-image: url('../../../../../assets/v5/app/media/img/bg/bg-3.jpg');
}
/* END Custom Sign In Page*/
.icon-table-column-insert-after {
    background: url(../../../assets/images/table-insert-icon/table-column-insert-after.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    filter: invert(57%) sepia(9%) saturate(302%) hue-rotate(193deg) brightness(95%) contrast(92%);
}
.icon-table-column-insert-before {
    background: url(../../../assets/images/table-insert-icon/table-column-insert-before.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    filter: invert(57%) sepia(9%) saturate(302%) hue-rotate(193deg) brightness(95%) contrast(92%);
}
.icon-table-row-insert-after {
    background: url(../../../assets/images/table-insert-icon/table-row-insert-after.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    filter: invert(57%) sepia(9%) saturate(302%) hue-rotate(193deg) brightness(95%) contrast(92%);
}
.icon-table-row-insert-before {
    background: url(../../../assets/images/table-insert-icon/table-row-insert-before.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 15px;
    width: 15px;
    filter: invert(57%) sepia(9%) saturate(302%) hue-rotate(193deg) brightness(95%) contrast(92%);
}
.btn.m-btn--hover-primary:hover > .icon-table-column-insert-after, .btn.m-btn--hover-primary:hover > .icon-table-column-insert-before, .btn.m-btn--hover-primary:hover > .icon-table-row-insert-after, .btn.m-btn--hover-primary:hover > .icon-table-row-insert-before {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(199deg) brightness(105%) contrast(101%) !important
}
.btn.btn-success .icon-table-column-insert-after, .btn.btn-primary .icon-table-column-insert-before {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(199deg) brightness(105%) contrast(101%) !important
}

    #toast-container > .toast-warning {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABr0lEQVRIibXUT4hNcRQH8M880/TSJE2aLKdZDMlCL1lIkoUmTRaykCQLC2tJmuwsZCFp1pKFNFnJchazkCyFJAs0ykqahIUmw+Kc17uee98zz33f+tX9nT/f3znnnnMYMjZt0P4MduDVEGIxg9U8M3WTN7CIL/iOuymrDYeT+Aqu5feBusgbeII3mMAkVvBYTVmcxk+cLMjO4hdO/S/5hIh8Gc2CfLPI6nXaDIx5Ef3+woO7RGkOiSzmByWfxmfcy/sWEfEa9qbsQdpMD/LA7XTemfdt+CiiPpiy3WIu7myUvJWRXi/ImniGH5gqyG+kbetfycewhPcZdRH38RZbC7J22y6lb1+cED/2XInusuio7v4/L7I43o98HC/xvCKaOSyUyMcKfuO9Hrgoajxbod+OYxW6o+l7oYp8UnTNQ4xW2EyJHVSmH03fT8n1F26JJVbVDe3yrekMXjdayXGzW7EnFQuqF1hTDNaKmOYyNDLQr8mJTmqrosa90NR/97RL/Si5HRE/Z+CdUoJLyTk3gqfYhw/4hvU0Wi/37YlGnqbYTy9GcNWfo18n3g2Jt4Pfiv1XJwHHixoAAAAASUVORK5CYII=') !important;
    }

#toast-container > .toast-warning .toast-close-button {
    color: #000000 !important;
}

.toast-warning {
    color: #000000 !important;
}

.required {
    color: #f4516c;
}

.highlighted {
    font-family: Open Sans;
    font-size: 1em;
    font-weight: bold;
    color: orange;
}

.requestTicketStatus-New, .requestTicketStatus-Todo {
    background-color: var(--status-New) !important;
    border-color: var(--status-New);
}

.requestTicketStatus-Forward,.requestTicketStatus-Forwarded {
    background-color: var(--status-Forward) !important;
    border-color: var(--status-Forward);
}

.requestTicketStatus-InProgress, .requestTicketStatus-Accepted {
    background-color: var(--status-InProgress) !important;
    border-color: var(--status-InProgress);
}

.requestTicketStatus-Done {
    background-color: var(--status-Done) !important;
    border-color: var(--status-Done);
}

.requestTicketStatus-Return {
    background-color: var(--status-Return) !important;
    border-color: var(--status-Return);
}

.requestTicketStatus-Commited {
    background-color: var(--status-Commited) !important;
    border-color: var(--status-Commited);
}

.inbound-status.taskStatus-icon {
    height: 50px;
    width: 50px;
} 

.taskStatus-icon-outline {
    background-color: transparent;
}

.inbound-status.requestTicketStatus-Border {
    min-height: 20px;
    min-width: 20px;
    line-height: 20px;
}

.inbound-status {
    font-size: 0.8rem;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    letter-spacing: 0.6px;
    padding: 1px 10px;
    border-radius: .75rem;
}

.survey-question {
    margin-bottom: 20px;
    white-space: normal;
}

.DifficultyDegree-Normal {
    color: #4da74d !important;
}

.DifficultyDegree-Hard {
    color: #edc240 !important;
}

.DifficultyDegree-Critical {
    color: #cb4b4b !important;
}

html, body {
    font-weight: 400;
}

@media (min-width: 1025px) {
    .m-header {
        height: 50px;
    }

    .m-header--fixed .m-body {
        padding-top: 50px !important;
    }

    .m-brand .m-brand__logo, .m-brand .m-brand__tools {
        height: 50px !important;
    }

    .m-header--static.m-aside-left--fixed .m-brand {
        height: 50px !important;
    }

        .m-header--static.m-aside-left--fixed .m-brand .m-brand__tools, .m-header--static.m-aside-left--fixed .m-brand .m-brand__logo {
            height: 50px !important;
        }

    .m-aside-left--fixed.m-header--static .m-aside-left, .m-aside-left--fixed.m-header--fixed .m-aside-left {
        top: 50px;
    }
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
    height: 40px;
}

.m-header-menu img {
    height: 40px;
    margin-top: 2px;
}

.m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
    width: auto;
    padding: 9px 0;
}


.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    padding: 9px 15px;
}

    .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon,
    .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
        text-align: left;
        width: 30px;
        font-size: 1.4rem;
    }

.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__link-bullet,
.m-aside-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-bullet {
    vertical-align: middle;
    text-align: left;
    width: 15px;
}

.m-body .m-content {
    padding: 10px 30px;
}


.m-subheader {
    padding: 10px 30px 0 30px;
}



.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {
    padding: 9px 15px;
}

.select-option-level-0 {
    padding-left: 10px !important;
    font-weight: bold !important;
    font-size: 1.2rem !important;
}

.select-option-level-1 {
    font-weight: bold !important;
    padding-left: 25px !important;
}

.select-option-level-2 {
    padding-left: 40px !important;
}

.select-option-level-3 {
    font-style: initial !important;
    padding-left: 55px !important;
}

.m-widget24 {
    font-family: Roboto;
}

    .m-widget24 .m-widget24__item .m-widget24__stats {
        font-size: 2.4rem;
        margin-top: -2.2rem;
        font-weight: 500;
    }

    .m-widget24 .m-widget24__item .m-widget24__title {
        font-size: 1.4rem;
        font-weight: 500;
    }

    .m-widget24 .m-widget24__item .progress {
        height: 0.6rem;
    }

.m-form .m-form__group {
    padding-top: 0px;
    /*padding-left: 0px !important;
    padding-right: 0px !important;*/
}

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

.label-danger {
    color: #f4516c;
    font-style: italic;
}

[data-tooltip-id] {
    position: relative;
    border-bottom: 1px dotted black;
}

[data-tooltip-for] {
    transform: scale(0);
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 15px;
    position: absolute;
    z-index: 99999;
    width: 300px;
    border-radius: 6px !important;
    background-color: green;
    overflow-y: auto;
}

    [data-tooltip-for].show {
        transform: scale(1);
        transition-duration: 0.5s;
        animation-duration: 0.5s;
    }

        [data-tooltip-for].show::-webkit-scrollbar {
            width: 10px;
        }

        [data-tooltip-for].show::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        [data-tooltip-for].show::-webkit-scrollbar-thumb {
            background: #bbb;
            border-radius: 10px;
        }

            [data-tooltip-for].show::-webkit-scrollbar-thumb:hover {
                background: #999;
            }


label {
    margin-bottom: 0.2rem;
}

.m-portlet .m-portlet__body {
    color: rgba(51,51,51,1);
}

.m-dropdown .m-dropdown__wrapper {
    width: 350px;
}

.m-checkbox.m-checkbox--single.m-checkbox--brand > input[type=checkbox] {
    min-width: 5px !important;
}

/* Custom css for icheck-inline*/
.icheck-inline {
    padding-top: 10px;
}

    .icheck-inline label.label-radio-list {
        padding-left: 10px;
        padding-right: 10px;
    }

.input-group .form-control {
    position: relative;
    /*z-index: 2;*/
    flex: 1 1 auto;
    /*width: 100%;*/
    margin-bottom: 0;
}

input {
    min-width: 80px !important;
}

.form-control-static {
    color: #575962;
}

.m-badge-default {
    background: #eaeaea;
    color: #fff;
    font-size: 0.8rem;
    line-height: 20px;
    min-height: 20px;
    min-width: 20px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    padding: 0px 3px;
    border-radius: .75rem;
}

    .m-badge-default.m-badge--square {
        border-radius: 0;
    }

    .m-badge-default.m-badge--wide {
        letter-spacing: 0.6px;
        padding: 1px 10px;
        border-radius: 0;
        border-radius: .75rem;
    }

.m-badge {
    top: 12px !important;
    padding-top: 6px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    font-size: 0.85rem !important;
}

    .m-badge.m-badge--dot-small {
        min-height: 6px !important;
        min-width: 6px !important;
        height: 6px !important;
        width: 6px !important;
        border-radius: 100%;
        padding: 0;
        line-height: 6px;
    }

.m--status {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 40px;
    border-radius: 50%;
}

.m--InProcess {
    background-color: #8FD65C;
    color: #fff;
}

.m--New {
    background-color: #36a3f7;
    color: #fff;
}

.m--Forward {
    background-color: #F9D853;
    color: #fff;
}

.m--Done {
    background-color: #65B6DC;
    color: #fff;
}

.m--danger {
    background-color: #f22d4e;
    color: #fff;
}

.m-footer {
    height: 30px;
    min-height: 30px;
}

.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-aside-right, .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-wrapper {
    margin-bottom: 30px;
}

.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-footer {
    margin-top: -30px;
}

/*.m-portlet .m-portlet__head {
    height: 46px !important;
}*/

.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line {
    bottom: 0px !important;
}

.m-tabs-line .m-tabs__item {
    margin-right: 15px !important;
}

.m-portlet--fullscreen {
    z-index: 3 !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* Multiple file */
.multiple-file-label {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.table th {
    font-weight: 600;
}


/*Temp clone m-badge -> m-badge--wrap*/
.m-badge--wrap {
    background: #eaeaea;
    color: #444;
    font-size: 0.8rem;
    line-height: 20px;
    min-height: 20px;
    min-width: 20px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    padding: 0px 3px;
    border-radius: .75rem;
}


    .m-badge--wrap.m-badge--light {
        background-color: #fff;
        color: #282a3c;
    }

    .m-badge--wrap.m-badge--brand {
        background-color: #716aca;
        color: #fff;
    }

    .m-badge--wrap.m-badge--metal {
        background-color: #c4c5d6;
        color: #fff;
    }

    .m-badge--wrap.m-badge--accent {
        background-color: #00c5dc;
        color: #fff;
    }

    .m-badge--wrap.m-badge--focus {
        background-color: #9816f4;
        color: #fff;
    }

    .m-badge--wrap.m-badge--primary {
        background-color: #5867dd;
        color: #fff;
    }

    .m-badge--wrap.m-badge--success {
        background-color: #34bfa3;
        color: #fff;
    }

    .m-badge--wrap.m-badge--info {
        background-color: #36a3f7;
        color: #fff;
    }

    .m-badge--wrap.m-badge--warning {
        background-color: #ffb822;
        color: #111;
    }

    .m-badge--wrap.m-badge--danger {
        background-color: #f4516c;
        color: #fff;
    }


/*Actions in modal*/
.modal .modal-content .modal-header {
    display: block;
}

    .modal .modal-content .modal-header .close {
        padding: 0;
        padding-right: 0.5rem;
    }

.action {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

button.action {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-header .action {
    padding: 0;
    margin: -1rem -1rem -1rem auto;
}

    .modal-header .action.second {
        padding-right: 2rem;
    }

    .modal-header .action.third {
        padding-right: 3.5rem;
    }

.action:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.modal .modal-content .modal-header .action {
    line-height: 0;
    font-family: 'LineAwesome';
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0;
    outline: none !important;
}

    .modal .modal-content .modal-header .action::before {
        font-size: 1.2rem;
    }

.modal .modal-content .modal-header .expand::before {
    content: "\f1d0";
}

.modal-xlg {
    max-width: 1400px !important;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-badge {
    margin-left:5px;
}

/*Bold optgroup*/
.select2-container--default .select2-results__option strong.select2-results__group {
    padding: 5px 15px;
    font-weight: 600;
}


textarea.m_autosize{
    max-height: 130px;
}

/* Badge more color */
.m-badge--gold {
    background: #f1c40f;
}

.m-badge--silver {
    background: #bdc3c7;
}

.m-badge--bronze {
    background: #f19066;
}

.m-badge--white {
    background: #ffffff;
}

.m--font-gold {
    color: #f1c40f;
}

.m--font-silver {
    color: #bdc3c7;
}

.m--font-bronze {
    color: #f19066;
}

/* Customer Context */

.m-messenger.m-messenger.m-messenger--message-arrow .m-messenger__message.m-messenger__message--out .m-messenger__message-arrow {
    color: #DAE9FF;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-content {
    background: #DAE9FF;
}

    .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-content .m-messenger__message-username {
        color: #36a3f7;
    }
        .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-content .m-messenger__message-username .m-messenger__message-time {
            color: #f4516c;
        }

    .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-content .m-messenger__message-text {
        color: #575962;
    }

/* END Customer Context */

/* Ellipsis Link*/
a.ellipsis-link {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* End Ellipsis Link*/
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete {	
    /* fix bug webchat ui z-index 999*/	
    z-index: 1000;
}
[colspan="0"] {
    display:none;
}
body.menu-v7 .m-brand { /*header menu*/
    background: #1a1a27!important;
}
body.menu-v7 .m-aside-left, /*aside menu*/
body.menu-v7 .m-aside-menu .m-menu__item--open /*select area*/
{
    background: #1e1e2d!important;
}
body.menu-v7 .m-aside-left .m-menu__link-text {
    color: #a2a3b7!important;
}
body.menu-v7 .m-aside-left .m-menu__link:hover > .m-menu__link-title > .m-menu__link-wrap > .m-menu__link-text,
body.menu-v7 .m-aside-left .m-menu__item--open > .m-menu__link > .m-menu__link-title > .m-menu__link-wrap > .m-menu__link-text,
body.menu-v7 .m-aside-left .m-menu__item--active > .m-menu__link > .m-menu__link-title > .m-menu__link-wrap > .m-menu__link-text {
    color: #fff!important;
}
body.menu-v7 .m-aside-left .m-menu__link:hover > .m-menu__link-text,
body.menu-v7 .m-aside-left .m-menu__item--open > .m-menu__link > .m-menu__link-text,
body.menu-v7 .m-aside-left .m-menu__item--active > .m-menu__link > .m-menu__link-text {
    color: #fff!important;
}
body.menu-v7 .m-aside-left .m-menu__link:hover > .m-menu__ver-arrow,
body.menu-v7 .m-aside-left .m-menu__item--open > .m-menu__link > .m-menu__ver-arrow,
body.menu-v7 .m-aside-left .m-menu__item--active > .m-menu__link > .m-menu__ver-arrow {
    color: #fff!important;
}
body.menu-v7 .m-aside-left .m-menu__link:hover > .m-menu__link-icon,
body.menu-v7 .m-aside-left .m-menu__item--open > .m-menu__link > .m-menu__link-icon,
body.menu-v7 .m-aside-left .m-menu__item--active > .m-menu__link > .m-menu__link-icon,
body.menu-v7 .m-aside-left .m-menu__item--active > .m-menu__link > .m-menu__link-bullet {
    color: #fff!important;
}
body.menu-v7 .m-aside-left .m-menu__link:hover > .m-menu__link-bullet > span,
body.menu-v7 .m-aside-left .m-menu__item--active > .m-menu__link > .m-menu__link-bullet > span {
    background-color: #fff!important;
}
body.menu-v7 .m-aside-left .m-menu__link:hover,
body.menu-v7 .m-aside-left .m-menu__item--open > .m-menu__link,
body.menu-v7 .m-aside-left .m-menu__item--active > .m-menu__link {
    background-color: #1b1b28!important;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
    select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
        display: none;
    }

.m-compact-form .mh-90px textarea.form-control,
.m-compact-form .mh-90px textarea.form-control:focus {
    min-height: 90px !important;
    max-height: 120px !important;
}

.m-compact-form .mh-120px textarea.form-control,
.m-compact-form .mh-120px textarea.form-control:focus {
    min-height: 120px !important;
    max-height: 150px !important;
}

.m-compact-form .mh-150px textarea.form-control,
.m-compact-form .mh-150px textarea.form-control:focus {
    min-height: 150px !important;
    max-height: 180px !important;
}

    .m-compact-form .mh-180px textarea.form-control,
    .m-compact-form .mh-180px textarea.form-control:focus {
        min-height: 180px !important;
        max-height: 210px !important;
    }

.static-field {
    background-color: #f4f5f8 !important;
}

.disabled-field {
    background-color: #f4f5f8 !important;
}

.m-form .form-control-label, .m-form label, .form-group label {
    font-weight: 600;
    font-size: 1rem;
    word-break: break-word !important;
    white-space: normal !important;
}

.modal .modal-content .modal-header .modal-title {
    font-weight: 600;
    font-size: 1.2rem;
}

.phase-detail-active-task {
    background-color: #ffffdb;
}


.phase-detail-trigger-task-highlight {
    background-color: #ffffdb;
}

.phase-detail-active-task-comment {
    background-color: azure;
}

.phase-detail-active-task-comment-highlight {
    background-color: azure;
}

.task-autonexttask-error {
    font-style: italic;
}

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

.duetime-countdown {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400 !important;
    color: var(--bold-input-color);
    border: none;
    background-color: transparent !important;
    margin-top: 5px
}

.user-row-selected {
    background-color: #36a3f7 !important;
    color: #ffffff !important
}

.taskpopup-fullscreen {
    max-width: 100% !important;
    margin: 0px !important;
}

.select2-container .select2-dropdown {
    min-width: 120px !important
}

.m-portlet--fullscreen {
    z-index: 10 !important;
}