/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**EDITOR CONTENT STYLES*/
    /* NOTE: Styles for Editor Contents is strategically located in this
       stylesheet because it needs to be supported across different
       UI Types and Output areas across the application.
    */
    /**EDITOR BODY TAG*/
        .cc-editor-cont {
            font-size: 16px;
            font-family: var(--cc-font-family);
            line-height: 1.6;
        }
        .cc-editor-cont[contenteditable="false"] {
            background-color: #EEF0F3;
        }
        .cc-editor-emailpreview + #cke_EmailBody #cke_1_top {
            /* NOTE: Currently email preview is displayed using
               CKEditor read only mode. In this case, don't
               show the toolbar.
            */
            display: none;
        }

        /**INPUT*/
        .cc-editor-cont--input {
            margin: 20px;
            word-wrap: break-word; /*NOTE: wrap long words*/
        }

        /**INPUT - WIDGET IMAGE*/
            .cc-editor-cont-upload-file--image .cke_widget_image[style*="float: left"] {
                margin-right: 20px;
            }
            .cc-editor-cont-upload-file--image .cke_widget_image[style*="float: right"] {
                margin-left: 20px;
            }

        /**OUTPUT*/
        .cc-editor-cont--output-outer {
            position: relative;
        }
        .cc-editor-cont--output-outer:after {
            /*NOTE: Prevent unwanted wrapping caused by img with float property*/
            content: "";
            display: table;
            clear: both;
        }
        .cc-editor-cont--output-outer[class*="cc-editor-cont--context-"] {
            /*NOTE: Allows intended bg color to cover margin areas*/
            border: 1px solid transparent;
            padding-bottom: 20px;
        }
        .cc-editor-cont--output {
            /* NOTE: This assumes that a parent element is receiving 20px padding l/r
             * and is preventing block elements w/ bg colors to display as
             * edge to edge. These styles will force them to go edge to edge.*/
            padding: 0;
            word-wrap: break-word; /*NOTE: wrap long words*/
        }

        /**OUTPUT - IMAGE*/
            .cc-editor-cont-upload-file--image img[style*="float:left"] {
                margin-right: 20px;
            }
            .cc-editor-cont-upload-file--image img[style*="float:right"] {
                margin-left: 20px;
            }

        /**OUTPUT - SCROLL*/
            .cc-editor-cont-scroll {
                margin-left: -20px;
                margin-right: -20px;
                position: relative;
                overflow: hidden;
            }
            .cc-editor-cont-scroll .cc-editor-cont--output-outer {
                margin-left: 0;
                margin-right: 0;
            }
            .cc-editor-cont-scroll-controller {
                overflow: auto;
                -webkit-transition:all .1s linear;
                -moz-animation:all .1s linear;
                -ms-animation:all .1s linear;
                animation:all .1s linear;
                min-height: 100px;
            }
            .cc-editor-cont-scroll[data-scroll="false"] .cc-editor-cont-scroll-fade {
                display: none;
            }
            .cc-editor-cont-scroll[data-scroll="true"] .cc-editor-cont-scroll-fade {
                position: absolute;
                width: 100%;
                height: 80px;
                max-height: 30%;
                left: 0;
                bottom: 0;
                background: -moz-linear-gradient(top, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,0) 10%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top, rgba(255, 255, 255,0) 0%,rgba(255, 255, 255,0) 10%,rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom, rgba(255, 255, 255,0) 0%,rgba(255, 255, 255,0) 10%,rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            }
            .cc-editor-cont-scroll[data-height="unset"] .cc-editor-cont-scroll-controller {
                visibility: hidden;
            }
            .cc-editor-cont-scroll[data-height="set"] .cc-editor-cont-scroll-controller {
                visibility: visible;
            }
            .cc-editor-cont-scroll[data-height="set"] .placeholder {
                display: none;
            }
        /**EDITOR CONTEXT*/
        .cc-editor-cont--context-note {
            background: #ECECED;
            color: #222;
        }
        /**UTILITY STYLES*/
            /**SHOW BLOCKS - ENABLED*/
                .cke_show_blocks table.cke_show_border td,
                .cke_show_blocks table.cke_show_border th {
                    /*OVERRIDE: ok to always show guiding
                     *          borders this color when
                     *          Show Blocks = TRUE*/
                    border-color: #6fa3ff!important;
                }
            /**MAXIMIZED - ENABLED*/
                .cc-editor-cont--maximized {
                    /*NOTE: This behaves like whitespace, necessary
                     *      to use border rather than padding due
                     *      to complexity with MagicLine plugin*/
                    border-top: 20px solid transparent;
                    border-bottom: 20px solid transparent;
                }
                .cc-editor-cont--maximized body {
                    position: relative;
                    width: 660px;
                    min-height: 800px;
                    padding: 20px 20px 0;
                    margin: 0 auto;
                    border: 1px #D3D3D3 solid;
                    border-radius: 2px;
                    background: white;
                    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
                }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**CKEDITOR - NOT FINAL, FIND PROPER HOMES FOR EVERYTHING*/
    /*TODO: Find approriate way to hook on Editor styles*/

    /*TODO: MOVE THIS TO UTITILY SECTION OF CSS FILE*/
    .border-btm {
        border-bottom: 1px solid #EEF0F3;
    }

    /**EDITOR SUPPORTED CONTENT STYLES*/
        .cc-editor-cont table {
           border-collapse: collapse;
           margin: 20px 0;
           width: 100%;
           /*NOTE: Due to html/css limitations, max-width 100% doesn't
            *      work as expected, something like width: 900px will
            *      still win and ignore parent element with width
            *      smaller than 900px in this example*/
           max-width: 100%;
           /*NOTE: prevents strange auto column width adjustments
            *      when typing into the cell*/
           table-layout: fixed;
        }
        /*NOTE: Dotted borders should display for tables with
         *      transparent table style or tables w/ missing
         *      table style in edit mode only. these dotted
         *      borders should **not** display in other views
         *      such as preview, output, etc*/
        .cc-editor-cont:not(.cc-editor-cont--output ) table th,
        .cc-editor-cont:not(.cc-editor-cont--output ) table td {
           border: 1px dotted #C9CEDB;
        }
        .cc-editor-cont table[data-cc-editor-table-style="basic"] {
           margin: 20px 0;
           border-spacing: 1px;
        }
        .cc-editor-cont table[data-cc-editor-table-style="basic"] th,
        .cc-editor-cont table[data-cc-editor-table-style="basic"] td {
           padding: 8px 10px;
           line-height: 1.2;
           border: 1px solid #EEF0F3;
        }
        .cc-editor-cont table[data-cc-editor-table-style="basic"] th {
           background: #EEF0F3;
           color: #1F232F;
        }

        .cc-editor-cont table[data-cc-editor-table-style="comfy"] {
           margin: 20px 0;
           border-spacing: 1px;
        }
        .cc-editor-cont table[data-cc-editor-table-style="comfy"] th,
        .cc-editor-cont table[data-cc-editor-table-style="comfy"] td {
           padding: 20px 20px;
           line-height: 1.2;
           border: 1px solid #EEF0F3;
        }
        .cc-editor-cont table[data-cc-editor-table-style="comfy"] th {
           background: #EEF0F3;
           color: #1F232F;
        }

        .cc-editor-cont img {
            max-width: 100%;
            display: inline-block;
        }
        .cc-editor-cont video {
            width: 100%;
            max-width: 100%;
            max-height: 100%;
        }
        .cc-editor-cont-video-upload {
            margin: 20px auto;
            text-align: center;
        }
        .cc-editor-cont-media-url {
            height: 0;
            padding-bottom: 56.25%;
            position: relative;
            margin: 20px auto;
        }
        .cc-editor-cont-media-url iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
        }
        .cc-editor-cont-media-url--video {
            height: auto;
            padding-bottom: 0;
            position: relative;
            margin: 20px auto;
        }
        .cc-editor-cont-media-url--video video {
            /* background-color: #fff; */
        }
        .cc-editor-cont code {
            font-family: 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
            white-space:pre;
            white-space:pre-wrap;                  /* css-3 */
            white-space:-moz-pre-wrap !important;  /* Mozilla, since 1999 */
            white-space:-pre-wrap;                 /* Opera 4-6 */
            white-space:-o-pre-wrap;               /* Opera 7 */
            word-wrap: break-word;                 /* Internet Explorer 5.5+ */
        }
        .cc-editor-cont pre {
            white-space: pre-wrap; /* CSS 2.1 */
            word-wrap: break-word; /* IE7 */
            -moz-tab-size: 4;
            -o-tab-size: 4;
               tab-size: 4;
        }
        .cc-editor-cont blockquote {
            border-style: solid;
            border-color: #C9CEDB;
            border-width: 0;
            margin-left: 0px;
            padding-left: 12px;
            padding-right: 12px;
            border-left-width: 2px;
        }

        .cc-editor-cont blockquote cite {
            font-style: normal;
            font-weight: 600;
            padding-bottom: 3px;
            display: block;
        }

        .cc-editor-cont p {
            margin: 0 0 20px;
        }
        .cc-editor-cont hr {
            border: 0px;
            border-top: 1px solid #C9CEDB;
            margin: 20px 0;
        }
        .cc-editor-cont > hr {
            margin: 20px -20px;
        }
        .cc-editor-cont figure {
            text-align: center;
            border: solid 1px #C9CEDB;
            border-radius: 2px;
            background: rgba(0,0,0,0.05);
            padding: 10px;
            margin: 10px 20px;
            display: inline-block;
        }
        .cc-editor-cont figure > figcaption {
            text-align: center;
            display: block; /* For IE8 */
        }
        .cc-editor-cont ol, .cc-editor-cont ul {
            padding-left: 40px;
        }
        /**PAGE SECTION*/
            .cc-editor-cont-page-section {
                font-size: 26px;
                color: #1F232F;
                padding-bottom: 15px;
                margin-top: 70px;
                margin-bottom: 35px;
                border-bottom: 1px solid #C9CEDB;
            }
            .cc-editor-cont--output .cc-editor-cont-page-section:first-child {
                margin-top: 0;
            }
        /**HEADER TAGS*/
            .cc-editor-cont h1 {
                line-height: 1.2;
                font-size: 32px;
                margin: 0.67em 0;
            }
            .cc-editor-cont h2 {
                line-height: 1.2;
                font-size: 24px;
                margin: 0.83em 0;
            }
            .cc-editor-cont h3 {
                line-height: 1.2;
                font-size: 19px;
                margin: 1em 0;
            }
            .cc-editor-cont h4 {
                line-height: 1.2;
                font-size: 16px;
                margin: 1.33em 0;
            }
            .cc-editor-cont h5 {
                line-height: 1.2;
                font-size: 13px;
                margin: 1.67em 0;
            }
            .cc-editor-cont h6 {
                line-height: 1.2;
                font-size: 11px;
                margin: 2.33em 0;
            }

        /**CONTENT BLOCKS*/
            [class*="cc-editor-cont-block"],
            .cc-editor-cont [class*="cc-editor-cont-block"] a,
            .cc-editor-cont [class*="cc-editor-cont-block"] a:hover,
            .cc-editor-cont [class*="cc-editor-cont-block"] a:focus,
            .cc-editor-cont [class*="cc-editor-cont-block"] a:active,
            .cc-editor-cont [class*="cc-editor-cont-block"] a:active:hover,
            .cc-editor-cont [class*="cc-editor-cont-block"] a:active:focus {
                /* NOTE: Links needed higher specificy so it can override the
                   theme colors. Didn't resort to important because toolbar
                   features font color options... */
                color: #fff;
            }
            [class*="cc-editor-cont-block"] a {
                text-decoration: underline;
            }
            [class*="cc-editor-cont-block"] > *:last-child,
            [class*="cc-editor-cont-block"] > p:last-child /*NOTE: necessary for IE11 specifically*/{
                margin-bottom: 0;
            }
            [class*="cc-editor-cont-block"] {
                /* NOTE: Whitespace when displayed as part of the content */
                padding: 20px;
                margin-bottom: 20px;
                border-radius: 18px;
            }
            .cke_panel_container [class*="cc-editor-cont-block"] {
                /* NOTE: Whitespace when displayed in drop down */
                padding: 5px;
                margin-left: 0;
                margin-right: 0;
            }
    /**EDITOR CONTENT - EMBEDDED REPORT ELEMENTS*/
        .cc-editor-cont--output .chartouter hr {
            /*NOTE: don't display hr for report elements displayed in
            *wysiwyg output*/
            display: none!important;
        }
    /**EDITOR CONTENT - EMBEDDED REPORT ELEMENTS - TABLES*/
        .cc-editor-cont--output .elem-datatable.elem-holder,
        .cc-editor-cont--output .elem-ssdatatable.elem-holder,
        .cc-editor-cont--output .elem-msdatatable.elem-holder {
            /*NOTE: allow scrolling for tables too wide for parent container*/
            overflow: auto;
        }
        .cc-editor-cont--output .elem-datatable.elem-holder table,
        .cc-editor-cont--output .elem-ssdatatable.elem-holder table,
        .cc-editor-cont--output .elem-msdatatable.elem-holder table {
            /*NOTE: negate margins applied to generic tables*/
            margin: 0;
        }
        .cc-editor-cont--output .elem-spreadsheet.elem-holder {
            /*NOTE: allow scrolling for tables too wide for parent container*/
            overflow: auto;
        }
        .cc-editor-cont--output .elem-spreadsheet.elem-holder table {
            table-layout: auto;
        }
    /**EDITOR CONTENT - EXTRA LAYER OF COMPLEXITY DUE TO OLD INFOBOXES*/
        .cc-editor-cont .infobox p {
            margin-bottom: 0;
        }
        .cc-editor-cont .infobox p + p {
            margin-bottom: 20px;
        }
    /**HIDING THE TEMPORARY IMAGE PLACE HOLDER BOX*/
        .cke_upload_loading {
            display: none !important;
        }
        html {
            height: 100%;
        }