body {
}


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

.portal-logo {
    background-image: url(/HDAPortal/ext-HDA/Images/logo-hda-negative-svg/portal.axd?v=8DDD72C7781B300);
    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-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 .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 2px 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 ============================== */

div.channel {
    width: 32px;
    height: 32px;
    color: white;
    background-position: left center;
    background-repeat: no-repeat;
    margin-top: 10px;
    float: left;
    background: url(/HDAPortal/Client/Resources/Img/Channels/Default.png) no-repeat center top;
    background-size: 28px;
    opacity: 0.8;
}

div.channel-F1DEF {
    background-image: url(/HDAPortal/Client/Resources/Img/Channels/Web.png);
}

div.channel-F2DEF {
    background-image: url(/HDAPortal/Client/Resources/Img/Channels/EMail.png);
}

div.channel-F3DEF {
    background-image: url(/HDAPortal/Client/Resources/Img/Channels/Fax.png);
}

div.channel-SMS {
    background-image: url(/HDAPortal/Client/Resources/Img/Channels/App.png);
}

div.channel-SOCIAL {
    background-image: url(/HDAPortal/Client/Resources/Img/Channels/Social.png);
}

div.channel-FACEBOOK {
    background-image: url(/HDAPortal/Client/Resources/Img/Channels/Facebook.png);
}

div.channel-TWITTER {
    background-image: url(/HDAPortal/Client/Resources/Img/Channels/Twitter.png);
}

div.channel-APP {
    background-image: url(/HDAPortal/Client/Resources/Img/Channels/App.png);
}


/* ============================== 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=8DDD72C7781B300') 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=8DDD72C7781B300') 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=8DDD72C7781B300') 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=8DDD72C7781B300') 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=8DDD72C7781B300') no-repeat center center !important;
}


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

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

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


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



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

div.list-column-icon {
    width: 16px;
    height: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
}

div.multiple-selection-category-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQHSURBVGhD7ZpJj1ZVEIY7QRcYB6KCSxxYoaI7FbeiGJWAaFDYo6Ab/QXKYIw/QYKKGsewEthiGBSM0aUY1JVTAs5LAX2epG9SqT58d+6G5HuTJ7n5bp06dzp1qqp7ZqqppppX3QhPwC74GD6FL2fx+CPw3EbQ9pLSdfA8fAYX4L+GaOuY7aCPBdMS2A1/QelC2/An7AR9zqu2wK9Quqg+/AxPwei6Gt6F0kVU+HQ/gVdhG2yexWN/81zdW3wTroJRtBRctKWJ/4X34AFYBHXSZg28D44t+fwCBg8I3sQpKE34AdwCXXUrGM1Kvr8B5x5Efk4nIU9yFh6FofQY6DPPcwIG+czegez8W7gZLqYr4D4wKLwwi8f+5rmLyTer7zzfG9BLTp6dnoZlUNLdsA9+gzyuwqf+FqyCkvTtHHncJugkY3oOsV7EcshyUb4N5yHaT0Jbb+gGyFoB+WEYmq+F1noFoiN5BLLugB8g2zblO7gdstZBtt0BreTbcD+IToxOWXdCtuuCPvSVlaPZH9AqnXkOogNjfQ6xhsXvIdr1wXWRQ+1tkPeZZ6GxDHlxsJtdlmsi2gyBaybLTTPaHINGcuHmLNYdO+ouaLOwm6LP/Ik9BNmmFCDmyHoiDvS7zGmHITbaDIl5VpT7zt8QbR6HWln4xEEHIErHk/aJvhji84M7BNGmUfTKkcKMNep+iOfHwAwg6jWI50sRdI6OQBxkBRdlSh7Pj0GuSXIUtWyu1dcQB3nhUS9CPD8GzhGVU6WvoFYaxUGX7Y1cip+WzY14vtGn9SHEQXmxr4Z4fgzugahOi70u/Boaxwy/Z6Au/L4MtbJ5FgfZKMiO3bSizZDkDfFKyBviBqiVKUpOPx6EKIuiMVKUc2BZELUWoo3zXg+N9DnEwSZuWSZ40WYISiVtXrNHobGMVHGwqbTdjihT7lJJ2hV95WTQSjGn8c9AY1lYmSxGB6YuWUMWVqUqcT9EO6+pdblrXzc6EcvPLC+gT4FlqbsSstZDtn0JWss7/wWiI8OurzvLAOGaaRMAtN0LpYXrHL9DtP8RroFOsgUTncmkdpCfmuGz1GircJ/QpvQpqZugtPaehF4qFVE20Sa1Sd137oWnoWrQeeyOnfekKGv00k3sgd6yXZlrePGp2+YcSlZ9OcDIYC1TZai1oZwnEaOZT7KrHJujU8WgTexKxvjSmxFjvZumjYJJvd1K2jwMJn/u5iWfbsqNmgxd5Cuuy7PMiw6CGasbq7WEeOxvJoD/QGlsxeuwGEaX0cxebOki+vAT2MWZV7nP+AfM0gJti3uGqbl/i1kweUO2MY9D2w3RMVuhU5d9TLk4rRV8U2ath6H6hwGP/c2elDaNU/Gpppqqr2Zm/gfkZcxvIOXUyAAAAABJRU5ErkJggg==');
}

div.single-selection-category-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEgSURBVGhD7dkxasNAEEZhgSHnSOej5CKBHCfHcG23KXOQVE7lM9ieVyyYYRdp7RntxJkfXiPEsl+jRlMul8s9zT6lr2Bxp+59S5dgcafuJcSxhNQOG1lCaoeNLCG1wzw7SDv17LY/AQHxIm2kFiY8pCDKWpjQEI0o+5D0u2EhLcS7dJb0+yEhvQgKB7kHQaEg9yLIHPIj/apnS3oEQaYQEK/SVurBPIogM0hBlC3FWCDIDPIm6c1hrBBkBuHCXFyvhdlLVggyg9BSjDWCTCE0h/FAkDmEWhg+Bh4IcoHQUaph9CwQ5AahOYwVglwh1MJYIsgdQhpjjaBVIFQwHghaDUInyQNBq0I8S0jtsJElpHbYyP435Gl+huZyuVy0TdMVK4vmImbiXOYAAAAASUVORK5CYII=');
}

div.selectable-category-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB9SURBVGhD7ZkhDoBAEMTu/4YHIXkYcL4GQXqBTlLbbPWO1lr7zLabfTHmTY933JyLMW96vEJepBCSmRRCMpNCSGZSCMlMCiGZSSEkMymEZCaFkMykEJKZFEIyk0JIZlIIyUwKIZlJISQzKYRkJoWQzOTfIZ95hrbW2mob4wKrMnjofQwFdgAAAABJRU5ErkJggg==');
}

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;
}


/* ======================================================== Triggers ======================================================== */

.trigger-engine.title span {
    background-color: #FDC35E;
}

.trigger-engine.group-box {
    border: 2px solid #FDC35E;
}

.trigger-engine.x-toolbar .x-btn {
    background-color: #FDC35E;
}

/* ============================== 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;
}