.dgs, .dge {
    color: #a52a2a;
    font-size: 9pt;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family:Helvetica Neue, Arial, sans-serif;
}
.sks, .ske {
    display: none;
}
ins, div#stylediv[ins] {
    color: #6000ff;
    text-decoration: underline;
}
ins[t='n'], div#stylediv[instn] {
    background: #00ff00;
    color: initial;
    text-decoration: underline;
}
div#stylediv {
    font-size: 0px;
    padding-left: 99px; /* This property is used to document the initial display mode for the JavaScript. */
}
del {
    color: #ff0000;
    text-decoration: none;
}
del[s] {
    position: relative;
}
del[s][bt] {
    margin-top: 8px;
}
del[s][bb] {
    margin-bottom: 8px;
}
del[s] :first-child {
    text-decoration: none;
}

div.diff-old-table {
    margin-top: 6px;
}
div.diff-old-table > :first-child {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-size: 9pt;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: 0;
}
div.diff-old-table > :first-child span {
    background: #ffffff;
}
div.diff-old-table > :last-child {
    display: none;
    background: #ffffff;
}

/*  Following CSS rules are used to start the diff display in DIFF_DISPLAY_MODE_DELETE_MARKS (0) display mode.
    To start the diff display in other DIFF_DISPLAY_MODE_? modes, comment these rules and
    uncomment CSS rules for the other mode.
*/
/*
div#stylediv {
    padding-left: 0px;
}
.dgs, .dge {
    display: initial;
}
del {
    display: initial;
}
del[s][bt], del[s][bb] {
    display: block;
}
del[s] :first-child {
    display: inherit;
}
del[s] :last-child {
    display: none;
}
del[s][t] {
    display: none;
}
*/

/*  Following CSS rules are used to start the diff display in DIFF_DISPLAY_MODE_DELETE_MARKS_AND_INLINE (1) display mode. */
/*
div#stylediv {
    padding-left: 1px;
}
.dgs, .dge {
    display: initial;
}
del {
    display: initial;
}
del[s][bt], del[s][bb] {
    display: block;
}
del[s] :first-child {
    display: inherit;
}
del[s] :last-child {
    display: none;
}
del[s='s'] :first-child {
    display: none;
}
del[s='s'] :last-child {
    display: inherit;
}
del[s][t] {
    display: none;
}
*/

/*  Following CSS rules are used to start the diff display in DIFF_DISPLAY_MODE_INLINE (2) display mode. */
/*
div#stylediv {
    padding-left: 2px;
}
.dgs, .dge {
    display: initial;
}
del {
    display: initial;
}
del[s][bt], del[s][bb] {
    display: block;
}
del[s][t] {
    display: initial;
} 
del[s] :first-child {
    display: none;
}
del[s] :last-child {
    display: inherit;
}
*/

/*  Following CSS rules are used to start the diff display in DIFF_DISPLAY_MODE_INSERT_ONLY (3) display mode. */
/*
div#stylediv {
    padding-left: 3px;
}
.dgs, .dge {
    display: initial;
}
del {
    display: none;
}
del[s][bt], del[s][bb] {
    display: none;
}
del[s][t] {
    display: none;
}
*/

/*  Following CSS rules are used to start the diff display in DIFF_DISPLAY_MODE_NUMBER_CHANGES (4) display mode. */

div#stylediv {
    padding-left: 2px;
}
.dgs:not([n='1']), .dge {
    display: none;
}
.dgs[n='1'] {
    display: initial;
}
ins:not([t='n']) {
    color: inherit;
    text-decoration: none;
    }
del {
    display: none;
}
del[s][bt], del[s][bb] {
    display: none;
}
del[s][t] {
    display: none;
}


/*  Following CSS rules are used to start the diff display in DIFF_DISPLAY_MODE_NO_DIFFS (5) display mode. */
/*
div#stylediv {
    padding-left: 5px;
}
.dgs:not([n='1']), .dge {
    display: none;
}
.dgs[n='1'] {
    display: initial;
}
ins, ins[t='n'] {
    background: inherit;
    color: inherit;
    text-decoration: none;
    }
del {
    display: none;
}
del[s][bt], del[s][bb] {
    display: none;
}
del[s][t] {
    display: none;
}
*/

/* Followinf CSS rules are diff display popups. */
div.dpopup {
    display: none;
    position: absolute;
    text-align: left;
    font-size: 9pt;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: 0;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius: 5px;
    white-space: normal;
    z-index: 100;
    min-width: 400px;
    box-sizing: border-box;
    max-width: 50%;
    border: 1px solid #e8eef7;
    background: #ffffff;
    overflow-y: auto;
    max-height: 300px;
    box-shadow: 0 0 24px rgba(29,32,35,0.4);
}

