/* ============================== PALETTE ============================== */
/*
    #FAB450 : Main accent
    #FAF6C7 : Highlight
    #F5EC8A : Highlight Border
*/

BODY {
    background-color: #FFFFFF;
}

/* FONT */
.ticketBlockedLabel {
    font-family: opensans-regular, Verdana, sans-serif;
}

.x-panel-header .x-panel-header-title {
    font-family: opensans-light, Verdana, sans-serif;
}

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

.portal-header-left {
    background-image: url('data:image/png;base64,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');
	width: 300px;
}


.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 */

.module {
    padding: 0 10px;
}

.x-panel.moduleHeader,
.x-panel-header.moduleHeader {
    padding: 0 10px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.moduleHeader .x-box-inner {
    border-bottom: 1px solid #DDD;
}

.module .x-panel-header {
    padding-left: 20px;
}

.module.detail .x-panel-header {
    padding: 0;
    margin: 0;
    border: 0;
}

    .module.detail .x-panel-header .x-panel-header-title {
        padding: 0 0 0 10px;
    }

/* EMPHASIS */
.emphasis-1 {
    color: gray;
}

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

.emphasis-3 {
    color: #a4a095;
}

/* SERVICE CATALOG */

.ColorTileBreadCrumb {
    /*margin-left: 14px;*/
    font-size: 14px;
    color: #666;
}

    .ColorTileBreadCrumb div {
        display: inline-block;
    }

        .ColorTileBreadCrumb div.folder {
            cursor: pointer;
        }

            .ColorTileBreadCrumb div.folder:hover {
                text-decoration: underline;
            }

.ServiceCatalog .service-catalog-request {
    margin: 0 6px 0 0;
}

.ServiceCatalog .x-panel-header .x-panel-header-title {
    padding: 0;
}

.ServiceCatalog .Tile {
    background-color: transparent;
    cursor: pointer;
    float: left;
    padding: 8px;
    margin: 8px;
    width: 166px;
    height: 166px;
    text-align: left;
    border-width: 0px;
    border-style: none;
    color: #FFF;
}

.list.catalogfolders .hierarchy-tree-panel .icon-item {
    background-image: url('/HDAPortal/Client/Resources/Img/folder-closed.png') !important;
}

/* Service Catalog Quick Create */
.svc-quick-create {
}

.svc-quick-create .svc-filters-panel {
    background-color: #FAFAFA;
    padding: 12px 0;
    margin-top: 6px;
}

.svc-quick-create .svc-filters-panel .x-panel-body-default {
    background-color: transparent;
}

/* 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 {
    font-family: opensans-regular;
    color: #999;
    border: 0px none;
    background-color: transparent !important; /* !important set to override ExtJs base style */
    background-image: none;
    vertical-align: middle;
}

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

.svc-catalog-list .x-grid-row-summary .summary-value.catalog-totalprice {
    font-family: opensans-bold;
    color: #000;
    font-size: 18px;
}


/* ============================== COMMUNICATIONS ============================== */

.communication-detail .x-toolbar {
    height: 28px;
    line-height: 28px;
}

    .communication-detail .x-toolbar .x-toolbar-item {
        line-height: 22px;
        margin: 5px 5px 5px 10px;
    }


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

.notificationDetail {
}

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

/* ============================== 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 .accounts.entity-active .x-tree-icon.icon-item,
.hierarchy-tree-panel .accounts.entity-active .x-tree-icon.icon-folder {
    background: url('/HDAPortal/ext-HDA/Images/ico-entity-active-png/portal.axd?v=8DF2A46F9FBB600') no-repeat 0px 0px !important;
}

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

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

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

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


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

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

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

.TileGreen {
    background-color: green;
    color: white;
}

.TileLightGray {
    background-color: #dddddd;
    color: #333333;
}

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

.list.ticketconversationitems .x-grid-cell-inner {
    padding: 5px 7px 5px 7px;
}

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


/* 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 */
.w-label-user-info {
    float:left;
}


.x-label.hda-out-of-office-label.x-label-default {
    color: lightsalmon;
}

    .x-label.hda-out-of-office-label.x-label-default span {
        font-size: 20px;
        text-align: center;
    }

.out-of-office-ct .x-label-value {
    font-size: 15px;
}

.out-of-office-ct .x-toolbar.out-of-office-toolbar {
    top: 50px !important;
}



/* ============================== TICKET FORWARD SUMMARY MOBILE (WORKAROUND) ============================== */
.ticket-forward-summary {
}

.ticket-forward-summary.mobile {
    padding: 6px;
}

/* 
    IMPORTANT: do not rely on this class for customizations!!!
    This is only a workaround!
*/
.ticket-forward-summary.mobile div {
    float: none !important;
    width: 100% !important;
    margin-left: 0px !important;
    text-align: left !important;
}

/* ============================== UPLOADER ============================== */
.uploader-control .attachments-list .attachment .progress-bar .progress {
    background-color: #fec747;
}

.uploader-control .btn-manage .x-btn-icon-el,
.uploader-control .btn-upload .x-btn-icon-el:before {
    color: #444;
}

/* ============================== TIMELINE ============================== */

.timeline .x-btn,
.timeline .x-btn.x-btn-over,
.timeline .x-btn.x-btn-menu-active,
.timeline .x-btn.x-btn-menu-active.x-btn-default-small,
.timeline .x-btn.x-btn-menu-active.x-btn-default-toolbar-small {
    background: #F3F3F3;
    border: 1px solid #C0C0C0;
}

    .timeline .x-btn:hover,
    .timeline .x-btn-over.x-btn-default-small,
    .timeline .x-btn-over.x-btn-default-toolbar-small {
        background: #F1D571;
        border: 1px solid #FFF;
    }

.timeline .x-btn-tl,
.timeline .x-btn-tr,
.timeline .x-btn-tc,
.timeline .x-btn-ml,
.timeline .x-btn-mc,
.timeline .x-btn-mr,
.timeline .x-btn-bl,
.timeline .x-btn-br,
.timeline .x-btn-bc {
    background-color: transparent;
    background-image: none;
}

.timeline .x-btn-over .x-btn-tl,
.timeline .x-btn-over .x-btn-tr,
.timeline .x-btn-over .x-btn-tc,
.timeline .x-btn-over .x-btn-ml,
.timeline .x-btn-over .x-btn-mc,
.timeline .x-btn-over .x-btn-mr,
.timeline .x-btn-over .x-btn-bl,
.timeline .x-btn-over .x-btn-br,
.timeline .x-btn-over .x-btn-bc {
    background-color: transparent;
    background-image: none;
}

.timeline .x-btn table {
    width: auto;
    background: #F3F3F3;
    border: 1px solid #C0C0C0;
}

.timeline .x-btn-over table {
    width: auto;
    background: #F1D571;
    border: 1px solid #FFF;
}

.timeline .x-btn table td {
    width: auto;
    border-bottom: none;
}


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

/* ======================================================== LOAD MASK ======================================================== */
.load-mask .btn {
    cursor: pointer;
    border: 1px solid #DDD;
    padding: 4px 6px;
}

.load-mask .btn:hover {
    background-color: #F5F5F5;
    border-color: #AAA;
}