body {
}


/* ============================== LOGO ============================== */

.portal-logo {
    background-image: url(/HDAPortal/ext-HDA/Images/logo-hda-negative-svg/portal.axd?v=8DDD715F0C1DB80);
    height: 40px;
    width: 89px;
}

.portal-logo-negative {
    background-image: url(/HDAPortal/ext-HDA/Images/logo-hda-svg/portal.axd?v=8DDD715F0C1DB80);
    height: 40px;
    width: 89px;
}

/* ============================== HEADER ============================== */

.ticketBlockedLabel {
    margin-left: 15px;
    padding: 5px 5px 5px 5px;
    background-color: red;
    color: white;
    height: 35px;
    text-align: center;
    font-size: 15px;
    line-height: normal;
}


/* MODULES */


/* EMPHASIS */

.emphasis-1 {
    color: gray;
}

.emphasis-2 {
    color: #7f7f7f;
}

.emphasis-3 {
    color: #a4a095;
}


/* SERVICE CATALOG */


/* Service Catalog Quick Create */

.svc-quick-create {
}

    .svc-quick-create .svc-filters {
        margin-bottom: 20px;
    }

        .svc-quick-create .svc-filters .field + .field {
            
        }

        .svc-quick-create .svc-filters .btn {
            margin-left: 30px;
        }

        .svc-quick-create .svc-filters .btn-svc-cart {
            margin-top: 16px;
        }

        .svc-quick-create .svc-catalog-ct {
            padding: 0 12px 12px 0;
        }

        .svc-quick-create .svc-catalog-ct .x-panel-header,
        .svc-quick-create .svc-content-ct .x-panel-header{
            margin-bottom: 0;
            padding: 8px 0;
        }

        .svc-quick-create .catalog-search-ct {
            padding: 8px 12px 0 12px;
            margin-bottom: 12px;
            border-radius: 4px;
        }

        .svc-quick-create .catalog-search-ct.is-active {
            background-color: #F0F0F0;
            padding-bottom: 8px;
        }

        .svc-quick-create .catalog-search-tree .catalog-search-result .x-tree-node-text {
            font-weight: bold;
        }

        .svc-quick-create .svc-content-ct {
            padding: 0 0 12px 12px;
        }
        
        .svc-quick-create .svc-tickets-ct {
            padding: 12px 0 0 0;
        }

        .svc-quick-create .catalog-tree {

        }

        .svc-quick-create .catalog-tree .tree-node {
            cursor: pointer;
        }

        .svc-quick-create .catalog-item-image {
            background-color: transparent;
            padding: 8px;
            margin: 8px 8px 8px 0;
            width: 166px;
            height: 166px;
            text-align: left;
            border-width: 0px;
            border-style: none;
            display: flex;
            border: 1px solid #CCC;
            border-radius: 4px;
            overflow: hidden;
        }

        .svc-quick-create .catalog-item-image * {
            flex: 1;
        }

        .svc-quick-create .catalog-item-header {
            margin: 0 0 12px 0;
        }

        .svc-quick-create .svc-communications-ct,
        .svc-quick-create .svc-breadcrumbs-ct{
            margin: 0 8px 12px 0;
        }





/* Service Catalog Configuration */

.svc-quantity-field {
    width: 150px !important;
}


/* Sommario */

.svc-catalog-list.with-summary .x-grid-item:last-child {
    min-height: 95px;
    /* to avoid ExtJS wrong height calculation when updating layout*/
    border-bottom-width: 0px;
}

.svc-catalog-list .x-grid-row-summary {
    background-color: #F0F0F0;
    padding: 12px 0;
}

    .svc-catalog-list .x-grid-row-summary .x-grid-cell {
        color: #222;
        border: 0px none;
        background-color: transparent !important;
        /* !important set to override ExtJs base style */
        background-image: none;
        vertical-align: middle;
        font-family: 'Commissioner', sans-serif;
    }

    .svc-catalog-list .x-grid-row-summary .summary-value {
        font-size: 14px;
    }

        .svc-catalog-list .x-grid-row-summary .summary-value.catalog-totalprice {
            font-weight: 600;
            color: #222;
            font-size: 18px;
        }


/* ============================== COMMUNICATIONS ============================== */
.communication-detail {
}

.communication-detail .toolbar .btn:first-of-type {
    margin-left: 20px;
}



/* ============================== NOTIFICATIONS ============================== */

.notificationDetail {
}

    .notificationDetail h1 {
        font-size: 12px;
        font-weight: 600;
    }


/* ============================== CHANNELS ============================== */

.channel::before {
    font-family: "pat-icons" !important;
    display: inline-block !important;
    line-height: 1 !important;
    font-weight: normal !important;
    font-style: normal !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    font-size: 24px;
}

.channel::before {
    content: "\f10c";
}

.channel-F1DEF::before {
    content: "\f143";
}

.channel-F2DEF::before {
    content: "\f19d";
}

.channel-F3DEF::before {
    content: "\f19b";
}

.channel-SMS::before {
    content: "\f19c";
}

.channel-SOCIAL::before {
    content: "\f19e";
}

.channel-FACEBOOK::before {
    font-family: "pat-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;

    content: "\2c";
}

.channel-TWITTER::before {
    font-family: "pat-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: inherit;

    content: "\2d";
}

.channel-APP::before {
    content: "\f19a";
}


/* ============================== HIERARCHY TREE PANEL ENTITIES CUSTOMIZATIONS ============================== */