div.dpopup table tbody {
    color: #1E374D !important;
    padding-left: 5px;
    display: block;
}

div.dpopup .fa-caret-up {
    position: absolute;
    top: -24px;
    left: 48px;
    font-size: 36px;
    color: #272f3c;
}
/* <s> tag used for displaying deleted text with line-through in the pop-ups. */
/* Use the same color and text-decoration as the del[s]:last-child. */
div.dpopup s {
    color: #fe7878;
    text-decoration: line-through;
}
/* <i> tag used for displaying deleted text without line-through in the pop-ups. */
/* Use the same color and text-decoration as the del[s]:first-child. */
div.dpopup i {
    color: #fe7878;
    font-style: normal;
    text-decoration: none;
    margin: 0;
}
/* <u> tag used for displaying inserted text in the pop-ups. */
/* Use the same color and text-decoration as ins. */
div.dpopup u {
    color: #3D7FBA;
    text-decoration: underline;
}
/* <u><i> tag used for displaying changed number text in the pop-ups. */
/* Use the same color and text-decoration as ins[t='n']. */
div.dpopup u i {
    color: #00ff00;
    text-decoration: underline;
}
div.dpopuptitle {
    text-align: center;
    padding: 12px;
    font-weight: 500;
    font-size: 16px;
    color: #9daabf;
    background: #ffffff;
}
div.dpopuptip {
    font-size: 12px;
    color: #9099A9;
    background-color: #f1f5fb;
    font-weight: 500;
    line-height: 22px;
    padding: 12px 18px;
}
div.dpopup[t="old"] {
    max-width: 350px;
    min-width: 300px;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #e8eef7;
    border-radius: 5px;
}

div.dpopup .content {
    padding: 6px 12px;
    background: #ffffff;
    color: #1e374d;
    font-size: 12px;
    line-height: 18px;
    border-top: 1px solid #f1f5fb;
}

div.dpopup[t="old"] .content i {
    color: #FE7878;
}

div.dpopup[t="inline"] {
    background: #ffffff;
    max-width: 350px;
    min-width: 300px;
}
div.dpopup[t="newdm"] {
    background: #ffffff;
}
div.dpopup[t="new"] {
    background: #ffffff;
}
div.dpopup[t="oldnew"] {
    max-width: 70%;
    left: 15%!important;
}

div.dpopup[t="chgnum"] {
    background: #ffffff;
    max-width: 100%;
    min-width: 380px;
}

div.dpopup[t="chgnum"] .content {
    padding: 0;
}

div.dpopup[t="chgnum"] .data_line {
    padding: 9px 12px;
    min-width: 360px;
}
div.dpopup[t="chgnum"] .qoq,div.dpopup[t="chgnum"] .yoy{
    cursor: pointer;
}

div.dpopup[t="chgnum"] .current.data_line, .yoy.data_line {
    background: #f1f5fb;
}

div.dpopup[t="chgnum"] .content {
    background: #ffffff;
}

div.dpopup[t="chgnum"] .dpopuptitle {
    background: #ffffff;
}

div.dpopup[t="chgnum"]  .data_line span {
    margin-right: 18px;
}

div.dpopup[t="chgnum"]  .data_line .neg {
    color: #f04848;
}

div.dpopup[t="chgnum"]  .data_line .pos {
    color: #2da65b;
}

div.dpopup[t="del"] {
    min-width: 120px;
}

div.dpopup[t="chgnum"]  .data_line span.text {
    min-width: 46px;
    display: inline-block;
    color: #3D7FBA;
    font-size: 13px;
    font-weight: 500;
}

div.dpopup[t="chgnum"]  .data_line span.date {
    min-width: 120px;
}

div.dpopup[t="chgnum"]  .data_line span {
    min-width: 46px;
    display: inline-block;
}

div.dpopup[t="chgnum"] .dpopuptitle {
    box-sizing: border-box;
    padding: 12px;
}

div.dpopup table {
    text-align: left;
    font-size: 9pt;
    font-family: Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    white-space: normal;
    text-align: left;
    vertical-align: top;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
div.dpopup td {
    vertical-align: top;
    width: 50%;
}
div.dpopup td:first-child {
    vertical-align: top;
    padding-right: 5px;
    border-right: 1px solid #e8eef7;
}
div.dpopup td:last-child {
    vertical-align: top;
    padding-left: 5px;
    border-left: 1px solid #e8eef7;
}