/*************************************************************************/
/*   Styles CSS specifiques pour les rapports Legacy ayant un            */
/*   visuel propre au decisionnel                                        */
/*************************************************************************/

.decision-style table { width: 100% }
.decision-style {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: black;
}

.symbol { font-family: Arial; }
.module-wrapper {
    margin-bottom: 6px;
}

.graphic-title {
    color: black;
    font-family: GothamBook, Arial, sans-serif;
    font-size: 9pt;
    line-height: 11pt;
    margin: 2px 0 6px 0;
}

.custom-score-box { background-color: #afd9e9; border-radius:7px; width: 172px; }
.custom-score-box .content-box.risk-box { padding: 4px 6px 5px; }
.custom-score-box .content-box.sub-box { margin: 0; }

.custom-score-detail {
    padding: 4px 6px;
    color: black;
    line-height: 12px;
}

.custom-score-table-container { padding: 4px 3px 0; }
.custom-score-table { border-collapse: collapse; }
.custom-score-table th {
    height: 20px;
    background-color: #4caacd;
    color: white;
    vertical-align: middle;
    padding: 3px 6px 7px 6px;
    text-align: center;
    border: 0.25px solid #2d819f;
}

.custom-score-table td {
    height: 15px;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    border: 0.25px solid #2d819f;
    line-height: 11px;
}

/*****************************************************************/

.risk-box {
    color: white;
    border-radius: 4px;
    text-align: center;
    padding: 3px 6px 2px;
}

.risk-box.very-high { background-color: black; }
.risk-box.high { background-color: #EB262A; }
.risk-box.medium { background-color: #E4812E; }
.risk-box.low { background-color: #FFCB24; color: #2A2E30; }
.risk-box.very-low { background-color: #93C94B; color: #2A2E30; }
.risk-box.not-app { background-color: #A1AFB4; color: #2A2E30; }

/*****************************************************************/

.content-box-table tr { page-break-inside: auto; }
.content-box {
    background-color: #EAF5F9;
    padding: 5px 6px 6px 6px;
    border-radius: 7px;
}

.content-box.title-box {
    padding: 0 3px 5px 6px;
    font-size: 7px;
}

.content-box.sub-box {
    background-color: #4caacd;
    padding: 2px 2px 2px 6px;
    border-radius: 6px;
    color: white;
    font-family: GothamBook, Arial, sans-serif;
    font-size: 8pt;
    width: 172px;
    line-height: 23px;
    margin-bottom: 5px;
}

.content-box.risk-box {
    border-radius: 5px;
    font-family: GothamMedium, Arial, sans-serif;
    font-size: 9.5pt;
    font-weight: normal;
    width: 42%;
    height: 10px;
    line-height: 10px;
    border: 1px solid #536C72;
    vertical-align: middle;
    text-align: center;
}

.content-box.sub-box:last-child { margin-bottom: 0; }
.content-box.risk-box.small-text { font-size: 7pt; }
.content-box.risk-box.multi-line { font-size: 7pt; line-height: 9px; padding: 1px 6px 3px 6px; }

/*****************************************************************/

.info-box {
    background-color: #CDEEFD;
    border-radius: 5px;
    padding: 6px 8px 8px 8px;
    margin-bottom: 8px;
    page-break-inside: avoid;
    text-align: justify;
}

.info-box.information {
    background-color: #E5E9EC;
    padding: 3px 8px 5px 8px;
}

/* Deprecie */
.info-box.dpo td {
    height: 52px;
    vertical-align: middle;
    text-align: center;
}

.info-box.dpo .dpo-label {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.info-box.dpo .dpo-unit {
    font-family: Arial, sans-serif;
    font-size: 9px;
    padding-top: 2px;
}

.info-box.dpo .dpo-amount {
    border-radius: 4px;
    border: 0.5px solid #A7D2E5;
    background-color: white;
    padding: 5px;
    width: 86px;
    margin: auto;
    margin-top: 8px;
    font-weight: bold;
    font-size: 12px;
}
/* Fin Deprecie */

.info-box.outstanding td {
    height: 52px;
    vertical-align: middle;
    text-align: center;
}

.info-box.outstanding .outstanding-label {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

.info-box.outstanding .outstanding-unit {
    font-family: Arial, sans-serif;
    font-size: 9px;
    padding-top: 2px;
}

.info-box.outstanding .outstanding-amount {
    border-radius: 4px;
    border: 0.5px solid #A7D2E5;
    background-color: white;
    padding: 5px;
    width: 86px;
    margin: auto;
    margin-top: 8px;
    font-weight: bold;
    font-size: 12px;
}

/*****************************************************************/

/* Deprecie */
.dpo-container { position: relative; }
.last-dpo-help { position: absolute; right: 8px; top: 6px; }
.graphic-dpo-help { position: absolute; right: 36px; top: 14px; }
/* Fin Deprecie */
.outstanding-container { position: relative; }
.last-outstanding-help { position: absolute; right: 8px; top: 6px; }
.graphic-outstanding-help { position: absolute; right: 36px; top: 14px; }

/*****************************************************************/

.transparent-table td.small-gap:first-child,
.transparent-table td.normal-gap:first-child,
.transparent-table td.large-gap:first-child { padding-left: 0; }
.transparent-table td.small-gap:last-child,
.transparent-table td.normal-gap:last-child,
.transparent-table td.large-gap:last-child { padding-right: 0; }
.transparent-table td.no-gap { padding: 0; }
.transparent-table td.small-gap { padding: 0 3px; }
.transparent-table td.normal-gap { padding: 0 6px; }
.transparent-table td.large-gap { padding: 0 12px; }
.transparent-table tr.hz-separator { height: 12px; }
.transparent-table td.vt-separator {
    padding: 0;
    border-left: 1px solid gray;
    width: 1px;
}

/*****************************************************************/

.payrank-history { text-align: center; padding-top: 8px; }
.payrank-graphic {
    page-break-inside: avoid;
    position: relative;
    padding: 10px 0;
    height: 80px;
    font-family: GothamBook, Arial, sans-serif;
}

.payrank-graphic .pr-value { font-family: GothamMedium, Arial, sans-serif; }

.payrank-graphic .pr-title {
    background-color: #CDEEFD;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 80px;
    width: 250px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-right: 30px;
}

.payrank-graphic .pr-text {
    position: relative;
    font-weight: bold;
    font-size: 11px;
    color: #0182B2;
    margin-bottom: 5px;
}

.payrank-graphic .pr-help {
    position: absolute;
    right: 15px;
    top: -2px;
}

.payrank-graphic .pr-image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.payrank-graphic .pr-container {
    position: absolute;
    right: 20px;
    top: 32px;
    z-index: 3;
}

.payrank-graphic .pr-message {
    height: 35px;
    width: 315px;
    max-width: 315px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.payrank-graphic .pr-date {
    position: absolute;
    right: 35px;
    bottom: 0;
    z-index: 1;
    background-color: #E5E5E5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5px;
    font-size: 10px;
}

.payrank-graphic .pr-date svg {
    width: 10px;
    height: 10px;
    padding: 0 3px;
    vertical-align: bottom;
}

/*****************************************************************/

.paytrend-title {
    font-size: 10px;
    font-family: GothamBook, Arial, sans-serif;
    margin-bottom: 8px;
    width: 100%;
}

.paytrend-title.pt-empty {
    border-radius: 5px;
    background-color: #E9EDEE;
}

.paytrend-title td { vertical-align: middle; }
.paytrend-title .pt-icon img { height: 35px; }
.paytrend-title .pt-icon {
    height: 45px;
    width: 115px;
    padding-left: 15px;
}

.paytrend-title .pt-logo img { height: 60px; }
.paytrend-title .pt-logo {
    height: 70px;
    padding-left: 30px;
    display: table-cell;
    vertical-align: middle;
}

.paytrend-title .pt-comment { font-size: 11px; color: #3C5059; }
.paytrend-title .pt-headband {
    height: 70px;
    line-height: 70px;
    background-color: #E9EDEE;
}

.paytrend-title .pt-headband.pt-center { margin: 0 2px; }
.paytrend-title .pt-headband.pt-left.pt-merged { margin-right: 0; }
.paytrend-title .pt-headband.pt-left {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    margin-right: 2px;
}

.paytrend-title .pt-headband.pt-right.pt-merged { margin-left: 0; }
.paytrend-title .pt-headband.pt-right {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 2px;
}

.paytrend-title .pt-filler { width: 30px; }
.paytrend-title .pt-separator { width: 20px; }
.paytrend-title .pt-box {
    border-radius: 3px;
    width: 183px;
    color: white;
    vertical-align: top;
    text-align: center;
}

.paytrend-title .pt-box.pt-client { background-color: #6C838D; }
.paytrend-title .pt-box.pt-participants { background-color: #00AEEF; }
.paytrend-title .pt-box.pt-participants .pt-invoice { background-color: #63B8D7; }
.paytrend-title .pt-box.pt-client .pt-invoice { background-color: #97AAB0; }

.paytrend-title .pt-box .pt-text {
    box-sizing: border-box;
    text-transform: uppercase;
}

.paytrend-title .pt-box .pt-title {
    height: 30px;
    text-align: left;
    padding: 5px 0 0 5px;
}

.paytrend-title .pt-box .pt-value { text-transform: none; }
.paytrend-title .pt-box .pt-category { font-size: 7.5px; }
.paytrend-title .pt-box .pt-nature {
    font-family: GothamMedium, Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    padding-top: 2px;
}

.paytrend-title .pt-box .pt-invoice .pt-data { font-size: 14px; }
.paytrend-title .pt-box .pt-invoice .pt-value { font-size: 17px; }
.paytrend-title .pt-box .pt-invoice .pt-unit { padding-left: 2px; }
.paytrend-title .pt-box .pt-invoice {
    padding: 3px 0 5px 0;
    text-transform: none;
    font-size: 12px;
    height: 25px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.paytrend-title .pt-box .pt-delay { height: 35px; }
.paytrend-title .pt-box .pt-delay * { vertical-align: middle; }
.paytrend-title .pt-box .pt-delay .pt-value { font-size: 32px; }
.paytrend-title .pt-box .pt-delay .pt-unit {
    font-family: GothamLight, Arial, sans-serif;
    vertical-align: middle;
    padding-left: 3px;
    font-size: 11px;
}

/*****************************************************************/

.paytrend-statistics {
    font-size: 10px;
    font-family: GothamBook, Arial, sans-serif;
    background-color: #E9EDEE;
    border-collapse: separate;
    border-spacing: 6px;
    border-radius: 5px;
}

.paytrend-statistics td { vertical-align: middle; }
.paytrend-statistics .pts-box { width: 25%; }
.paytrend-statistics .pts-item { width: 100% }
.paytrend-statistics .pts-item td {
    width: 50%;
    height: 65px;
    text-align: center;
}

.paytrend-statistics .pts-due-invoice .pts-item .pts-label { font-size: 7px; }
.paytrend-statistics .pts-item .pts-value { background-color: #C7D0D5; color: #3C5059; }
.paytrend-statistics .pts-item .pts-label img { height: 22px; padding-top: 5px; }
.paytrend-statistics .pts-item .pts-label {
    font-family: GothamMedium, Arial, sans-serif;
    background-color: #D5DDE0;
    text-transform: uppercase;
    font-size: 8px;
    color: #6C838D;
    padding: 0 3px;
}

.paytrend-statistics .pts-text { font-size: 8px; font-family: GothamLight, Arial, sans-serif; padding: 1px 0; }
.paytrend-statistics .pts-date { font-size: 10px; font-family: GothamMedium, Arial, sans-serif; padding: 1px 0; font-weight: bold; }
.paytrend-statistics .pts-unit { font-size: 15px; }
.paytrend-statistics .pts-data { font-size: 17px; }
.paytrend-statistics .pts-info { font-size: 28px; }
.paytrend-statistics .pts-nature { padding-top: 4px; }

.paytrend-statistics .pts-graphic.pts-empty { background-color: #E9EDEE; }
.paytrend-statistics .pts-graphic {
    background-color: white;
    vertical-align: top;
    width: 50%;
}

.paytrend-statistics .pts-title {
    color: #6C838D;
    height: 9px;
    font-size: 9px;
    text-transform: uppercase;
    font-family: GothamMedium, Arial, sans-serif;
    padding: 6px;
}

.paytrend-statistics .pts-name { color: #3C5059; font-weight: bold; }
.paytrend-statistics .pts-comment { padding: 0 6px 0 12px; color: #6C838D; }
.paytrend-statistics .pts-unity { font-family: GothamBook, Arial, sans-serif; text-transform: none; }
.paytrend-statistics .pts-chart { text-align: center; height: 155px;}

.paytrend-statistics .pts-legend-wrapper.pts-right { text-align: right; }
.paytrend-statistics .pts-legend-wrapper.pts-left { text-align: left; }
.paytrend-statistics .pts-legend-wrapper {
    background-color: #D2DADD;
    padding: 0 8px;
    text-align: center;
}

.paytrend-statistics .pts-legend.pts-complete { width: 100%; }
.paytrend-statistics .pts-legend {
    width: auto;
    font-size: 9px;
    line-height: 24px;
    height: 24px;
    display: inline-block;
}

.paytrend-statistics .pts-legend-item:first-child { padding-left: 0; }
.paytrend-statistics .pts-legend-item { padding-left: 8px; color: #3C5059; }
.paytrend-statistics .pts-legend-text { line-height: 9px; font-size: 7.5px; }
.paytrend-statistics .pts-legend-icons { line-height: 7px; }

.paytrend-statistics .pts-legend-stacked-item {
    color: #3C5059;
    text-align: center;
    vertical-align: middle;
    height: 25px;
    width: 10%;
}

.paytrend-statistics .pts-legend-element {
    padding-left: 12px;
    position: relative;
}

.paytrend-statistics .pts-legend-element svg {
    position: absolute;
    left: 0;
    top: 7px;
}

/*****************************************************************/

.audience-box { padding: 2px 0 6px 0; }
.audience-table { font-size: 10px; width: 100%; }
.audience-table .at-date { padding-top: 2px; }
.audience-table .at-icon img { height: 20px; }
.audience-table .at-icon { position: absolute; top: 5px; left: 0; }
.audience-table .at-text { font-weight: bold; }
.audience-table .at-actual { width: 165px; vertical-align: top; }
.audience-table .at-title { position: relative; padding: 2px 0 10px 30px; }
.audience-table .at-number { font-size: 13px; font-weight: bold; }
.audience-table .at-unit { font-size: 11px; }

.audience-table .at-value.at-lookup { background-color: #00AEEF; }
.audience-table .at-value.at-monitoring { background-color: #657F87; }
.audience-table .at-value {
    text-align: center;
    padding: 4px 6px 5px 6px;
    border-radius: 6px;
    color: white;
    width: 140px;
}

.audience-table .at-explanation {
    font-family: GothamBook, Arial, sans-serif;
    font-size: 13px;
    color: #546A73;
    text-align: center;
    vertical-align: middle;
    background-color: #F4F6F9;
    border-radius: 6px;
}

/*****************************************************************/

.press-score-table { font-size: 11px; padding-top: 2px; }
.press-score-table td { vertical-align: middle; text-align: center; }
.press-score-table .ps-comment { position: relative; text-align: justify; color: #6C6C6C; }
.press-score-table .ps-help { position: absolute; right: 0; top: 0; }
.press-score-table .ps-text {  padding-right: 30px; }
.press-score-table .ps-title { width: 135px; text-align: left; }
.press-score-table .ps-indicator { width: 240px; }
.press-score-table .ps-gauge { height: 42px; }
.press-score-table .ps-brand { position: relative; height: 35px;}
.press-score-table .ps-logo { position: absolute; top: -4px; height: 30px; }
.press-score-table .ps-date {
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    bottom: 3px;
    left: 3px;
}

/*****************************************************************/

.base-table { margin: 0; }
.base-table tr.gras td, .base-table tr.gras th { font-weight: bold; }
.base-table td.alignright, .base-table th.alignright { text-align: right; }
.base-table td.alignleft, .base-table th.alignleft { text-align: left; }
.base-table td.aligncenter, .base-table th.aligncenter { text-align: center; }
.base-table td.justifie, .base-table th.justifie { text-align: justify; }
.base-table td.alignmiddle, .base-table th.alignmiddle { vertical-align: middle; }
.base-table td.aligntop, .base-table th.aligntop { vertical-align: top; }
.base-table td.alignbottom, .base-table th.alignbottom { vertical-align: bottom; }
.base-table td.hiddenColumn, .base-table th.hiddenColumn { height: 0; padding: 0; margin: 0; }

/*****************************************************************/

.information-table {
    font-size: 11px;
    border-collapse: separate;
    border-spacing: 2px;
}

.information-table th, .information-table td {
    padding: 6px 9px;
    vertical-align: middle;
    text-align: center;
}

.information-table th {
    color: #5C5F60;
    border-bottom: 1px solid #A4ACAD;
    background-color: #C4CED0;
}

.information-table td.it-label { color: #4A8CD3; }
.information-table td.it-merged { padding-top: 0; }
.information-table td.it-separator {
    border-bottom: 1px solid #C4CED0;
    padding: 0;
    height: 0;
}

/*****************************************************************/

#global .popup .base-table { margin: 0; }
#global .popup .base-table tr.gras td, #global .popup .base-table tr.gras th { font-weight: bold; }
#global .popup .base-table td.alignright, #global .popup .base-table th.alignright { text-align: right; }
#global .popup .base-table td.alignleft, #global .popup .base-table th.alignleft { text-align: left; }
#global .popup .base-table td.aligncenter, #global .popup .base-table th.aligncenter { text-align: center; }
#global .popup .base-table td.justifie, #global .popup .base-table th.justifie { text-align: justify; }
#global .popup .base-table td.alignmiddle, #global .popup .base-table th.alignmiddle { vertical-align: middle; }
#global .popup .base-table td.aligntop, #global .popup .base-table th.aligntop { vertical-align: top; }
#global .popup .base-table td.alignbottom, #global .popup .base-table th.alignbottom { vertical-align: bottom; }
#global .popup .base-table td.hiddenColumn, #global .popup .base-table th.hiddenColumn { height: 0; padding: 0; margin: 0; }

#global .popup .press-score-wrapper { width: 825px; padding: 3px 10px; }
#global .popup .press-score-table { font-size: 12px; padding-top: 2px; }
#global .popup .press-score-table td { vertical-align: middle; text-align: center; }
#global .popup .press-score-table .ps-comment { text-align: justify; }
#global .popup .press-score-table .ps-title { width: 152px; text-align: left }
#global .popup .press-score-table .ps-indicator { width: 280px; }
#global .popup .press-score-table .ps-gauge { height: 50px; }
#global .popup .press-score-table .ps-brand { height: 42px; }
#global .popup .press-score-table .ps-logo { height: 35px; }
#global .popup .press-score-table .ps-date { font-size: 11px; }

#global .popup .information-table { font-size: 12px; }
#global .popup .information-table td.it-merged { padding-top: 0; }
#global .popup .information-table td.it-separator { padding: 0; height: 0; }
#global .popup .information-table th, #global .popup .information-table td {
    padding: 6px 9px;
    vertical-align: middle;
    text-align: center;
}