.hierarchy-tree-panel .entity-account .x-tree-icon:before,
.hierarchy-tree-panel .entity-costcenter .x-tree-icon:before {
    display: none !important;
}

.hierarchy-tree-panel .entity-account.entity-active .x-tree-icon.icon-item,
.hierarchy-tree-panel .entity-account.entity-active .x-tree-icon.icon-folder {
    background: url('/HDAPortal/ext-HDA/Images/ico-entity-active-png/portal.axd?v=8DDD715F0C1DB80') no-repeat center center !important;
}

.hierarchy-tree-panel .entity-account.entity-blocked .x-tree-icon.icon-item,
.hierarchy-tree-panel .entity-account.entity-blocked .x-tree-icon.icon-folder {
    background: url('/HDAPortal/ext-HDA/Images/ico-entity-blocked-png/portal.axd?v=8DDD715F0C1DB80') no-repeat center center !important;
}

.hierarchy-tree-panel .entity-account.entity-inactive .x-tree-icon.icon-item,
.hierarchy-tree-panel .entity-account.entity-inactive .x-tree-icon.icon-folder {
    background: url('/HDAPortal/ext-HDA/Images/ico-entity-inactive-png/portal.axd?v=8DDD715F0C1DB80') no-repeat center center !important;
}

.hierarchy-tree-panel .entity-costcenter .x-tree-icon.icon-item,
.hierarchy-tree-panel .entity-costcenter .x-tree-icon.icon-folder {
    background: url('/HDAPortal/ext-HDA/Images/ico-entity-png/portal.axd?v=8DDD715F0C1DB80') no-repeat center center !important;
}

.hierarchy-tree-panel .entity-costcenter.entity-closed .x-tree-icon.icon-item,
.hierarchy-tree-panel .entity-costcenter.entity-closed .x-tree-icon.icon-folder {
    background: url('/HDAPortal/ext-HDA/Images/ico-entity-closed-png/portal.axd?v=8DDD715F0C1DB80') no-repeat center center !important;
}


/* ============================== PROJECT COST PHASING ============================== */

.projectCostPhasingCostDescriptionlist-cell {
    font-weight: 600;
}

.projectCostPhasingYearlist-col {
    font-weight: 600;
}


/* ============================== LISTS ============================== */



/* ============================== LIST ICONS ============================== */

.list-column-icon {
    width: 32px;
    height: 32px;
    background-color: rgba(0,0,0,0.08);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
    display: grid;
    place-items: center;
    border-radius: 4px;
}

    .list-column-icon::before {
        font-size: 16px;
    }


body .icon-menu-messages {
    font-family: "pat-font";
    color: #464646;
    width: 16px;
    height: 16px;
    font-size: 16px;
}

    body .icon-menu-messages:before {
        content: '\31';
    }






.servicecatalogdependencyheader {
    background-color: rgba(250, 180, 80, .4);
}


/* ANALYSIS */

.HDA_UserActivityHistory {
    font-size: 12px;
    color: gray;
}

    .HDA_UserActivityHistory A {
        color: #333;
        text-decoration: none;
    }

        .HDA_UserActivityHistory A:hover {
            text-decoration: underline;
        }

.HDA_UserActivityHistoryRow {
    margin: 6px;
}


/* OUT OF OFFICE */

.hda-out-of-office {
    color: #D07605;
}

.hda-out-of-office .icon::before {
    font-size: 18px;
}


/* ============================== USE CONDITIONS (WORKAROUND UNTIL STD BUTTONS DEFINITION) ============================== */

body .use-conditions .btn.btn-primary {
    background-color: #FAB450;
    border-color: #FAB450;
}

    body .use-conditions .btn.btn-primary:hover {
        background-color: #FDC35E;
        border-color: #FDC35E;
    }


/* ============================== HDA-SPECIFIC CLASSES ============================== */

.is-account-locked {
    color: #EF5350;
    font-weight: 600;
}

/* ============================== PLANNING TEMPLATES ============================== */
.planning-template-item-selection {

}

.planning-template-item-note {
    margin-bottom: 16px;
}

/* ============================== EMAIL VIEW ============================== */
.email-view {
}

    .email-view > * + * {
        margin-top: 1rem;
    }

.email-view-subject {
    font-size: 18px;
}

.email-view-infos {
    font-size: 12px;
    color: #777;
}

.email-view-status {
    display: inline-block;
    background-color: #F0F0F0;
    padding: 0.25em 0.5em;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 4px;
}

.email-view-label {
    margin-right: 8px;
    font-weight: 600;
}

.email-view-attachments {
    display: flex;
    flex-wrap: wrap;
}

.email-view-attachment {
    margin-right: 8px;
    margin-bottom: 12px;
    flex-shrink: 0;
}

    .email-view-attachment > * + * {
        margin-left: 4px;
    }

.email-view-body {
    border-top: 1px solid #DDD;
    padding-top: 1rem;
    margin-top: 1rem;
}


/* ============================== RECLASSIFY TICKET ============================== */
.reclassify-ticket-ct {
}

.reclassify-ticket-original-request-ct > .panel-body,
.reclassify-ticket-new-request-ct > .panel-body {
    padding: 0px 12px 8px 12px;
}

.reclassify-ticket-new-request-ct .module > .panel-header {
    display: none;
}

/* ============================== KANBAN ============================== */

i.dropdown-icon {
    width: 20px;
    font-size: 16px;
    text-align: center;
    margin-right: 8px;
}