/* ArtlogicCMS Admin UI version 1.2 January 2016 */


/* -----------------------------------------------------------
    Load fonts
----------------------------------------------------------- */

    @import url(/lib/webfonts/proximanova/proximanova.css);


/* -----------------------------------------------------------
    Global Styles
----------------------------------------------------------- */
    
    .visually-hidden {
        position: absolute !important;
        height: 1px !important; 
        width: 1px !important;
        overflow: hidden !important;
        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
        white-space: nowrap !important; /* added line */
        display: block!important;
        margin: 0!important;
        padding: 0!important;
    }
	.clearwithin:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		line-height: 0;
		overflow: hidden;
		visibility: hidden;
	}

    input[type='text'],
    textarea {
        -webkit-appearance: none;
    }

	body.records_page, body.standard_page, body.main_screen {
            padding: 0;
            margin: 0;
            background: none;
            font-family: 'ProximaNova', Sans-Serif;
            font-weight: 200;
            color: #111;
            font-size: 13px;
            line-height: 1.8em;
	}

    html.sidebar-menu-open,
    body.sidebar-menu-open {
        overflow: hidden;
    }

    .device-handheld .handheld-hidden {
        display: none !important;
    }
    .device-handheld .handheld-only {
        display: none !important;
    }

        a, a:visited {
            color: #51A8E0;
        }
        a:hover,
        .ui-state-hover a,
        .ui-state-hover a:hover {
            color: #51A8E0;
        }

	li a {
        color: #51A8E0;
	}
    li a:hover {
        color: #51A8E0;
    }

	h1 {
            font-family: 'ProximaNova', Sans-Serif;
            font-weight: 200;
            color: #111;
            font-size: 26px;
            text-transform: uppercase;
            letter-spacing: 2.5px;
	}

	h2 {
            font-family: 'ProximaNova', Sans-Serif;
            font-weight: 200;
            color: #111;
            font-size: 20px;
            text-transform: uppercase;
            letter-spacing: 2.5px;
	}

	h3, body.records_page h3, body.standard_page h3, #pp_content h3 {
            font-family: 'ProximaNova', Sans-Serif;
            font-size: 17px;
            color: #111;
            padding: 0;
            margin: 0 0 12px;
            font-style: normal;
            font-weight: 200;
            text-transform: uppercase;
            letter-spacing: 2px;
            -webkit-font-smoothing: subpixel-antialiased;
	}

	h4,
	h4 a,
	h4 a:visited {
            font-family: 'ProximaNova', Sans-Serif;
            font-weight: normal;
            color: #111;
            font-size: 15px;
            -webkit-font-smoothing: antialiased;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #aaa;
            font-style: normal;
	}

	h5 {
            font-family: 'ProximaNova', Sans-Serif;
            font-weight: 200;
            color: #111;
            font-size: 13px;
            -webkit-font-smoothing: subpixel-antialiased;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font-style: normal;
            margin: 0 0 12px;
	}

	p, td, th, li, ul, input, textarea, button, select, a, body {
            font-family: 'ProximaNova', Sans-Serif;
            font-weight: 200;
            color: #111;
            font-size: 13px;
	}
	p {
        line-height: inherit;
	}

        .clear {
            height: 0;
        }
        
        .reset_styles h1, .reset_styles h2, .reset_styles h3, .reset_styles h4, .reset_styles h4 a, .reset_styles h4 a:visited, .reset_styles h5, .reset_styles h6, .reset_styles p, .reset_styles blockquote {
            text-transform: none;
            color: inherit;
            line-height: normal;
            font-size: inherit;
            font-family: inherit;
            margin: 0;
            padding: 0;
            line-height: inherit;
            height: auto;
            width: auto;
            border: none;
            letter-spacing: inherit;
            font-weight: inherit;
            text-transform: inherit;
        }

        select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            padding: 6px 30px 6px 6px;
            background: #fff url(data:image/gif;base64,R0lGODlhLABEALMAAImJif///+Hh4ZmZmcPDw/b29sXFxdzc3JycnPf399/f3wAAAAAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAAsAEQAAAStUIhAq704ayy3/2AHjiQlluh2pqy1tu0Lp/Jc1vaI59/Oq5MfyifkBIu6I7KnXAKdoSbUOPUQoVdndrlFdotfYfg35pVzZ1t6toa1Y9IMAkCv2xW0OIZg7yMKeSR8fQB/LF2DdYaHehqJi4wpfJCRKQeAbI1Vb5VVGZyBnp+aU6BDpFioWqpcrF6uYLBismS0ZrZouGq6maKjvlTALrxuxHDCw8gVpjfGncjMJBEAOw==) center right no-repeat;
            background-size: 22px 34px;
            line-height: 18px;
            border: 1px solid #dbdbdb;
            border-radius: 3px;
            color: black;
            cursor: pointer;
        }
        select.fullwidth {
            width: 100%;
        }
        select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000;
        }

    button {
        background: none;
        border: none;
        font-family: inherit;
        font-size: inherit;
        color: inherit;
        padding: 2px 6px 3px;
        cursor: pointer;
        outline: none;
    }

	#page_container {
            margin: 0 auto;
            padding: 130px 40px 0;
            max-width: none;
            min-width: 1000px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            max-width: 1280px;
	}
        body.docked_page #page_container {
            padding-top: 110px;
        }
        body.docked_page.page-pages #content {
            margin-bottom: 80px;
            padding-bottom: 20vh;
        }

    .records_page #container,
    .standard_page #container {
		width: 100%;
		min-width: 0;
	}

	#page_header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            padding: 0 40px;
            background: #fff;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            z-index: 20;
            max-width: 1280px;
            margin: 0 auto;
	}
            #page_header .inner {
                padding: 32px 0 20px;
                min-width: 1000px;
                margin: 0 auto;
                border-bottom: 1px solid #eee;
            }
            #logo {
                    font-family: 'ProximaNova', Sans-Serif;
                    font-weight: 200;
                    color: #111;
                    font-size: 10px;
                    text-transform: uppercase;
                    float: left;
                    position: relative;
                    height: 22px;
                    margin-top: 3px;
            }
            body.docked_page #logo {
                margin-top: 0;
            }
                    #logo a,
                    #logo a:visited {
                            color: #111;
                            font-family: Sans-Serif;
                            font-size: 22px;
                            line-height: 26px;
                            letter-spacing: 3px;
                            font-size: 18px;
                            font-weight: normal;
                    font-weight: 200;
                    }
                    #logo .artlogic-cms-emblem {
                            fill: #A8D3EF;
                            fill: #111;
                    }
                    #logo .artlogic-cms-logo {
                            position: absolute;
                            top: 0;
                            left: 36px;
                            line-height: 22px;
                    }
                    
                    /* New 2019 branding 
                    ---------------------------------------------------------- */
                    #logo.logo-2019 {
                        width: 147px;
                        height: 37px;
                        transform: scale(0.9);
                        transform-origin: center left;
                        margin-top: 0;
                    }
                    #logo.logo-2019 .artlogic-cms-logo {
                        position: absolute;
                        top: -10px;
                        left: -50px;
                        line-height: 22px;
                    }
                    @media screen and (max-width: 1023px) {
                        #logo.logo-2019 .artlogic-cms-logo {
                            position: absolute;
                            top: -10px;
                            left: -20px;
                            line-height: 22px;
                        }
                    }
                    #logo.logo-2019 .artlogic-cms-logo .brandmark {
                        display: block;
                        width: 234px;
                        height: 47px;
                        background-repeat: no-repeat;
                        margin: 0;
                        position: relative;
                        transform: scale(0.55);
                    }
                    #logo.logo-2019 .artlogic-cms-logo .brandmark-text img,
                    #logo.logo-2019 .artlogic-cms-logo .brandmark-text svg {
                        height: 100%;
                    }
                    #logo.logo-2019 .artlogic-cms-logo .brandmark-text img *,
                    #logo.logo-2019 .artlogic-cms-logo .brandmark-text svg * {
                        fill: #A5D3EF;
                    }
                    #logo.logo-2019 .artlogic-cms-logo .brandmark-text {
                        position: absolute;
                        left: 0;
                        width: 100%;
                        margin-left: 2px;
                        height: 133%;
                        overflow: hidden;
                    }                    
                    
                    #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-text {
                        width: 17.5%;
                        -webkit-animation: cms-logo-brandmark-text 200ms ease-out both;
                        animation: cms-logo-brandmark-text 200ms ease-out both;
                        /*animation-delay: 1550ms;*/                        
                        animation-delay: 2100ms;
                    }
                    
                    @-webkit-keyframes cms-logo-brandmark-text {
                        0% {
                            width: 17.5%;
                        }
                        100% {
                            width: 100%;
                        }
                    }
                    @keyframes cms-logo-brandmark-text {
                        0% {
                            width: 17.5%;
                        }
                        100% {
                            width: 100%;
                        }
                    }
                    #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-lines {
                        display: block;
                        width: 80%;
                        height: 100%;
                        position: absolute;
                        right: 0;
                        overflow: hidden;
                    }
                    #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line {
                        height: 99%;
                        width: 7px;
                        background:#A5D3EF;
                        display: block;
                        position: absolute;
                        -webkit-animation: cms-logo-brandmark-spread 2710ms ease-out both;
                        animation: cms-logo-brandmark-spread 2710ms ease-out both;
                    }
                    #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line:nth-of-type(1) {
                        left: 1px;
                        animation-delay: 800ms;
                    }
                    #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line:nth-of-type(2) {
                        left: 16.5%;
                        animation-delay: 700ms;
                    }
                    #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line:nth-of-type(3) {
                        left: 29.5%;
                        animation-delay: 600ms;
                    }
                    #logo.logo-2019.logo_animate .artlogic-cms-logo .brandmark-line:nth-of-type(4) {
                        right: 18.6%;
                        left: auto;
                        animation-delay: 500ms;
                    }
                    @-webkit-keyframes cms-logo-brandmark-spread { 
                        0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -250, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -250, 0, 0, 1); }
                        0.48% { -webkit-transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -226.069, 0, 0, 1); transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -226.069, 0, 0, 1); }
                        0.94% { -webkit-transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.661, 0, 0, 1); transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.661, 0, 0, 1); }
                        2.11% { -webkit-transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -157.362, 0, 0, 1); transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -157.362, 0, 0, 1); }
                        2.32% { -webkit-transform: matrix3d(2.699, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -149.77, 0, 0, 1); transform: matrix3d(2.699, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -149.77, 0, 0, 1); }
                        3.25% { -webkit-transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.381, 0, 0, 1); transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.381, 0, 0, 1); }
                        4.41% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -88.434, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -88.434, 0, 0, 1); }
                        4.63% { -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -83.404, 0, 0, 1); transform: matrix3d(0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -83.404, 0, 0, 1); }
                        5.56% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -64.421, 0, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -64.421, 0, 0, 1); }
                        6.95% { -webkit-transform: matrix3d(0.975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.392, 0, 0, 1); transform: matrix3d(0.975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.392, 0, 0, 1); }
                        9.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.75, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.75, 0, 0, 1); }
                        10.18% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.763, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.763, 0, 0, 1); }
                        13.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.201, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.201, 0, 0, 1); }
                        14.79% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.016, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.016, 0, 0, 1); }
                        18.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); }
                        18.46% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); }
                        44.55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); }
                        44.65% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); }
                        46.53% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 103.41, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 103.41, 0, 0, 1); }
                        47.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 128.56, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 128.56, 0, 0, 1); }
                        49.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 219.64, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 219.64, 0, 0, 1); }
                        51.8% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 263.064, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 263.064, 0, 0, 1); }
                        54.18% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 273.33, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 273.33, 0, 0, 1); }
                        60.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 255.156, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 255.156, 0, 0, 1); }
                        66.48% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 248.442, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 248.442, 0, 0, 1); }
                        70.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.1, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.1, 0, 0, 1); }
                        78.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250.104, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250.104, 0, 0, 1); }
                        91.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.993, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.993, 0, 0, 1); }
                        100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 0, 0, 1); } 
                    }
                    
                    @keyframes cms-logo-brandmark-spread { 
                        0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -250, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -250, 0, 0, 1); }
                        0.48% { -webkit-transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -226.069, 0, 0, 1); transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -226.069, 0, 0, 1); }
                        0.94% { -webkit-transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.661, 0, 0, 1); transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.661, 0, 0, 1); }
                        2.11% { -webkit-transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -157.362, 0, 0, 1); transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -157.362, 0, 0, 1); }
                        2.32% { -webkit-transform: matrix3d(2.699, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -149.77, 0, 0, 1); transform: matrix3d(2.699, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -149.77, 0, 0, 1); }
                        3.25% { -webkit-transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.381, 0, 0, 1); transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -119.381, 0, 0, 1); }
                        4.41% { -webkit-transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -88.434, 0, 0, 1); transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -88.434, 0, 0, 1); }
                        4.63% { -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -83.404, 0, 0, 1); transform: matrix3d(0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -83.404, 0, 0, 1); }
                        5.56% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -64.421, 0, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -64.421, 0, 0, 1); }
                        6.95% { -webkit-transform: matrix3d(0.975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.392, 0, 0, 1); transform: matrix3d(0.975, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -42.392, 0, 0, 1); }
                        9.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.75, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.75, 0, 0, 1); }
                        10.18% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.763, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -12.763, 0, 0, 1); }
                        13.9% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.201, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.201, 0, 0, 1); }
                        14.79% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.016, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.016, 0, 0, 1); }
                        18.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); }
                        18.46% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.634, 0, 0, 1); }
                        44.55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); }
                        44.65% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); }
                        46.53% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 103.41, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 103.41, 0, 0, 1); }
                        47.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 128.56, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 128.56, 0, 0, 1); }
                        49.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 219.64, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 219.64, 0, 0, 1); }
                        51.8% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 263.064, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 263.064, 0, 0, 1); }
                        54.18% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 273.33, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 273.33, 0, 0, 1); }
                        60.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 255.156, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 255.156, 0, 0, 1); }
                        66.48% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 248.442, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 248.442, 0, 0, 1); }
                        70.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.1, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.1, 0, 0, 1); }
                        78.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250.104, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250.104, 0, 0, 1); }
                        91.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.993, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 249.993, 0, 0, 1); }
                        100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 250, 0, 0, 1); } 
                    }

            #page_header_tools_wrapper {
                float: right;
            }

            #navigation_container {
                    width: auto;
                    float: left;
                    padding-bottom: 0;
            }
                .nav-cmsbugreporter.squarebtn {
                    top: -11px;
                    position: relative;
                    margin: 0 0 0 25px !important;
                }
                    ul#topnav {

                    }
                            #topnav li ul {
                                    padding: 0;
                                    margin: 0;
                                    top: 30px;
                            }
                            #topnav li ul ul {
                                    left: 135px;
                            }
                            #topnav li ul ul.scrollable-nav-dropdown {
                                    max-height: 80vh;
                                    overflow: auto;
                            }
                            #topnav li ul ul.topnav_drop_alt,
                            #topnav li ul ul.topnav_drop_alt ul {
                                left: auto;
                                right: calc(100% - 5px);
                            }
                            #topnav > li > ul {
                                    height: 0;
                                    width: 0;
                                    border: none;
                                    opacity: 0;
                                    border-width: 0px;
                                    display: block;
                                    overflow: hidden;
                            }

                            @media screen and (min-width: 1024px) {
                                #topnav > li:hover > ul, #topnav > li.over > ul {
                                        display: block;
                                        opacity: 1;
                                        top: 23px;
                                        border-width: 1px;
                                        height: auto;
                                        width: auto;
                                        transition: opacity 0.5s ease-in-out, top 0.25s cubic-bezier(.87,.17,.18,.85);
                                        overflow: visible;
                                        border: 1px solid #e8e8e8 !important;
                                }
                                #topnav > li:hover > ul ul, #topnav > li.over > ul ul {
                                        border: 1px solid #e8e8e8 !important;
                                }
                            }

                            ul#topnav > li {
                                    margin: 0 0 0 25px;
                                    padding: 0;
                                    height: 23px;
                            }
                            #topnav li a,
                            #topnav li a:visited {
                                    color: #555;
                            }
                            #topnav li a.external_link_icon {
                                display: flex;
                                justify-content: space-between;
                            }
                            #topnav li a.external_link_icon:after {
                                content: "\f08e";
                                display: block;
                                margin-left: 6px;
                                margin-right: -3px;
                                margin-top: 0px;
                                color: #ddd;
                                font: normal normal 400 14px/1 FontAwesome;
                                font-size: 12px;
                                text-rendering: auto;
                                -webkit-font-smoothing: antialiased;
                                -moz-osx-font-smoothing: grayscale;
                            }
                            #topnav li ul li a,
                            #topnav li ul li a:visited {
                                    font-size: 13px;
                                    font-weight: normal;
                            }
                            #topnav > li, #topnav > li > a, #topnav > li > a:visited, #topnav > li > a > span {
                                    font-family: 'ProximaNova', Sans-Serif;
                                    color: #888;
                                    font-size: 11px;
                                    text-transform: uppercase;
                                    letter-spacing: 2px;
                                    font-weight: normal;
                                    -webkit-font-smoothing: antialiased;
                            }

                                    #topnav li ul {
                                        border: 0 !important;
                                        -moz-box-shadow: 0 2px 9px rgba(0,0,0,0.08);
                                        -webkit-box-shadow: 0 2px 9px rgba(0,0,0,0.08);
                                        box-shadow: 0 2px 9px rgba(0,0,0,0.08);
                                    }
                                    /*#topnav li ul,*/
                                    /*#topnav li ul li ul {*/
                                    /*    padding: 6px 0;*/
                                    /*}*/
                                    #topnav li ul li {
                                        min-width: 160px;
                                    }
                                    #topnav li ul li a {
                                            padding: 8px 14px;
                                    }
                                    #topnav > li > ul > li:first-child > a {
                                        padding-top: 14px;
                                    }
                                    #topnav > li > ul > li:last-of-type > a {
                                        padding-bottom: 14px;
                                    }
                                    #topnav li ul li a:hover,
                                    #topnav li ul li:hover {
                                            background: #fafafa;
                                    }
                                    #topnav > li li, #topnav > li li > a, #topnav > li li > a:visited, #topnav > li li > a > span {
                                            font-family: 'ProximaNova', Sans-Serif;
                                            color: #888;
                                            font-size: 13px;
                                            text-transform: none;
                                            letter-spacing: 0;
                                            font-weight: normal;
                                            -webkit-font-smoothing: antialiased;
                                    }

                            #topnav li .topnav_drop {
                                    background: none;
                                    padding-right: 0;
                                    display: block;
                            }
                            #topnav li .topnav_drop:after {
                                    content: "\f0d7";
                                    display: inline-block;
                                    float: right;
                                    margin-left: 6px;
                                    margin-right: 0;
                                    margin-top: -1px;
                                    color: #ddd;
                                    font: normal normal 900 14px/1 FontAwesome;
                                    font-size: 13px;
                                    text-rendering: auto;
                                    -webkit-font-smoothing: antialiased;
                                    -moz-osx-font-smoothing: grayscale;
                            }
                            #topnav li ul li ul {
                                left: calc(100% - 6px);
                            }
                            #topnav li ul li .topnav_drop {
                                    background: none;
                                    display: flex;
                                    flex-direction: row;
                                    flex-wrap: nowrap;
                                    justify-content: space-between;
                            }
                            #topnav li ul li .topnav_drop:after {
                                    content: "\f0da";
                                    margin-left: 10px;
                                    margin-top: 0;
                            }
                            
                            
                            #topnav li.topnav_info {
                                background: #fafafa;
                                border-top: 1px solid #eee;
                                box-sizing: border-box;
                                padding: 12px 8px 8px;
                            }
                                #topnav li.topnav_info .topnav_info_row {
                                    box-sizing: border-box;
                                    width: 100%;
                                    clear: both;                       
                                    color: #888;
                                    color: #111;
                                    font-size: 10px;
                                    text-transform: uppercase;
                                    letter-spacing: 1px;
                                    font-weight: normal;
                                    -webkit-font-smoothing: antialiased;
                                    padding-bottom: 4px;
                                    white-space: nowrap;
                                }
                                    #topnav li.topnav_info .topnav_info_row_label {
                                        display: inline-block;
                                        color: #111;                     
                                        color: #888;
                                    }
                            #topnav li.cms-navigation-add-section {
                                color: #232323;
                                margin-top: 7px;
                                padding-top: 3px;
                                border-top: 1px solid #e8e8e8;
                            }
                                #topnav li.cms-navigation-add-section a {
                                    color: #232323!important;
                                    font-size: 13px;
                                    color: #232323;
                                    letter-spacing: 0;
                                }
                                #topnav li.cms-navigation-add-section i {
                                    color: #232323;
                                    font-size: 14px;
                                    margin-right: 10px;
                                }
            #topnav li .cms_nav_lozenge {
                background: #51A8E0;
                border-radius: 3px;
                color: white;
                font-weight: 400;
                font-size: 8px !important;
                line-height: 10px;
                letter-spacing: 0.09em;
                text-transform: uppercase;
                padding: 1px 2px;
                font-family: 'ProximaNova', Sans-Serif;
                position: relative;
                top: -1px;
                display: inline;
            }

            #current_user {
                    margin: 0;
                    float: right;
                    width: 30px;
                    height: 32px;
                    position: relative;
                    padding: 4px 0 0;
            }
                    #current_user_icon {
                            -moz-border-radius: 200px;
                            -webkit-border-radius: 200px;
                            border-radius: 200px;
                            width: 30px;
                            height: 30px;
                            background: center center no-repeat #DADADA;
                            background-size: cover;
                            color: #fff;
                            font-family: 'ProximaNova', Sans-Serif;
                            font-size: 14px;
                            line-height: 31px;
                            text-align: center;
                            text-transform: uppercase;
                            /*letter-spacing: -1px;*/
                            font-weight: normal;
                            -webkit-font-smoothing: antialiased;
                            cursor: default;

                            font-weight: bold;


                            display: inline-block;
                            width: 14px;
                            height: 14px;
                            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hb2wtdXNlci1pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InBlcnNvbiIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgZmlsbD0iI0I4QjhCOCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy45OTQ0Nzk0LDEzLjAwMDAwMDEgQzEzLjk5ODE0ODMsMTIuOTA4MDg0NSAxNCwxMi44MTU3MDc4IDE0LDEyLjcyMjkwNCBDMTQsMTAuMzQyNzQ0OCAxMi43ODE5OTg2LDguMjQzNTMxMDIgMTAuOTI3OTYyOSw3IEMxMC4wMTIzNDY1LDguMTYwNzk2MDkgOC41OTMxOTI1NCw4LjkwNTk0MzY5IDcsOC45MDU5NDM2OSBDNS40MDY4MDc0Niw4LjkwNTk0MzY5IDMuOTg3NjUzNDcsOC4xNjA3OTYwOSAzLjA3MjAzNzE1LDcgQzEuMjE4MDAxNDMsOC4yNDM1MzEwMiAwLDEwLjM0Mjc0NDggMCwxMi43MjI5MDQgQzAsMTIuODE1NzA3OCAwLjAwMTg1MTY4NjIxLDEyLjkwODA4NDUgMC4wMDU1MjA1NjE5MSwxMy4wMDAwMDAxIEwwLDEzIEwwLDE0IEwxNCwxNCBMMTQsMTMgTDEzLjk5NDQ3OTUsMTMgTDEzLjk5NDQ3OTQsMTMuMDAwMDAwMSBaIiBpZD0iT3ZhbC0yLUNvcHkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0xIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjeD0iNyIgY3k9IjQiIHI9IjQiPjwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
                            background-size: 14px 14px;
                            vertical-align: middle;
                            text-align: left;
                            text-indent: -9999px;

                    }
                    #current_user_drop {
                            position: absolute;
                            top: 50px;
                            right: 0;
                            opacity: 0;
                            height: 0;
                            overflow: hidden;
                    }
                    #current_user:hover #current_user_drop {
                            opacity: 1;
                            top: 32px;
                            transition: opacity 0.5s ease-in-out, top 0.4s cubic-bezier(.87,.17,.18,.85);
                            height: auto;
                            border: 1px solid #eee;
                            width: 180px;
                            background: #fff;
                            -moz-border-radius: 2px;
                            -webkit-border-radius: 2px;
                            border-radius: 2px;
                            padding: 10px;
                            -moz-box-sizing: border-box;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                    }
                    #current_user_name {
                            font-weight: 200;
                            color: #111;
                    }
                            #current_user_logout {
                                    font-family: 'ProximaNova', Sans-Serif;
                                    color: #111;
                                    font-size: 11px;
                                    text-transform: uppercase;
                                    letter-spacing: 2px;
                            }
                            #current_user_logout a,
                            #current_user_logout a:visited {
                                    text-decoration: none;
                                    font-family: 'ProximaNova', Sans-Serif;
                            }

        #header {

        }
            #header h1#heading,
            h1 {
                font-family: 'ProximaNova', Sans-Serif;
                font-weight: 200;
                color: #111;
                font-size: 26px;
                margin: 0 0 25px;
                text-transform: uppercase;
                letter-spacing: 2.5px;
                display: inline-block;
                float: none;
                -webkit-font-smoothing: antialiased;
            }
            #header h2#subheading {
                font-family: 'ProximaNova', Sans-Serif;
                font-weight: 200;
                color: #aaa;
                font-size: 26px;
                margin-left: 12px;
                padding-left: 17px;
                text-transform: uppercase;
                letter-spacing: 2.5px;
                float: none;
                display: inline-block;
                position: relative;
                -webkit-font-smoothing: antialiased;
            }
                #header h2#subheading:before {
                    content: '.';
                    border-left: 1px solid #ccc;
                    top: 5px;
                    left: 0;
                    text-indent: -9999px;
                    bottom: 5px;
                    display: block;
                    position: absolute;
                }
                #header h1#heading.hidden,
                #header h2#subheading.hidden {
                    display: none;
                    margin: 0;
                }
                #header h1#heading a,
                #header h1#heading a:visited,
                #header h2#heading a,
                #header h2#heading a:visited {
                    color: #111;
                }

	#content {

	}
		#content > div.pr20 {
			padding: 0;
			width: 100%;
		}

            #content_module {
                float: left;
                width: 70%;
                padding-right: 50px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
            #sidebar {
                float: right;
                width: 25%;
            }
	#copyright {
		display: none;
	}



/* -----------------------------------------------------------
    Specific templates
----------------------------------------------------------- */

    #quick_search_form,
    .quick_search_form {
        position: relative;
    }
        #quick_search_form .f.qs,
        .quick_search_form .f.qs {
            width: 200px;
            padding: 10px;
        }
        #quick_search_form .squarebtn a,
        .quick_search_form .squarebtn a {
            padding-top: 8px !important;
            padding-bottom: 7px !important;
        }
        #quick_search_form .qs_submit_container .squarebtn,
        .quick_search_form .qs_submit_container .squarebtn {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0 !important;
            background: none;
        }
        #quick_search_form .qs_submit_container .squarebtn a,
        .quick_search_form .qs_submit_container .squarebtn a {
            padding: 6px 6px 5px;
            text-indent: -9999px;
            border: 0 !important;
            background: none;
        }
        #quick_search_form .qs_submit_container .squarebtn a:before,
        .quick_search_form .qs_submit_container .squarebtn a:before {
            content: "\f002";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            text-indent: 0;
            text-align: center;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 38px;
        }


	/* Login
	----------------------------------------------------------- */


        #container.subsection-login {
            max-width: 580px;
            margin: 0 auto;
            display: inline-block;
            text-align: left;
            vertical-align: middle;
        }
            .subsection-login #logo {
                width: 63px;
                height: 63px;
                margin: 0 auto 20px;
                display: block;
                float: none;
                transition: opacity 800ms ease-in-out;
            }
            
            .subsection-login.br19 #logo {
            	width: 190px;
            	height: auto;
            	margin: 0 auto 0;
            }
                        
                .subsection-login #logo .aol-emblem {
                    fill: #111 !important;
                }
            .subsection-login h1 {
                clear: both;
                text-align: center;
                float: none;
                display: block;
                font-size: 40px;
                line-height: 45px;
                margin: 10px 0 15px;
                -webkit-font-smoothing: antialiased;
                transition: opacity 800ms ease-in-out;
            }
            .subsection-login h2 {
                clear: both;
                text-align: center;
                float: none;
                display: block;
                font-size: 14px;
                text-transform: uppercase;
                letter-spacing: 2px;
                transition: opacity 800ms ease-out;
            }            
            .subsection-login.br19 h2 {
                color: #888;
            }
            #login_el {
                margin-top: 40px;
                width: 100%;
                max-width: 380px;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border: 1px solid #eee;
                border: none;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                margin: 0 auto;
                float: none;
                transition: opacity 800ms ease-in-out, margin 800ms ease-out;
            }
            #login_el .row {
                margin: 0 0 10px;
            }
                #login_el .row.error_row {
                    color: #d21313;
                    font-weight: bold;
                    opacity: 0;
                    transition: opacity 300ms ease-in-out;
                    overflow: hidden;
                }
                #login_form.login_attempt_confirmed .row.error_row {
                    opacity: 1;
                }
            #login_el label {
                color: #111;
                float: none;
                width: 100%;
                display: block;
                padding: 0;
                margin: 0 0 6px;
                font-style: normal;
            }
            #login_el .field {
                width: 100%;
            }
            #login_form input.f {
                width: 100%;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-size: 18px;
                transition: border 0.5s ease;
                padding: 10px;
            }
                #login_form input.f:focus {
                    border-color: rgba(82, 168, 236, 0.8);
                    outline: 0;
                    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
                    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
                }
                #login_form input.f.error {
                    border-color: #d21313;
                    background: rgba(210,19,19,0.05);
                }

            #login_el .login_heading {
                display: inline-block;
                text-transform: uppercase;
                letter-spacing: 1.8px;
                font-size: 12.5px;
                color: #888;
            }

            #login-forgot-password {
                padding-left: 0;
                color: #51A8E0;
                font-size: 14px;
                margin: 0;
            }


            /*2019 BRANDING 
            ---------------------------- */

            .subsection-login.br19 #login_el .field {
                text-align: left;
                max-width: 100%;
                position: relative;
                padding-top: 25px;
            }
            .subsection-login.br19 #login_el label {
                font-size:16px;
            	position: absolute;
            	left: 0;
            	top: 25px;
            	bottom: 0;
            	width: 100%;
            	color: #999;
            	padding-bottom: 5px;
            	transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
            	-webkit-user-select: none;
            	-moz-user-select: none;
            	user-select: none;
            	pointer-events: none;
            	margin: 0;
            }
            .subsection-login.br19 #login_form input {
                width: 100%;
                border: none !important;
                border-radius: 0 !important;
                border-bottom: 1px solid #ccc !important;
                padding: 6px 0 !important;
                transition: border-color 0.3s ease;
                line-height: 21px;
                box-shadow: none !important;
                font-weight: 300;
                font-size: 14px;
                position: relative;
                margin:0;
            }
            .subsection-login.br19 #login_form input:-webkit-autofill,
            .subsection-login.br19 #login_form input:-webkit-autofill:hover,
            .subsection-login.br19 #login_form input:-webkit-autofill:focus {
                box-shadow: 0 0 0 30px white inset !important;
            }
            .subsection-login.br19 #login_form input[type="password"] {
                font-size: 18px;
                letter-spacing: 4px;
            }
            .subsection-login.br19 #login_form input[type="text"], 
            .subsection-login.br19 #login_form input[type="email"], 
            .subsection-login.br19 #login_form input[type="number"], 
            .subsection-login.br19 #login_form input[type="submit"], 
            .subsection-login.br19 #login_form input[type="password"], 
            .subsection-login.br19 #login_form textarea {
                -webkit-appearance: none;
            }
            .subsection-login.br19 #login_form input:-webkit-autofill,
            .subsection-login.br19 #login_form input:-webkit-autofill:hover, 
            .subsection-login.br19 #login_form input:-webkit-autofill:focus, 
            .subsection-login.br19 #login_form input:-webkit-autofill:active  {
                -webkit-box-shadow: 0 0 0 30px white inset !important;
            }
            .subsection-login.br19 #login_form input:not([value=""]) + label, 
            .subsection-login.br19 #login_form input:focus + label {
                font-size: 12px;
                padding: 0;
                top: 0;
            }
            .subsection-login.br19 #login_form input:focus + label:after {
            	content: "";
            	height: 2px;
            	background: #A8D3EF;
            	background: #adcee4;
            	background: #a4d0ec;
            	display: block;
            	bottom: -1px;
            	position: absolute;
            	width: 100%;
            	animation: aui-text-input-minimal-line 0.3s ease;
            }
            @keyframes aui-text-input-minimal-line {
                0% {
                    transform: scaleX(0);
                    opacity: 0;
                }
                100% {
                    transform: scaleX(1);
                    opacity: 1;
                }
            }
            .subsection-login.br19 #login_form input:-webkit-autofill + label {
                color: #000;
            }
            .subsection-login.br19 #login_form input.has-value + label {
                color: #000;
            }
            .subsection-login.br19 #login_form input:-webkit-autofill:focus + label {
                color: #82aecc;
            }
            .subsection-login.br19 #login_form input.has-value:focus + label,
            .subsection-login.br19 #login_form input:focus + label {
                color: #6eafda;
                color: #82aecc;
            }
            .subsection-login.br19 #login_form input:-webkit-autofill + label {
                font-size: 12px;
                padding: 0;
                top: 10px;
            }
            .subsection-login.br19 #login_form input.has-value + label,
            .subsection-login.br19 #login_form input:focus + label {
                font-size: 12px;
                padding: 0;
                top: 10px;
            }


            #login_button_el {
                width: 100%;
                padding: 20px 0;
            }
            .subsection-login.br19 #login_button_el {
                width: 100%;
                padding: 40px 0 20px 0;
            }
            #login_button_el .squarebtns li {
                width: 100%;
                margin: 0;
            }
            #login_button_el .squarebtns li a {
                float: none;
                display: block;
                width: 118px;
                border-radius: 120px;
                margin: 0 auto !important;
                white-space: nowrap;
                background: #A8D3EF;
                border: 1px solid #A8D3EF !important;
                color: #fff;
            }
            
            .subsection-login.br19 #login_button_el .squarebtns li a {
                float: none;
                display: block;
                width: 190px;
                border-radius: 0;
            	min-height: 50px;
            	line-height: 36px;
                margin: 0 auto !important;
                white-space: nowrap;
                background: #A8D3EF;
                border: 1px solid #A8D3EF !important;
                color: #fff;
                font-size: 16px;
                letter-spacing: 1.5px;
            }
            
            .cms-login-page #page_container {
                padding: 0;
                height: 100%;
                max-width: none;
                text-align: center;
            }
            .cms-login-page #page_container:before {
                content: "";
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                margin-left: -0.25em;
            }

            .subsection-login.login_load #logo,
            .subsection-login.login_load h1,
            .subsection-login.login_load h2 {
                opacity: 0;
            }
            .subsection-login.login_load #login_el {
                opacity: 0;
                margin-top: 50px;
            }
                        
            .subsection-login.br19 #login_form .remember-otp-container label {
                font-size: 14px !important;
                color: #000 !important;
            }
            
            .subsection-login.br19 #login_form .remember-otp-container input {
                position: relative !important;
                top: 1px;
            }
            

        html, body {
            height: 100%;
        }


    /* CMS introduction popup
    ----------------------------------------------------------- */

    #cms_update_introduction {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }
        #cms_update_introduction.active {
            display: flex;
        }
        #cms_update_introduction_overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(20,20,20,0.4);
            z-index: 10000;
            transition: opacity 400ms ease-in-out;
            opacity: 0;
        }
            #cms_update_introduction.active.visible #cms_update_introduction_overlay {
                opacity: 1;
            }
        #cms_update_introduction_content {
            position: relative;
            max-height: 96vh;
            overflow: auto;
            clear: both;
            display: block;
            margin: 0;
            padding: 22px 25px 15px;
            background: #fff;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            align-self: center;
            z-index: 10001;
            transition: margin 1000ms ease-in-out, opacity 400ms ease-in-out;
            float:none;
            max-width:600px;
            width: 96vw;
            box-sizing: border-box;
            margin:0 auto;
            margin-top: 100px;
            padding-bottom: 25px;
            border: 0;
            opacity: 0;
        }
            #cms_update_introduction.active.visible #cms_update_introduction_content {
                margin-top: 0;
                opacity: 1;
                transition: margin 4000ms cubic-bezier(.18, 1, .21, 1), opacity 400ms ease-in-out;
            }
        
            #cms_update_introduction #cms_update_introduction_content h3 {
                padding-right: 40px;
                margin: 0 0 20px;
            }
            #cms_update_introduction #cms_update_introduction_content p {
                margin: 0 0 20px;
            }
            #cms_update_introduction #cms_update_introduction_content .close {
                position: absolute;
                top: 25px;
                right: 25px;
                height: 30px;
                width: 30px;
            }
                #cms_update_introduction #cms_update_introduction_content .close:after {
                    display: block;
                    float: right;
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: 17px;
                    color: #111;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    cursor: pointer;
                    content: "\f00d";
                }
                

    /* Misc stuff to move
    --------------------------- */
    
    a.icon-link {
        font-size: 14px;
        color: #555;
        display: block;
    }
    
    a.icon-link:hover {
        color: #51A8E0;
    }
    
    .icon-link .fa {
        margin-right: 0.5em;
        color: #51A8E0;
    }

    /* Dashboard
    ----------------------------------------------------------- */
    
    .section-home #header,
    .section-dashboard #header {
        margin-top: 10px;
        margin-bottom: 36px;
    }
    .section-home #header h1#heading,
    .section-dashboard #header h1#heading {
        text-transform: none;
        letter-spacing: normal;
        font-size: 36px;
        margin-bottom: 0;
        width: auto;
    }

    .dashboard__welcome-user {
        color: #999;
        float: right;
        display: flex;
        align-items: center;
        margin-top: -12px;
    }

    .dashboard__welcome-user .image {
        border-radius: 50%;
        margin-left: 16px;
    }

    .dashboard__welcome-user .user_initials {
        margin-left: 16px;
        width: 48px;
        height: 48px;
        background-color: #d7d7d7;
        border-radius: 50%;
        color: white;
        text-align: center;
        line-height: 48px;
        font-size: 21px;
    }

    .dashboard__welcome-user strong {
        color: #111;
        font-weight: 200;
    }

    /* Dashboard alerts */
    
    .dashboard-alert {
        background-color: #fdfdfd;
        border: 1px solid #eaeaea;
        position: relative;
    }
        .dashboard-alert * {
            color: #999;
            font-weight: normal;
        }
        
    .dashboard-alert h2 {
        text-transform: none;
        letter-spacing: normal;
        color: #111;
        font-weight: 200;
        font-size: 26px;
        line-height: 1em;
        margin: 0 0 12px;
    }
    
    .dashboard-alert p {
        line-height: 1.5em;
        margin-bottom: 1em;
    }
    
    .dashboard-alert hr {
        margin: 20px 0 10px;
        border: none;
        border-bottom: 1px solid #eaeaea;
    }

    .dashboard-alert .close {
        position: absolute;
        top: 0;
        right: 0;

        padding: 12px;
        font-size: 16px;
        background: transparent;

        cursor: pointer;

        border: none;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

        .dashboard-alert .fa-close {
            color: #C4C7CB;
        }

        .dashboard-alert .close:hover .fa-close {
            color: #999;
        }
    
    /* Setup progress tracker */
    
    .dashboard-alert__progress-tracker {
        display: flex;   
        margin-bottom: 50px;
    }
    
    .dashboard-alert__progress-tracker > header {
        flex-basis: 35%;
        flex-grow: 0;
        padding: 18px 24px 13px;
        box-sizing: border-box;
        
        border-right: 1px solid #eaeaea;

        display: flex;
        flex-wrap: wrap;
    }

    .dashboard-alert__progress-tracker > header > * {
        width: 100%;
    }
    /* Dashboard update notifications*/


    .dashboard__system-update {
        margin-top: 50px;
        border: 1px solid #eaeaea;
        background-color: #fdfdfd;
        padding: 24px;
        transition: 0.4s ease all;
        width: 100%;
        box-sizing: border-box;
        border-radius: 5px;

    }

    .dashboard-section.system-update-notification:nth-child(2) .dashboard__system-update{
        margin-top: 0;
    }
    
    .dashboard-section .system-update-notification-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .dashboard-section .system-update-notification-wrap .system-update-bubble {
            background-color: #a3d4f5;
            border-radius: 50%;
            color: #fff;
            width: 24px;
            height: 24px;
            text-align: center;
            margin-right: 10px;
            line-height: 24px;
    }
    .dashboard-section .system-update-notification-wrap .system-update-label .system-update-view {
        display: inline;
        margin-left: 10px;
    }
        .dashboard-section .system-update-notification-wrap .system-update-label .system-update-view a {
            font-weight: bold;
            color: #51A8E0;
        }
    .dashboard-section .system-update-notification-wrap  .system-update-close-button {
        margin-left: auto;
    }

      .dashboard-section__detail-list li .system-update-container {
        opacity: 0;
        z-index: -99;
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
    }

    .dashboard-section__detail-list li .system-update-container.active {
        z-index: 99;
        opacity: 1;
        transition: ease-in-out 0.3s;
    }
    .dashboard-section__detail-list li .system-update-overlay {
        width: 100%;
        height: 100%;
        background: rgba(247, 247, 247, 0.9);
    }

    .dashboard-section__detail-list li .system-update-content {
        min-width: 200px;
        background: #fff;
        padding: 20px;
        width: 500px;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid rgba(0,0,0,0.10);
        box-shadow: 0 4px 20px rgb(0 0 0 / 6%);
        transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
        position: absolute;
    }
    .dashboard-section__detail-list li .system-update-content .long-message > *{
        padding: 0;
    }
    .dashboard-section__detail-list li .system-update-content .long-message h2 {
        text-transform: none;
        margin-bottom: 20px;
        letter-spacing: normal;
        font-size: 18px;
    }
    .dashboard-section__detail-list li .system-update-content .long-message p {
        margin-bottom: 10px;
    }
    .dashboard-section__detail-list li .system-update-content a {
        color: #51A8E0;
        display: inline;
        padding: 0;
        background: none;
    }
    .dashboard-section__detail-list li .system-button-wrap  {
        text-align: center;
    }
    .dashboard-section__detail-list li .system-update-button {
        min-width: 64px;
        background: transparent;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #888;
        padding: 7px 12px;
        border: 1px solid #C8C8C8;
        border-radius: 22px;
        margin-top: 3px;
        margin-bottom: 3px;
    }
   .dashboard-section__detail-list li .link-col {
        cursor: pointer;
        color: #51A8E0;
        font-weight: bold;
    }

   .dashboard-section__detail-list li .short-message {
       margin-right: 20px;
    font-weight: bold;

   }
   .dashboard-section__detail-list li .system-update-event {
       display: flex;
       flex-wrap: wrap;
       align-items: flex-start;
       justify-content: space-between;
       flex-direction: column;
       padding: 2px 0;
   }

    /* Setup font selection */
    
    .dashboard-alert__font-selector {
        display: flex;   
        margin: 30px;
    }
    
    .dashboard-alert__font-selector > header {
        flex-basis: 35%;
        flex-grow: 0;
        padding: 18px 24px 13px;
        box-sizing: border-box;
        
        border-right: 1px solid #eaeaea;

        display: flex;
        flex-wrap: wrap;
    }

    .dashboard-alert__font-selector > header > * {
        width: 100%;
    }
    
    
    .dashboard-alert__icon-list {
        display: flex;
        flex-grow: 1;
        padding: 0;
        margin: 0;
    
        list-style: none;
    }
    
    .dashboard-alert__icon-list > li {
      flex-basis: 25%;
      flex-grow: 1;
      
      border-right: 1px solid #eaeaea;
      text-align: center;
    }
    
    .dashboard-alert__icon-list > li:last-child {
        border-right: none;
    }
    
    .dashboard-alert__icon-list a {
        width: 100%;
        height: 100%;
        
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;

        padding: 25px 0;
        box-sizing: border-box;
    }
    
    .dashboard-alert__icon-list a:hover {
        background-color: #f7f7f7;
    }
    
    .dashboard-alert__icon-list li h3 {
        color: #999;
        font-size: 13.5px;
        text-transform: none;
        letter-spacing: normal;
        margin-bottom: 0;
    }
    
    .dashboard-alert__icon-list a:hover h3 {
        color: #555;
    }
    
    .dashboard-alert__icon-list i:not(.small-icon) {
        position: relative;
        display: inline-block;
        width: 58px;
        height: 58px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: 17px;
        margin-bottom: 20px;
        font-size: 58px;
        color: #111;
    }
    
    .dashboard-alert__icon-list > li.checked i:not(.small-icon)::after {
        font: normal normal 900 14px/1 FontAwesome;
        font-size: 20px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f058";
        color: #9CD645;
        background-color: #fdfdfd;
        border-radius: 100%;
        
        position: absolute;
        right: -3px;
        bottom: -3px;
    }
    
    .dashboard-alert__icon-list i.fas:not(.small-icon) {
        font-size: 46px;
        line-height: 66px;
        font-weight: 200;
    }
    .dashboard-alert__icon-list > li.checked i.fas:not(.small-icon)::after {
        font-size: 32px;
    }
    
    .dashboard-aler-variant__stats .dashboard-alert__icon-list li {
        background: #f9f9f9;
    }
    .dashboard-aler-variant__stats .dashboard-alert__icon-list li.checked {
        background: #fff;
    }
    .dashboard-aler-variant__stats .dashboard-alert__icon-list li h3 {
        color: #333;
        font-size: 16px;
        font-weight: normal;
        margin: 0 0 9px;
    }
    .dashboard-aler-variant__stats .dashboard-alert__icon-list li .subtitle {
        color: #999;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0;
        margin: 0 0 20px;
    }
    .dashboard-aler-variant__stats .dashboard-alert__icon-list li .subtitle + .button_container {
        margin-top: -10px;
    }
        .dashboard-aler-variant__stats .dashboard-alert__icon-list li .subtitle .subtitle_inner {
            margin-bottom: 2px;
        }
        .dashboard-aler-variant__stats .dashboard-alert__icon-list li .subtitle .subtitle_inner:last-child {
            margin-bottom: 0;
        }
    .dashboard-aler-variant__stats .dashboard-alert__icon-list li .small-icon {
        font-size: 12px;
    }
    .dashboard-aler-variant__stats .dashboard-alert__icon-list li .button_container {
        text-align: center;
        margin: 0 0 20px;
    }
        .dashboard-aler-variant__stats .dashboard-alert__icon-list li .button_container .small_button {
            border: 1px solid #ccc;
            border-radius: 100px;
            display: inline-block;
        }
            .dashboard-aler-variant__stats .dashboard-alert__icon-list li .button_container .small_button a {
                display: block;
                padding: 4px 16px;
                text-decoration: none;
                color: #999;
                font-size: 11px;
                background: none;
            }
    
    .dashboard-alert__system-updates {
        display:flex;
    }
    
    .dashboard-alert__system-updates aside {
        width: 350px;
        padding: 18px 24px 13px;
        box-sizing: border-box;
        border-right: 1px solid #eaeaea;
        display: flex;
        flex-direction:column;
    }
    .dashboard-alert__system-updates aside .button-wrapper {
        width: 100%;
        margin-top: auto;
        border-top: 1px solid #eaeaea;
        padding-top: 10px;
    }
    
    .dashboard-alert__system-updates main {
        width:calc(100% - 350px);
        padding: 18px 24px;
        box-sizing: border-box;
    }
    .dashboard-alert__system-updates main .content-wrapper > h3 {
        text-transform: none;
        letter-spacing: normal;
        color: #111;
        font-weight: 200;
        font-size: 22px;
        line-height: 1em;
        margin: 0 0 12px;
    }
    .dashboard-alert__system-updates main .content-wrapper ul {
       margin-left: 0
    }
    .dashboard-alert__system-updates main .content {
        max-width: 700px
    }
    .dashboard-alert__system-updates .date {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        color: #999;
        padding-top: 20px;
    }
    .dashboard-alert__system-updates .su-emoji {
        font-size: 1.5em
    }

    
    
    /* Dashboard stats --------------------------- */
    
    .dashboard-stats {
        background-color: #fdfdfd;
        border: 1px solid #eaeaea;
        position: relative;
        width: 100%;
    }
        .dashboard-stats * {
            color: #999;
            font-weight: normal;
        }
        
    .dashboard-stats h2 {
        text-transform: none;
        letter-spacing: normal;
        color: #111;
        font-weight: 200;
        font-size: 26px;
        line-height: 1em;
        margin: 0 0 12px;
    }
    
    .dashboard-stats p {
        line-height: 1.5em;
        margin-bottom: 1em;
    }
    
    .dashboard-stats hr {
        margin: 20px 0 10px;
        border: none;
        border-bottom: 1px solid #eaeaea;
    }
    
    /* Setup stat list */
    
    .dashboard-stats__stat-list {
        display: flex;
        flex-grow: 1;
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .dashboard-stats__stat-list > li {
      flex-basis: 25%;
      flex-grow: 1;
      
      border-right: 1px solid #eaeaea;
      text-align: center;
    }
    
    .dashboard-stats__stat-list > li:last-child {
        border-right: none;
    }
    .dashboard-stats__stat-list .content {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 25px 0;
        box-sizing: border-box;
        user-select: none;
        transition: all 400ms ease-in-out;
    }
    .dashboard-stats__stat-list .content:hover {
        background-color: #f7f7f7;
    }
    .dashboard-stats__stat-list li h3 {
        color: #111;
        font-size: 13.5px;
        text-transform: none;
        letter-spacing: normal;
        margin-bottom: 0;
    }
    .dashboard-stats__stat-list li .stat-figure {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 58px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 58px;
        font-weight: 200;
        color: #111;
    }
    
    
    
    
    /* Dashboard sections --------------------------- */
    
    .dashboard-section {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }
    
        .dashboard-section:last-of-type {
            margin-bottom: 70px;
        }
    
    .dashboard-section * {
        font-size: 14px;
    }
    
    .dashboard-section > header {
        flex-basis: 100%;
        
        padding: 0;
        margin: 0 0 30px;
        border-bottom: 1px solid #eaeaea;
    }
    .dashboard-section > header.dashboard-header-hidden {
        border: 0;
        margin: 0;
        height: 0;
    }
    .dashboard-section:first-child > header {
        padding: 35px 0 0;
    }
    
    .dashboard-section > header h2,
    .dashboard-section section > header h2 {
        font-size: 30px;
        text-transform: none;
        letter-spacing: normal;
        
        margin-bottom: 20px;
    }
    
    .dashboard-section section > header h2 {
        margin-bottom: 5px;
        font-size: 26px;
    }

    .dashboard-section .dashboard-section__secondary-link {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 2px;
        color: #999;
        margin-top: 30px;
        display: block;
    }
    
    .dashboard-subsection {
        padding: 0 25px;
        box-sizing: border-box;
    }

    .dashboard-subsection.record-links {
        flex-basis: 100%;
        margin-bottom: 50px;
        padding: 0;
    }
    
    .dashboard-subsection.columns-4 {
        max-width: 33.3%;
        flex-basis: 33.3%;
        flex-grow: 0;
    }
    
    .dashboard-subsection.columns-6 {
        max-width: 50%;
        flex-basis: 50%;
        flex-grow: 0;
    }
    
    .dashboard-subsection.columns-8 {
        max-width: 66.6%;
        flex-basis: 66.6%;
        flex-grow: 0;
    }
    
    .dashboard-subsection.columns-12 {
        max-width: 100%;
        flex-basis: 100%;
        flex-grow: 0;
    }
    
    .dashboard-subsection header {
        padding-bottom: 20px;
        border-bottom: 1px solid #eaeaea;
    }
    
    .dashboard-subsection header h3 {
        font-size: 18px;
        text-transform: none;
        letter-spacing: normal;
        color: #999;
        margin-bottom: 0;
    }

    .dashboard-section .fluid-width-video-wrapper {
        padding-top: 56.25% !important;
    }

    .dashboard-section .video-container img {
        width: 100%;
    }

    .dashboard-section .video-selector-group {
        margin-top: calc(20px + 1.8em);
    }

    .dashboard-section .video-selector-group .video-cta {
        padding: 10px 0 10px 0;
    }

    .dashboard-section .video-selector-group .video-selector > button,
    .dashboard-section .video-selector-group .video-cta > a {
        display: flex;
        align-items: center;
        padding: 0;
        width: 100%;
    }

    .dashboard-section .video-selector-group .video-selector {
        border-bottom: 1px solid #eaeaea;
        padding: 10px 0 10px 0;
    }

    .dashboard-section .video-selector-group .video-selector:hover {
        background-color: #f7f7f7;
    }

    .dashboard-section .video-selector-group .video-selector:first-of-type {
        border-top: 1px solid #eaeaea;
    }

    .dashboard-section .video-selector-group .video-number {
        font-size: 24px;
        letter-spacing: 0;
        min-width: 35px;
        min-height: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        color: #999;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .dashboard-section .video-selector-group .video-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0 10px;
    }

    .dashboard-section .video-selector-group .video-title {
        font-size: 13px;
        color: #474747;
        font-weight: bold;
    }

    .dashboard-section .video-selector-group .video-subtitle {
        font-size: 13px;
        color: #474747;
    }

    .dashboard-section .homepage-help-details dl {
        display: flex;
        flex-flow: row wrap;
    }

    .dashboard-section .homepage-help-details dt {
        flex-basis: 33%;
    }

    .dashboard-section .homepage-help-details dd {
        flex-basis: 66%;
        flex-grow: 1;
        margin: 0;
    }

    
    /* Dashboard icon grid */
    
    .dashboard-section__icon-grid {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 30px;
        grid-template-columns: repeat(6, 1fr);
        margin-bottom: 30px;
    }
    
    .dashboard-section__icon-grid li {
        flex-basis: 16.5%;
        flex-grow: 1;
    }

    @media screen and (max-width: 1300px) {
        .dashboard-section__icon-grid {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .dashboard-section__icon-grid li {
            flex-basis: 25%;
        }
    }

    @media screen and (max-width: 1000px) {
        .dashboard-section__icon-grid {
            grid-template-columns: repeat(3, 1fr);
        }
        
        .dashboard-section__icon-grid li {
            flex-basis: 33.33%;
        }
    }

    @media screen and (max-width: 833px) {
        .dashboard-section__icon-grid {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .dashboard-section__icon-grid li {
            flex-basis: 50%;
        }
    }


    
    .dashboard-section__icon-grid li a {
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        text-align: center;
        gap: 15px;
        padding-left: 20px;
        
        color: #999;
        border: 1px solid #C8C8C8;
    }
    
    .dashboard-section__icon-grid i {
        position: relative;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: 16px;
        margin-bottom: 10px;
        font-size: 20px;
    }
    
    .dashboard-section__icon-grid p {
       color: #999; 
    }
    
    .dashboard-section__icon-grid li a:hover p,
    .dashboard-section__icon-grid li a:hover i {
        color: #111;
    }
    
    /* Dashboard detail list */
    
    .dashboard-section__detail-list {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    .dashboard-section__detail-list > li {
        border-bottom: 1px solid #eaeaea;
    }
    
    .dashboard-section__detail-list li * {
        margin-bottom: 0;        
        font-size: 13px;
        color: #474747;
    }
    
    .dashboard-section__detail-list li .image-placeholder {
        background-color: #f5f5f5;
        width: 75px;
        height: 75px;
        display: inline-block;
    }
    
    .dashboard-section__detail-list .details {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 30px;

    }
    
    .dashboard-section__detail-list .details * {
        display: inline;
        vertical-align: middle;
    }
    
    .dashboard-section__detail-list .meta {
        flex-shrink: 0;
    }
    
    .dashboard-section__detail-list .meta p {
        display: inline-block;
        vertical-align: middle;    
    }

    .dashboard-section__detail-list li .meta .data-type {
        border: 1px solid #eaeaea;
        background-color: #FDFDFD;
        color: #999;
        padding: 3px 5px !important;
        font-size: 9px;
    }
    
    .dashboard-section__detail-list li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2px 0;
    }
    
    .dashboard-section__detail-list li a:hover {
        background-color: #fdfdfd;
    }
    
    .dashboard-section__detail-list li h4 {
        text-transform: none;
        font-weight: bold;
        font-size: 13px;
        letter-spacing: normal;
        color: #474747;
        padding: 0 3px 0 12px;
    }
    .dashboard-section__detail-list li h4 a,
    .dashboard-section__detail-list li h4 a:visited {
        text-transform: none;
        font-weight: bold;
        font-size: inherit;
        letter-spacing: normal;
        color: #474747;
    }
    
    .dashboard-section__detail-list li p {
        padding: 0 3px;
    }
    
    .dashboard-section__detail-list li .meta * {
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        color: #999;
    }
    
    .dashboard-section__detail-list li .meta .fa {
        color: #ccc;
        font-size: 13px;
    }

    .dashboard-subsection-module {
        margin-bottom: 40px;
    }
    .dashboard-subsection-module:last-of-type {
        margin-bottom: 0;
    }

    /* Dashboard link list */

    .dashboard-section__link-list {
        margin-left: 0;
        padding-left: 0;
        list-style: none;
        padding: 24px 0 24px 0;
    }

    .dashboard-section__link-list li {
        position: relative;
        padding-left: 16px;
        margin-bottom: 12px;
    }

    .dashboard-section__link-list li::before {
        content: ">";
        color: #51A8E0;
        position: absolute;
        left: 0;
    }

    /* Dashboard footer */

    .dashboard-footer {
        border-top: 1px solid #eee;
        padding: 30px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .dashboard-footer .copyright {
        font-size: 14px;
        color: #999;
    }

    /* Website package dashboard
    ----------------------------------------------------------- */
    #website-package ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #website-package .dashboard-subsection {
        padding: 0;
    }
    .website-package ul li {
        display:flex;
    }

    .website-package ul li .website-package-title {
        width: 30%;
    }
    .website-package ul li .website-package-detail {
        width: 70%;
    }

    /* Debug Dashboard
    ----------------------------------------------------------- */
    
    .debug-dashboard {
        margin-bottom: 50px;
        border: 1px solid #eaeaea;
        background-color: #fdfdfd;
        padding: 24px;
        max-height: 24px;
        overflow: hidden;
        transition: 0.4s ease all;
    }
        .debug-dashboard.active {
            max-height: 1000px;
            background-color: #f7f7f7;
            transition: 0.4s ease all;
        }
    .debug-dashboard-container {
        max-width: 1280px;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }
    .debug-dashboard-header {
        display: flex;
        flex-firection: row;
        align-items: center;
        width: 100%;
    }
        .debug-dashboard-header h2 {
            text-transform: none;
            letter-spacing: normal;
            color: #111;
            font-weight: 200;
            font-size: 26px;
            line-height: 1em;
            margin-top: 0;
            margin-bottom: 24px;
        }
        .debug-dashboard-header .show-hide-button {
            display: block;
            margin-left: auto;
            width: 30px;
            height: 30px;
            padding: 0;
            margin-bottom: 18px;
        }
            .debug-dashboard-header .show-hide-button i {
                color: #999;
                font-weight: 600;
                font-size: 18px;
            }
            .debug-dashboard.active .debug-dashboard-header .show-hide-button i {
                transform: rotate(180deg);
            }
    .debug-dashboard-sections-container {
        display: block;
        column-count: 3;
        column-gap: 20px;
    }
    .debug-dashboard-section {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 0;
        box-shadow: 0 0 25px rgb(171 171 171 / 11%);
        border-radius: 10px;
        box-sizing: border-box;
        padding: 20px;
        background-color: white;
    }
        body .debug-dashboard .debug-dashboard-section h3 {
            margin-bottom: 12px;
            font-size: 15px;
        }
        .debug-dashboard-section > ul {
            position: relative;
            list-style-type: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
        }
        .debug-dashboard-section > ul > li {
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
            padding-left: 25px;
            padding-bottom: 6px;
            border-bottom: 1px solid #eee;
            margin-bottom: 9px;
        }
            .debug-dashboard-section > ul > li:last-of-type {
                padding-bottom: 0;
                margin-bottom: 0;
                border-bottom: none;
            }
            .debug-dashboard-section > ul > li i {
                position: absolute;
                left: 0px;
                font-size: 15px;
            }
            .debug-dashboard-section > ul > li .fa-check {
                color: #93cd29;
            }
            .debug-dashboard-section > ul > li .fa-times,
            .debug-dashboard-section > ul > li .fa-exclamation-circle {
                color: #ab0000;
            }
        .debug-dashboard-section .setting-label {
            display: block;
            width: 100%;
            margin-right: 15px;
            margin-bottom: 4px;
            font-weight: 400;
        }
        .debug-dashboard-section .setting-value {
            color: #757575;
        }
    
    
    /* Dashboard full detail list -------------------------------- */
    
    .dashboard-subsection-full-detail-list {
        width: 100%;
        max-width: 100%;
    }
        .dashboard-section__full-detail-list-header {
            display: flex;
            padding-bottom: 12px;
            padding-top: 12px;
            border-bottom: 1px solid #eaeaea;
            position: sticky;
            top: 90px;
            background: #fff;
        }
            .dashboard-section__full-detail-list-header > div {
                flex-basis: 50%;
                box-sizing: border-box;
                padding: 0 15px 0 0;
                font-size: 13px;
                font-weight: 500;
                min-width: 120px;
            }
            .dashboard-section__full-detail-list-header > div:nth-of-type(1) {
                width: 90px;
                min-width: 90px;
                flex-basis: auto;
            }
            .dashboard-section__full-detail-list-header > div:nth-of-type(2) {
                flex-basis: 70%;
                min-width: 180px;
            }
        
        .dashboard-section__full-detail-list {
            margin: 0;
            padding: 0;
        }
            .dashboard-section__full-detail-list li {
                display: flex;
                align-items: center;
                border-bottom: 1px solid #eaeaea;
            }
            .dashboard-section__full-detail-list li > div {
                flex-basis: 50%;
                box-sizing: border-box;
                padding: 0 15px 0 0;
                font-size: 13px;
                font-weight: 500;
                min-width: 120px;
                font-weight: 200;
            }
            .dashboard-section__full-detail-list li > div:nth-of-type(1) {
                width: 75px;
                height: 75px;
                min-width: 75px;
                flex-basis: auto;
                box-sizing: content-box;
            }
                .dashboard-section__full-detail-list li > div:nth-of-type(1) .image_placeholder {
                    width: 75px;
                    height: 75px;
                    background-color: #fafafa;
                }
            .dashboard-section__full-detail-list li > div:nth-of-type(2) {
                flex-basis: 70%;
                min-width: 180px;
            }
            .dashboard-section__full-detail-list li h4 {
                text-transform: none;
                font-weight: bold;
                padding: 0;
                font-size: 15px;
                line-height: 19px;
                margin: 0;
                letter-spacing: normal;
                color: #111;
            }
                .dashboard-section__full-detail-list li h4 a,
                .dashboard-section__full-detail-list li h4 a:visited {
                    text-transform: none;
                    font-weight: bold;
                    font-size: inherit;
                    letter-spacing: normal;
                    color: #111;
                }
            .dashboard-section__full-detail-list li .subtitle {
                padding: 4px 0 0;
                color: #999;
            }
            .dashboard-section__full-detail-list li .fa-check {
               color: #9CD645;
               font-size: 16px;
               font-weight: bold;
               margin-left: 2px;
               vertical-align: middle;
            }
            .dashboard-section__full-detail-list li .fa-times {
               color: #d04444;
               font-size: 17px;
               font-weight: bold;
               margin-left: 4px;
               vertical-align: middle;
            }
            .dashboard-section__full-detail-list li .fa-circle {
               color: #f7af2b;
               font-size: 9px;
               font-weight: bold;
               margin-left: 5px;
               vertical-align: middle;
            }
            .dashboard-section__full-detail-list li .col-type-number {
                font-size: 22px;
            }
            
            .dashboard-section__full-detail-list li .col-type-check-link {
                white-space: nowrap;
            }
            .dashboard-section__full-detail-list li .col-type-check-link .hover-content {
                display: inline-block;
                transition: opacity 200ms linear;
                opacity: 0;
                margin-left: 8px;
                vertical-align: middle;
                font-weight: 200;
                font-size: 13px;
            }
                .dashboard-section__full-detail-list li:hover .col-type-check-link .hover-content {
                    opacity: 1;
                }
                .dashboard-section__full-detail-list li .col-type-check-link .hover-content * {
                    font-size: 13px;
                }
                .dashboard-section__full-detail-list li .col-type-check-link .hover-content .status-label {
                    margin-bottom: 3px;
                }
                .dashboard-section__full-detail-list li .col-type-check-link .hover-content .status-label:last-child {
                    margin-bottom: 0;
                }
            .dashboard-section__full-detail-list li > div .link a,
            .dashboard-section__full-detail-list li > div .link a:visited {
                font-weight: 200;
                color: #333;
            }
            .dashboard-section__full-detail-list li > div .link a:before {
                
            }
            
        @media screen and (max-width: 900px) {
            .dashboard-section__full-detail-list-header {
                position: static;
            }
            .dashboard-subsection-full-detail-list {
                width: none;
                max-width: none;
                overflow: auto;
                margin-right: -20px;
                margin-left: -20px;
                padding: 0 20px !important;
                width: calc(100% + 40px);
            }
            .dashboard-section__full-detail-list-header {
                display: table;
            }
                .dashboard-section__full-detail-list-header > div {
                    display: table-cell;
                }
            .dashboard-section__full-detail-list {
                padding-bottom: 8px !important;
            }
                .dashboard-section__full-detail-list li {
                    display: table;
                }
                    .dashboard-section__full-detail-list li > div {
                        display: table-cell;
                        vertical-align: middle;
                        padding-top: 5px;
                        padding-bottom: 5px;
                    }
                    .dashboard-section__full-detail-list li > div.image {
                        padding-top: 0;
                        padding-bottom: 0;
                    }
        }
        
        
    /* Charts / Graphs
    ----------------------------------------------------------- */
    
        .graph-placeholder {
            position: relative;
        }
            .graph-placeholder canvas {
                opacity: 0.7;
                pointer-events: none;
            }
            .graph-placeholder .chart-no-data {
                color:  #333;
                font-size: 16px;
                position: absolute;
                text-align: center;
                max-width: 234px;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                margin-top: -0;
                background: #fff;
                padding: 10px;
                border-radius: 3px;
                box-shadow: 0 0 4px rgba(0,0,0,0.2);
            }
            .graph-placeholder.graph-type-line .chart-no-data {
                margin-top: -29px;
            }
        
    
    
    /* Some aol prompt style overrides */
    
    .standard_page div.aolprompt {
        width: 500px;
    }
    
    .standard_page div.aolprompt .aolpromptmessage {
        padding: 30px;
        max-height: 500px;
        overflow: auto;
    }
    
    .standard_page div.aolprompt .aolpromptmessage h2 {
        letter-spacing: normal;
        text-transform: none;
        font-size: 24px;
        margin-bottom: 24px;
    }
    
    .standard_page div.aolprompt .aolpromptmessage p {
        margin-bottom: 15px;
    }
    
    .standard_page div.aolprompt .aolpromptmessage ul {
        margin: 20px 0 20px 15px;
        padding: 0;
    }
    
    .standard_page div.aolprompt .aolpromptmessage ul li {
        margin-bottom: 0.5em;
    }
    
    .aolpromptbuttons button[value="false"] span {
        border: none !important;
    }
    
    .standard_page div.aolprompt .aolpromptmessage .dashboard-section__icon-grid {
        margin: 0 auto;
        max-width: 375px;
        
    }
    
    .standard_page div.aolprompt .aolpromptmessage .dashboard-section__icon-grid li {
        margin: 0;
    }
    
    .standard_page div.aolprompt .aolpromptmessage .dashboard-section__icon-grid li a {
        padding: 0 15px;    
    }

    /* System updats list
    ----------------------------------------------------------- */   
    
    
    
    ul#system_updates_list > li {
        padding: 10px 0;
        box-sizing: border-box;
        border-left: 2px solid #a5d4ef;
    }    
    ul#system_updates_list > li .system-update-preview{
        display: flex;
        align-items: center;
        position: relative;
        user-select: none;
    }
    
     ul#system_updates_list > li .date {
        min-width: 70px;
        min-height: 50px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: 1.5px;
        color: #999;
        padding: 0 10px;
        box-sizing: border-box;
    }
    ul#system_updates_list > li .date * {
        color: #999;
    }
    ul#system_updates_list > li .date .day{
        font-size: 24px;
        letter-spacing: 0;
    }
    ul#system_updates_list > li .date .month{
        font-size: 11px;
        letter-spacing: 1.5px;
    }     
    ul#system_updates_list > li .system-update-event{
        font-weight: 500;
        font-size: 14px;
    }
    ul#system_updates_list > li .long-message {
        padding: 18px;
        line-height: 1.7em;
    }    
    ul#system_updates_list > li .long-message ul {
        padding: 10px 0;
    }
    ul#system_updates_list > li .long-message ul li {
        line-height: 1.7em;
    }
    ul#system_updates_list > li .system-update-reveal-icon {
        position: absolute;
        right: 0;
        top: 50%;
        height: 10px;
        margin-top: -6px;
        font-weight: 200;
        color: #999;
    }
    ul#system_updates_list > li .system-update-reveal-icon * {
        color: inherit; 
        font-weight: inherit;
    }
    ul#system_updates_list > li .system-update-reveal-icon.hide,
    ul#system_updates_list > li.accordion__tab--open .system-update-reveal-icon.show{
        display:none;
    }
    ul#system_updates_list > li.accordion__tab--open .system-update-reveal-icon.hide {
        display:block;
    }
    .accordion__tab__content {
        overflow: hidden;
        box-sizing: border-box;
        height: 100%;
        max-height: 0;
        transition: 0.4s ease all;
    }


    
    /* Related field data container
    ----------------------------------------------------------- */
    #related_field_data_container .left {
        float: none;
    }
        #related_field_data_container .multiple_datasource_label {
            margin: 10px 0;
        }
        #related_field_data_container .field {
            width: 95% !important;
        }
        #related_field_data_container .searchable_container span > div[id$="_selector"] {
            display: inline-block;
            margin-right: 20px;
        }


	/* Page browser
	----------------------------------------------------------- */

            body.records_page.page-records #content.subsection-pages {
                position: relative;
                overflow: hidden;
            }
                body.records_page.page-records #content.subsection-pages > div.left {
                    float: right;
                    padding: 0;
                    width: 0;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    -webkit-transition: width 0.4s cubic-bezier(.87,.17,.18,.85);
                    -moz-transition: width 0.4s cubic-bezier(.87,.17,.18,.85);
                    transition: width 0.4s cubic-bezier(.87,.17,.18,.85);
                    position: absolute;
                    top: 0;
                    right: 0;
                    padding-left: 0;
		}
                body.records_page.page-records #content.subsection-pages.preview-pane-active > div.left {
                    width: 30%;
                    padding-left: 30px;
		}
		        
                body.records_page.page-records #content.subsection-pages > div.left.pr20 {
                    padding: 0;
                    width: 100%;
		    float: left;
                    position: static;
		}
                body.records_page.page-records #content.subsection-pages.preview-pane-active > div.left.pr20 {
                    width: 70%;
		}
                body.records_page.page-records #container.preview-pane-active #footer {
                    width: 100%;
		}

		#content.subsection-pages .flpp .tr,
		#content.subsection-pages .flpp .tl,
		#content.subsection-pages .flpp .bl,
		#content.subsection-pages .flpp .br {
		    background: none !important;
		}
		#content.subsection-pages .ui-jqgrid.odd_row_classes_added tr.ui-row-ltr.odd_row,
		#content.subsection-pages .ui-jqgrid.odd_row_classes_added tr.ui-row-ltr.odd_row td {
		    background: #fbfbfc !important;
		}
		#content.subsection-pages .ui-jqgrid.odd_row_classes_added tr.ui-row-ltr:not(.odd_row),
		#content.subsection-pages .ui-jqgrid.odd_row_classes_added tr.ui-row-ltr:not(.odd_row) td {
		    background: transparent !important;
		}
		#content.subsection-pages .ui-pager-control {
		    padding-top: 28px;
		    z-index: 11;
		    max-width: 170px;
		}
		#content.subsection-pages ~ #footer {
		    left: 0;
		    width: 100%;
		    max-width: none;
		}
		#content.subsection-pages ~ #footer .inner {
		    width: 100%;
            max-width: 1280px;
            padding: 0 40px;
            margin: 0 auto;
            box-sizing: border-box;
		}
		    #content.subsection-pages ~ #footer #right_of_buttons_below_1 {
		        display: flex;
		        justify-content: space-between;
		        width: 100%;
		        padding-right: 0;
		    }
		    #content.subsection-pages ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch {
		        padding-right: 0;
		        padding-top: 12px;
		    }
		    #content.subsection-pages.pagination_visible ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch {
		        padding-right: 180px;
		    }
		    #content.subsection-pages ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch {
		        opacity: 1;
		        visibility: visible;
		        transition: opacity 0.5s;
		        transition-delay: 0.5s;
		    }
		    #content.subsection-pages.preview-pane-active ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch {
		        padding-right: 30%;
		        opacity: 0;
		        visibility: hidden;
		        transition: opacity 0.5s;
		    }
		    #content.subsection-pages.pagination_visible.preview-pane-active ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch {
		        padding-right: calc(30% + 110px);
		    }
		    #content.subsection-pages ~ #footer #right_of_buttons_below_1 .hide_disabled_rows_switch .fieldrow .field_type_bool.field_type_switch.field .fl label {
		        display: block;
		        padding-top: 4px;
		        padding-right: 11px;
                font-size: 13px;
                color: #888;
                letter-spacing: 0;
		    }
		body.records_page.page-records #content.subsection-pages > div.left.pages-preview-pane-container {
		    z-index: 11;
		    max-height: 100%;
		    display: flex;
		    margin-bottom: 1px;
		    overflow-x: hidden;
            padding-bottom: 15px;
            padding-left: 30px;
            visibility: hidden;
            -webkit-transition: visibility 0.4s, width 0.4s cubic-bezier(.87,.17,.18,.85);
            -moz-transition: visibility 0.4s, width 0.4s cubic-bezier(.87,.17,.18,.85);
            transition: visibility 0.4s, width 0.4s cubic-bezier(.87,.17,.18,.85);
		}
		body.records_page.page-records #content.subsection-pages.preview-pane-active > div.left.pages-preview-pane-container {
		    visibility: visible;
		}
		#content.subsection-pages .pages-preview-pane-container-border {
		    height: auto;
		    width: 100%;
		    display: block;
		    border: 1px solid #eee;
		    overflow: hidden;
		}
		#content.subsection-pages .pages-preview-pane-container-inner {
		    width: 100%;
		    overflow-y: scroll;
		    max-height: 100%;
		    padding-right: 20px;
		    margin-right: -20px;
		}
		#content.subsection-pages #previewPane {
		    /*box-shadow: 0 0 5px rgba(0,0,0,0.2);*/
            position: relative;
            overflow: hidden;
            background: #fff;
		    -moz-border-radius: 2px;
		    -webkit-border-radius: 2px;
		    border-radius: 2px;
		    border-raius: 2px;
		    width: 100%;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
		}
		#content.subsection-pages #previewPane table {
		    width: 100%;
		}
                #preview_pane_container, #preview_frame, #preview {
                    width: 100%;
                    height: auto !important;
                }
        #preview_pane_container .fieldrow .field_type_bool.field_type_switch.field .left.fl label {
            display: block;
        }
        #previewPane table tr:first-of-type td.tr,
        #previewPane table tr:last-of-type {
            display: none;
        }
        #previewPane table td {
            padding: 0;
        }
        #previewPane .cpad {
            margin: 0;
        }

        #pp_content #pp_close {
            display: block;
            top: 12px;
            right: 9px;
        }
        #pp_content .row.pp_heading_row {
            border-bottom: 1px solid #eee;
            padding: 19px 17px;
            position: relative;
        }
    		#pp_content h3 {
                font-family: 'ProximaNova', Sans-Serif;
                font-weight: 200 !important;
                color: #111;
                font-size: 17px !important;
                font-style: normal;
                text-transform: none;
                letter-spacing: 1.51px;
                margin-bottom: 0;
                text-transform: uppercase;
    		}
    		#pp_content .row.pp_is_live_row {
    		    position: relative;
                padding: 19px 17px;
    		}
    		    #pp_content .row.pp_is_live_row .page_locked_icon,
    		    #pp_content .row.pp_is_live_row .page_locked_tooltip {
    		        display: none;
    		    }
    		    #pp_content .row.pp_is_live_row.page_is_locked .page_locked_icon {
    		        display: block;
    		        position: absolute;
    		        top: 8px;
    		        right: 0;
                    font: normal normal 300 14px/1 FontAwesome;
                    font-size: 13px;
                    color: #C6C6C6;
                    display: inline-block;
                    text-align: center;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
    		    }
    		    #pp_content .row.pp_is_live_row.page_is_locked .page_locked_icon:hover .page_locked_tooltip {
    		        display: block;
                    font-size: 12px;
                    padding: 8px 12px;
                    color: #8F8F8F;
                    position: absolute;
                    right: 14px;
                    top: -32px;
                    width: 70px;
                    background-color: white;
                    border: 1px solid #DFDFDF;
                    border-radius: 2px;
                    font-family: 'ProximaNova', Sans-Serif;
                    box-shadow: 1px 1px 3px #DFDFDF;
    		    }
    		#pp_content .row.pp_copy_to_enclosed_row {
    		    padding: 0 17px 15px 14px;
    		}
    		#pp_content .row.pp_page_heading_row {
    		    border-top: 1px solid #eee;
    		    padding: 19px 17px 15px 17px;
    		}
    		    #pp_content .row.pp_page_heading_row.no-top-border {
    		        border-top: none;
    		    }
    		#pp_content .row.pp_filename_row {
    		    padding: 0 17px 19px 17px;
    		}
    		#pp_content .row.pp_onsubnav_row {
    		    border-top: 1px solid #eee;
    		    padding: 19px 17px 19px 17px;
    		}
    		#pp_content .row.pp_nav_label_row {
    		    border-bottom: 1px solid #eee;
    		    padding: 0 17px 19px 17px;
    		}
    		#pp_content .row.page_content_type_container {
    		    padding: 19px 17px;
    		    border-bottom: 1px solid #eee;
    		}
    		    #pp_content .row.page_content_type_container .page_content_type_inner {
    		        background-color: #E7F5FF;
                    border: 1px solid #95D5FF;
                    border-radius: 2px;
                    color: #005D9B;
                    padding: 15px;
    		    }
    		    #pp_content .row.page_content_type_container .page_content_type_heading {
                    display: flex;
                    font-size: 11.5px;
                    color: #005D9B;
                    letter-spacing: 0.9px;
                    text-transform: uppercase;
                    margin-bottom: 9px;
    		    }
    		        #pp_content .row.page_content_type_container .page_content_type_heading:before {
    		            content: "\f0d0";
                        font: normal normal 300 14px/1 FontAwesome;
                        font-size: 13px;
                        margin-right: 10px;
                        color: #115B99;
                        display: block;
                        text-align: center;
                        text-rendering: auto;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
    		        }
    		    #pp_content .row.page_content_type_container .page_content_type_description {
                    font-size: 12px;
                    color: #005D9B;
                    letter-spacing: 0;
                    line-height: 21px;
    		    }
    		#pp_content .row.pp_buttons_row {
    		    display: flex;
    		    flex-direction: row;
    		    align-items: center;
    		    justify-content: space-between;
    		    padding: 19px 17px 19px 17px;
    		}
    		    #pp_content .row.pp_buttons_row li,
    		    #pp_content .row.pp_buttons_row li a {
        		    float: none;
        		}
        		#pp_content .row.pp_buttons_row li a {
        		    padding-left: 27px!important;
        		    padding-right: 27px!important;
        		    line-height: 23px;
        		    height: 39px;
        		}
        		#pp_content .row.pp_buttons_row .edit_page a,
        		#pp_content .row.pp_buttons_row .edit_page a:visited {
                    font-size: 12px;
                    text-transform: uppercase;
                    color: #868686;
                    letter-spacing: 1px;
        		}
        		#pp_content .row.pp_buttons_row .edit_page a:hover {
        		    color: #111;
        		}
		.pen_and_paper {
		    background: none;
		    padding: 0;
		}

		#right_of_buttons_below_1 > div:nth-of-type(1) {
		    padding: 6px 20px 0 0;
		}

		.pagebrowser-item {
		    padding-left: 5px !important;
		}
		.pagebrowser-page,
		.pagebrowser-folder {
		    background: none !important;
		}
		.pagebrowser-page:before {
                    content: "\f15b";
                    font: normal normal 300 14px/1 FontAwesome;
                    font-size: 14px;
                    color: #888;
                    margin-right: 10px;
                    width: 20px;
                    display: inline-block;
                    text-align: center;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
		}
		.pagebrowser-page.pagebrowser-disabled {
		    opacity: 0.5;
		}
		.pagebrowser-folder:before {
                    content: "\f07b";
                    font: normal normal 300 14px/1 FontAwesome;
                    font-size: 15px;
                    color: #888;
                    margin-right: 10px;
                    width: 20px;
                    display: inline-block;
                    text-align: center;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
		}
		.pagebrowser-folder.pagebrowser-disabled {
		    opacity: 0.5;
		}

                .pagebrowser-indented.pagebrowser-row1 {
                    background: none !important;
                    padding-left: 5px;
                }
                    .pagebrowser-indented.pagebrowser-row1 .pagebrowser-firstpage {
                        background: none !important;
                    }
                    .pagebrowser-indented.pagebrowser-row1 .pagebrowser-firstpage:before {
                        background: none !important;
                        content: "\f07c";
                        font: normal normal 300 14px/1 FontAwesome;
                        font-size: 15px;
                        color: #888;
                        margin-right: 10px;
                        width: 20px;
                        display: inline-block;
                        text-align: center;
                        text-rendering: auto;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                    }

                #pp_tabs > ul {
                    display: none;
                }


        /* Preferences
	----------------------------------------------------------- */

        #preferences_container {
            max-width: 900px;
            opacity: 1;
            transition: opacity 0.4s ease-in;
            box-sizing: border-box;
        }
            
            #preferences_container.transparent {
                opacity: 0;
                transition-duration: 0.1s;
            }
        
            #preferences-sidebar ~ #preferences_container {
                width: 75%;
                margin-left: 25%;
                float: left;
                clear: none;
            }
        
            #preferences_container h1 {
                padding-top: 10px;
                width: auto;
            }
            
            #preferences-navigation-reveal {
                pointer-events: none;
            }
            
            #preferences_container #preferences-navigation-reveal .menu-icon {
               display: none; 
            }
            
            .subsection-preferences #preferences_container #preferences-navigation-reveal .menu-icon{
                display: none;
                height: 22px;
                width: 20px;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center center;
            	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNiAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4gICAgICAgIDxnIGlkPSJjbXMtbWVudSIgc3Ryb2tlPSIjOTc5Nzk3Ij4gICAgICAgICAgICA8cGF0aCBkPSJNMC41Nzg1MTIzOTcsMC45MDkwOTA5MDkgTDI0Ljg3NjAzMzEsMC45MDkwOTA5MDkiIGlkPSJMaW5lIj48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTAuNTc4NTEyMzk3LDEwIEwyNC44NzYwMzMxLDEwIiBpZD0iTGluZS1Db3B5Ij48L3BhdGg+ICAgICAgICAgICAgPHBhdGggZD0iTTAuNTc4NTEyMzk3LDE5LjA5MDkwOTEgTDI0Ljg3NjAzMzEsMTkuMDkwOTA5MSIgaWQ9IkxpbmUtQ29weS0yIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
            }
            
                .subsection-preferences #preferences_container #preferences-navigation-reveal .menu-icon.close {
                	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMSAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4gICAgICAgIDxnIGlkPSJHcm91cCIgc3Ryb2tlPSIjOTc5Nzk3Ij4gICAgICAgICAgICA8cGF0aCBkPSJNMC40MDM4NDYxNTQsMTkuNSBMMjAuNTk2MTUzOCwwLjUiIGlkPSJMaW5lLTIiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMC40MDM4NDYxNTQsMTkuNSBMMjAuNTk2MTUzOCwwLjUiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjUwMDAwMCwgMTAuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMC41MDAwMDAsIC0xMC4wMDAwMDApICI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
                	background-size: 16px 16px;
                }
            
            #preferences_fields .first .heading:first-child,
            #preferences_fields .first h3:first-of-type {
                border-top: 0;
                padding-top: 0;
            }
            #preferences_fields h2 {
                border-top: 1px solid #eee;
                padding: 30px 0 0;
                margin: 30px 0 30px;
                font-size: 21px;
            }
            
            #preferences_fields h3,
            #website_build_app h3,
            #preferences_fields h3 {
                border-top: 1px solid #eee;
                padding: 30px 0 0;
                margin: 30px 0 30px;
            }
            
            #preferences-sidebar .dev_only_preview_hide,
            #preferences_fields .dev_only_preview_hide {
                display:none !important;
            }
            
            #preferences_fields .fieldscontainer {
                border: 0;
                background: none;
                padding: 0;
                margin-top: 30px;
            }

            #preferences_fields .fieldrow.field_type_hidden {
                display: none;
            }

            #preferences_fields .fieldrow label {
                width: 20%;
                text-align: left;
                padding: 6px 15px 0 0;
            }
            #preferences_fields .fieldscontainer h4 {
                padding-left: 0;
                margin: 20px 0 25px;
                padding-top: 10px;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                color: #aaa;
            }
            #preferences_fields .fieldscontainer h4:before {
                left: 0;
                right: 0;
                display: none;
            }
            #preferences_fields .fieldrow .field_note {
                margin-left: 20%;
                width: 80%;
            }
            #preferences_fields .fieldrow .field_note.note_panel {
                padding: 15px 25px;
                margin-top: 10px;   
            }
            #preferences_fields .fieldrow .field_note.note_panel.note_panel_message {
                padding-left: 20px; 
                position:relative;
            }
            #preferences_fields .fieldrow .field_note.note_panel.note_panel_warning {
                color: #e78d00;
            }
            #preferences_fields .fieldrow .field_note.note_panel.note_panel_warning a {
                color: #b87100;    
            }
            #preferences_fields .fieldrow .field_note.note_panel.note_panel_success {
                color: #EFF9E3;    
            }
            #preferences_fields .fieldrow .field_note.note_panel.note_panel_success a {
                color: #EFF9E3;    
            }
            #preferences_fields .fieldrow .field_note.note_panel.note_panel_error {
                color: #ab0000;
            }
            #preferences_fields .fieldrow .field_note.note_panel.note_panel_error a {
                color: #ab0000;    
            }
            #preferences_fields .fieldrow .field {
                width: 80%;
            }

            #preferences_fields .fieldrow .field .multi_field div input[type='checkbox'] + label:before {
                content: '.';
                display: inline-block;
                width: 20px;
                height: 20px;
                padding: 0;
                margin: 0 6px 0 0;
                background: #efefef;
                /* box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); */
                border: 1px solid #eaeaea;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                cursor: pointer;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font: normal normal normal 12px/1 FontAwesome;
                -webkit-font-smoothing: antialiased;
                line-height: 18px;
                text-indent: -9999px;
                text-align: left;
            }
            #preferences_fields .fieldrow .field .multi_field div input[type='checkbox']:checked + label:before {
                background: #78C7FB;
                box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1);
                border-color: #78C7FB;
                color: #fff;
                content: "\f00c";
                text-indent: 0;
                text-align: center;
            }

            #preferences_fields .fieldrow .field .mce_container, #preferences_fields .fieldrow .field .mce_container > span > table {
                width: 100% !important;
            }
            
            .field_type_colorpicker .sp-replacer {
                width: 76px;
            }
            
            .field_type_colorpicker .sp-preview {
                background-color: transparent !important;
                width: 50px;
            }

            .field_type_colorpicker .sp-preview-inner.sp-clear-display {
                line-height: 14px;
                background: none;
            }
            
                .field_type_colorpicker .sp-clear-display::after {
                    content: "default" !important;
                }


            .field_type_colorpicker {

            }
                .field_type_colorpicker .field {
                    position: relative;
                    min-height: 33px;
                }
                .field_type_colorpicker .field .sp-replacer {
                    position: absolute;
                    top: 0;
                    left: 0;
                    min-height: 25px;
                }
                .field_type_colorpicker .field .preferences-colour-text-preview {
                    padding-left: 95px;
                }
                .field_type_colorpicker .field input.textcolor_demo {
                    width: 100%;
                }
                
                .field_type_colorpicker .field input.textcolor_demo.off {
                    display: none;   
                }
            .field_type_slider {
                
            }
                .field_type_slider .field .preferences-font-size-preview {
                    /*padding-right: 95px;*/
                    padding-top: 10px;
                }
                .field .font-preview input {
                    margin: 10px 0;
                }
                .field .font-preview input,
                .field_type_slider .field input.body_font_size_demo {
                    width: 100%;
                    padding: 12px 10px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    border: 1px solid #ddd;
                    background: #fff;
                    -moz-border-radius: 2px;
                    -webkit-border-radius: 2px;
                    border-radius: 2px;
                    display: block;
                    float: right;
                    text-align: center;
                    height: 60px;
                    margin-bottom: 10px;
                }

            .ui-widget-content .ui-state-default.ui-slider-handle,
            .ui-timepicker-div .ui-widget-content .ui-state-default.ui-slider-handle {
                background: #fff;
                border: 1px solid #bdbdbd;
                height: 16px;
                width: 16px;
                cursor: grab;
                border-radius: 200%;
                transition: background 400ms linear;
            }
            .ui-widget-content .ui-state-default.ui-slider-handle:hover,
            .ui-timepicker-div .ui-widget-content .ui-state-default.ui-slider-handle:hover {
                background: #efefef;
            }


            /* Preferences docked
            ----------------------------------------------------------- */
            
            body.docked_page #page_container {
                min-width: 0;
            }
            body.docked_page #page_header .inner {
                min-width: 0;
                padding: 35px 0 20px;
                min-height: 34px;
            }
            body.docked_page #preferences_fields div:first-child h3:first-child {
                border-top: 0;
                padding-top: 0;
                /*margin-top: 0;*/
            }
            body.docked_page #preferences_container {
                max-width: none;
                width: 100%;
            }
            
            
            /* Preferences sidebar
            ----------------------------------------------------------- */
            
            #preferences-sidebar {
                float: left;
                /*width: calc(25% - 65px);*/
                margin-right: 65px;
                padding: 0 15px;
                border: 1px solid #eee;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                position: fixed;
                top: 130px;
                width: 235px;
                -webkit-overflow-scrolling: touch;
                max-height: calc(100vh - 230px);
                overflow: auto;
            }
            
                body.docked_page #preferences-sidebar {
                    top: 110px;    
                }
            
                #preferences-sidebar .category-heading {
                    border-top: 1px solid #eee;
                    border-bottom: 1px solid #eee;
                    margin: 0 -15px;
                    padding: 13px 15px 11px;
                }
                
                    #preferences-sidebar .category-heading:first-child {
                        border-top: none;
                    }
            
                #preferences-sidebar ul {
                    list-style-type: none;
                    padding: 12px 0 20px;
                    margin: 0;
                }
                
                #preferences-sidebar ul li {
                    line-height: 26px;
                }
                
                #preferences-sidebar a {
                    color: #888;
                    display: block;
                }
                    
                    #preferences-sidebar a.active,
                    #preferences-sidebar a:hover,
                    #preferences-sidebar a:focus {
                        color: #111;
                    }
                    
                    #preferences-sidebar a.active {
                        font-weight: normal;
                    }
                    
                #preferences-sidebar a .fa {
                    font-size: 10px;
                }
            
            body.page-pages.preferences_page #footer {
                z-index: 17;    
            }
            
            /* Styles pane
            ----------------------------------------------------------- */
            
            .subsection-styles #preferences_container {
                margin-top: -20px;
            }
            
            .subsection-styles #preferences_container #preferences_fields div:first-child h3:first-child {
                margin-top: 0;   
            }
            
            /* Site launch audit
            ----------------------------------------------------------- */
            
            .site-launch-audit {
                max-width: 800px;
            }
            
            .site-launch-audit  #preferences_container {
                margin-bottom: 40px;
            }
            
            .site-launch-audit  #preferences_container .fieldscontainer {
                margin-top: 17px;
            }
            
            .site-launch-audit #preferences_fields .fieldrow:not(:last-child) {
                border-bottom: 1px solid #eee;
                padding-bottom: 21px;
            }
            
            .site-launch-audit #preferences_fields .fieldrow.field_type_bool .field input[type="checkbox"] + label {
                width: 20px;
                height: 20px;
                background-color: #eee;
                border: none;
                box-shadow: none;
            }
            
            .site-launch-audit #preferences_fields .fieldrow.field_type_bool .field input[type="checkbox"]:checked + label {
                background-color: #8AC4F5;
                box-shadow: none;
            }
            
            .site-launch-audit #preferences_fields .fieldscontainer .fieldrow.field_type_bool .field input[type="checkbox"] + label::after {
                color: #fff;
                content: "";
                text-indent: 0;
                text-align: center;
                background: none;
                width: 20px;
                height: 20px;
                top: 0;
                left: 0;
                right: 0;
                border: none;
                font: normal normal normal 12px/1 FontAwesome;
                box-shadow: none;
                line-height: 20px;
            }
            .site-launch-audit #preferences_fields .fieldscontainer .fieldrow.field_type_bool .field input[type="checkbox"]:checked + label::after {
                content: "\f00c";
                -webkit-animation: squish 290ms ease-in;
                -moz-animation: squish 290ms ease-in;
                -ms-animation: squish 290ms ease-in;
                -o-animation: squish 290ms ease-in;
                animation: squish 290ms ease-in;
            }
            
            .site-launch-audit #preferences_fields .fieldrow.field_type_bool .field input[type="checkbox"] + label::before {
                display: none;
            }
            
            .site-launch-audit #preferences_fields .fieldrow label {
                width: calc(100% - 25px);
            }
            
                .site-launch-audit #preferences_fields .fieldrow.field_type_datepicker label {
                    width: calc(100% - 167px);
                }
            
            .site-launch-audit #preferences_fields .fieldrow .select_menu_container {
                margin-top: 10px;
            }
            
            .site-launch-audit #preferences_fields .fieldrow.field_type_datepicker .field {
                width: auto;
            }
            
            .site-launch-audit .automatic_checks {
                margin-bottom: 50px;
            }
            
            .site-launch-audit .checklist {
                max-width: 900px;
                padding: 0;
                margin: 0 auto 30px 0;
                list-style: none;
            }
            
            body.docked_page .site-launch-audit .checklist {
                max-width: none;
            }
            
                .site-launch-audit .checklist li {
                    position: relative;
                    padding: 23px 0;
                    border-bottom: 1px solid #eee;
                }
                
                .site-launch-audit .checklist li:last-child {
                    border-bottom: none;
                }
            
                .site-launch-audit .checklist li::after {
                    content: '.';
                    position: absolute;
                    right: 0;
                    top:21px;
                    width: 20px;
                    height: 20px;
                    padding: 0;
                    margin: 0 6px 0 0;
                    background: #efefef;
                    /* box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1); */
                    border: 1px solid #eaeaea;
                    -moz-border-radius: 50px;
                    -webkit-border-radius: 50px;
                    border-radius: 50px;
                    -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                    -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                    transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    font: normal normal normal 12px/1 FontAwesome;
                    -webkit-font-smoothing: antialiased;
                    line-height: 18px;
                    text-indent: -9999px;
                    text-align: left;
                }
                
                .site-launch-audit .checklist li.passed::after {
                    background: #78C7FB;
                    box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1);
                    border-color: #78C7FB;
                    color: #fff;
                    content: "\f00c";
                    text-indent: 0;
                    text-align: center;
                    -webkit-animation: squish 290ms 0.5s ease-in;
                    -moz-animation: squish 290ms 0.5s ease-in;
                    -ms-animation: squish 290ms 0.5s ease-in;
                    -o-animation: squish 290ms 0.5s ease-in;
                    animation: squish 290ms 0.5s ease-in;
                }
            

        /* Translations window
	----------------------------------------------------------- */

	body#editwin_body.translation #header {
        margin: 0;
        padding: 20px 0;
        background: #fff;
        border-bottom: 1px solid #eee;
        position: fixed;
        top: 0;
        left: 20px;
        right: 20px;
        z-index: 2000;
        min-height: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
	}
	#editwin_body.translation h1 {
        padding: 0 0 0;
        width: 100%;
        margin: 0;
        max-width: 500px;
        text-align: left;
	}
            #editwin_body.translation h1 #heading {
                text-transform: inherit;
                letter-spacing: inherit;
                text-align: left;
            }
        #editwin_body.translation .f2 .fieldscontainer {
            margin-top: 0;
	}
	#editwin_body.translation .f2 .fieldrow {
        padding-left: 20px;
        padding-right: 20px;
	}
    #editwin_body.translation #footer {
        left: 20px;
        right: 20px;
	}

	/* Edit window
	----------------------------------------------------------- */

	body#editwin_body {
		padding: 0;
        height: auto;
        overflow: auto !important;
	}
	body#editwin_body.docked_page {
		padding-top: 0;
	}
	body#editwin_body.docked_page #content-inner {
		padding-top: 40px;
	}
	body#editwin_body.docked_page .fieldscontainer {
		padding-top: 0;
		margin-top: 0;
	}
	body#editwin_body #page_container {
        padding: 0;
        min-width: 0;
        max-width: none;
	}
	body#editwin_body #header {
        margin: 0;
        padding: 35px 0 20px;
        background: #fff;
        border-bottom: 1px solid #eee;
        position: fixed;
        top: 0;
        left: 30px;
        right: 30px;
        z-index: 2000;
        min-height: 90px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
	}
	body#editwin_body.docked_page #header {
		/*display: none;*/
	}
	
    #editwin_body .clearlooks2 {
        width: 100% !important;
        max-width: calc(100vw - 100px);
        max-height: calc(100vh - 95px);
        position: fixed !important;
        transform: translate(-50%, -50%);
        top: 50% !important;
        left: 50% !important;
    }
    
        #editwin_body .clearlooks2 .mceWrapper.mceResizable.mceMaximizable.mceMovable.mceFocus .mceMiddle span iframe {
            max-height: calc(100vh - 120px) !important;
            width: 100% !important;
            max-width: calc(100vw - 100px);
        }
	#editwin_body h1,
	#docked-heading h1 {
        padding: 0 0 0;
        width: 100%;
        margin: 0 auto;
        display: block;
        max-width: 500px;
        text-align: center;
        line-height: 16px;
        font-family: 'ProximaNova', Sans-Serif;
        font-weight: 200;
        color: #111;
	}
            #editwin_body h1 #heading,
            #docked-heading h1 #heading {
                font-family: 'ProximaNova', Sans-Serif;
                font-weight: 200;
                color: #111;
                font-size: 16px;
                -webkit-font-smoothing: subpixel-antialiased;
                letter-spacing: 2px;
                text-transform: uppercase;
                text-align: center;

                letter-spacing: 0;
                text-transform: none;
            }
            #editwin_body h1 #section_name,
            #docked-heading h1 #section_name {
                font-family: 'ProximaNova', Sans-Serif;
                font-weight: 200;
                color: #aaa;
                font-size: 14px;
                -webkit-font-smoothing: subpixel-antialiased;
                letter-spacing: 2px;
                text-transform: uppercase;
                text-align: center;
                position: relative;
                margin-right: 8px;
                padding-right: 12px;
            }
                #editwin_body h1 #section_name:before,
                #docked-heading h1 #section_name:before {
                    content: '.';
                    border-left: 1px solid #ccc;
                    top: 2px;
                    right: 0;
                    text-indent: -9999px;
                    bottom: 2px;
                    display: block;
                    position: absolute;
                }
                #editwin_body h1 #section_name:after,
                #docked-heading h1 #section_name:after {
                    content: '';
                    display: none;
                }
                #editwin_body h1 #section_name.no_page_name,
                #docked-heading h1 #section_name.no_page_name {
                    margin-right: 0;
                    padding-right: 0;
                }
                #editwin_body h1 #section_name.no_page_name:before,
                #docked-heading h1 #section_name.no_page_name:before {
                    display: none;
                }
    #pp_close,
    #page_header_tools_close,
    #page_container #editwin_close,
	#editwin_body #editwin_close {
            position: absolute;
            top: 9px;
            right: 40px;
            height: 30px;
            width: 30px;
            background: none;
            font-family: inherit;
            cursor: pointer;
            outline: none;
            position: absolute;
            top: 0;
            height: 33px;
            width: 33px;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
            background-size: 33px 33px;
            top: 50%;
            margin-top: -17px;
	}
            #pp_close:after,
            #page_header_tools_close:after,
            #page_container #editwin_close:after,
            #editwin_body #editwin_close:after {
                content: '.';
                text-indent: 100%;
            	white-space: nowrap;
            	overflow: hidden;
                display: block;
            }
            #editwin_body #editwin_close {
                right: 0;
            }
            #page_header_tools_close {

            }
            #pp_close {
                top: 15px;
                right: 15px;
                margin: 0;
            }
	#editwin_body h1 span#heading {
		padding: 0;
                white-space: nowrap;
	}
	#editwin_body #content-outer {
		margin: 0;
                padding: 90px 0 90px;
	}
        #editwin_body #content-inner {
            padding: 0 20px 20px 20px;
            padding: 0;
        }
            #editwin_body #content-inner:after {
                clear: both;
                display: block;
                content: '.';
                overflow: hidden;
                text-indent: -9999px;
            }
	#editwin_body #content {
		border: 0;
                overflow: visible !important;
                height: auto !important;
                /*position: absolute;
                z-index: 0;
                top: 39px;
                left: 0;
                right: 0;
                bottom: 53px;*/
	}
	#editwin_body #footer {
            margin: 0;
            padding: 0 0;
            background: #fff;
            border-top: 1px solid #eee;
            z-index: 2000;
            position: fixed;
            bottom: 0;
            left: 30px;
            right: 30px;
            min-height: 70px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	}
            #editwin_body #footer #footer-inner {
                padding: 20px 0;
            }
            #editwin_body #footer #footer-inner .squarebtns > div {
                margin: 0 !important;
            }

        #edit_screen_sidebar_pane {
            position: fixed;
            z-index: 500;
            top: 90px;
            padding: 40px 0;
            overflow: auto;
            bottom: 76px;
            right: 30px;
            width: 260px !important;
            /*
            top: 90px;
                bottom: 70px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                border-width: 0 0 0 1px;
            */
        }
            #edit_screen_visibility_header {
                width: 100%;
                padding: 17px 0 0;
                margin-top: -15px;
                float: left;
            }
                #edit_screen_visibility_header .fieldrow,
                .f2 #edit_screen_visibility_header .fieldrow {
                    width: auto;
                    float: left;
                }
                #edit_screen_visibility_header_status {
                    float: left;
                    border-radius: 2px;
                    border: 1px solid #ddd;
                    background: #fff;
                    padding: 2px 2px 2px 4px;
                    font-weight: normal;
                    font-size: 11px;
                    color: #aaa;
                    text-transform: uppercase;
                    letter-spacing: 1.5px;
                }
                #edit_screen_visibility_header_button {
                    float: right;
                    margin-top: -8px;
                    pointer-events: none;
                }
            
            #edit_screen_visibility_pane .note_panel {
                padding: 12px 15px 05px;
            }
            #edit_screen_visibility_pane .squarebtns,
            #edit_screen_visibility_pane .squarebtns li,
            #edit_screen_visibility_pane .squarebtns li a {
                width: 100%;
            }
            #edit_screen_visibility_pane .squarebtns.squarebtns_align_left,
            #edit_screen_visibility_pane .squarebtns.squarebtns_align_left li,
            #edit_screen_visibility_pane .squarebtns.squarebtns_align_left li a {
                width: auto;
                text-align: left;
                margin: 0 10px 0 0 !important;
                cursor: pointer;
            }
            #edit_screen_visibility_pane .squarebtns li a.btnloader {
                line-height: 200px;
                overflow: hidden;
                position: relative;
            }
                #edit_screen_visibility_pane .squarebtns li a.btnloader:after {
                    line-height: 200px;
                    overflow: hidden;
                    width: 30px;
                    height: 30px;
                    background: url(/lib/archimedes/images/spinner-1s-200px.gif) center center no-repeat;
                    background-size: contain;
                    opacity: 0.4;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    content: '';
                    display: block;
                }
            #edit_screen_visibility_pane .squarebtns li {
                margin: 0 0 8px !important;
            }
            #edit_screen_visibility_pane .squarebtns.simplified li {
                margin: 0 0 0 !important;
            }
            .f2 #edit_screen_visibility_pane  .fieldrow.fieldrow_type_subheading,
            .f2 #edit_screen_visibility_pane  .fieldrow.fieldrow_type_subheading .field {
                border-top: 0;
                padding-top: 0;
                margin-top: 0;
            }
            
            #edit_screen_protected_path_submit_button {
                
            }
            
            #edit_screen_visibility_pane .edit_screen_schedule_advanced_wrapper {
                display: none;
                width: 100%;
            }
                #edit_screen_visibility_pane .edit_screen_schedule_advanced_wrapper.active {
                    display: block;
                }
                #edit_screen_visibility_pane .edit_screen_schedule_advanced {
                    clear: both;
                    border-top: 1px solid #eee;
                    padding: 15px 0 0;
                    margin: 0 0 12px;
                    opacity: 0;
                }
                    #edit_screen_visibility_pane .edit_screen_schedule_advanced .fieldrow {
                        float: left;
                        clear: both;
                        width: 100%;
                        margin: 0 0 10px;
                    }

            #edit_screen_visibility_pane .edit_screen_visibility_advanced {
                clear: both;
            }
            #edit_screen_visibility_pane .edit_screen_visibility_field {
                float: left;
                clear: both;
                width: 100%;
                border-top: 1px solid #eee;
                padding: 15px 0 0;
            }
                #edit_screen_visibility_pane.field_pane_no_id .edit_screen_visibility_field:last-child {
                    border-bottom: 0;
                    margin: 0;
                }
                #edit_screen_visibility_pane .edit_screen_visibility_field .field {
                    width: 100% !important;
                }
                #edit_screen_visibility_pane .edit_screen_visibility_field .fieldrow .field_type_bool.field_type_switch.field .left.fl label {
                    display: block;
                }
                #edit_screen_visibility_pane .edit_screen_visibility_text_content {
                    padding: 0 15px 0;
                }
                    #edit_screen_visibility_pane .edit_screen_visibility_text_content div:not(:first-child) {
                        margin-left: 30px;
                        margin-top: 2px;
                    }
            #edit_screen_visibility_pane .edit_screen_visibility_field_inner {
                float: left;
                clear: both;
                width: 100%;
            }
                #edit_screen_visibility_pane .edit_screen_visibility_field_inner .field > .left {
                    padding-right: 0;
                    max-width: 80%;
                }
            #edit_screen_visibility_pane #edit_screen_visibility_button {
                float: none;
                clear: both;
                margin: 0;
                padding: 15px 15px 7px;
                border-top: 1px solid #eee;
            }
                #edit_screen_visibility_pane #edit_screen_visibility_button .fcontent-inner {
                    padding: 0;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_button div.field {
                    width: auto !important;
                }
                #edit_screen_visibility_pane.edit_screen_visibility_pane_live #edit_screen_visibility_button .squarebtns li {
                    width: auto !important;
                }
                #edit_screen_visibility_pane.edit_screen_visibility_pane_live #edit_screen_visibility_button .squarebtns li:nth-child(2) {
                    float: right;
                }

            #edit_screen_visibility_schedule_wrapper {
                width: 100%;
                float: left;
                clear: both;
            }
            #edit_screen_visibility_pane #edit_screen_visibility_schedule {
                padding-bottom: 12px;
                cursor: pointer;
            }
                #edit_screen_visibility_pane #edit_screen_visibility_schedule .fa {
                    font-size: 16px;
                    color: #aaa;
                    float: left;
                    margin: 0 12px 0 0;
                    width: 18px;
                    text-align: center;
                    font-weight: 300;
                    line-height: 14px;
                }

            #edit_screen_visibility_status_wrapper {
                width: 100%;
                float: left;
                clear: both;
            }
            #edit_screen_visibility_pane #edit_screen_visibility_status {
                padding-bottom: 12px;
            }
                #edit_screen_visibility_pane #edit_screen_visibility_status .fa {
                    font-size: 16px;
                    color: #aaa;
                    float: left;
                    margin: 0 12px 0 0;
                    width: 18px;
                    text-align: center;
                    font-weight: 300;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_header_status_scheduled,
                #edit_screen_visibility_pane #edit_screen_visibility_status_scheduled {
                    color: orange;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_header_status_expired,
                #edit_screen_visibility_pane #edit_screen_visibility_status_expired {
                    color: red;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_header_status_draft,
                #edit_screen_visibility_pane #edit_screen_visibility_status_draft {
                    color: orange;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_header_status_live,
                #edit_screen_visibility_pane #edit_screen_visibility_status_live {
                    color: #499214;
                }
            #edit_screen_visibility_additional_fields_js {
                display: none;
                clear: both;
                padding: 15px 0 0;
                border-top: 1px solid #eee;
            }
            #edit_screen_visibility_additional_fields {
                padding: 15px 0 0;
                border-top: 1px solid #eee;
                clear: both;
            }
            
            
            #edit_screen_visibility_protect_wrapper {
                width: 100%;
                float: left;
                clear: both;
            }
            #edit_screen_visibility_pane #edit_screen_visibility_protect {
                padding-bottom: 12px;
                cursor: pointer;
            }
                #edit_screen_visibility_pane #edit_screen_visibility_protect .fa {
                    font-size: 16px;
                    color: #aaa;
                    float: left;
                    margin: 0 12px 0 0;
                    width: 18px;
                    text-align: center;
                    font-weight: 300;
                    line-height: 14px;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_protect_locked,
                #edit_screen_visibility_pane #edit_screen_visibility_protect_locked_password,
                #edit_screen_visibility_pane #edit_screen_visibility_protect_locked_registration,
                #edit_screen_visibility_pane #edit_screen_visibility_protect_locked_password_cached,
                #edit_screen_visibility_pane #edit_screen_visibility_protect_live.protection_type_inherited {
                    color: orange;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_protect_draft {
                    color: red;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_protect_live {
                    color: #499214;
                    color: #aaa;
                }
                
                #edit_screen_visibility_protect_user_signup_count {
                    display: inline-block;
                    margin-left: 7px;
                    opacity: 1;
                    color: #aaa;
                }
                    #edit_screen_visibility_protect_user_signup_count:hover {
                        color: #111;
                    }
                    #edit_screen_visibility_pane #edit_screen_visibility_protect #edit_screen_visibility_protect_user_signup_count .fa {
                        font-size: 12px;
                        margin: 0 1px 0 0;
                        line-height: 17px;
                        pointer-events: none;
                    }
                    #edit_screen_visibility_pane #edit_screen_visibility_protect #edit_screen_visibility_protect_user_signup_count:hover .fa {
                        color: #111;
                    }
                
            #edit_screen_visibility_pane .edit_screen_protect_advanced_wrapper {
                display: none;
                width: 100%;
            }
                #edit_screen_visibility_pane .edit_screen_protect_advanced_wrapper.active {
                    display: block;
                }
                #edit_screen_visibility_pane .edit_screen_protect_advanced {
                    clear: both;
                    border-top: 1px solid #eee;
                    padding: 15px 0 0;
                    margin: 0 0 12px;
                    opacity: 0;
                }
                    #edit_screen_visibility_pane .edit_screen_protect_advanced .fieldrow {
                        float: left;
                        clear: both;
                        width: 100%;
                        margin: 0 0 10px;
                    }
                        #edit_screen_visibility_pane .edit_screen_protect_advanced .fieldrow .edit_screen_visibility_advanced_header {
                            font-weight: bold;
                        }
                    #edit_screen_visibility_pane .edit_screen_protect_advanced .revealable_area {
                        
                    }
                        .f2 #edit_screen_visibility_pane .edit_screen_protect_advanced .contextual_field_area .fieldrow > label.left-column {
                            display: block;
                            /*margin: 0 0 4px;
                            color: #888;
                            font-size: 11px;
                            text-transform: uppercase;
                            letter-spacing: 2px;
                            font-weight: normal;
                            -webkit-font-smoothing: antialiased;*/
                        }
                        .f2 #edit_screen_visibility_pane .edit_screen_protect_advanced .contextual_field_area .fieldrow > label.left-column .fl {
                            /*color: #888;
                            font-size: 11px;*/
                        }
                        .f2 #edit_screen_visibility_pane .edit_screen_protect_advanced .contextual_field_area .fieldrow .field_type_multi > .left {
                            width: 100%;
                        }
                        .f2 #edit_screen_visibility_pane .edit_screen_protect_advanced .contextual_field_area .fieldrow .field_type_multi .field_type_multi_item {
                            width: 50%;
                            float: left;
                            margin: 0 0 4px;
                        }
            #edit_screen_visibility_navigation_wrapper {
                width: 100%;
                float: left;
                clear: both;
            }
                #edit_screen_visibility_pane #edit_screen_visibility_navigation {
                    padding-bottom: 12px;
                    cursor: pointer;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_navigation .fa {
                    font-size: 16px;
                    color: #aaa;
                    float: left;
                    margin: 0 12px 0 0;
                    width: 18px;
                    text-align: center;
                    font-weight: 300;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_navigation_hidden {
                    color: orange;
                }
                #edit_screen_visibility_pane #edit_screen_visibility_navigation_visible {
                    color: #499214;
                }
            #edit_screen_visibility_pane .edit_screen_navigation_advanced_wrapper {
                display: none;
                width: 100%;
            }
                #edit_screen_visibility_pane .edit_screen_navigation_advanced_wrapper.active {
                    display: block;
                }
                #edit_screen_visibility_pane .edit_screen_navigation_advanced {
                    clear: both;
                    border-top: 1px solid #eee;
                    padding: 15px 0 0;
                    margin: 0 0 12px;
                    opacity: 0;
                }
                    #edit_screen_visibility_pane .edit_screen_navigation_advanced .fieldrow {
                        float: left;
                        clear: both;
                        width: 100%;
                        margin: 0 0 10px;
                    }
                    #edit_screen_visibility_pane .edit_screen_navigation_advanced .fieldrow .field_type_bool.field_type_switch.field .left.fl label {
                        display: block;
                        padding: 4px 0 0 6px;
                   }
                   
            /*-----Pencil icon on hover--------*/
            #edit_screen_visibility_protect,
            #edit_screen_visibility_schedule,
            #edit_screen_visibility_navigation {
                position: relative;
            }
            #edit_screen_visibility_protect:after,
            #edit_screen_visibility_schedule:after,
            #edit_screen_visibility_navigation:after {
                content: '';
                cursor: pointer;
                display: block;
                position: absolute;
                width: 17px;
                height: 17px;
                top: 15px;
                right: 14px;
                opacity: 0;
                transition: opacity 0.1s ease;
                background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzUxQThFMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
                background-repeat: no-repeat;
                background-size: contain;
            }
            .device-desktop #edit_screen_visibility_protect_wrapper:hover #edit_screen_visibility_protect:after,
            .device-desktop #edit_screen_visibility_schedule_wrapper:hover #edit_screen_visibility_schedule:after,
            .device-desktop #edit_screen_visibility_navigation_wrapper:hover #edit_screen_visibility_navigation:after {
                opacity: 1;
                animation: edit-screen-squish-pencil 0.3s ease;
            }
            @keyframes edit-screen-squish-pencil {
                0% { transform: scale(0.2); }
                50% { transform: scale(1.2); }
                100% { transform: scale(1); }
            }
            /*----------------------------------*/


	/* Preferences
	----------------------------------------------------------- */
        
	body.popup-window-mode  {

	}
        body.popup-window-mode.records_page #container {
            min-width: 320px;
        }
        #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label {
            line-height: 16px;
        }



	/* Simplified page (popup etc)
	----------------------------------------------------------- */

        body.simplified_page #edit_screen_sidebar_pane {
            display: none;
        }
        body.simplified_page.edit_page_visibility_pane .f2 #fieldscontainer,
        body.simplified_page.edit_page_visibility_pane .f2 .fieldscontainer {
            padding-right: 0;
            margin-top: 30px;
            margin-bottom: 70px;
        }
        body.simplified_page .f2 .fieldrow,
        body.simplified_page .f2 .fieldrow.fieldrow_type_subheading {
            padding-left: 0;
            padding-right: 0;
            width: 99%;
        }
        body.simplified_page#editwin_body #footer {
            left: 0;
            right: 0;
            min-height: 0;
        }
        body.simplified_page#editwin_body #footer #footer-inner {
            padding-bottom: 0;
        }


    /* Unsaved changes prompt
    -------------------------------------------------- */

    #aolpromptbox.edit_screen_unsaved_prompt #aolprompt {
        width: 440px;
    }
        #aolpromptbox.edit_screen_unsaved_prompt #aolprompt .aolpromptbuttons button.edit_screen_unsaved_prompt_cancel {
            float: left;
            margin-left: 0 !important;
        }



/* -----------------------------------------------------------
    Global Classes
----------------------------------------------------------- */
        



        /* Tooltip styles
        -------------------------------------------------- */

        #aToolTip {
            position: absolute;
            display: none;
            z-index: 50000;
            max-width: 300px;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
            box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
            -webkit-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #fff;
            background: #fff;
            padding: 7px;
        }
            #aToolTip .aToolTipContent {
                position:relative;
                margin:0;
                padding:0;
            }


    /* Buttons
    ----------------------------------------------------------- */

    .btns a, .btns aflButton, .btn a.flbutton {
        color: #111;
    }


    /* Arrow links
	----------------------------------------------------------- */

    a.arrow, a.btn {
        background: none;
        padding: 0;
    }
        a.arrow, a.btn,
        a.arrow:visited, a.btn:visited {
            color: #111;
        }
        a.arrow:before, a.btn:before {
            display: inline-block;
            margin: 0 6px 0 0;
            content: "\f0da";
            font: normal normal 900 14px/1 FontAwesome;
            font-size: 13px;
            color: #ccc;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }


        /* Info icon
	----------------------------------------------------------- */

        .f-info-button-icon {
            vertical-align: middle;
            border: 1px solid #D8D8D8;
            border-radius: 50%;
            font-size: 10px;
            font-family: 'Baskerville';
            font-weight: bold;
            font-style: normal;
            color: #71A4E7;
            line-height: 11px;
            background-color: #F9F9F9;
            position: relative;
            height: 15px;
            width: 15px;
            padding: 0;
            display: block;
            -webkit-font-smoothing: antialiased;
            text-align: center;
        }
        .f-info-button-icon:before {
            content: "i";
            position: absolute;
            top: 2px;
            left: 0px;
            display: inline-block;
            width: 100%;
        }


        /* Document field
	----------------------------------------------------------- */

        .field_type_document .squarebtns ul li.simplified a {
            padding-top: 4px !important;
            padding-bottom: 0 !important;
            height: auto;
        }

        /* Multi checkbox field
	----------------------------------------------------------- */

        .fieldrow .field_type_multi {
            padding: 8px 0 0;
        }
            .fieldrow .field_type_multi .field_type_multi_item {
                margin: 0 20px 4px 0;
                padding: 0;
            }
            
        /*
        .fieldrow .field_type_multi {
            padding: 8px 0 0;
        }
            .fieldrow .field_type_multi .field_type_multi_item {
                margin: 0 20px 0 0;
                padding: 0;
            }
            .fieldrow .field_type_multi input[type='checkbox'] {
                visibility: hidden;
                height: 0;
                width: 0;
                margin: 0;
                padding: 0;
                position: absolute;
                top: 0;
                left: 0;
            }
            .fieldrow .field_type_multi input[type='checkbox'] + label {
                display: inline-block;
                cursor: pointer;
            }
            .fieldrow .field_type_multi input[type='checkbox'] + label:before {
                content: '.';
                display: inline-block;
                width: 18px;
                height: 18px;
                padding: 0;
                margin: 0 6px 0 0;
                background: #efefef;
                border: 1px solid #eaeaea;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                cursor: pointer;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font: normal normal normal 12px/1 FontAwesome;
                -webkit-font-smoothing: antialiased;
                line-height: 16px;
                text-indent: -9999px;
                text-align: left;
            }
            .fieldrow .field_type_multi input[type='checkbox']:checked + label:before {
                background: #78C7FB;
                box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1);
                border-color: #78C7FB;
                color: #fff;
                content: "\f00c";
                text-indent: 0;
                text-align: center;
            }*/



        /* Radio multi field
	----------------------------------------------------------- */


        .fieldrow.fieldrow_type_radio.fieldrow_no_label {

        }
            .fieldrow.fieldrow_type_radio.fieldrow_no_label > label.left-column {
                display: none;
            }
            .fieldrow.fieldrow_type_radio.fieldrow_no_label > div.field {
                width: 100% !important;
            }

        .fieldrow .field_type_radio {
            padding: 8px 0 0;
        }
            .fieldrow .field_type_radio .field_type_radio_item {
                margin: 0 20px 10px 0;
                padding: 0;
            }
            .f2 .fieldrow .field_type_radio .field_type_radio_item label {
                padding: 0;
            }
            .fieldrow .field_type_radio input[type='radio'] {
                visibility: hidden;
                height: 0;
                width: 0;
                margin: 0;
                padding: 0;
                position: absolute;
                top: 0;
                left: 0;
            }
            .fieldrow .field_type_radio input[type='radio'] + label {
                display: inline-block;
                cursor: pointer;
            }
            .fieldrow .field_type_radio input[type='radio'] + label:before {
                content: '.';
                display: inline-block;
                width: 18px;
                height: 18px;
                padding: 0;
                margin: 0 6px 0 0;
                background: #efefef;
                /*box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1);
                */border: 1px solid #eaeaea;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                transition: border 0.2s ease-in-out, background 0.2s ease-in-out;
                cursor: pointer;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font: normal normal normal 8px/1 FontAwesome;
                -webkit-font-smoothing: antialiased;
                line-height: 16px;
                text-indent: -9999px;
                text-align: left;
            }
            .fieldrow .field_type_radio input[type='radio']:checked + label:before {
                background: #78C7FB;
                box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1);
                border-color: #78C7FB;
                color: #fff;
                content: "\f111";
                text-indent: 0;
                font-size: 8px;
                text-align: center;
                font-weight: 900;
            }



        /* Radio multi field with icons
	----------------------------------------------------------- */

        .fieldrow .field_type_radio_icons {
            padding: 8px 0 0;
        }
            .fieldrow .field_type_radio_icons .field_type_radio_icon_item {
                margin: 0 15px 15px 0;
                margin: 0;
                padding: 0;
                float: left;
            }
                .fieldrow .field_type_radio_icons .owl-item .field_type_radio_icon_item {
                    width: 100%;
                    margin-right: 0;
                    padding: 0 15px 0 0;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }
            .fieldrow .field_type_radio_icons input[type='radio'] {
                visibility: hidden;
                height: 0;
                width: 0;
                margin: 0;
                padding: 0;
                position: absolute;
                top: 0;
                left: 0;
            }
            .fieldrow .field_type_radio_icons input[type='radio'] + label {
                display: inline-block;
                cursor: pointer;
                width: 100%;
                text-align: center;
                background: #fcfcfc;
                padding: 8px;
                border: 1px solid #eee;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                margin: 0;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                -moz-transition: border 300ms ease-in-out, background 300ms ease-in-out;
                -webkit-transition: border 300ms ease-in-out, background 300ms ease-in-out;
                transition: border 300ms ease-in-out, background 300ms ease-in-out;
            }
                .fieldrow .field_type_radio_icons input[type='radio'] + label:before {
                    display: none;
                }
                .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_image {
                    width: 100%;
                    height: 65px;
                    background: center center no-repeat;
                    background-size: contain;
                    cursor: pointer;
                    display: block;
                    margin: 0 auto 10px;
                }
                .fieldrow .field_type_radio_icons input[type='radio'] + label:hover {
                    background: #efefef;
                    border: 1px solid #d8d8d8;
                }
                .fieldrow .field_type_radio_icons input[type='radio']:checked + label {
                    background: #edf2fa;
                    border: 1px solid #d2dced;
                }
                .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_label {
                    width: 100%;
                    display: block;
                    line-height: 15px;
                }
                .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_description {
                    width: 100%;
                    display: block;
                    color: #999;
                    min-height: 28px;
                    font-size: 12.5px;
                    line-height: 14px;
                    padding: 5px 0 0;
                }
                
                
    /* Icon button carousel
	----------------------------------------------------------- */

        .fieldrow .icon_button_carousel {
            padding: 8px 0 0;
        }
        
        .f2 .fieldrow.fieldrow_no_label > .icon_button_carousel {
            width: 100% !important;
        }
        
            .fieldrow .icon_button_carousel .icon_button_carousel_item {
                margin: 0 15px 15px 0;
                margin: 0;
                padding: 0;
                float: left;
            }
                .fieldrow .icon_button_carousel .owl-item .icon_button_carousel_item {
                    width: 100%;
                    margin-right: 0;
                    padding: 0 8px 0 0;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

            .f2 .fieldrow .icon_button_carousel label {
                display: inline-block;
                cursor: pointer;
                width: 100%;
                text-align: center;
                background: #fcfcfc;
                padding: 3px !important;
                font-size: 12px;
                border: 1px solid #eee;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                margin: 0;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                -moz-transition: border 300ms ease-in-out, background 300ms ease-in-out;
                -webkit-transition: border 300ms ease-in-out, background 300ms ease-in-out;
                transition: border 300ms ease-in-out, background 300ms ease-in-out;
            }

                .fieldrow .icon_button_carousel label .icon_button_carousel_item_image {
                    width: 100%;
                    height: 65px;
                    background: center center no-repeat;
                    background-size: contain;
                    cursor: pointer;
                    display: block;
                    margin: 0 auto 10px;
                }
                .fieldrow .icon_button_carousel label:hover {
                    background: #efefef;
                    border: 1px solid #d8d8d8;
                }
                .fieldrow .icon_button_carousel label .icon_button_carousel_item_label {
                    width: 100%;
                    display: block;
                    line-height: 15px;
                }
                .fieldrow .icon_button_carousel label .icon_button_carousel_item_description {
                    width: 100%;
                    display: block;
                    color: #999;
                    min-height: 28px;
                    font-size: 12.5px;
                    line-height: 14px;
                    padding: 5px 0 0;
                    
                    display: none;
                }
    
    /* New feature panel editor
    ----------------------------------------------------------- */
    
    .fp_editor_launch_btn_wrapper {
        position: absolute;
        top: 60px;
        right: 0;
        left: 0;
        bottom: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        margin-bottom: 19px;
        width: 100%;
        z-index: 2;
    }
        .fp_editor_launch_btn_inner {
            position: sticky;
            top: 30%;
            display: flex;
            align-items: center;
            flex-direction: column;
            background-color: white;
            width: 400px;
            padding: 50px;
            text-align: center;
            box-shadow: 0 0 25px rgb(0 0 0 / 11%);
        }
        .fp_editor_launch_btn_inner .fp_editor_new_label {
            font-family: 'ProximaNova', Sans-Serif;
            font-weight: 200;
            color: #aaa;
            font-size: 14px;
            -webkit-font-smoothing: subpixel-antialiased;
            letter-spacing: 2px;
            text-transform: uppercase;
        }
        .fp_editor_launch_btn_inner .fp_editor_popup_title {
            margin-bottom: 20px;
        }
        button.fp_editor_launch_btn {
            padding: 7px 16px !important;
            font-family: 'ProximaNova', Sans-Serif;
            color: #888;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            line-height: 19px;
            font-weight: 200;
            -moz-border-radius: 200px;
            -webkit-border-radius: 200px;
            border-radius: 200px;
            display: block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            height: 35px;
            min-width: 160px;
            margin-bottom: 14px;

            background: none;
            border: 1px solid #C8C8C8 !important;
            text-indent: 2px;
        }
        .fp_editor_launch_btn_inner .fp_editor_no_thanks_btn {
            font-family: 'ProximaNova', Sans-Serif;
            font-weight: 200;
            color: #aaa;
            font-size: 10px;
            -webkit-font-smoothing: subpixel-antialiased;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 12px;
            transition: all 0.25s ease-in-out;
        }
            .fp_editor_launch_btn_inner .fp_editor_no_thanks_btn:not(.fp_editor_popup_close_btn):hover {
                color: #111;
                transition: all 0.25s ease-in-out;
            }
        .fp_editor_launch_btn_inner .fp_editor_popup_close_btn {
            position: absolute;
            font-family: inherit;
            cursor: pointer;
            outline: none;
            position: absolute;
            top: 10px;
            right: 10px;
            height: 25px;
            width: 25px;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
            background-size: 25px 25px;
            margin: 0;
        }
    body.fp_editor_closed {
        transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }
    body.fp_editor_active {
        overflow: hidden !important;
        transform:translateX(calc(-100% - 40px));
        transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .fp-editor-iframe-splash-screen {
        visibility: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
        border: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: calc(100% + 40px);
        z-index: 999999;
        opacity: 0;
        background-color: #f7f6f9;
        transition: visibility 0s linear 0.6s, left 0s linear 0.6s, opacity 0.4s linear;
    }
        .fp-editor-iframe-splash-screen.active {
            visibility: visible;
            opacity: 1;
        }
        .fp-editor-iframe-splash-screen #logo.logo-2019 {
            transform: scale(1.3);
            transform-origin: center center;
        }
        
    #fp-editor-iframe {
        display: none;
        height: 100vh;
        width: 100%;
        border: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(100% + 40px);
        z-index: 9999;
        opacity: 1;
    }
    #fp-editor-iframe.active {
        display: block;
    }
    
    
    /* New feature panel selector
    ----------------------------------------------------------- */
    
    #new-feature-panel-selector {
        margin-top: 15px;
        padding: 19px 20px 12px;
        border: 1px solid #EDEDED;
        border-radius: 1px;
    }

    #new-feature-panel-selector h4 {
        font-size: 12px;
        color: #878787;
        letter-spacing: 1.2px;
    }
    
    #new-feature-panel-selector .sub-menu-heading {
        display: none;
    }

    #new-feature-panel-selector .datasources {
        position: relative;
        top: -6px;
    }

    #new-feature-panel-selector .datasources .squarebtns a {
        font-size: 10px;
        letter-spacing: 1px;
        padding: 5px 10px 4px 10px !important;
        line-height: 19px;
        height: auto;
    }

    #new-feature-panel-selector .fieldrow {
        padding: 0;
        opacity: 0.5;
        transition: opacity 0.2s ease-in;
    }

        #new-feature-panel-selector:hover .fieldrow {
            opacity: 1;
        }

    #new-feature-panel-selector .fieldrow .field_type_radio_icons .owl-item .field_type_radio_icon_item {
        padding-right: 5px; 
    }

    #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio'] + label {
        padding: 8px 3px;
    }

    #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_image {
        height: 64px;
    }

    #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_label {
        font-size: 11px;
    }

    #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_description {
        display: none;
    }

    #new-feature-panel-selector .feature_panel_grid_type_carousel.hide {
        display: none !important;
    }
    
    #new-feature-panel-selector .reset-button {
        color: #878787;
        font-size: 10px;
        letter-spacing: 1px;
        text-transform: uppercase;
        display: none;
        cursor: pointer;
    }
    
    #new-feature-panel-selector .fieldrow .field_type_radio_icons input[type='radio']:checked + label {
        background: #fcfcfc;
        border: 1px solid #eee;
    }

    /* Preset layout selector
	----------------------------------------------------------- */
    .feature_panel_preset_fieldrow_wrapper {
        clear: both;
        width: 100%;
        float: left;
        /*position: relative;*/
    }
        .feature_panel_preset_fieldrow_wrapper.fp_website_editor_mode_enabled {
            position: relative;
            min-height: 315px;
        }
        .feature_panel_preset_fieldrow_wrapper:not(.fp_website_editor_mode_enabled) .fp_editor_launch_btn_wrapper {
            display: none;
        }
        .feature_panel_preset_fieldrow_wrapper.fp_website_editor_mode_enabled > *:not(.fp_editor_launch_btn_wrapper) {
            opacity: 0.3;
            pointer-events: none;
        }
    .feature_panel_preset_selector {
        display: none;
        margin: 0 0 15px;
        clear: both;
        width: 100%;
        float: left;
        padding: 0 30px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
        .feature_panel_preset_fieldrow_header {
            position: relative;
        }
        .show-preset-panel.preset-panel-reset {
            position: absolute;
            right: 0;
            top: -54px;
            margin: 0 30px !important;
        }     
        .feature_panel_preset_fieldrow_wrapper.preset-mode-active .preset-panel-reset,
        .feature_panel_preset_fieldrow_wrapper .preset-panel-reset.hidden {
            display:none;
        }
        .feature_panel_preset_fieldrow_wrapper.preset-mode-active > .fieldrow {
            /*visibility: hidden;*/
            opacity: 0;
            max-height: 0;
            display: block;
            overflow: hidden;
            pointer-events: none;
        }
        .feature_panel_preset_fieldrow_wrapper > .fieldrow {
            /*display: block;*/
            opacity: 1;
            max-height: 100%;
            pointer-events: auto;
            transition: opacity 400ms ease-out;
        }
        .feature_panel_preset_fieldrow_wrapper.preset-mode-active > .feature_panel_preset_selector {
            display: block;
        }
        .feature_panel_preset_fieldrow_wrapper .presets_selector_footer {
            width: 100%;
            display: block;
            padding: 15px 0 0 0 !important;
            box-sizing: border-box;
            text-align: center;
            margin: 0 !important;
            display:flex;
            justify-content:center;
        }
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow {
            padding: 28px 0  28px 16px; /* right padding compensates for padding of owl items*/
            border: 1px solid #eee;
            background: #FDFDFD;
            border-radius: 2px;
        }
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow > label.left-column,
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow > .field.field_type_radio_icons{
            width: 100% !important;
            clear: both;
            float: none;
        }
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow > label.left-column .fl {
            padding:0 0 14px 0;
            display: block;
            text-align: center;
            font-size: 13.5px;
            color: #111111;
            letter-spacing: 1.4px;
            text-transform: uppercase;
            text-align: center;
        }
     
        .feature_panel_preset_fieldrow_wrapper.preset-mode-active.selected-preset-transition .feature_panel_preset:not(.selected-preset),
        .feature_panel_preset_fieldrow_wrapper.preset-mode-active.selected-preset-transition .feature_panel_preset_blank {
            opacity: 0;
            transition: opacity 200ms ease-out;
        }
        .feature_panel_preset_fieldrow_wrapper.preset-mode-active.selected-preset-transition .feature_panel_preset.selected-preset {
            transition: transform 600ms cubic-bezier(0,.65,.24,1.07);
        }
        
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons .owl-item .field_type_radio_icon_item {
            position: relative;
            padding-bottom: 20px;
        }
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons .owl-item .field_type_radio_icon_item:after {
            content: '';
            display: block;
            padding-top: calc(200% + 22px);
        }
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons input[type='radio'] + label {
            padding: 0;
            border: 0;
            background: #fff;
            position: absolute;
            top: 0;
            left: 0;
            right: 15px;
            bottom: 55px;
            width: auto;
        }
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_image {
            width: 100%;
            height: 100%;
            opacity: 1;
            transition: opacity 400ms ease-out;
        }
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons input[type='radio'] + label .field_type_radio_icon_item_label {
            color:#999;
        }
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons .feature_panel_preset.selected-preset .field_type_radio_icon_item_image,
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .fieldrow .field_type_radio_icons input[type='radio'] + label:hover .field_type_radio_icon_item_image {
            opacity: 0.9;
        }
        /*.feature_panel_preset_fieldrow_wrapper .fieldrow .field_type_radio_icons input[type='radio'] + label span {*/
        /*    position: absolute;*/
        /*    top: 0;*/
        /*    left:0;*/
        /*    right:0;*/
        /*    bottom: 0*/
        /*}*/
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .owl-theme .owl-controls,
        .feature_panel_preset_fieldrow_wrapper .feature_panel_preset_selector .owl-theme .owl-controls .owl-pagination {
            margin-top: 0;
            padding-top: 0;
        }
        .feature_panel_preset_fieldrow_wrapper.preset-mode-active.selected-preset-transition .owl-controls {
            display: none;
        }
        .feature_panel_preset_fieldrow_wrapper .images_and_objects_table_wrapper ,
        .advanced-content .images_and_objects_table_wrapper {

            max-height: 500px;
        }

        .images_and_objects_table_wrapper.overflow-with-shadow {
            background:
    linear-gradient(#ffffff 33%, rgba(255,255,255, 0)),
    linear-gradient(rgba(255,255,255, 0), #ffffff 66%) 0 100%,
    radial-gradient(farthest-side at 50% 0, rgba(0,0,0, 0.5), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 50% 100%, rgba(0,0,0, 0.5), rgba(0,0,0,0)) 0 100%;
  background-color: #fcfcfc;
  background-repeat: no-repeat;
  background-attachment: local, local, scroll, scroll;
  background-size: 100% 45px, 100% 45px, 100% 15px, 100% 15px;
        }
        .images_and_objects_table_wrapper.overflow-with-shadow table.jqrowscols tr {
            /*opacity: 0.8;*/
        }
        .images_and_objects_table_wrapper.overflow-with-shadow table.jqrowscols td.f, .images_and_objects_table_wrapper.overflow-with-shadow  table.jqrowscols td {
            background: unset;
        }
        .images_and_objects_container .overflow-with-shadow table.jqrowscols td .rowscols-livedata-content .section, .images_and_objects_container .overflow-with-shadow #images_and_objects_expand_popup_content .rowscols-livedata-content .section {
            background: unset;
        }



    /* Checkbox field types
	----------------------------------------------------------- */

        .fieldrow .field_type_bool.field_type_check.field,
        .cb-container,
        .fieldrow .field_type_multi .field_type_multi_item {
            position: relative;
        }
            .fieldrow .field_type_bool.field_type_check.field .left.fl label {
                display: none;
            }
            .fieldrow .field_type_bool.field_type_check.field input[type='checkbox'],
            .fieldrow .field_type_multi input[type='checkbox'],
            .cb-container input[type='checkbox'] {
                visibility: hidden;
                height: 0;
                width: 0;
                margin: 0;
                padding: 0;
                position: absolute;
                top: 0;
                left: 0;
            }
            .fieldrow .field_type_bool.field_type_check.field input[type='checkbox'] + label,
            .fieldrow .field_type_multi input[type='checkbox'] + label,
            .cb-container input[type='checkbox'] + label {
                display: block;
                position: relative;
                padding: 0;
                margin-right: 8px;
                padding-left: 22px;
                min-height: 14px;
                min-width: 14px;
            }
            .fieldrow .field_type_bool.field_type_check.field input[type='checkbox'] + label:before,
            .fieldrow .field_type_multi input[type='checkbox'] + label:before,
            .cb-container input[type='checkbox'] + label:before {
                content: "";
                display: inline-block;
                vertical-align: top;
                position: absolute;
                margin-right: 8px;
                background: #fff;
                border-color: #aaa;
                width: 12px;
                height: 12px;
                border: 1px solid #ddd;
                border-radius: 3px;
                left: 0;
                top: 0;
                padding-left: 1px;
                margin-top: 1px;
                z-index: 1;
                text-align: center;
                -webkit-font-smoothing: antialiased;
                -webkit-transition: background-color 0.1s ease, border-color 0.1s ease;
                transition: background-color 0.1s ease, border-color 0.1s ease;
            }
            .fieldrow .field_type_bool.field_type_check.field input[type='checkbox']:checked + label:before,
            .fieldrow .field_type_multi input[type='checkbox']:checked + label:before,
            .cb-container input[type='checkbox']:checked + label:before {
                content: "\f00c";
                text-indent: 0;
                text-align: center;
                background-color: #78C7FB;
                border-color: #78C7FB;
                color: #fff;
                font: normal normal 900 8px/1 FontAwesome;
                line-height: 12px;
                text-indent: -1px;
                /* font-size: 11px; */
                font-size: 8px;
                padding-top: 1px;
                /* text-indent: 1px; */
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                -webkit-animation: squish 290ms ease-in;
                -moz-animation: squish 290ms ease-in;
                -ms-animation: squish 290ms ease-in;
                -o-animation: squish 290ms ease-in;
                animation: squish 290ms ease-in;
            }



        /* Checkbox switch field types
	----------------------------------------------------------- */

        #preferences_fields {
            padding-bottom: 200px;
        }

        .fieldrow .field_type_bool.field_type_switch.field,
        #preferences_fields .fieldrow.field_type_bool .field {
            position: relative;
        }
        .fieldrow .field_type_bool.field_type_switch.field .left.fl label {
            padding: 6px 0 0 6px;
            display: none;
        }
        .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'],
        #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] {
            visibility: hidden;
            height: 0;
            width: 0;
            margin: 0;
            padding: 0;
            position: absolute;
            top: 0;
            left: 0;
        }
        .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'] + label,
        #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label {
            width: 50px;
            height: 26px;
            padding: 1px;
            background: #efefef;
            background: #fff;
            /**/
            box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1);
            border: 1px solid #cacaca;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            text-indent: -9999px;
            display: block;
            text-align: left;
            position: relative;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            cursor: pointer;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        #preferences_fields [data-name="_enable_artlogic_database_integration"] .field.left {
            display: flex;
            flex-direction: row-reverse;
        }
        
        #preferences_fields .export_for_web {
            color: #aaa;
            margin-top: 6px;
            margin-left: 10px;
        }

        .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'] + label *,
        #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label * {
            display: none;
        }
            .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'] + label:before,
            #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label:before {
                right: 5px;
                content: '';
                text-transform: uppercase;
                letter-spacing: 1px;
                text-indent: 0;
                font-size: 10px;
                line-height: 16px;
                display: block;
                position: absolute;
                color: #ccc;
                top: 5px;
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }
            .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox'] + label:after,
            #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox'] + label:after {
                content: '.';
                text-indent: -9999px;
                display: block;
                height: 24px;
                width: 24px;
                background: #fff;
                position: absolute;
                left: 0;
                top: 0;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                box-shadow: 0 2px 3px 0 rgba(120,120,120,0.15);
                box-shadow: 0 3px 6px 0 rgba(120,120,120,0.3);
                -moz-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                border: none;
            }
        .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox']:checked + label,
        #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox']:checked + label {
            background: #78C7FB;
            box-shadow: inset 0 1px 6px 0 rgba(120,120,120,0.1);
            border-color: #78C7FB;

            background: #78C7FB;
            border-color: #78BCE8;
            box-shadow: inset 0 3px 6px 0 rgba(120,120,120,0.2);
        }
            .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox']:checked + label:before,
            #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox']:checked + label:before {
                left: 5px;
                right: auto;
                content: 'on';
                color: #fff;
            }
            .fieldrow .field_type_bool.field_type_switch.field input[type='checkbox']:checked + label:after,
            #preferences_fields .fieldrow.field_type_bool .field input[type='checkbox']:checked + label:after {
                left: 24px;
            }





	/* Forms
	----------------------------------------------------------- */

        .f2 #fieldscontainer, .f2 .fieldscontainer {
            width: 100% !important;
            margin: 40px 0 0;
            padding: 0 0 60px;
        }
            .f2 #fieldscontainer, .f2 .fieldscontainer:after {
                content: '';
                display: block;
                clear: both;
                height: 0;
            }
        body.edit_page_visibility_pane .f2 #fieldscontainer,
        body.edit_page_visibility_pane .f2 .fieldscontainer {
            width: 100% !important;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 300px;
        }

	.f2 .field_pane {
            padding: 15px 0 0;
            border: 1px solid #eee;
            background: #fff;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            width: 100% !important;
            float: right;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
            .f2 .field_pane .fieldrow.fieldrow_type_subheading,
            .f2 .field_pane .fieldrow_content {
                margin-bottom: 15px;
                float: left;
                width: 100%;
                box-sizing: border-box;
            }
            .f2 .field_pane .fieldrow,
            .f2 .field_pane .fieldrow_content {
                padding-left: 15px;
                padding-right: 15px;
            }
            .f2 .field_pane .fieldrow > label.left-column {
                display: none;
                width: auto !important;
            }
                .f2 .field_pane .fieldrow > label.left-column .fl {
                    padding-left: 0;
                }
            .f2 .field_pane .fieldrow > div.field {
                width: 100% !important;
            }
            .f2 .field_pane .fieldrow > div.field .f-info-button-icon {
                float: right;
            }
            .f2 .field_pane .fieldrow > div.field.field_type_radio {
                padding-top: 0;
            }
            .f2 .field_pane .fieldrow h5 {
                margin: 0;
            }

            .f2 .field_pane .fieldrow.fieldrow_type_date {
                position: relative;
            }
                .f2 .field_pane .fieldrow.fieldrow_type_date > div.field {
                    width: auto !important;
                    float: none;
                    margin-right: -10px;
                    display: block;
                    max-width: none;
                }
                .f2 .field_pane .fieldrow.fieldrow_type_date > div.field label {
                    padding: 0;
                    margin: 0 0 10px;
                    display: block;
                }
                .f2 .field_pane .fieldrow.fieldrow_type_date > div.field > .field_type_date_container {
                    width: 50% !important;
                    margin: 0;
                    padding-right: 10px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }
                .f2 .field_pane .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_type_date_field_container input {
                    width: 100% !important;
                }
                .field_type_date_container .field_type_bool.field_type_switch.field {
                    width: auto !important;
                    margin-top: 5px;
                }
                .f2 .fieldrow.fieldrow_type_date .field_type_date_container label { 
                    padding-top: 10px;   
                }

        .f2 .fieldrow {
            margin: 0 0 15px;
            clear: both;
            width: 100%;
            float: left;
            padding: 0 30px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .simple-modal .f2 .fieldrow {
            padding: 0;
        }
        .simple-modal .f2 .fieldscontainer {
            padding: 0;
            margin: 0;
        }
        .simple-modal .f2 .fieldrow h1 {
            margin: 0;
        }
            .f2 .fieldrow.fieldrow_hide_label {

            }
                .f2 .fieldrow.fieldrow_hide_label > label.left-column {
                    display: none;
                }
                .f2 .fieldrow.fieldrow_hide_label > div.field {
                    width: 100% !important;
                }

        .f2 .fieldrow.fieldrow_full_width {
            display: flex;
            flex-direction: column;
        }

        .f2 .fieldrow.fieldrow_full_width>div.field {
            margin-top: 10px;
            width: 100% !important;
        }

        .f2 .fieldrow.fieldrow_type_date {
            
        }
            .f2 .fieldrow.fieldrow_type_date .field_type_date_container {
                float: left;
                position: relative;
                margin-right: 10px;
            }
            .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper {
                float: left;
                position: relative;
            }
            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                display: none;
            }
            .ui-datepicker .ui-datepicker-buttonpane {
                padding: 10px;
                margin: 0;
                float: left;
                width: 100%;
                box-sizing: border-box;
            }
            .ui-datepicker .ui-datepicker-buttonpane button {
                float: left;
                color: #888;
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                line-height: 19px;
                background: #fefefe;
                font-weight: 200;
                margin: 5px 0 5px;
                padding: 0;
            }
            .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_type_date_field_container  {
                padding: 0;
            }
                .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_type_date_field_container input {
                    width: 120px;
                    padding-right: 22px;
                }
                .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_type_date_field_container input.datepicker_function_field {
                    width: 0 !important;
                    height: 0 !important;
                    margin: 0 !important;
                    display: block;
                    border: 0 !important;
                    padding: 0 !important;
                }
            .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_clearer_container  {
                padding: 0;
            }
            .f2 .fieldrow.fieldrow_type_date .field_type_date_wrapper .field_clearer  {
                position: absolute;
                top: 0;
                right: 4px;
            }
            a.field_clearer {
                background: none;
            }
                a.field_clearer:after {
                    content: "\f00d";
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: 12px;
                    line-height: 14px;
                    font-weight: normal;
                    color: #bbb;
                    display: inline-block;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }
                
        .f2 .fieldrow.fieldrow_type_content {

        }
            .f2 .fieldrow.fieldrow_type_content.fieldrow_no_label label {
                display: none;
            }
            .f2 .fieldrow.fieldrow_type_content.fieldrow_no_label .field {
                width: 100% !important;
            }
            .f2 .fieldrow.fieldrow_type_content.fieldrow_no_label .field > .left {
                width: 100% !important;
            }

        .f2 .fieldrow.fieldrow_type_subheading {
            margin: 28px 0 25px;
            padding-top: 0;
        }
                .f2 .fieldrow.fieldrow_type_subheading.fieldrow_size_small {
                    margin-bottom: 10px;
                }
            .f2 .fieldrow.fieldrow_type_subheading label {
                display: none;
            }
            .f2 .fieldrow.fieldrow_type_subheading .field {
                width: 100% !important;
                padding-top: 35px;
                border-top: 1px solid #eee;
            }
                .f2 .fieldrow.fieldrow_type_subheading.fieldrow_size_small .field {
                    padding-top: 12px;
                }
            .f2 .fieldrow.fieldrow_type_subheading .fcontent-inner {
                padding-top: 0;
            }
            .f2 .fgroup > div:nth-of-type(1) > .fieldrow.fieldrow_type_subheading:nth-of-type(1),
            .f2 .fgroup > .fieldrow.fieldrow_type_subheading:nth-of-type(1),
            .f2 .fgroup .fieldrow.fieldrow-first.fieldrow_type_subheading {
                border-top: 0;
                margin-top: 0;
                padding-top: 0;
            }
            .f2 .fgroup > div:nth-of-type(1) > .fieldrow.fieldrow_type_subheading:nth-of-type(1) .field,
            .f2 .fgroup > .fieldrow.fieldrow_type_subheading:nth-of-type(1) .field,
            .f2 .fgroup .fieldrow.fieldrow-first.fieldrow_type_subheading .field {
                border-top: 0;
                margin-top: 0;
                padding-top: 0;
            }
            .f2 .fieldrow h3 {
                font-family: 'ProximaNova', Sans-Serif;
                font-size: 17px;
                color: #111;
                padding: 0;
                margin: 0;
                font-style: normal;
                font-weight: 200;
                text-transform: uppercase;
                letter-spacing: 2.5px;
                -webkit-font-smoothing: subpixel-antialiased;
            }
            .f2 .fieldrow h4 {
                font-size: 13.5px;
            }
        .f2 .fieldrow > label.left-column {
            width: 20% !important;
        }
        .f2 .fieldrow > div.field {
            width: 80% !important;
            position: relative;
        }
        .f2 .fieldrow.fieldrow_type_textarea > div.field > .left,
        .f2 .fieldrow.fieldrow_type_rte > div.field > .left,
        .f2 .fieldrow.fieldrow_type_default > div.field > .left,
        .f2 .fieldrow.fieldrow_type_content > div.field > .left {
            float: none;
            width: 100%;
        }
        .f2 .fieldrow > div.field_disabled,
        .f2 .fieldrow > label.field_disabled {
            opacity: 0.5;
            pointer-events: none;
        }
	.f2 .fieldrow label.left-column {
            text-align: left;
	}
	.f2 .fieldrow label.left-column .fl {
            padding: 6px 30px 0 0;
            display: block;
            text-align: left;
	}
	.f2 .fieldrow .field label {
            padding: 6px 0 0;
            display: block;
	}
        .f2 .fieldrow .field.field_type_image {
            padding-top: 8px;
        }
            .f2 .fieldrow .field.field_type_image > .left {
                width: 100%;
            }
            
            .f2 .fieldrow .field.field_type_image .image-field-wrapper {
                display: flex;
            }
            .f2 .fieldrow .field.field_type_image .image-field-wrapper.fullwidth {
                display: block;
            }  
                .f2 .fieldrow .field.field_type_image .image-field-wrapper.fullwidth .image-field-thumbnail-container{
                    width: 100%;
                    padding:0;
                    margin-bottom: 20px;
                }
            .f2 .fieldrow .field.field_type_image .image-field-wrapper.hidden {
                display: none;
            }
            .f2 .fieldrow .field.field_type_image .image-field-wrapper .image-field-controls-container {
                flex-grow: 1;
            }
            
            .f2 .fieldrow .field.field_type_image .field_type_image_caption {
                border-top: 1px solid #eee;
                margin-top: 12px;
            }
            .f2 .fieldrow .field.field_type_image .field_type_image_caption .fieldrow {
                padding: 12px 0 0;
                margin: 0;
            }
            .f2 .fieldrow .field.field_type_image .field_type_image_caption label {
                display: block;
                width: auto !important;
                padding: 0 14px 0 0;
                margin: 0 0 6px;
                flex-shrink: 1;
                white-space: nowrap;
                box-sizing: border-box;
            }
                .f2 .fieldrow .field.field_type_image .field_type_image_caption label .fl {
                    padding: 0 !important;
                    margin: 0 !important;
                }
            .f2 .fieldrow .field.field_type_image .field_type_image_caption .field {
                width: 100% !important;
                flex-grow: 1;
            }
                .f2 .fieldrow .field.field_type_image .field_type_image_caption .field input {
                    width: 100% !important;
                    max-width: 500px;
                }
            
            .f2 .fieldrow .field.field_type_image .image_record_alt_text_container {
                width: 100%;
                float: left;
                clear: both;
            }
                .f2 .fieldrow .field.field_type_image .image_record_alt_text_container div {
                    float: left;
                    margin: 0 14px 0 0;
                }
                .f2 .fieldrow .field.field_type_image .image_record_alt_text_container .image_record_alt_text_display {
                    color: #999;
                }
                    .f2 .fieldrow .field.field_type_image .image_record_alt_text_container .image_record_alt_text_display.empty:after {
                        content: 'Not entered';
                        color: #ffa500;
                    }
        
	.fl {
            font-family: 'ProximaNova', Sans-Serif;
            font-size: 13px;
            font-style: normal;
            color: #111;
	}
	.fl.fl_disabled {
            
	}
	.fnote {
            font-weight: 200;
            font-family: 'ProximaNova', Sans-Serif;
            font-size: 12px;
	}
        .f2 .fieldrow .fnote {
            padding: 6px 0 0;
            margin: 0;
        }
        .mce_editor_below .fnote {
            padding: 6px 0 0;
            display: block;
        }

    .fieldrow.has_inline_note.fieldrow_type_default > div.field > .left {
        float: left;
        width: auto;
    }

        .f2 .fieldrow .fnote.inline_note {
            line-height: 22px;
            margin-left: 5px;
        }
        
	.f,
	.fDisabled,
	.f.qs,
    #preferences_fields .fieldrow .field input.f {
            outline: none;
            border: 1px solid #ddd;
            font-family: inherit;
            background: #fff;
            padding: 8px;
            font-size: 13px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
	}
        textarea.f {
            border: 1px solid #ddd !important;
        }
        .f.primary_field {
            padding: 10px;
            font-size: 16px;
        }
        .f.full {
            width: 100% !important;
        }

        #pp_content {
            height: auto !important;
        }
	#pp_content .f.pp_full {
            padding: 10px !important;
            width: 100% !important;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	}
	textarea {
		min-height: 100px;
	}
	input:focus,
	.f:focus,
	.fDisabled:focus,
	.f.qs:focus {
		background: #fefefe;
		border-color: #dae5f7;
	}
        input:focus,
	.f:focus,
        .f.qs:focus,
        #preferences_fields .fieldrow .field input.f:focus {
            border-color: rgba(82, 168, 236, 0.8);
            outline: 1px;
            outline: thin dotted \9;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            position: relative;
        }

        a.field_clearer {
            margin: 8px 0 0 0;
        }


	table.jqrowscols input.f {
		padding: 3px !important;
	}
        table.jqrowscols td, table.jqrowscols th {
            font-weight: 200;
        }

	.fcontent-inner {
	    padding-top: 8px;
            width: 100% !important;
	}

	#uploadify_archimedesuploader_hero_imagesUploader {

    }
    /* -----------------------------------------------------------
    online sales hub styling
    ----------------------------------------------------------- */
    #sales_hub_navigation {
        display: inline-block;
        float:left;
        width: 220px;
        margin-top: 10px;
        margin-bottom: 30px;
        margin-right:50px;
        box-sizing: border-box;
        font-size: 14px;
        color: #333333;
        text-align: left;
    }
    #sales_hub_navigation ul {
        border: 1px solid #EEEEEE;
        list-style: none;   
        padding-left: 0;
        margin-left: 0;
    }
    #sales_hub_navigation .nav-section {
        border-bottom: 1px solid #eee;
        padding: 8px 0;
    }
     #sales_hub_navigation .nav-section:last-child {
         border-bottom: 0;
     }
    /* #sales_hub_navigation  ul li:hover{
        background:#F7F7F8;
        -moz-transition: background .2s ease-in;
        -o-transition: background .2s ease-in;
        -webkit-transition: background .2s ease-in;
        transition: background .2s ease-in;
    }
    #sales_hub_navigation ul li.active {
        background-color:#F7F7F8;
    } */
    #sales_hub_navigation ul li {
        line-height: 30px;
        padding: 0px 16px;
        font-family: 'Proxima Nova';
        font-style: normal;
    }

    #sales_hub_navigation a {
        color: #474747;
        font-weight: 300;
        font-size: 13px;
        display: block;
        }
    #sales_hub_navigation li a.external_link_icon:after {
        content: "\f08e";
        margin-left: 6px;
        margin-right: -3px;
        margin-top: 0px;
        color: #ddd;
        font: normal normal 400 14px/1 FontAwesome;
        font-size: 12px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    #sales_hub_navigation ul li.active a {
        font-weight: 400;
        color:#000000;
    }
    #sales_hub_storestatus {
        float: right;
        display: table;
        max-width: 230px;
        width: 100%;
        font-style: normal;
        font-weight: 100;
        font-size: 15px;
        line-height: 17px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #111111;
        background-color: #F9FAFB;
        border: 1px solid #EAEAEA;
        border-radius: 2px 2px 0px 0px;
    }
    #sales_hub_storestatus_top{

        padding: 24px 20px;
    }
    #sales_hub_storestatus_bottom{

    }
    .test_mode_box #sales_hub_storestatus_top {
        background-color: #FFF6EB !important;
        border: 1px solid #E3800C !important;
    }
    #sales_hub_storestatus select {
        border: 1px solid #EAEAEA;
        display: table-row;
        border-radius: 41px;
        margin-top: 20px;
        padding: 0 17px;
        width: 208px;
        height: 40px;
    }
    .test_mode_text .hidden{
        display:none;
    }
    .test_mode_text {
        font-style: normal;
        font-weight: 300;
        font-size: 13px;
        line-height: 16px;
        align-items: center;
        letter-spacing: 0.01em;
        color: #474747;
        text-transform: none;
        margin-top: 20px;
    }
    .select-wrapper {
        position: relative;
        user-select: none;
        width: 100%;
    }
    .select {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    
    .custom-options {
        position: absolute;
        display: block;
        transition: all 0.5s;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 2;
        top: 70px;
        width: 100%;
        height:144px;
        background: #fff;
        box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15);
        border-radius: 4px;
    }
    .custom-option {
        width: 100%;
        display: block;
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 14px;
        text-transform: none;
        padding: 17px 19px;
        cursor: pointer;
        letter-spacing: 0.01em;
    }
    .custom-option:first-child {
        border-bottom: 1px solid #EAEAEA;
    }
    .custom-option:last-child {
        border-top: 1px solid #EAEAEA;
    }
    .select.open .custom-options {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }
    .green_dot,
    .orange_dot,
    .red_dot {
        width:8px;
        height:8px;
        border-radius: 50%;
        top: 3px;
        float: left;
        position: relative;
        margin-right: 8px;
    }
    .green_dot{
        border: 1px solid #3F895F;
        background: #3F895F;
    }
    .live{
        color: #3F895F;
    }
    .orange_dot{
        border: 1px solid #E3800C;
    }
    .test_mode{
        color: #E3800C;
    }
    .red_dot{
        border: 1px solid #EA3223;
        background: #EA3223;
    }
    .offline{
        color: #EA3223;
    }
    #store_status {
        font-style: normal;
        font-weight: 600;
        font-size: 13px;
        line-height: 15px;
        text-transform: none;
        cursor: pointer;
        letter-spacing: 0.01em;
        color: #EA3223;
        padding: 13px 17px;
        width: 100%;
        box-sizing: border-box;
        margin-top: 20px;
        background: #FFFFFF;
        border: 1px solid #EAEAEA;
        border-radius: 41px;
    }
    .store_status_arrow {
        position: relative;
        height: 15px;
        width: 15px;
        float:right;
   }

    .store_status_arrow::after {
        content: "";
        width: 0; 
        height: 0; 
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #999999;
        position: absolute;
        right: 50%;
        margin-right: -2px;
        bottom: 5px;
   }
   .cart_live_prompt_test_transaction {
        text-transform: none;
        font-weight: 300;
        font-size: 12px;
        letter-spacing: 1px;
        margin-right: 10px;
        color: #111;
    }
    .online-sales-hub-body {
        width:590px;
        float:left;
    }
    .online-sales-hub-body #preferences_fields .fieldscontainer {
        margin-bottom: 64px;
    }
    .online-sales-hub-body #preferences_container{
        width: auto;
    }

    /* Sales hub settings */
    
    #preferences_fields .fieldrow.field_type_bool .online-sales-field-row .field input[type='checkbox'] + label {
        margin-bottom: 15px;
    }
    .online_sales_input_number_case {
        width:50%;
        float:left;
        display:block;
    }
    .sales_hub_rates_input_number,
    .online_sales_input_number,
    .online_sales_vat_input_number {
        border: 1px solid #ddd;
        display: inline-block;
        float:left;
        line-height: 1.6;
        margin: 0;
        width: 240px;
        padding: 4px 6px;
    }
    .sales_hub_rates_input_number > input,
    .online_sales_vat_input_number >input,
    .online_sales_input_number >input {
        background: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: inherit;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: inherit;
        margin: 0 0 0 10px;
        min-height: auto;
        min-width: 0;
        outline: none;
        padding: 0;
    }
    .sales_hub_rates_prefix,
    .sales_hub_rates_suffix,
    .online_sales_suffix{
        float:right;
        color: #AAAAAA;
        display: block;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-right: 15px;
        text-transform: none;
        letter-spacing: 0px;
    }
    .to_weight {
        border-left:none;
    }
    .sales_hub_rates_add_range{
        font-weight: 300;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: 0.15em;
        color: #888888;
    }
    .sales-hub-plus-icon{
        margin-right:11px;
        height: 10.5px;
        width: 10.5px;
        position: relative;
        top: 2px;
    }
    .sales_hub_placeholder {
        color: #AAAAAA;
        padding-left: 11px !important;
        text-transform: none;
        letter-spacing: 0px;
    }
    .shipping_rates_subheading {
        font-weight: 600;
        text-transform: none;
        letter-spacing: 0px;
        font-size: 13px !important;
        line-height: 24px;
        color: #111111;
    }
    .sales_hub_rates_prefix {
        margin-left: 7px;
        color: #4A4A4A;
        margin-right: 0 !important;
    }
    #sales_hub_shipping_rates_table > tbody > .row {
        display:flex;
    }

    #sales_hub_shipping_rates_table > tbody > .row.hidden {
        display:none;
    }


    .sales-hub-right-arrow {
        margin: 0 20px;
        top: 10px;
        position: relative;
    }
    .sales-hub-shipping-range-delete {
        height: 18px;
        margin: 0 16px;
        position: relative;
        top: 10px;
        width: 18px;
    }
    .online_sales_vat_input_number >input {
        float:left !important;
        width: 110px !important;
    }
    .online_sales_vat_input_number .online_sales_suffix{
        margin-right: 11px !important;
    }
    .online_sales_vat_input_number {
        float:right !important;
        Width:159px !important;
    }

    .sales_hub_rates_input_number {
        margin-bottom: 15px;    
        width: 165px !important;
        height: 30px;
        padding: 8px 8px 0 8px;
    }
    .sales_hub_rates_input_number > input{
        width:70%;
    }
    .sales_hub_rates_prefix {
        float:left !important;
    }
    .sales_hub_rates_prefix,
    .sales_hub_rates_suffix {
        font-weight:14px;
    }
    .online-sales-hub-labels {
        width: 579px;
        font-weight: 600;
        color: #111111;
        font-size: 13px;
        line-height: 24px;
    }

    #preferences_fields .fieldrow .online-sales-hub-labels {
        margin-bottom: 12px;
    }

    #preferences_fields .fieldrow .online-sales-hub-labels label {
        width: inherit;
        padding: 0;
    }

    .online-sales-hub-text {
        font-weight: 300;
        line-height: 19px;
        text-align: left;
        letter-spacing: 0px;
        color: #111111;
        margin: -12px 0 16px 0;
    }
    .online-sales-field-row {
        margin-bottom: 35px;
        display: table;
    }
    .online_sales_hub_field_note {
        margin-top: 5px;
        font-weight: 300;
        font-size: 13px;
        display: table-footer-group;
        top: 8px;
        position: relative;
        line-height: 24px;
        color: #AAAAAA;
    }
    .uppercase {
        text-transform: uppercase;
    }
    .remove-shipping-row {
        cursor: pointer;
    }
    /* stripe connect buttons for online sales */
    .new-stripe-connect {
        color: #888888;
        height: 19px;
        width: 61px;
        margin: 10px 0px;
        padding: 7px 16px;
        border: 1px solid #C8C8C8;
        font-size: 11px;
        text-transform: uppercase;
        border-radius: 20px;
    }
    .connected-status {
        font-weight: 200;
        line-height: 1;
        margin: 16px 0px 13px 0;
    }
    .connected-status::before {
        content: 'sold';
        overflow: hidden;
        width: 7px;
        background: #DB5858;
        height: 0px;
        padding: 7px 0 0;
        display: inline-block;
        border-radius: 12px;
        margin: 0 10px 1px 0;
    }
    a.new-stripe-connect:visited {
        color: #888888;
    }
    .squarebtn.disabled {
        cursor: default;
    }
    .squarebtn.disabled a {
        background-color: #FAFAFA;
        border-color: #FAFAFA !important;
        color:#DADADA;
        pointer-events: none;
    }
    .stripe_connect_buttons_container {
        align-items: center;
        display: flex;
        margin-top: 13px;
    }
    /* steps styling */
    .subsection-online-sales p.step-links-intro{
        padding-bottom: 43px;
    }
    .subsection-online-sales #home #preferences_container {
        display:inline-block;
        max-width: 607px;
    }
    .online-sales-hub-body #preferences_fields .fieldrow .field.full {
        width: 100%;
    }
    .red-bold-steps {
        color: #EA3223;
        font-weight: bold;
    }

    #preferences_fields .preferences_section_shipping_settings h3{
        margin-bottom: 24px;
    }


    #preferences_fields .preferences_section_shipping_settings .fieldscontainer {
        margin-top: 0;
    }

    .online-sales-hub-body .field_type_shipping_zones .online-sales-field-row {
        width: 100%;
    }

    .online-sales-hub-body .shipping_zones {
        display: grid;
        row-gap: 24px;
    }

    .new_shipping_zone_button {
        padding: 56px 0;
    }

    .online-sales-intro-content {
        border-bottom: 1px solid #EAEAEA;
    }
    .online-sales-intro-text {
        display: inline-block;
    }
    .online-sales-page-heading {
        display: block;
        text-transform: inherit;
        padding-top:0px !important;
        letter-spacing: 0px;
    }
    .online-sales-hub-body form {
        position: relative;
        top: -20px;
    }
    .sales-hub-step-count-circle {
        border: 1px solid #EAEAEA;
        float:right;
        height: 74px;
        width: 74px;
        text-align: center;
        border-radius: 50%;
        display: flex;
    }
    .sales-hub-step-count {
        margin: auto;
    }
    .step-link {
        border-bottom: 1px solid #EAEAEA;
        padding: 30px 0;
    }
    .step-links-intro-text {
        display: inline-block;
        width:456px;
        line-height: 16px;
        letter-spacing: 0.01em;
        color: #474747;
    }
    .step-links-container {
        width:inherit;
    }
    .step-link-icon,
    .step-link-body {
        display:inline-block;
        font-style: normal;
        font-size: 13px;
        letter-spacing: 0.01em;
    }
    .step-link-icon {
        margin-right:20px;
        top: -4px;
        position: relative;
        min-width: 24px;
    }
    .step-link-body-header {
        font-weight: 600;
        color: #111111;
        display: block;
        margin-bottom: 5px;
        height: 14px;
    }
    .step-link-body-text {
        font-weight: 300;
        color: #474747;
    }
    .step-link-body-note {
        color: #3F895F;
    }
    .sales-hub-step-start {
        float: right;
        border: 1px solid #C8C8C8;
        border-radius: 48px;
        padding: 8.5px 18px 7.5px 18px;
        font-size: 11px;
        font-weight: 300;
        line-height: 19px;
        letter-spacing: 0.15em;
        color: #888888;
        text-transform: uppercase;
    }
    .sales-hub-step-edit {
        align-items: center;
        display: flex;
        float: right;
        height: 37px;
        justify-content: center;
        width: 78px;
    }
    .sales-hub-step-edit a {
        color: #3F895F;
        font-weight: 600;
    }
    .sales-hub-step-start:visited {
        color: #888888;
    }
    .sales-hub-step-count-circle-container {
        background: #e6e2e7;
        border-radius: 50%;
        float: right;
        height: 75px;
        width: 75px;
    }
    .sales-hub-step-count-circle-container .circle .mask,
    .sales-hub-step-count-circle-container .circle .fill {
        border-radius: 50%;
        height: 75px;
        position: absolute;
        width: 75px;
    }
    .sales-hub-step-count-circle-container .circle .mask {
        clip: rect(0px, 75px, 75px, 37.5px);
    }
    .sales-hub-step-count-circle-container .circle .mask .fill {
        background-color: #3F895F;
        clip: rect(0px, 37.5px, 75px, 0px);
    }
    .sales-hub-step-count-circle-container .inside-circle {
        background: #fff;
        border-radius: 50%;
        height: 70px;
        line-height: 70px;
        margin-left: 2.5px;
        margin-top: 2.5px;
        position: absolute;
        text-align: center;
        width: 70px;
    }
    /* vat styling */
    .online-sales-hub-body .field_type_vat_rates .online-sales-field-row {
        width: 100%;
    }

    .online-sales-vat-row:first-child {
        border-top: 1px solid #EEEEEE;
    }

    .online-sales-vat-row {
        padding: 24px;
        border-left: 1px solid #EEEEEE;
        border-right: 1px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
        font-weight: 600;
        font-size: 13px;
        line-height: 35px;
        display: flow-root !important;
        color: #111111;

        /* 100% - padding-left - padding-left  */
        max-width: calc(100% - 48px);
    }

    #preferences_fields .online-sales-vat-row.fieldrow {
        margin: 0;
    }

    .online-sales-vat-input {
        float:right;
        font-weight: 300;
        font-size: 13px;
        line-height: 35px;
        color: #474747;
    }

    /* -----------------------------------------------------------
    online sales hub styling ends here
    ----------------------------------------------------------- */
    /* Styling for different alert box types
    ----------------------------------------------------------- */
    .alert-box-container,
    .field_type_content_alert_box {
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
    }
    .alert-box-container.success,
    .alert-box-container.alert-popup.success .alert-box-header,
    .alert-box-container.success .alert-box-ui .alert-box-link,
    .field_type_content_alert_box.success,
    .field_type_content_alert_box.success .alert-box-header,
    .field_type_content_alert_box.success .alert-box-link-container a {
        background-color: #F2FCEC;
        border-color: #9CD768;
        color: #487D1B;
    }
    .alert-box-container.info,
    .alert-box-container.alert-popup.info .alert-box-header,
    .alert-box-container.info .alert-box-ui .alert-box-link,
    .field_type_content_alert_box.info,
    .field_type_content_alert_box.info .alert-box-header,
    .field_type_content_alert_box.info .alert-box-link-container a {
        background-color: #E7F5FF;
        border-color: #95D5FF;
        color: #115B99;
    }
    .alert-box-container.warning,
    .alert-box-container.alert-popup.warning .alert-box-header,
    .alert-box-container.warning .alert-box-ui .alert-box-link,
    .field_type_content_alert_box.warning,
    .field_type_content_alert_box.warning .alert-box-header,
    .field_type_content_alert_box.warning .alert-box-link-container a {
        background-color: #FEF0DD;
        border-color: #FDC57A;
        color: #8E530F;
    }
    .alert-box-container.danger,
    .alert-box-container.alert-popup.danger .alert-box-header,
    .alert-box-container.danger .alert-box-ui .alert-box-link,
    .field_type_content_alert_box.danger,
    .field_type_content_alert_box.danger .alert-box-header,
    .field_type_content_alert_box.danger .alert-box-link-container a {
        background-color: #FEEBEB;
        border-color: #FC8788;
        color: #9B0B0D;
    }
    .alert-box-container.neutral,
    .alert-box-container.alert-popup.neutral .alert-box-header,
    .alert-box-container.neutral .alert-box-ui .alert-box-link,
    .field_type_content_alert_box.neutral,
    .field_type_content_alert_box.neutral .alert-box-header,
    .field_type_content_alert_box.neutral .alert-box-link-container a {
        background-color: #FDFCFC;
        border-color: #CCC8C8;
        color: #585454;
    }
    
    /* fieldrow alert boxes
    ----------------------------------------------------------- */
    .alert_box_top_border {
        width: 100%;
        border-bottom: 1px solid #eee;
        margin-top: 23px;
        margin-bottom: 40px;
    }
    .field_type_content_alert_box {
        box-sizing: border-box;
    }
        .field_type_content_alert_box .fcontent-inner {
            padding: 0;
            margin: 0;
        }
        .field_type_content_alert_box .alert-box-header {
            display: flex;
            font-size: 12px;
            color: #A66A1D;
            letter-spacing: 1.07px;
            text-transform: uppercase;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            padding: 15px 22px 14px 22px;
        }
        .field_type_content_alert_box.dynamic_content_alert {
            margin-bottom: 25px;
        }
        .field_type_content_alert_box.dynamic_content_alert .alert-box-header:before {
            content: "\f0d0";
            font: normal normal 300 14px/1 FontAwesome;
            font-size: 13px;
            margin-right: 10px;
            display: block;
            text-align: center;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .field_type_content_alert_box .alert-box-message {
            padding: 22px;
            font-size: 13px;
            letter-spacing: 0;
            line-height: 24px;
        }
        .field_type_content_alert_box .alert-box-links {
            padding-left: 22px;
            padding-right: 22px;
        }
            .field_type_content_alert_box .alert-box-links {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                flex-wrap: wrap;
                padding-bottom: 22px;
            }
            .field_type_content_alert_box .alert-box-link-container {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap-reverse;
                align-items: center;
                padding-bottom: 10px;
            }
            .field_type_content_alert_box .alert-box-links .alert-box-link-container:last-child {
                margin-left: 0; 
            }
            .field_type_content_alert_box .alert-box-links .alert-box-link-container a {
                background-color: white;
                padding: 14px 24px;
                border-radius: 24px;
                border-width: 1px;
                border-style: solid;
                font-size: 11.5px;
                color: #888888;
                letter-spacing: 1.02px;
                text-transform: uppercase;
                text-align: center;
                margin-right: 24px;
            }
                .field_type_content_alert_box .alert-box-links .alert-box-link-container a:hover {
                    color: #111;
                }
            .field_type_content_alert_box .alert-box-links .alert-box-link-container .inline_alert {
                display: flex;
                margin-top: 10px;
                margin-bottom: 10px;
            }
    
    /* Inline alerts - used on alert box field helper
    ----------------------------------------------------------- */
    
    .inline_alert:before {
        font: normal normal normal 14px/1 FontAwesome;
        margin-top: 1px;
        font-size: 13px;
        margin-right: 10px;
        display: inline-block;
        text-align: center;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
        .inline_alert.success:before {
            content: "\f058";
        }
        .inline_alert.info:before {
            content: "\f05a";
        }
        .inline_alert.warning:before {
            content: "\f071";
        }
        .inline_alert.danger:before {
            content: "\f06a";
        }
    
    
    /* Generic alert boxes
    ----------------------------------------------------------- */
    .alert-box-container.alert-hidden {
        display: none!important;
    }
    .alert-box-container,
    .alert-box-container .popup-header,
    .alert-box-container .banner-header,
    .alert-box-container .alert-box-popup-message,
    .alert-box-container .alert-box-banner-message {
        display: none;
    }
        .alert-box-container.alert-popup,
        .alert-box-container.alert-banner,
        .alert-box-container.alert-popup .popup-header,
        .alert-box-container.alert-banner .banner-header,
        .alert-box-container.alert-popup .alert-box-popup-message,
        .alert-box-container.alert-banner .alert-box-banner-message {
            display: block;
        }
        
        /* --- alert banner --- */
        .alert-box-container.alert-banner {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            box-sizing: border-box;
            padding: 9px 19px;
            margin-bottom: 20px;
        }
        .alert-box-container.alert-banner .alert-box-content {
            display: flex;
            flex-direction: row;
            align-items: center;
        }
            .alert-box-container.alert-banner .alert-box-header {
                font-size: 12.5px;
                letter-spacing: 0.98px;
                text-transform: uppercase;
                margin-right: 20px;
                flex-shrink: 0;
            }
                .alert-box-container.alert-banner .alert-box-header,
                .alert-box-container.alert-banner.create-page-alert .alert-box-header,
                .alert-box-container.alert-banner.page-not-live-alert .alert-box-header {
                    display: flex;
                    align-items: center;
                    margin-right: 5px;
                }
                .alert-box-container.alert-banner.sortable-records-page .alert-box-header .banner-header,
                .alert-box-container.alert-banner.create-page-alert .alert-box-header .banner-header,
                .alert-box-container.alert-banner.page-not-live-alert .alert-box-header .banner-header {
                    display: none;
                }
                .alert-box-container.alert-banner.success .alert-box-header:before {
                    content: "\f058";
                }
                .alert-box-container.alert-banner.info .alert-box-header:before {
                    content: "\f05a";
                }
                .alert-box-container.alert-banner.warning .alert-box-header:before {
                    content: "\f071";
                }
                .alert-box-container.alert-banner.danger .alert-box-header:before {
                    content: "\f06a";
                }
                .alert-box-container.alert-banner .alert-box-header:before,
                .alert-box-container.alert-banner.create-page-alert .alert-box-header:before,
                .alert-box-container.alert-banner.page-not-live-alert .alert-box-header:before,
                .alert-box-container.alert-banner.create-page-alert .alert-box-header .banner-header:before,
                .alert-box-container.alert-banner.page-not-live-alert .alert-box-header .banner-header:before {
                    content: "\f15b";
                    font: normal normal 300 14px/1 FontAwesome;
                    font-size: 13px;
                    margin-right: 9px;
                    display: inline-block;
                    text-align: center;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }
                .alert-box-container.alert-banner.sortable-records-page .alert-box-header:before {
                    content: "\f0dc";
                }
                .alert-box-container.alert-banner .alert-box-header:before,
                .alert-box-container.alert-banner.create-page-alert .alert-box-header:before,
                .alert-box-container.alert-banner.page-not-live-alert .alert-box-header:before {
                    font-size: 15px;
                }
                .alert-box-container.alert-banner.create-page-alert .alert-box-header .banner-header:before,
                .alert-box-container.alert-banner.page-not-live-alert .alert-box-header .banner-header:before {
                    display: none;
                }
            .alert-box-container.alert-banner .alert-box-banner-message {
                font-size: 13px;
                /* color: #005D9B; */
                letter-spacing: 0;
                margin-right: 30px;
                line-height: 16px;
            }
            .alert-box-container .alert-box-ui-item {
                margin-left: 25px;
            }
            .alert-box-container .alert-box-ui-item:first-child {
                margin-left: 0;
            }
            .alert-box-container.alert-popup .alert-box-ui .alert-box-link,
            .alert-box-container.alert-banner .alert-box-ui .alert-box-link {
                background-color: white;
                padding: 13px 21px;
                border-radius: 24px;
                border-width: 1px;
                border-style: solid;
                font-size: 11.5px;
                line-height: 12px;
                color: #888888;
                letter-spacing: 1.02px;
                text-transform: uppercase;
                text-align: center;
            }
            .alert-box-container.alert-banner .alert-box-ui {
                display: flex;
                flex-direction: row;
                align-items: center;
                flex-shrink: 0;
            }
            .alert-box-container.alert-banner .alert-box-ui .alert-box-link {
                padding: 10px 19px 9px 19px;
                font-size: 10px;
                letter-spacing: 0.8px;
                line-height: 12px;
            }
            .alert-box-container .alert-box-ui .alert-box-link:hover {
                color: #111;
            }
            .alert-box-container button {
                font-size: 100%;
                line-height: inherit;
                margin: 0;
                color: inherit;
                overflow: visible;
                text-transform: none;
                background-color: transparent;
                -webkit-appearance: button;
                font-family: inherit;
                cursor: pointer;
                outline: none;
            }
            .alert-box-container.alert-banner .alert-box-close {
                display: block;
                position: relative;
                height: 16px;
                width: 16px;
                border: none;
                margin-left: 14px;
                margin-right: 0;
            }
                .alert-box-container.alert-banner .alert-box-close:hover {
                    filter: brightness(60%);
                }
                .alert-box-container.alert-banner .alert-box-close:before {
                    content: "\f00d";
                    font: normal normal 300 14px/1 FontAwesome;
                    font-size: 15px;
                    display: block;
                    position: absolute;
                    top: 1px;
                    left: 3px;
                    text-align: center;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }
                
        /* --- alert popup --- */
        .records_page #container.no-records {
            position: relative;
            min-height: 400px;
        }
        .alert-box-container.alert-popup {
            position: absolute;
            margin-top: 19px;
            top: 50%;
            right: 50%;
            transform: translate(50%,-50%);
            max-width: 460px;
            width: 100%;
            z-index: 11;
        }
        .alert-box-container.alert-popup .alert-box-header {
            padding: 17px;
            text-transform: uppercase;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            font-size: 12px;
            letter-spacing: 1.07px;
            padding: 14px 20px 13px 20px;
        }
        .alert-box-container.alert-popup .alert-box-header .popup-header {
            display: flex;
            line-height: 16px;
        }
        .alert-box-container.alert-popup .alert-box-header span:before {
            content: "\f15b";
            font: normal normal 300 14px/1 FontAwesome;
            font-size: 13px;
            line-height: 16px;
            margin-right: 9px;
            display: inline-block;
            text-align: center;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .alert-box-container.alert-popup .alert-box-popup-message {
            padding: 20px;
            font-size: 13px;
            letter-spacing: 0;
            line-height: 24px;
        }
        .alert-box-container.alert-popup .alert-box-ui {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0 20px 20px 20px;
        }
        .alert-box-container.alert-popup .alert-box-close {
            display: block;
            background: none;
            border: none;
            padding: 0;
        }
        .alert-box-container.alert-popup .alert-box-close .screen-reader-only {
            display: none;
        }
        .alert-box-container.alert-popup .alert-box-close:hover {
            filter: brightness(60%);
        }
        .alert-box-container.alert-popup .alert-box-close:before {
            content: 'Dismiss';
            text-transform: uppercase;
            display: inline-block;
            font-size: 12px;
            letter-spacing: 1.07px;
        }

    /* Getting started preferences
    ----------------------------------------------------------- */

    .getting_started_preferences_grid {
        margin-left: 0;
        margin-bottom: 40px;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        /* border: 1px solid #eaeaea;
        background: #fdfdfd; */
    }

    .getting_started_preferences_grid h2 {
        flex-basis: 100%;
    }

    .getting_started_preferences_grid li {
        flex-basis: 50%;

        padding: 30px 25px;
        box-sizing: border-box;
    }

    .getting_started_preferences_grid li:nth-of-type(odd) {
        padding-left: 0;
    }

    .getting_started_preferences_grid li:nth-of-type(even) {
        padding-right: 0;
    }

    #preferences_fields .getting_started_preferences_grid li h3 {
        margin: 0 auto 10px;
        color: #111;
    }

    .getting_started_preferences_grid li p {
        margin-bottom: 10px;
        color: #777;
    }

    .getting_started_preferences_grid li a {
        display: flex;
    }

    .getting_started_preferences_grid i {
        font-size: 44px;
        color: #999;
        margin-right: 20px;
    }

    #preferences_fields .getting_started_preferences_grid li a:hover h3 {
        color: #000;
    }

    /* .getting_started_preferences_grid li a.active i {
        color: #111;
    } */

    .getting_started_preferences_grid li a:hover p {
        color: #111;
    }

    .getting_started_preferences_grid li a:hover i {
        color: #111;
    }

    /* .getting_started_preferences_grid li a.active p {
        font-weight: normal;
        color: #111;
    } */

        /* Translations
	----------------------------------------------------------- */

        #editwin_body .translations-links {
            padding: 3px;
            border: 1px solid #eee;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            float: left;
            background: #fcfcfc;
        }
        #editwin_body .translations-links,
        #editwin_body .translations-links a {
            color: #aaa;
            font-style: normal;
            font-size: 12px;
        }
        #editwin_body .translations-links a,
        #editwin_body .translations-links a:visited {
            text-decoration: none;
            color: #111;
        }

        .f2 .fieldrow > div.field > .translations-links {
            position: absolute;
            top: 3px;
            right: 3px;
            height: 15px;
            opacity: 0;
            -moz-transition: opacity 0.3s ease-in-out;
            -webkit-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
        }
        .f2 .fieldrow > div.field:hover > .translations-links {
            opacity: 1;
        }


        /* Tiny MCE
	----------------------------------------------------------- */

        .mce_container {
            width: 100%;
        }
        .artlogicSkin table.mceLayout {
            width: 100% !important;
        }
        .artlogicSkin table.mceLayout table.mceToolbar td {
            float: left;
        }
        .artlogicSkin .mceListBox .mceOpen:before {
            font-weight: 900!important;
        }
        
        
        /* Multisearch datasource selectors
	----------------------------------------------------------- */

        .multisearchable-field {
            border: 1px solid #eee;
        }
            .f2 .fieldrow .field .multisearchable-field .multisearchable-frow > label {
                padding-top: 2px;
            }
            .multisearchable-field .col {
                width: 100% !important;
            }
            .multisearchable-field .multi-searchable-inputs {
                height: auto !important;
                max-height: 220px;
                overflow: auto;
                height: 0 !important;
                opacity: 0;
                padding: 0 !important;
                margin: 0;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                transition: height 300ms ease-in-out, opacity 300ms ease-in-out;
                border: 0;
            }
            .multisearchable-field .multi-searchable-inputs.multi-searchable-records-selected,
            .multisearchable-field .multi-searchable-inputs.multi-searchable-results-found {
                height: auto !important;
                padding: 15px 15px 9px !important;
                opacity: 1;
            }

            .multisearchable-field .multi-searchable-inputs.multi-searchable-selected {
                border-bottom: 1px solid #eee;
            }
            .multisearchable-field .multi-searchable-inputs.multi-searchable-unselected {
                border-top: 1px solid #eee;
                background: #fcfcfc;
            }

                .multisearchable-field .multi-searchable-inputs .multisearchable-frow {
                    margin: 0 0 6px;
                }

            .multisearchable-field .multi-searchable-search-form {
                margin: 0;
                padding: 15px !important;
            }
                .multisearchable-field .multi-searchable-search-form .multi-searchable-search-form-label {
                    width: auto !important;
                    margin: 0 16px 0 0;
                    padding: 8px 0 0;
                    min-width: 130px;
                }
                .multisearchable-field .multi-searchable-search-form .multi-searchable-search-form-input {
                    width: auto !important;
                    margin: 0 16px 0 0;
                    padding: 0;
                }
                    .multisearchable-field .multi-searchable-search-form .multi-searchable-search-form-input input {
                        width: 180px;
                        height: 36px;
                    }

                .multisearchable-field .multi-searchable-search-form .multi-searchable-type-form-label {
                    width: auto !important;
                    margin: 0 16px 0 0;
                    padding: 8px 0 0;
                    min-width: 130px;
                }
                .multisearchable-field .multi-searchable-search-form .multi-searchable-type-form-input {
                    width: auto !important;
                    margin: 0 16px 0 0;
                    padding: 0;
                }
                    .multisearchable-field .multi-searchable-search-form .multi-searchable-type-form-input select {
                        width: 180px;
                        height: 36px;
                    }

	/* Dropdown links
	----------------------------------------------------------- */

	.cms_dropdown_links {
	    float: left;
            position: relative;
            padding-bottom: 2px;
    }
        .cms_dropdown_links.right {
            float: right;
        }
        
        .cms_dropdown_links .cms_dropdown_links_button {
            background: none;
			padding: 6px 17px 5px 19px !important;
            padding: 7px 16px 7px 19px !important;
			font-family: 'ProximaNova', Sans-Serif;
			color: #888;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            line-height: 19px;
            background: #fefefe;
            border: 1px solid #C8C8C8 !important;
            font-weight: 200;
            -moz-border-radius: 200px;
            -webkit-border-radius: 200px;
            border-radius: 200px;
            transition: all 0.25s ease-in-out;
            display: block;
            text-indent: 2px;
			cursor: pointer;
        }
            .cms_dropdown_links.small .cms_dropdown_links_button {
                font-size: 10px;
                letter-spacing: 1px;
                padding: 5px 10px 4px 10px !important;
            }
            .cms_dropdown_links .cms_dropdown_links_button:after {
                content: "\f0d7";
                font: normal normal 900 14px/1 FontAwesome;
                font-size: 12px;
                line-height: 16px;
                color: #bbb;
                margin: 0 0 0 8px;
                display: inline-block;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
            .cms_dropdown_links.small .cms_dropdown_links_button:after {
                margin: 0 0 0 5px;
            }
        .cms_dropdown_links .cms_dropdown_links_options {
            height: 0;
            overflow: hidden;
            opacity: 0;
            top: 44px;
            left: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            z-index: 50;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            background: #fff;
            width: 100%;
            border: 1px solid #e8e8e8 !important;
            -moz-box-shadow: 0 2px 9px rgba(0,0,0,0.08);
            -webkit-box-shadow: 0 2px 9px rgba(0,0,0,0.08);
            box-shadow: 0 2px 9px rgba(0,0,0,0.08);
        }
            .cms_dropdown_links.small .cms_dropdown_links_options {
                top: 39px;
            }
        .cms_dropdown_links:hover .cms_dropdown_links_options {
            height: auto;
            opacity: 1;
            top: 36px;
			padding: 6px 0 5px 0;
			border: 1px solid #eee !important;
			transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
        }
        .cms_dropdown_links.small:hover .cms_dropdown_links_options {
            top: 30px;
        }
        .cms_dropdown_links .cms_dropdown_links_option a {
            display: block;
			padding: 6px 17px 5px 19px !important;
			font-family: 'ProximaNova', Sans-Serif;
                        color: #888;
                        font-size: 13px;
                        text-transform: none;
                        letter-spacing: 0;
                        font-weight: normal;
                        -webkit-font-smoothing: antialiased;
        }
        .cms_dropdown_links .cms_dropdown_links_option a:hover {
            background: #fafafa;
        }


	/* Buttons
	----------------------------------------------------------- */

	.squarebtns li, .aolpromptbuttons button, .squarebtn {
        background: none;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 15px 0 0 !important;
	}
        .squarebtns li:last-child {
            margin-right: 0 !important;
        }
        .images_and_objects_container .squarebtns {
            margin-right: 10px;
        }
        .images_and_objects_container .webeditor-btn .squarebtns_highlight {
            margin-top: 10px !important;
        }
        .images_and_objects_container object {
            margin-right: 5px;
        }
        .squarebtn a,
        .squarebtn > div,
	    #preferences_container .button a,
	    .button a,
        .squarebtns li a,
        .aolpromptbuttons button span {
                background: none;
                padding: 7px 16px !important;
                font-family: 'ProximaNova', Sans-Serif;
                color: #888;
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                line-height: 19px;
                background: #fefefe;
                border: 1px solid #C8C8C8 !important;
                font-weight: 200;
                -moz-border-radius: 200px;
                -webkit-border-radius: 200px;
                border-radius: 200px;
                transition: all 0.25s ease-in-out;
                display: block;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                height: 35px;
                cursor: pointer;
            }
            #editwin_body #footer-inner .squarebtns li a,
            #buttons_below_container .squarebtns ul#buttons_below li a,
            .squarebtns ul li.simplified a,
            .aolpromptbuttons button.simplified span {
                background: transparent;
                border: 1px solid transparent !important;
                padding: 7px 0px 7px 0px !important;
            }
		.squarebtn a:hover,
		.squarebtns li a:hover,
		.aolpromptbuttons button:hover {
			color: #111;
			/*background: #fafafa;*/
		}
		    .squarebtns a.create_new_page,
		    .squarebtns a.create_new_folder {
		        display: flex;
		        align-items: center;
		        height: 39px;
		    }
		    .squarebtns a.create_new_page:before,
		    .squarebtns a.create_new_folder:before {
		        content: "\f15b";
                font: normal normal 300 14px/1 FontAwesome;
                font-size: 14px;
                color: #888;
                margin-right: 10px;
                margin-bottom: 2px;
                display: inline-block;
                text-align: center;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
		    }
		    .squarebtns a.create_new_folder:before {
		        content: "\f07b";
		    }

        #preferences_container .button,
        #preferences_container .button a,
	.squarebtns li.squarebtns_highlight,
	.squarebtns li.squarebtns_highlight a,
	.squarebtns li.squarebtns_highlight a:visited,
	.squarebtns li a.page_browser_save_btn,
	#editwin_body #footer-inner .squarebtns li a#save_btn,
	#editwin_body #footer-inner .squarebtns li.squarebtns_highlight a,
        #buttons_below_container .squarebtns ul#buttons_below li a#save_changes,
        #buttons_below_container .squarebtns ul#buttons_below li a.add-btn {
		background: none;
		border: 0 !important;
	}
	#preferences_container .button a,
	.squarebtns li.squarebtns_highlight a,
	.squarebtns li.squarebtns_highlight a:visited,
	.squarebtns li:nth-of-type(1) a#save_btn,
	.squarebtns li a.add-btn,
	.squarebtns li a.page_browser_save_btn,
	#editwin_body #footer-inner .squarebtns li a#save_btn,
	#editwin_body #footer-inner .squarebtns li.squarebtns_highlight a,
        #buttons_below_container .squarebtns ul#buttons_below li a#save_changes,
        #buttons_below_container .squarebtns ul#buttons_below li a.add-btn,
        #editwin_body #footer-inner .squarebtns li a#faux_save_btn {
		background: #A8D3EF;
		border: 1px solid #A8D3EF !important;
		color: #fff;
                padding: 7px 16px !important;
                border-radius: 20px;

                color: #888;
                background: none;
                border: 1px solid #C8C8C8 !important;
                text-indent: 2px;
	}
	#preferences_container .button a:hover,
	.squarebtns li.squarebtns_highlight a:hover,
	.squarebtns li a#save_btn:hover,
	.squarebtns li a.add-btn:hover,
	.squarebtns li a.page_browser_save_btn:hover,
	#editwin_body #footer-inner li a#save_btn:hover,
	#editwin_body #footer-inner li.squarebtns_highlight a:hover,
	#editwin_body #footer-inner .squarebtns li a#faux_save_btn:hover {
		/*background: #82bfe6;*/
		/*border: 1px solid #82bfe6 !important;*/
		/*color: #fff;*/
                color: #51A8E0;
	}

        .jqgrid_btns .squarebtns li a#save_sort_order,
        #editwin_body .fields_changed #footer-inner .squarebtns li a#save_btn,
        #editwin_body .fields_changed #footer-inner .squarebtns li.squarebtns_highlight a,
        .squarebtns li.squarebtns_always_highlight a,
        .fields_changed #buttons_below_container .squarebtns ul#buttons_below li a#save_changes {
            background: #78C7FB !important;
            border: 1px solid #78C7FB !important;
        }
        .jqgrid_btns .squarebtns li a#save_sort_order,
        .jqgrid_btns .squarebtns li a#save_sort_order:visited,
        #editwin_body .fields_changed #footer-inner .squarebtns li a#save_btn,
        #editwin_body .fields_changed #footer-inner .squarebtns li a#save_btn:visited,
        #editwin_body .fields_changed #footer-inner .squarebtns li.squarebtns_highlight a,
        #editwin_body .fields_changed #footer-inner .squarebtns li.squarebtns_highlight a:visited,
        .squarebtns li.squarebtns_always_highlight a,
        .squarebtns li.squarebtns_always_highlight a:visited,
        .fields_changed #buttons_below_container .squarebtns ul#buttons_below li a#save_changes,
        .fields_changed #buttons_below_container .squarebtns ul#buttons_below li a#save_changes:visited {
            color: #fff;
        }


	.flButtons li, .btns li, .link {
            padding: 0;
            background: none;
	}
		.flButtons li a:before, .btns li a:before, .link a:before {
                    content: "\f0da";
                    font: normal normal 900 14px/1 FontAwesome;
                    font-size: 13px;
                    color: #ccc;
                    margin: 0 8px 0 0;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
		}
		
        .simple_link {
            background: none;
            font-family: 'ProximaNova', Sans-Serif;
            color: #888;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            line-height: 19px;
            font-weight: 200;
            display: block;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
            .simple_link a,
            .simple_link a:visited {
                color: #888;
                font-size: 11px;
            }
        
        
        
        
    /* Split buttons
	----------------------------------------------------------- */
    .squarebtn.splitbtn, .squarebtns li.splitbtn {
        position: relative;
    }
    .squarebtn.splitbtn > a, .squarebtns li.splitbtn > a {
        padding-right: 46px !important
    }
    .splitbtn-dropdown {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 36px;
    }
    
    .splitbtn-dropdown-btn {
        height: 100%;
        width: 100%;
        border: 0;
        background: none;
        border-left: 1px solid #c8c8c8;
        padding: 0 3px 0 0;
    } 
    .splitbtn-dropdown-btn i.fa{
        font-weight: 600;
        color: #bbb;
    }
    .splitbtn-dropdown-content {
        height: 0;
        width: auto;
        overflow: hidden;
        opacity: 0;
        top: 44px;
        right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        z-index: 50;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #fff;
        border: 1px solid #e8e8e8 !important;
        -moz-box-shadow: 0 2px 9px rgba(0,0,0,0.08);
        -webkit-box-shadow: 0 2px 9px rgba(0,0,0,0.08);
        box-shadow: 0 2px 9px rgba(0,0,0,0.08);
    }
    /* Show the dropdown menu on hover */
    .splitbtn-dropdown:hover .splitbtn-dropdown-content {
        height: auto;
        opacity: 1;
        top: 36px;
        padding: 6px 0 5px 0;
        border: 1px solid #eee !important;
        z-index: 20;
        transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out;
    }
    .splitbtn-dropdown .splitbtn-dropdown-content a{
        display: block;
        padding: 6px 17px 5px 19px !important;
        font-family: 'ProximaNova', Sans-Serif;
        color: #888;
        font-size: 13px;
        text-transform: none;
        letter-spacing: 0;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        border: none !important;
        border-radius: 0;
        clear: both;
        float: none;
        text-align: left;
        white-space: nowrap;
        min-width:120px;
    }
    .splitbtn-dropdown .splitbtn-dropdown-content a:hover {
        background: #fafafa;
    }

        /* Searchable field
	----------------------------------------------------------- */

        .f2 .fieldrow > div.field.searchable_container {
            position: static;
        }
            .f2 .fieldrow > div.field.searchable_container .searchable_value > div > .pr20 {
                padding-top: 9px;
            }
            .f2 .fieldrow > div.field.searchable_container .btns {
                padding-top: 9px;
                display: block;
            }


	/* Rows cols
	----------------------------------------------------------- */
        
        .images_and_objects_table_wrapper {
            width: 100%;
            overflow: auto;
        }
            .images_and_objects_container .images_and_objects_table_wrapper + div.padded {
                padding-top: 12px;
            }
        table.jqrowscols {
            
        }
            table.jqrowscols th {
                font-size: 13px;
                padding: 0 12px 12px 0 !important;
            }
            table.jqrowscols td {
                border: 1px solid #eee;
                padding: 0;
            }
            table.jqrowscols tr.row-placeholder {
                opacity: 0.6;
            }
            table.jqrowscols tr {
                border-bottom: 1px solid #eee;
            }
            table.jqrowscols tr.row-inactive {
                
            }
                table.jqrowscols tr.row-inactive td[data-renderer="image"] > div,
                table.jqrowscols tr.row-inactive td[data-renderer="livedata"] > span {
                    opacity: 0.4;
                    display: block;
                }
                .images_and_objects_container table.jqrowscols tr.row-inactive td.f,
                .images_and_objects_container table.jqrowscols tr.row-inactive td {
                    
                }
            .images_and_objects_container table.jqrowscols td.f,
            .images_and_objects_container table.jqrowscols td {
                border: 0;
                padding: 5px;
                height: 100px;
                background: #fcfcfc;
            }
            .images_and_objects_container table.jqrowscols td img.img {
                max-width: 100px;
                max-height: 100px;
            }
            table.jqrowscols.editable_image tr div.img-container.emptyimg img {
                width: 100px;
                height: 100px;
            }
            table.jqrowscols input.f {
                padding: 8px !important;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100% !important;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
            }
                table.jqrowscols input.f.rowscols-input-unique-error {
                    background: #ffb9b9;
                }
            table.jqrowscols th {
                font-weight: 200;
            }
            table.jqrowscols td div.cb-container {
                background: none;
                width: 16px;
                height: 16px;
                padding: 6px 0 0;
                margin: 0 auto;
            }
            table.jqrowscols td div.cb-container input[type='checkbox'] + label:before {
                margin: 0;
            }
            
            table.jqrowscols td .rowscols_editbtn {
                display: block;
                min-width: 16px;
            }
            table.jqrowscols td .rowscols_editbtn.hidden {
                display: none;
            }
                table.jqrowscols td .rowscols_editbtn a {
                    display: block;
                    text-indent: -9999px;
                    position: relative;
                    width: 100%;
                    height: 55px;
                    min-width: 16px;
                }
                table.jqrowscols td .rowscols_editbtn a:after {
                    display: block;
                    content: ".";
                    line-height: 95px;
                    width: 100%;
                    margin: 0 0 0 0;
                    text-align: center;
                    /*
                            font: normal normal normal 14px/1 FontAwesome;
                            font-size: 14px;
                            color: #ccc;
                            text-rendering: auto;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                    */
                    text-indent: -9999px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 0.6;
                    min-width: 16px;
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzlBOUE5QSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% 50% no-repeat;
                }

            table.jqrowscols td.expandbtn {
                background: none;
                text-align: center;
            }
            table.jqrowscols td.deletebtn {
                background: none;
                text-align: center;
            }
                table.jqrowscols td.deletebtn span:after {
                    content: "\f00d";
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: 14px;
                    color: #ccc;
                    line-height: 30px;
                    margin: 0 0 0 0;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }
            table.jqrowscols td.dnd-handle {
                background-image: none;
                text-align: center;
            }
                table.jqrowscols td.dnd-handle span:after {
                    content: "\f0dc";
                    font: normal normal 900 14px/1 FontAwesome;
                    font-size: 14px;
                    color: #ccc;
                    line-height: 30px;
                    margin: 0 0 0 0;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }


        .images_and_objects_container table.jqrowscols th {
            padding: 12px 12px 12px 5px !important;
        }
        .images_and_objects_container table.jqrowscols th:first-child {
            padding-left: 12px !important;
        }
        .images_and_objects_container table.jqrowscols th.header_help_note {
            background: none;
            padding-right: 30px !important;
            position: relative;
        }
            .images_and_objects_container table.jqrowscols th.header_help_note:before {
                position: absolute;
                top: 13px;
                right: 12px;
                display: block;
                vertical-align: middle;
                border: 1px solid #D8D8D8;
                border-radius: 50%;
                font-size: 8px;
                font-family: 'Baskerville';
                font-weight: bold;
                font-style: normal;
                color: #71A4E7;
                line-height: 11px;
                background-color: #F9F9F9;
                height: 10px;
                width: 10px;
                padding: 0;
                display: block;
                -webkit-font-smoothing: antialiased;
                text-align: center;
                content: "i";
            }
	.images_and_objects_container table.jqrowscols td .f {
                width: 100% !important;
                background: #fcfcfc !important;
		border: 1px solid #fcfcfc !important;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		height: 100px;
                width: auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		max-height: none !important;
		font-familiy: inherit;
		border-radius: 2px;
		transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
	}
	.images_and_objects_container table.jqrowscols tr:hover td .f {
		background-color: #fff !important;
		border: 1px solid #C8C8C8 !important;
                box-shadow: none !important;
	}

        .images_and_objects_container .rowscols-rte-content {
            border: 0 !important;
            position: relative;
            display: table;
            width: calc(100%);
            background: #fcfcfc;
	}
        .images_and_objects_container .rowscols-rte-content:hover {
            border: 0 !important;
	}
            .rowscols-rte-content .rowscols-rte-content-inner {
                max-height: 75px;
                overflow: hidden;
                width: 100%;
                height: 100px;
		background-color: transparent;
		border: 1px solid #fcfcfc !important;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
                width: auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		max-height: none !important;
		font-familiy: inherit;
		border-radius: 2px;
                padding: 8px;
		transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
            }
            
            table[id*="exhibitions"] .rowscols-rte-content,
            table[id*="exhibitions"] .rowscols-rte-content .rowscols-rte-content-inner {
                max-width: 118px;
            }
            
            .images_and_objects_container table.jqrowscols tr:hover .rowscols-rte-content-inner {
		background-color: #fff;
		border: 1px solid #C8C8C8 !important;
            }


        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4 a,
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content h4 a:visited {
            color: #aaa;
        }
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .section,
        .images_and_objects_container #images_and_objects_expand_popup_content .rowscols-livedata-content .section {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 2px;
            text-transform: uppercase;
            padding: 2px 4px;
            margin: 0 5px 5px 0;
            font-size: 10px;
            letter-spacing: 1px;
            text-indent: 2px;
            clear: none;
            float: left;
        }
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .section.section-record-removed,
        .images_and_objects_container #images_and_objects_expand_popup_content .rowscols-livedata-content .section.section-record-removed {
            border: 1px solid #ce3146;
            background: #fbf7f8;
            color: #ce3146;
            -webkit-font-smoothing: subpixel-antialiased;
        }
        .images_and_objects_container table.jqrowscols td .rowscols-livedata-content .section.section-record-status,
        .images_and_objects_container #images_and_objects_expand_popup_content .rowscols-livedata-content .section.section-record-status {
            border: 1px solid #f7c000;
            background: #fbf7f8;
            color: #e67a03;
            -webkit-font-smoothing: subpixel-antialiased;
        }


	.rowscols-rte-content:hover {
		background: inherit;
	}
	.rowscols-rte-content:hover:after {
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzlBOUE5QSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% 50% no-repeat;
                background-size: 15px auto;
                margin: 0;
                content: '.';
                text-indent: -9999px;
		text-rendering: auto;
		display: block;
		position: absolute;
		top: 4px;
		right: 4px;
                width: 15px;
                height: 15px;
	}

        .images_and_objects_container table.jqrowscols td div.img-container {
            position: relative;
            float: left;
        }
        table.jqrowscols.editable_image td div.img-container .replace_image,
        .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .replace_image,
        table.jqrowscols.editable_image td div.img-container .image_settings,
        .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .image_settings {
                background: none;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                transition: background 0.3s ease-in-out;
                display: block !important;
	}
        table.jqrowscols.editable_image tr:hover td div.img-container .replace_image,
        .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image:hover .img-container .replace_image,
        table.jqrowscols.editable_image tr:hover td div.img-container .image_settings,
        .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image:hover .img-container .image_settings {
            background: rgba(0,0,0,0.4);
	}

    table.jqrowscols.editable_image td div.img-container:after,
    .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container.has-edit-link:after {
        content: '.';
        text-indent: -9999px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTkgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlNsaWNlIDE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJkb3dubG9hZCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgIDxnIGlkPSJQZW5jaWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuNTAwMDAwLCA5LjUwMDAwMCkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNywxMS4wOTUyMTU1IEw3LDEzLjI0MTM3MjQgTDMuNTU5NDk3MjYsMTguNzQ3MzI3NyBMMS43NzYzNTY4NGUtMTUsMTMuMDUwOTQxMyBMMS43NzYzNTY4NGUtMTUsMTEgTDEuNzc2MzU2ODRlLTE1LDExLjA1MDk0MTMgTDMuNTU5NDk3MjYsMTYuNzQ3MzI3NyBMNywxMS4yNDEzNzI0IEw3LDExLjA5NTIxNTUgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuOTkwNzQ1NTQsLTcuMTA1NDI3MzZlLTE1IEwzLjAwOTI1NDQ2LC03LjEwNTQyNzM2ZS0xNSBDMS4zNDk2NzA0MSwtNy4xMDU0MjczNmUtMTUgNy4xMDU0MjczNmUtMTUsMS4zNDMxNDU3NSA3LjEwNTQyNzM2ZS0xNSwzIEw3LjEwNTQyNzM2ZS0xNSwxMyBMNywxMyBMNywzIEM3LDEuMzQ2NTE3MTIgNS42NTI3MTA4OSwtNy4xMDU0MjczNmUtMTUgMy45OTA3NDU1NCwtNy4xMDU0MjczNmUtMTUgTDMuOTkwNzQ1NTQsLTcuMTA1NDI3MzZlLTE1IFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgTDMuOTk1MTE4NSwxIFogTTEsMyBMNiwzIEw2LDEzIEwxLDEzIEwxLDMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5Ij48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTEiIHg9IjIiIHk9IjE1IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIj48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIHg9IjEiIHk9IjQiIHdpZHRoPSI1IiBoZWlnaHQ9IjEiPjwvcmVjdD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==) 50% 50% no-repeat;
        background-size: 18px auto;
        display: block;
        position: absolute;
        bottom: 8px;
        right: 8px;
        height: 20px;
        width: 20px;
        z-index: 200;
        pointer-events: none;
        transition: opacity 0.3s ease-in-out;
        opacity: 0;
    }
    table.jqrowscols.editable_image tr td div.img-container:after,
    .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container:after,
    table.jqrowscols.editable_image tr:hover td div.img-container:after,
    .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image:hover .img-container:after {
        opacity: 1;
    }
        
        /*
        table.jqrowscols.editable_image td div.img-container .replace_image:after,
        .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .replace_image:after,
        table.jqrowscols.editable_image td div.img-container .image_settings:after,
        .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .image_settings:after {
                content: '.';
                text-indent: -9999px;
		        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTlweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTkgMTkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlNsaWNlIDE8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSJkb3dubG9hZCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+ICAgICAgICAgICAgICAgIDxnIGlkPSJQZW5jaWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuNTAwMDAwLCA5LjUwMDAwMCkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNywxMS4wOTUyMTU1IEw3LDEzLjI0MTM3MjQgTDMuNTU5NDk3MjYsMTguNzQ3MzI3NyBMMS43NzYzNTY4NGUtMTUsMTMuMDUwOTQxMyBMMS43NzYzNTY4NGUtMTUsMTEgTDEuNzc2MzU2ODRlLTE1LDExLjA1MDk0MTMgTDMuNTU5NDk3MjYsMTYuNzQ3MzI3NyBMNywxMS4yNDEzNzI0IEw3LDExLjA5NTIxNTUgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyI+PC9wYXRoPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuOTkwNzQ1NTQsLTcuMTA1NDI3MzZlLTE1IEwzLjAwOTI1NDQ2LC03LjEwNTQyNzM2ZS0xNSBDMS4zNDk2NzA0MSwtNy4xMDU0MjczNmUtMTUgNy4xMDU0MjczNmUtMTUsMS4zNDMxNDU3NSA3LjEwNTQyNzM2ZS0xNSwzIEw3LjEwNTQyNzM2ZS0xNSwxMyBMNywxMyBMNywzIEM3LDEuMzQ2NTE3MTIgNS42NTI3MTA4OSwtNy4xMDU0MjczNmUtMTUgMy45OTA3NDU1NCwtNy4xMDU0MjczNmUtMTUgTDMuOTkwNzQ1NTQsLTcuMTA1NDI3MzZlLTE1IFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgTDMuOTk1MTE4NSwxIFogTTEsMyBMNiwzIEw2LDEzIEwxLDEzIEwxLDMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5Ij48L3BhdGg+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTEiIHg9IjIiIHk9IjE1IiB3aWR0aD0iMyIgaGVpZ2h0PSIxIj48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIHg9IjEiIHk9IjQiIHdpZHRoPSI1IiBoZWlnaHQ9IjEiPjwvcmVjdD4gICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); 50% 50% no-repeat;
                background-size: 22px auto;

                text-align: center;
        		line-height: 14px;
        		margin: 0;
        		text-rendering: auto;
        		-webkit-font-smoothing: antialiased;
        		-moz-osx-font-smoothing: grayscale;
        		display: block;
                height: 22px;
                width: 22px;
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -10px 0 0 -10px;
                opacity: 0;
    	}
        table.jqrowscols.editable_image td div.img-container .replace_image:hover:after,
        .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .replace_image:hover:after,
        table.jqrowscols.editable_image td div.img-container .image_settings:hover:after,
        .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .image_settings:hover:after {
                opacity: 1;
    	}
    	*/
    
    /* Hide replace_image if focalpoint is enabled, otherwise hide image_settings */

    table.jqrowscols.editable_image td div.img-container .replace_image,
    .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_image .img-container .replace_image {
        position: absolute;
        left: -9999px;
        top: -9999px;
        z-index: 00;
    }

    #images_and_objects_expand_popup_content h4,
    #images_and_objects_expand_popup_content h4 a,
    #images_and_objects_expand_popup_content h4 a:visited {
        font-weight: 200;
        -webkit-font-smoothing: subpixel-antialiased;
    }

	.images_and_objects_container table.jqrowscols td.expandbtn span {
            background: none;
            position: relative;
	}
		.images_and_objects_container table.jqrowscols td.expandbtn span:after {
                    content: "\f013";
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: 16px;
                    color: #ccc;
                    line-height: 95px;
                    margin: 0;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;

                    display: block;
                    content: ".";
                    line-height: 95px;
                    width: 100%;
                    margin: 0 0 0 0;
                    text-align: center;
                    /*
                            font: normal normal normal 14px/1 FontAwesome;
                            font-size: 14px;
                            color: #ccc;
                            text-rendering: auto;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                    */
                    text-indent: -9999px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    opacity: 0.6;
                    min-width: 16px;
                    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzlBOUE5QSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% 50% no-repeat;

		}
	.images_and_objects_container table.jqrowscols td.deletebtn span {
		background: none;
	}
		.images_and_objects_container table.jqrowscols td.deletebtn span:after {
			content: "\f00d";
			font: normal normal normal 14px/1 FontAwesome;
			font-size: 16px;
			color: #ccc;
			line-height: 95px;
			margin: 0;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	.images_and_objects_container table.jqrowscols td.dnd-handle span {
		background: none;
	}
		.images_and_objects_container table.jqrowscols td.dnd-handle span:after {
			content: "\f0dc";
			font: normal normal 900 14px/1 FontAwesome;
			font-size: 16px;
			color: #ccc;
			line-height: 95px;
			margin: 0;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.f2 .fieldrow > div.field.images_and_objects_container {
                    position: static;
		}
                    .images_and_objects_container .images_and_objects_container_inner {
                        border: 1px solid #eee;
                        border-radius: 2px;
                        -moz-box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                    }
                        .images_and_objects_container > .left {
                            width: 100%;
                            float: none;
                        }
                        .images_and_objects_container table.jqrowscols {
                            width: 100%;
                            /*margin-bottom: 12px;*/
                            overflow: auto;
                        }

            .images_and_objects_container .cb-container {
                padding: 5px 0 0;
            }
            .images_and_objects_container .cb-container input[type='checkbox'] + label {
                padding: 35px 0 0 !important;
                text-align: center;
                margin: 0;
            }

            .images_and_objects_container div.padded {
                padding: 0 12px 12px;
                float: left;
                width: 100%;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }
                .images_and_objects_container div.padded object {
                    display: block;
                }

            /* Images and objects expand row popup
            ----------------------------------------------------------- */

            .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details {
                border-bottom: 1px solid #eee;
                padding: 0 0 25px;
                margin : 0 0 25px;
            }
            .images_and_objects_container #images_and_objects_expand_popup_content .field.renderer_popuprte .f.full {
                padding: 0;
            }
            .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .extended_content {
                display: block;
                padding: 6px 0;
            }
                .images_and_objects_container #images_and_objects_expand_popup_content .fieldrow_item_details .extended_content:after {
                    display: block;
                    height: 0;
                    content: '.';
                    overflow: hidden;
                    clear: both;
                    text-indent: -9999px;
                }


	/* Records grid
	----------------------------------------------------------- */

        body.records_page #content > .left {
            float: none;
            width: 100%;
            overflow-x: scroll;
        }
        /*body.records_page #page_container {*/
        /*    position: relative;*/
        /*    height: 100%;*/
        /*}*/
        /*body.records_page #container {*/
        /*    position: relative;*/
            /*height: 100%;*/
        /*}*/
        body.records_page #footer {
            margin-top: -42px;
            position: relative;
            z-index: 200;
            width: 50%;
            max-width: 740px;

            bottom: 18px;
            position: fixed;
            
            /*position: absolute;*/
            /*bottom: 20px;*/
            
            z-index: 10;
            margin: 0;
            background: #fff;
        }
        @media screen and (max-height: 600px) and (min-width: 831px) {
            body.records_page #page_container {
                position: relative;
            }
            body.records_page #footer {
                position: absolute;
                bottom: 10px;
            }
            #content.subsection-pages .ui-pager-control {
                padding-top: 20px;
            }
            body.records_page .ui-jqgrid .ui-jqgrid-bdiv {
                min-height: 300px;
            }
        }

	.ui-jqgrid {
		min-width: 100% !important;
		border-radius: 0;
		border: 0;
		margin-bottom: 0;
	}
	.ui-jqgrid .ui-state-default, .ui-jqgrid .ui-widget-content .ui-jqgrid .ui-state-default {
		font-weight: bold;
		color: #111;
                -webkit-font-smoothing: antialiased;
	}
	.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
		text-align: left;
	}
	#jqgh_is_live, #jqgh_in_browsable_works, #jqgh_not_on_subnav {
		text-align: center;
	}
	.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
		border: 0;
	}
	.ui-jqgrid .ui-state-default, .ui-jqgrid .ui-widget-content .ui-jqgrid .ui-state-default {
		border-bottom: 1px solid #eee;
		background: none;
	}
        .ui-jqgrid tr.ui-row-ltr:nth-child(2n + 1) {
            background: #fbfbfc !important;
        }
	.ui-jqgrid tr td:nth-of-type(1) .jqgrid-cell {
	    padding-left: 3px;
	}
	.ui-jqgrid tr.ui-row-ltr td {
		border: 0;
		border-bottom: 1px solid #eee;
	}
    .ui-jqgrid tr.alt td {
		background: #fafafa;
		background: #fff;
	}
    .ui-jqgrid tr.ui-state-hover td {
		background: #fcfcfc;
	}
	.device-desktop .ui-jqgrid tr.ui-state-highlight td {
		background: #edf2fa;
	}
	.ui-jqgrid tr.jqgrow td {
		padding: 0 2px 0 0;
		font-weight: 200; /* peter removed this - not readable on small retina screens */ /* TOM put this back to match AOL, is it more ledgible on AOL ? */
		height: 40px;
                white-space: nowrap; /* peter changed this from 'pre' */
	}
    .ui-jqgrid tr td a.pagebrowser-uplink, 
    .ui-jqgrid tr td a.pagebrowser-uplink:visited {
        font-size: 11px;
        letter-spacing: 1.5px;
        color: #ccc;
        text-transform: uppercase;
        text-decoration: none !important;
        border-radius: 2px;
        border: 1px solid #ddd;
        background: #fff;
        padding: 2px 2px;
        margin-left: 12px;
    }
	.ui-jqgrid .jqgrid-cell {
		padding: 0;
	}
	    .ui-jqgrid .jqgrid-cell-label .jqgrid-cell {
	        margin-right: 10px;
	        overflow: hidden;
	    }
	    .ui-jqgrid .jqgrid-cell-filepath .jqgrid-cell {
	        color: #a5a2a2;
	        margin-right: 10px;
	        overflow: hidden;
	    }
	        .ui-jqgrid .row-disabled .jqgrid-cell-filepath .jqgrid-cell {
	            color: #C6C6C7;
	        }
	        .ui-jqgrid.hide-disabled-rows .row-disabled {
	            display: none;
	        }
	    .ui-jqgrid .jqgrid-cell-content_type .jqgrid-cell,
	    .ui-jqgrid .jqgrid-cell-content_type .jqgrid-cell a {
	        display: flex;
	        align-items: center;
	    }
	    .subsection-pages .ui-jqgrid .jqgrid-cell-filepath .jqgrid-cell,
	    .subsection-pages .ui-jqgrid .jqgrid-cell-is_live .jqgrid-cell,
	    .subsection-pages .ui-jqgrid .jqgrid-cell-not_on_subnav .jqgrid-cell {
	        cursor: pointer!important;
	    }
	    .ui-jqgrid .jqgrid-cell .content-type-label {
	        padding: 4px 8px 3px 8px;
    		background-color: #E7F5FF;
            border: 1px solid #7bb8e0;
            border-radius: 2px;
            text-transform: uppercase;
            font-size: 9px;
            color: #005D9B;
            letter-spacing: 0.8px;
            margin-right: 9px;
    	}
    	.ui-jqgrid .jqgrid-cell .content-type-label:before {
    	    content: "\f0d0";
            font: normal normal 300 14px/1 FontAwesome;
            font-size: 9px;
            color: #115B99;
            margin-right: 6px;
            margin-bottom: 2px;
            display: inline-block;
            text-align: center;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
    	}
    	.ui-jqgrid .jqgrid-cell .protected-page-label {
	        padding: 4px 8px 3px 8px;
    		background-color: #F8F0F6;
            border: 1px solid #c589b9;
            border-radius: 2px;
            text-transform: uppercase;
            font-size: 9px;
            color: #964586;
            letter-spacing: 0.8px;
    	}
    	.ui-jqgrid .jqgrid-cell .protected-page-label:before {
    	    content: "\f084";
            font: normal normal 300 14px/1 FontAwesome;
            font-size: 9px;
            color: #964586;
            margin-right: 6px;
            margin-bottom: 2px;
            display: inline-block;
            text-align: center;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
    	}
    	.ui-jqgrid .jqgrid-cell .protected-page-label.protection-method-data-capture:before {
    	    content: "\f007";
    	}
    	.ui-jqgrid .row-disabled .jqgrid-cell-content_type .jqgrid-cell {
    	    opacity: 0.5;
    	}
	.ui-jqgrid .ui-jqgrid-view {
            width: 100% !important;
            height: auto;
            overflow: visible;
	}
	    .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
	        display: none;
	    }
	    #content.pagination_visible .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
	        display: block;
	    }
        .ui-jqgrid .ui-jqgrid-pager {
            width: 100% !important;
            height: auto;
            overflow: visible;
            min-height: 60px;
        }
        .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
            float: right;
        }
	.ui-jqgrid .ui-pager-control {
		padding: 10px 0 0;
	}
	.ui-jqgrid-labels .ui-state-default {
		background: #fff;
	}
	.ui-jqgrid .ui-state-default, .ui-jqgrid .ui-widget-content .ui-jqgrid .ui-state-default {
		border-color: #eee;
	}
	.ui-jqgrid .ui-state-default.ui-jqgrid-hdiv,
	.ui-jqgrid .ui-jqgrid-hbox,
	.ui-jqgrid .ui-jqgrid-htable {
		width: 100% !important;
	}
	.ui-jqgrid .ui-jqgrid-hbox,
	.ui-jqgrid .ui-jqgrid-htable {
		width: 100% !important;
	}
        .ui-jqgrid .ui-jqgrid-hbox {
            margin: 0 0 20px;
        }

	.ui-jqgrid .ui-jqgrid-bdiv,
	.ui-jqgrid .ui-jqgrid-btable {
		width: 100% !important;
	}
	.ui-jqgrid .ui-pg-table td {
            padding: 0 !important;
            color: #111 !important;
            font-weight: 200 !important;

	}
            .ui-jqgrid .ui-pager-control {
                padding: 25px 0 0;
            }
            .ui-jqgrid .ui-pager-control .ui-pg-table {
                width: auto !important;
            }
            .ui-jqgrid .ui-pager-control > .ui-pg-table > tbody > tr > td:nth-of-type(2) {
                text-align: right !important;
                padding-left: 15px !important;
            }
            .ui-jqgrid .ui-pager-control > .ui-pg-table > tbody > tr > td:nth-of-type(3) {
                display: none !important;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table {
                float: right;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td {
                line-height: 20px;
                padding-left: 2px !important;
                background: none !important;
                border: none !important;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-pg-input {
                padding: 0;
                margin: 0;
                border: 0;
                line-height: 20px;
                text-align: center;
                width: 20px;
                display: inline-block;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td:nth-of-type(3),
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td:nth-of-type(5) {
                display: none !important;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td:nth-of-type(4) {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td #sp_1 {
                text-align: center;
                width: 20px;
                display: inline-block;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon {
                background: none !important;
                display: flex;
                align-items: center;
                text-align: center;
                text-indent: 0;
                margin-top: 3px;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon.ui-icon-seek-first:after {
		content: "\f100";
		font: normal normal normal 14px/1 FontAwesome !important;
		font-size: 22px !important;
                line-height: 16px !important;
		color: #111 !important;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon.ui-icon-seek-prev:after {
		content: "\f060";
		font: normal normal 300 14px/1 FontAwesome !important;
		font-size: 13px !important;
                line-height: 16px !important;
		color: #111 !important;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon.ui-icon-seek-next:after {
		content: "\f061";
		font: normal normal 300 14px/1 FontAwesome !important;
		font-size: 13px !important;
                line-height: 16px !important;
		color: #111 !important;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
            }
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td .ui-icon.ui-icon-seek-end:after {
		content: "\f101";
		font: normal normal normal 14px/1 FontAwesome !important;
		font-size: 22px !important;
                line-height: 16px !important;
		color: #111 !important;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
            }
            .ui-jqgrid .ui-pg-table td.jqgrid_record_count,
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td#first,
            .ui-jqgrid .ui-pg-table td table.ui-pg-table td#last {
                display: none;
            }

	.ui-jqgrid .ui-separator {
		border: 0;
	}

	.ui-widget-content {
		background: none;
	}

        .ui-widget-content.ui-datepicker {
            width: 20em;
            background-color: #FFF;
            margin-top: 5px;
            border: 1px solid #e6e6e6;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding: 0;
            box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.1);
        }
            .ui-datepicker table {
                width: 100%;
            }
            .ui-datepicker th {
                background-color: #f6f6f6;
                font-size: 13px;
                padding: 3px 2px;
                border: 1px solid #efefef;
            }
            .ui-datepicker .ui-datepicker-title {
                font-weight: bold;
            }
            .ui-widget-content.ui-datepicker .ui-datepicker-prev,
            .ui-widget-content.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover {
        		background: none;
                border: none;
                left: 0;
                top: 0;
            }
            .ui-widget-content.ui-datepicker .ui-datepicker-next,
            .ui-widget-content.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover {
        		background: none;
                border: none;
                right: 0;
                top: 0;
            }
            .ui-widget-content.ui-datepicker .ui-datepicker-prev .ui-icon,
            .ui-widget-content.ui-datepicker .ui-datepicker-next .ui-icon {
                background: none;
                left: 0;
                top: 0;
                right: 0;
                margin: 0;
                bottom: 0;
                height: 100%;
                width: 100%;
                cursor: pointer;
            }
            .ui-widget-content.ui-datepicker .ui-datepicker-prev .ui-icon:before,
            .ui-widget-content.ui-datepicker .ui-datepicker-next .ui-icon:before {
        		content: "\f0d9";
        		font: normal normal 900 14px/1 FontAwesome !important;
        		font-size: 13px !important;
                line-height: 24px !important;
        		color: #666 !important;
        		text-rendering: auto;
        		-webkit-font-smoothing: antialiased;
        		-moz-osx-font-smoothing: grayscale;
                display: block;
                text-align: center;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                text-indent: 0;
            }
            .ui-widget-content.ui-datepicker .ui-datepicker-next .ui-icon:before {
        		content: "\f105";
            }
        .ui-datepicker .ui-datepicker-header {
            background: none;
            border: none;
            font-weight: 200;
            margin: 0;
            padding: 11px;
        }
        .ui-widget-content.ui-datepicker .ui-datepicker-prev {
            top: 10px !important;
            left: 8px !important;
        }
        .ui-widget-content.ui-datepicker .ui-datepicker-next {
            top: 10px !important;
            right: 8px !important;
        }
        .ui-widget {
            font-family: inherit;
            font-size: inherit;
        }
        .ui-datepicker td {
            border: 1px solid #eee;
            padding: 0;
            transition: background 200ms linear, border 200ms linear;
        }
        .ui-datepicker td:hover {
            background: #dfeef9;
            border-color: #dfeef9;
        }
        .ui-datepicker td a.ui-state-hover {
            color: inherit;
        }
        .ui-widget-content.ui-datepicker .ui-state-default {
            background: none;
            border: none;
            font-weight: 200;
        }
        
        .ui-timepicker-div {
            padding: 0 12px;
        }
            .ui-timepicker-div dl dt {
                float: left;
                margin: 0;
                width: 35%;
                clear: both;
                margin-bottom: 10px;
                height: auto;
            }
            .ui-timepicker-div dl dd {
                float: left;
                margin: 0;
                width: 65%;
                height: auto;
                margin-bottom: 10px;
            }
            .ui-timepicker-div dl dd.ui-slider {
                margin-top: 3px;
                width: calc(65% - 2px);
                height: 10px;
            }
            .ui-timepicker-div dl dt.ui_tpicker_time_label {
                padding-bottom: 5px;
            }
            .ui-timepicker-div dl dt.ui_tpicker_timezone_label {
                padding: 8px 0 0;
            }
            .ui-timepicker-div .datepicker_panel_timezone_select {
                float: left;
                margin: 0 10px 0 0;
            }
            .ui-timepicker-div .datepicker_panel_timezone_sync_container {
                float: left;
                padding: 7px 0 0;
                position: relative;
            }
            .ui-timepicker-div .datepicker_panel_timezone_sync_container .datepicker_panel_hover_tooltip {
                position: absolute;
                top: 90%;
                left: 90%;
                border-radius: 2px;
                border: 1px solid #eee;
                padding: 8px;
                background: #fff;
                display: inline-block;
                white-space: nowrap;
                box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
                pointer-events: none;
                opacity: 0;
                transition: opacity 400ms ease-in-out;
            }
            .ui-timepicker-div .datepicker_panel_timezone_sync_container:hover .datepicker_panel_hover_tooltip {
                opacity: 1;
            }
            .ui_tpicker_time {
                font-weight: bold;
            }
            .ui_tpicker_minute_label {
                padding: 5px 0 0;
            }
            .ui_tpicker_timezone {
                padding: 1px 0 0;
            }

        .ui-jqgrid .jqgrow,
        .ui-jqgrid .ui-state-highlight, .ui-jqgrid .ui-widget-content .ui-state-highlight,
        .ui-jqgrid .jqgrow.ui-state-hover, .ui-jqgrid .jqgrow.ui-state-focus,
        .ui-jqgrid .jqgrow.ui-state-highlight {
            background-color: transparent !important;
        }

        .ui-widget-content.ui-datepicker .ui-state-default.ui-state-highlight {
            background-color: #f8f8f8;
        }

        .ui-widget-content.ui-datepicker .ui-datepicker-current-day {
            border-color: #78C7FB !important;
        }
        .ui-widget-content.ui-datepicker .ui-state-default {
            transition: background 200ms linear;
        }
        .ui-widget-content.ui-datepicker td .ui-state-default.ui-state-active {
            font-weight: bold;
            background: #78C7FB;
            color: #FFF;
        }
        .ui-datepicker td span, 
        .ui-datepicker td a {
            text-align: center;
            padding: 7px 2px;
        }

        .ui-jqgrid .jqgrow,
        .ui-jqgrid .jqgrow td {
            transition: all 0.4s ease-in-out;
        }

        .ui-jqgrid .jqgrow.ui-state-highlight {
            background-color: #fbfbfc !important;
            border: inherit !important;
        }

        .ui-jqgrid .jqgrow.tDnD_whileDrag {
            background-color: #eaf0fa !important;
            border-color: #eaf0fa !important;
        }
        .ui-jqgrid .jqgrow.tDnD_whileDrag td {
            background-color: #eaf0fa !important;
            border-color: #eaf0fa !important;
        }

        .jqgrid_btns {
            min-height: 42px;
            margin-top: -43px;
            position: relative;
            z-index: 10;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            background: #fff;
            padding: 5px 0 5px;
            border-color: #eee;
        }
            .jqgrid_btns .squarebtns li {
                margin-right: 10px !important;
            }


	.jqgrid-bool-false,
	.jqgrid-bool-true {
		background: none;
		padding: 0;
		text-align: center;
	}
	.jqgrid-bool-false:after,
	.jqgrid-bool-true:after {
		content: "\f00c";
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 13px;
		color: #dedede;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
        .jqgrid-bool-false:after {
            content: "\f00d";
	    }
	    .ui-state-hover .jqgrid-bool-false:after {
	        color: #ccc;
	    }
	.jqgrid-bool-true:after {
            color: #80CDFF; /* peter changed this to blue from green #4BD23C */
	}

	.ui-jqgrid .ui-pg-input {
		padding: 0;
		height: auto;
	}
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-jqgrid .ui-pg-input {
		font-family: 'ProximaNova', Sans-Serif;
		color: #111;
		font-size: 1em;
	}

	.ui-jqgrid .jqgrid-editpencil, .ui-jqgrid .jqgrid-header-edit {
		background: none;
	}
	/*.ui-jqgrid .jqgrid-editpencil:after, .ui-jqgrid .jqgrid-header-edit:after {
		content: "\f040";
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 13px;
		line-height: 15px;
		color: #888;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}*/
        tr.jqgrow .jqgrid-editpencil {
            opacity: 0;
            transition: opacity 0.1s ease;
        }
        tr.jqgrow:hover .jqgrid-editpencil {
            opacity: 1;
            animation: squish-pencil 0.3s ease;
        }
        @keyframes squish-pencil {
            0% { transform: scale(0.2); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }
        .ui-jqgrid .jqgrid-editpencil, .ui-jqgrid .jqgrid-header-edit {
            display: inline-block;
            cursor: pointer;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzlBOUE5QSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 50% 50% no-repeat;
            vertical-align: middle;
        }
        .ui-jqgrid .jqgrid-editpencil:hover, .ui-jqgrid .jqgrid-header-edit:hover {
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wZW5jaWw8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iUGVuY2lsIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjUwMDAwMCwgOS41MDAwMDApIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC05LjUwMDAwMCwgLTkuNTAwMDAwKSB0cmFuc2xhdGUoNi4wMDAwMDAsIDAuMDAwMDAwKSIgZmlsbD0iIzUxQThFMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExLjA5NTIxNTUgTDcsMTMuMjQxMzcyNCBMMy41NTk0OTcyNiwxOC43NDczMjc3IEwwLDEzLjA1MDk0MTMgTDAsMTEgTDAsMTEuMDUwOTQxMyBMMy41NTk0OTcyNiwxNi43NDczMjc3IEw3LDExLjI0MTM3MjQgTDcsMTEuMDk1MjE1NSBaIiBpZD0iUmVjdGFuZ2xlLTEyLUNvcHktMyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTA3NDU1NCwwIEwzLjAwOTI1NDQ2LDAgQzEuMzQ5NjcwNDEsMCAwLDEuMzQzMTQ1NzUgMCwzIEwwLDEzIEw3LDEzIEw3LDMgQzcsMS4zNDY1MTcxMiA1LjY1MjcxMDg5LDAgMy45OTA3NDU1NCwwIFogTTMuOTk1MTE4NSwxIEwzLjAwNDg4MTUsMSBDMS44OTM4OTk4LDEgMSwxLjg5NTQzMDUgMSwzIEw2LDMgQzYsMS44ODc3Mjk2NCA1LjEwMjM4Mzk4LDEgMy45OTUxMTg1LDEgWiBNMSwzIEw2LDMgTDYsMTMgTDEsMTMgTDEsMyBMMSwzIFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMiIgeT0iMTUiIHdpZHRoPSIzIiBoZWlnaHQ9IjEiPjwvcmVjdD4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxIiB5PSI0IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIj48L3JlY3Q+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
        }
        .ui-jqgrid .jqgrid-editpencil, .ui-jqgrid .jqgrid-header-edit {
            width: 17px;
            height: 17px;
            background-size: 17px 17px;
        }
        .ui-jqgrid .jqgrid-editpencil a, .ui-jqgrid .jqgrid-header-edit a {
            width: 17px;
            height: 17px;
            display: block;
        }
        /*.aui-pencil {
            width: 17px;
            height: 17px;
            background-size: 17px 17px;
        }*/
        .aui-pencil-medium {
            width: 38px;
            height: 38px;
            background-size: 38px 38px;
        }
        .aui-pencil-large {
            width: 76px;
            height: 76px;
            background-size: 76px 76px;
        }
        .aui-pencil-very-large {
            width: 190px;
            height: 190px;
            background-size: 190px 190px;
        }
	.ui-jqgrid .jqgrid-header-edit,
	.ui-jqgrid .jqgrid-header-edit:after {
		background: none;
		content: '';
	}


	.ui-jqgrid tr.jqgrow td.jqgrid-td-move {
	    background-image: none;
	    text-align: center !important;
	}
	.ui-jqgrid tr.jqgrow td.jqgrid-td-move-disabled {
	    background-image: none;
	}
	.ui-jqgrid tr.jqgrow td.jqgrid-td-move:before,
	.ui-jqgrid tr.jqgrow td.jqgrid-td-move:after {
		content: "\f142";
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 13px;
		color: #aaa;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.ui-jqgrid tr.jqgrow td.jqgrid-td-move:before {
	    padding-right: 2px;
	}

	.ui-jqgrid .jqgrid-locked, .ui-jqgrid .jqgrid-header-locked {
	    background: none;
	}
	.ui-jqgrid .jqgrid-locked:after {
		content: "\f023";
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 10px;
		color: #888;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

        .ui-widget-content a {
            color: #111;
        }







	/* Records grid
	----------------------------------------------------------- */

        body.page-pages #content {
            padding-bottom: 110px; /* Changed from margin to padding - safari does not render margin-bottom on floated final element on page. */
            float: left;
            width: 100%;
            box-sizing: border-box;
        }        

        
        body.page-pages #footer {
            position: fixed;
            left: 0;
            bottom: 0;
            right: 0;
            padding: 0 40px;
            background: #fff;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            z-index: 2000;
            max-width: 1280px;
            margin: 0 auto;
        }
        body.page-pages #footer .inner {
            padding: 20px 0;
            min-width: 1000px;
            margin: 0 auto;
            border-top: 1px solid #eee;
        }



	/* Modal windows
	----------------------------------------------------------- */

        body.simple-modal {
            margin: 0;
            padding: 0;
        }
        body.simple-modal h1 {
            color: #111;
            margin: 0 0 15px;
        }




	/* Other stuff
	----------------------------------------------------------- */

    /* CMS Uploader (mutliple file HTML5 uploader)
    ----------------------------------------------------------- */

        .cmsuploader_button {
            float: left;
        }
            .cmsuploader_button > div {
                padding: 0 !important;
            }
            .cmsuploader_button > div > div.uploadifive-button {
                line-height: inherit !important;
                height: 19px !important;
                width: auto !important;
                cursor: pointer;
                padding: 7px 16px !important;
            }
            .cmsuploader_button input {
                cursor: pointer;
            }

        .cmsuploader_queue_wrapper {
            width: 400px;
            height: 400px;
            position: fixed;
            z-index: 2000;
            top: 50%;
            left: 50%;
            margin: -220px 0 0 -220px;
            border: 1px solid #ddd;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            background: #fff;
            padding: 20px;
            display: none;
        }
            .f2 .fieldrow .cmsuploader_queue_wrapper h3 {
                margin: 0 0 15px;
            }
            .cmsuploader_queue_wrapper .cmsuploader_queue {
                width: 100%;
                height: 330px;
                border: 0;
                margin: 0 0 15px;
            }
                .cmsuploader_queue_wrapper  .cmsuploader_queue .uploadifive-queue-item {
                    padding: 0 0 12px;
                    margin: 0 0 12px;
                    border-bottom: 1px solid #eee;
                }
                .cmsuploader_queue_wrapper  .cmsuploader_queue .uploadifive-queue-item .close {
                    float: right;
                    text-indent: -9999px;
                    position: relative;
                    width: 12px;
                    height: 12px;
                    background: none;
                }
                    .cmsuploader_queue_wrapper  .cmsuploader_queue .uploadifive-queue-item .close:after {
                        content: "\f00d";
                        font: normal normal normal 14px/1 FontAwesome;
                        font-size: 16px;
                        color: #ccc;
                        margin: 0;
                        text-rendering: auto;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        position: absolute;
                        display: block;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        text-indent: 0;
                    }
                

            .cmsuploader_queue_wrapper .cmsuploader_cancel {
                float: left;
                margin: 0 !important;
            }
                .cmsuploader_queue_wrapper .cmsuploader_cancel a,
                .cmsuploader_queue_wrapper .cmsuploader_cancel a:visited {
                    text-decoration: none;
                    color: #888;
                    font-size: 11px;
                    text-transform: uppercase;
                    letter-spacing: 1.5px;
                    line-height: 19px;
                    background: #fefefe;
                    font-weight: 200;
                    text-decoration: none;
                }

            .cmsuploader_queue_wrapper .cmsuploader_results {
                float: right;
                margin: 0 !important;
            }


            .cmsuploader_queue_wrapper .progress {
                background: #eee;
                -moz-border-radius: 100px;
                -webkit-border-radius: 100px;
                border-radius: 100px;
                overflow: hidden;
                margin: 10px 0 0;
            }
                .cmsuploader_queue_wrapper .progress .progress-bar {
                    background: #78C7FB;
                    height: 10px;
                    -moz-border-radius: 100px;
                    -webkit-border-radius: 100px;
                    border-radius: 100px;
                    width: 0;
                    -webkit-transition: width 500ms ease-in-out;
                    transition: width 500ms ease-in-out;
                }



    /* Archimedesuploader (mutliple file FLASH uploader)
	----------------------------------------------------------- */

        #archimedes_upload_status_wrapper {
            width: 400px;
            height: 400px;
            position: fixed;
            z-index: 2000;
            top: 50%;
            left: 50%;
            margin: -220px 0 0 -220px;
            border: 1px solid #ddd;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            background: #fff;
            padding: 20px;
            display: none;
        }
            #archimedes_upload_status_wrapper h3 {
                margin: 0 0 15px;
            }
            #archimedes_upload_status_wrapper #fileQueue {
                width: 100%;
                height: 330px;
                border: 0;
                margin: 0 0 15px;
            }
                #archimedes_upload_status_wrapper #fileQueue .uploadifyQueueItem {
                    padding: 0 0 12px;
                    margin: 0 0 12px;
                    border-bottom: 1px solid #eee;
                }
                #archimedes_upload_status_wrapper #fileQueue .uploadifyQueueItem .cancel a:after {
                    content: "\f00d";
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: 16px;
                    color: #ccc;
                    margin: 0 8px 0 0;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }
                #archimedes_upload_status_wrapper #fileQueue .uploadifyQueueItem .cancel a img {
                    display: none;
                }
                

            #archimedes_upload_status_wrapper #fileUploadCancel {
                float: left;
                margin: 0 !important;
            }
                #archimedes_upload_status_wrapper #fileUploadCancel a,
                #archimedes_upload_status_wrapper #fileUploadCancel a:visited {
                    text-decoration: none;
                    color: #888;
                    font-size: 11px;
                    text-transform: uppercase;
                    letter-spacing: 1.5px;
                    line-height: 19px;
                    background: #fefefe;
                    font-weight: 200;
                    text-decoration: none;
                }

            #archimedes_upload_status_wrapper #fileUploadResults {
                float: right;
                margin: 0 !important;
            }


            #archimedes_upload_status_wrapper .uploadifyProgress {
                background: #eee;
                -moz-border-radius: 100px;
                -webkit-border-radius: 100px;
                border-radius: 100px;
                overflow: hidden;
            }
                #archimedes_upload_status_wrapper .uploadifyProgressBar {
                    background: #78C7FB;
                    height: 10px;
                    -moz-border-radius: 100px;
                    -webkit-border-radius: 100px;
                    border-radius: 100px;
                    width: 0;
                    -webkit-transition: width 500ms ease-in-out;
                    transition: width 500ms ease-in-out;
                }



	/* Popups (aolpromptbox)
	----------------------------------------------------------- */
        
        div.aolpromptbox.forced_z_index {
            z-index: 20000 !important;
        }
        div.aolprompt {
            font: inherit;
        }
        div.aolpromptfade {
            background: rgba(240, 240, 240, 0.9) !important;
            opacity: 1 !important;
        }
        .editwin_body_fancybox #fancybox-outer,
        body#editwin_body .aolprompt,
        div.aolprompt {
            border: 1px solid #ddd;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        }
        div.aol-default-prompt-text {
            padding: 0;
            background: none;
        }
        div.aolprompt .aolpromptmessage {
            padding: 20px 10px;
            font-weight: 200;
        }
        div.aolprompt .aolpromptmessage h2 {
            display: block;
            float: none;
            margin: 0 0 15px;
        }
        div.aol-default-prompt-text {
            font-weight: 200;
        }
        div.aolprompt .aolpromptbuttons {
            background: none;
            border: 0;
            border-top: 1px solid #eee;
            margin: 0 10px;
            padding: 15px 0 10px;
        }
        button[name="aolprompt_state0_buttonAdd Domain"] span,
        #buttons_below > li > a.add-first-domain {
            background: #78C7FB;
            border-color: #78C7FB !important;
            color: #fff;
        }
        .aolpromptbuttons:has(button[name="aolprompt_state0_buttonAdd Domain"]) {
            border-top: none;
        }
        div.aolprompt .aolpromptbuttons button {
            margin: 0 0 0 10px !important;
            outline: none;
        }
        div.aolprompt .aolpromptbuttons button.left {
            margin: 0 10px 0 0 !important;
        }
        div.aolprompt .aolpromptclose {
            height: 30px;
            width: 30px;
            background: none;
            font-family: inherit;
            cursor: pointer;
            outline: none;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            height: 33px;
            width: 33px;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
            background-size: 33px 33px;
            top: 5px;
            right: 5px;
        }
        .primary-domain-label {
            font-weight: 400;
            text-transform: uppercase;
            background: #E9E9E9;
            font-size: 9px;
            padding: 4px 7px 3px 7px;
            line-height: 10.96px;
            border-radius: 62px;
            letter-spacing: 1px;
        }
        #domain-list-grid {
            display: grid;
        }
        #domain-headlines {
            display: grid;  
            grid-template-columns: 350px 200px 150px 150px;
            white-space: nowrap; 
            margin-top: 2em; 
            color: #777;
        }
        .domain-containers {
            font-weight: 400;
            white-space: nowrap;
            display: grid;  
            grid-template-columns: 350px auto auto 150px; 
            border-top: 1px solid #eee; 
            margin-bottom: 2em; 
            background-color: #fff;
            justify-items: stretch;
        }
        .domain-containers>div {
            border-bottom:1px solid #ececec;
            display: grid;
            grid-template-rows: 67px;
            align-items: center;
        }
        .domain-containers>div:not(.domain-options-cell) {
            align-content: center;
        }
        .domain-containers i.far,
        .domain-management-dropdown i.far {
            font-weight: 900;
        }
        .domain-containers .connection-success {
            color:#459338;
        }
        .domain-options-cell {
            display: grid;
            justify-content: end;
        }
        .domain-options-cell,
        li button.domain-options-sticky {
            position: relative;
        }
        li button.domain-options-sticky {
            border: 1px solid #C8C8C8;
            border-radius: 20px;
            line-height: 2em;
            padding: 7px 18px;
        }
        .domain-options-sticky .fa-cog:before {
            font-size: 1.3em;
            position: absolute;
            left: .75em;
            color: #CACACA;
            top:10.5px;
        }
        .domain-management-dropdown {
            cursor: pointer;
            width: 218px;
            display:none;
            box-shadow: 4px 4px 24px -4px #00000040;
            border-radius: 8px; 
            position: absolute; 
            right: 10%;
            top: 50%;
            z-index: 9;
            background: #fff;
        }
        .domain-management-dropdown > div {
            padding: 10px;
        }
        .domain-management-dropdown > div:first-child {
            border-bottom: 1px solid #ececec;
        }
        .domain-management-option {
            padding: 10px;
        }
        .domain-containers .connection-failure,
        .remove-domain-button {
            color: #D40606;
        }
        .domain-request-loader {
            background: #fff;
            display: none;
            height: 100vh;
            left: 0;
            opacity: .75;
            position: fixed;
            top: 0;
            width: 100vw;
            z-index: 99999;
        }
        .domain-request-loader.loading {
            display: block;
        }
        .domain-request-loader svg.loader {
            animation: rotate 2s linear infinite;
            display: block;
            height: 40px;
            left: 50%;
            margin: -10px 0 0 -10px;
            position: absolute;
            top: 50%;
            transform-origin: center center;
            width: 40px;
        }
        .domain-request-loader svg.loader .path {
            animation: dash 1.5s ease-in-out infinite;
            stroke: #888;
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
            stroke-linecap: round;
        }
        @keyframes rotate {
            100% {
            -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
            }
        }
        @keyframes dash {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0;
            }
            50% {
                stroke-dasharray: 89, 200;
                stroke-dashoffset: -35px;
            }
            100% {
                stroke-dasharray: 89, 200;
                stroke-dashoffset: -124px;
            }
        }
        div.aolprompt .image_record_alt_text_container div {
            float: left;
            margin: 0 14px 0 0;
        }
        div.aolprompt .image_record_alt_text_container .image_record_alt_text_display {
            color: #999;
        }
            div.aolprompt .image_record_alt_text_container .image_record_alt_text_display.empty:after {
                content: 'Not entered';
                color: #ffa500;
            }

        #uploading_loader {
            padding: 8px;
        }


	/* Other popups
	----------------------------------------------------------- */

        #editwin_body .archimedes_towin h1 {
            text-align: left;
            min-width: 0;
            width: auto;
            font-size: 17px;
            color: #111;
            padding: 10px 0 0;
            margin: 0 0 25px;
            font-weight: 200;
            text-transform: uppercase;
            letter-spacing: 2.5px;
            -webkit-font-smoothing: subpixel-antialiased;

        }
        #editwin_body .archimedes_towin.dcu_popup_content h1 {
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 10px 60px 20px 0;
            margin: 0;
            border-bottom: 1px solid #eee;
            max-width: none;
        }

        @media screen and (max-height: 730px) {
            #editwin_body .dcu_popup_content iframe {
                height: calc(100vh - 150px) !important;
            }
        }
        
        .archimedes_towin.datasource_selector {
            position: fixed !important;
            top: 20px !important;
            bottom: 20px !important;
            height: auto;
            margin: 0 !important;
            overflow:hidden;
        }
        .datasource_selector {
            width: 820px;
        }
        .datasource_selector .objects_area {
            height: auto;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            border: 1px solid #eee;
            margin: 0 0 12px;
            position: absolute;
            left: 20px;
            right: 20px;
            bottom: 70px;
            top: 70px;
        }

        .datasource_selector .datasource-selector-footer-container {
            bottom: 20px;
            right: 20px;
            position: absolute;
        }
        .datasource_selector .pagination {
            padding: 0;
            bottom: 32px;
            left: 20px;
            position: absolute;
        }

        .datasource_selector .datasource-selector-tools-container {
            margin-right: 40px;
        }
            .datasource_selector .datasource-selector-tools-container .datasource-selector-tools-search {
                padding-right: 0;
            }
            .datasource_selector .datasource-selector-tools-container .datasource-selector-tools-search.quick_search_form .f.qs {
                padding: 7px;
                min-height: 16px;
                width: 160px;
            }
            .datasource_selector .datasource-selector-tools-container .datasource-selector-tools-search.quick_search_form .qs_submit_container .squarebtn a {
                height: 32px;
            }
            .datasource_selector .datasource-selector-tools-container .datasource-selector-tools-search.quick_search_form .qs_submit_container .squarebtn a:before {
                line-height: 34px;
            }
            .datasource_selector .datasource-selector-footer-container .squarebtns {
                margin: 0;
            }

            .datasource_selector .row .preview_link_outer {
                display: block;
                position: absolute;
                right: 40px;
                top: 16px;
                height: 18px;
                width: 18px;

                top: 50%;
                margin-top: -8px;
            }
                .datasource_selector .row .preview_link_outer a.preview_link {
                    display: block;
                    height: 18px;
                    width: 18px;
                    text-indent: -9999px;
                    position: relative;
                }
                .datasource_selector .row .preview_link_outer a.preview_link:after {
                    display: block;
                    content: "\f06e";
                    font: normal normal normal 16px/1 FontAwesome;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    color: #999;
                    position: absolute;
                    top: 0;
                    left: 0;
                    text-indent: 0;
                }

            .datasource_selector .row:after {
                content: "\f055";
                font: normal normal normal 16px/1 FontAwesome;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                background: none;
                border: none;
                color: #78C7FB;
                top: 50%;
                margin-top: -8px;
            }
            .datasource_selector .row:hover:after {
                background: none;
                border: none;
            }
            .datasource_selector .row {
                border-bottom: 1px solid #eee;
                min-height: 50px;
            }
            .datasource_selector .row:hover {
                background: #fff !important;
            }
            .datasource_selector .row:nth-child(2n),
            .datasource_selector .row:nth-child(2n):hover {
                background: #fbfbfc !important;
            }
            .datasource_selector .row .label_container {
                padding: 10px 0 10px 10px !important;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                min-height: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .datasource_selector .row .extended_content {
                display: block;
                padding: 6px 0;
            }
            .datasource_selector .row .section {
                background: #fff;
                border: 1px solid #eee;
                border-radius: 2px;
                text-transform: uppercase;
                padding: 2px 4px;
                margin: 0 5px 5px 0;
                font-size: 10px;
                letter-spacing: 1px;
                text-indent: 2px;
                clear: none;
                float: left;
            }
        #archimedes_mask_el {
            background: rgba(240, 240, 240, 0.9) !important;
            opacity: 1 !important;
        }
        .archimedes_towin {
            border: 1px solid #ddd;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            padding: 20px;
            margin: 0 !important;
        }
        #archimedes_closebox_el,
        .archimedes_closebox_el {
            height: 30px !important;
            width: 30px !important;
            background: none !important;
            font-family: inherit !important;
            cursor: pointer !important;
            outline: none !important;
            text-indent: -9999px !important;
            height: 33px !important;
            width: 33px !important;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat !important;
            background-size: 33px 33px !important;
            margin: 15px 0 0 -31px;
        }

        #popupeditor_mce_container .fnote {
            display: none;
        }
        #popupeditor_mce_editor_container {
            margin: 0 0 10px;
        }



        /* image upload */

        .panel {
            padding: 0 !important;
            background: none;
            border: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }



        /* dock related stuff */

        .aol-dock {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            height: 400px;
            padding: 40px;
            background: #f4f4f4;
            box-shadow: inset 0 4px 40px rgba(0,0,0,0.2);
            transform: translateY(100%);

            transition: transform 0.3s ease;
        }
        .aol-dock-active .aol-dock {
            transform: translateY(0);
        }
        .aol-dock-button {
            display: none;
            position: fixed;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            /*top: 0;*/
            right: 25px;
            bottom: 20px;
            background: #A8D3EF;
            z-index: 1200;
            animation: dock-button-appear 0.3s ease;
        }
        @keyframes dock-button-appear {
            0% { transform: translateY(50px); }
            50% { transform: translateY(-8px); }
            100% { transform: translateY(0); }
        }
        #aol-dock-module-mask {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            z-index: 2999;
            background: rgba(0,0,0,0.1);
            display: none;
            opacity: 0;
            transition: opacity 400ms ease-in-out;
        }
            .aol-dock-module-active-state-animate #aol-dock-module-mask {
                display: block;
            }
            .aol-dock-module-active-state.aol-dock-module-active-state-animate #aol-dock-module-mask {
                opacity: 1;
            }
        .aol-dock-module {
            position: fixed;
            max-width: 1150px;
            min-width: 980px;
            width: 90%;
            top: 0;
            right: 0px;
            left: auto !important;
            bottom: 0;
            z-index: 3000;
            background: #fff;
            transform: translateX(100%);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .aol-dock-module-active-state:hover .aol-dock-module {
            /*transform: translateX(70%);*/
        }
        .aol-dock-module:hover {
            /*transform: translateX(0) !important;*/
        }
        .aol-dock-module-active {
            transform: translateX(0);
            box-shadow: 0 0 42px rgba(0,0,0,0.06);
            box-shadow: 0 0 42px rgba(0,0,0,0.4);
        }
        .aol-dock-module-preview {
            position: relative;
            display: inline-block;
            background: #fff;
            padding: 10px;
            border-radius: 24px;
            box-shadow: 0 35px 80px rgba(0,0,0,0.1);
            transform-origin: top left;
            transform: scale(0.3);
        }
        .aol-dock .aol-dock-module {
            position: static;
            width: 1000px;
            height: 800px;
            transform: none;
        }
        .aol-dock-module-preview:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        .aol-dock-module-header {
                display: none;
                margin: 0;
                padding: 5px 20px;
                height: 40px !important;
                background: #fcfcfc;
                border-bottom: 1px solid #eee;
        }
        .aol-dock-module-title {
            height: 100%;
            width: calc(100% - 70px);
            font-size: 20px;
            padding: 10px 0 0;
            font-family: 'ProximaNova', Sans-Serif;
            font-weight: 200;
            color: #111;
            font-size: 16px;
            letter-spacing: 2px;
            text-align: left;
            text-transform: uppercase;
        }
            #editwin_body h1 span#heading {
                padding: 0;
            }
        .aol-dock-module-close {
            position: absolute;
            top: 12px;
            right: 12px;
            height: 30px;
            background: none;
            font-family: inherit;
            cursor: pointer;
            outline: none;
            border: none;
        }
        .aol-dock-module-close:before {
            content: "\00D7";
            font-size: 35px;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            color: #bbb;
            line-height: 22px;
        }
        .aol-dock-module-content {
            height: 100%;
        }
        .aol-dock-module-iframe {
            height: 100%;
            width: 100%;
            border: none;
        }



        /* CSS OVERRIDES FOR THIS APP */

        .aol-dock-module {
            /*top: 28px;*/
            z-index: 6000;
        }

        .aol-dock-module-title {
            text-transform: uppercase;
            letter-spacing: 2.5px;
        }

        [contenteditable] {
            outline: none;
            cursor: text;
        }

        .popline {
            background: rgba(0,0,0,0.65);
            border: none;
            border-radius: 0;
            padding: 0;
            margin-top: -20px;
        }
        .popline .popline-button {
            padding: 5px 5px 7px;
            margin: 0;
            transition: background 0.4s ease;
        }
        .popline .popline-button:hover {
            transition: background 0.4s ease;
            background: rgba(0,0,0,0.5);
        }

        .panel {
            -webkit-user-select: none;
            user-selct: none;
        }

        #page_container {
            transform-origin: center left;
            transition: transform 0.3s ease;
        }
        .aol-dock-module-active-state #page_container {
            /*transform: scale(0.9);*/
        }

        /* Fancybox */

        #fancybox-overlay {
            z-index: 2000;
        }
        #fancybox-wrap {
            z-index: 2001;
        }
        
     body.section-admin #fancybox-wrap.editwin_body_fancybox {
        height: 500px !important;
        max-height: calc(100vh - 60px);
        max-width: calc(100vw - 40px);
        position: fixed !important;
        transform: translate(-50%, -50%);
        top: 50% !important;
        left: 50% !important;
    }
        
      body.section-admin #fancybox-wrap.editwin_body_fancybox #fancybox-inner {
        width: 98% !important;
        height: 98% !important;
    }
    
     body.section-admin .editwin_body_fancybox #fancybox-close {
        top: 20px;
        right: 30px;
    }
    
    
    /* Embedded images mechanism
    --------------------------------------------------- */
    
        .embedded_img {
            max-width: 100%;
            margin: 0 0 15px;
        }
        .embedded_img.right {
            padding: 0 0 10px 15px;
            float: right;
        }
        .embedded_img.left {
            padding: 0 15px 10px 0;
            float: left;
        }
        .embedded_img a,
        .embedded_img a:visited {
            text-decoration: none;
        }
        .embedded_img img {
            max-width: 100%;
            display: block;
        }
        .embedded_img_caption {
            font: 11px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
            color: #999;
            text-decoration: none;
        }
    
        .embedded_img_copyright {
            font: 11px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
            color: #999;
            text-decoration: none;
            font-style: italic;
        }
        
    /* Font records
    --------------------------------------------------- */
    
    .fieldrow.font_upload_warning .warning_list li {
        font-weight: bold;
        display: none;
    }
    
    #fonts--font_type-carousel {
        padding-bottom: 30px;
    }


    #fonts--font_type-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-of-type(2) .field_type_radio_icon_item {
        padding-right: 1px;
    }
    
    .google_fonts_edit .font-preview input {
        font-size: 16px;
        height: 80px;
    }
    
    .google_fonts_edit .fieldrow label.left-column .fl {
        padding-top: 3px;
    }
    
    /* Website launch guide
    --------------------------------------------------- */
    
    .help_guide_navigation {
        float:left;
        width: 250px;
        margin-top: 32px;
        box-sizing: border-box;
        border: 1px solid #EAEAEA;
        font-size: 14px;
        color: #333333;
        text-align: left;
        line-height: 26px;
    }

    .help_guide_navigation  ul {
        list-style: none;   
        padding-left: 0;
        margin-left: 0;
    }
    
    .help_guide_navigation  ul li {
        line-height: 45px;
        padding-left: 15px;
    }
        .help_guide_navigation ul li:not(:last-child) {
           border-bottom: 1px solid #EAEAEA;
        }
    
    .help_guide_navigation a {
        color: #888;
        display: block;
    }
    
    .help_guide_navigation a.verified:after {
        float: right;
        padding: 15px;
        top: -1px;
        left: 0;
        color: #93cd29;
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.2em;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
        
        .help_guide_navigation a.active,
        .help_guide_navigation a:hover,
        .help_guide_navigation a:focus {
            color: #444;
        }
        
        .help_guide_navigation a.active {
            font-weight: normal;
        }
        
    .help_guide_navigation a .fa {
        font-size: 10px;
    }
    
    .squarebtn {
        cursor: pointer;
        position: relative;
    }
    
    
    .help_guide_navigation ~ .help_guide {
        float: left;
        width: calc(100% - 250px);
        box-sizing: border-box;
        padding-left: 65px;
    }
    .help_guide_navigation ~ .help_guide .help_guide_section:not(#connect:not(.legacy-connect)) {
        max-width: 700px;
    }
    .help_guide .help_guide_section {
        display: none;
    }
    
    .help_guide a {
        color: #51A8E0;
    }
    
    .help_guide p, .help_guide ul, .help_guide ol {
        margin-bottom: 16px;
        line-height: 1.7em;
    }
    
    .help_guide ul, .help_guide ol {
        padding-left: 0;
    }
    
    .help_guide li {
        margin-bottom: 10px;  
        padding-left: 5px;
        line-height: inherit;
    }
    
    .help_guide .verification_list {
        list-style: none;
        margin-left: 5px;
    }
    
    .help_guide .verification_list li {
        position: relative;
        padding-left: 25px;
    }
    
    .help_guide .verification_list li:before,
    .help_guide .verification_list li.unverified:before {
        font-size: 1.2em;
        top: 1px;
    }
    
    .help_guide .verification_list li.unverified.question:before {
        content: "\f059";
        color: #51A8E0;
    }
    
    .help_guide .verification_list li.unknown {
        
    }
    
    .help_guide .verification_list.setup_checklist li {
        border-bottom: 1px solid #eaeaea;
        margin: 0;
        padding: 25px 0 25px 25px;
    }
    
    .help_guide .verification_list.setup_checklist li:last-child {
        border-bottom: none;
    }
    
    .help_guide .verification_list.setup_checklist li::before {
        top: 28px;
    }
    
    .help_guide .next_section_link {
        margin-top: 20px;
        padding: 7px 16px !important;
        border-radius: 20px;
        border: 1px solid #C8C8C8;
        color: #888;
        cursor: pointer;
        font-size: 11px;
        line-height: 1.7em;
        -webkit-appearance: none;
        -moz-appearance: none;
        float:right;
    }
    
        .help_guide .next_section_link:hover {
            color: #51A8E0;
        }
    
    
    body.standard_page .help_guide h1, body.standard_page .help_guide h2, body.standard_page .help_guide h3, body.standard_page .help_guide h4{
        margin: 36px auto 0.5em;
    }
    
    body.standard_page .help_guide h4 {
        color: #444;
    }
    
    /* body.standard_page .help_guide_sidebar {
        position: sticky;
        top: 147px;
    } */
    
    .fix_button, .fix_button {
        display: inline-block;
        margin: 0 5px 5px 5px;
        border: 1px solid #eee;
        border-radius: 2px;
        line-height: normal;
        color: #51A8E0;
        text-transform: uppercase;
        padding: 2px 4px 2px;
        font-size: 10px;
        letter-spacing: 1px;
    }
    
    .show_domain_popup_button {
        letter-spacing: 1.5px;
    }
    
    .dns_verification_table {
        text-align: left;
        border: 1px solid #eee;
        overflow-x: auto;
        margin-bottom: 15px;
    }
    
    .dns_verification_table tr:nth-of-type(odd) {
        background-color: #fafafa;
    }
    
    .dns_verification_table table{
        border-spacing: 0;
        border-collapse: collapse;
    }
    
    .dns_verification_table td,
    .dns_verification_table th {
        padding: 7px 7px;
        line-height: 2em;
    }
    .dns_verification_table th {
        font-weight: bold;
        color: #888; 
    }
    
    .dns_verification_table tr td:first-child,
    .dns_verification_table tr th:first-child {
        padding-left: 15px;
    }
    
    .dns_verification_table tr td:last-child,
    .dns_verification_table tr th:last-child {
        padding-right: 15px;
        text-align: right;
    }
    
    /*.dns_verification_table tr:nth-of-type(odd) {*/
    /*    background-color: #fafafa;*/
    /*}*/
    
    .aolprompt .aolpromptmessage .dns_verification_table tr td:last-child,
    .aolprompt .aolpromptmessage .dns_verification_table tr th:last-child {
        padding-right: 0;
        text-align: left;
        padding-left: 40px;
    }
    
    .aolprompt .aolpromptmessage .dns_verification_table tr {
        height: 50px;
    }
    
    .dns_verification_table tr:first-of-type,
    .dns_verification_table tr {
        height: 70px;
    }
    
    .dns_verification_table th {
        
    }
    
    .dns_verification_table .verify_dns_button .fa {
        margin-right: 5px;
    }
    
    
    .dns_verification_table .verified,
    .dns_verification_table .unverified {
        padding-left:20px;
        position: relative;
        font-weight: bold;
        padding-right: 10px;
    }
    
    .dns_verification_table .verified {
        color: #93cd29;
        border: none;
        pointer-events: none;
    }
    
    .dns_verification_table .unverified {
        color: #F19B06;
    }
    
    .dns_verification_table .secure {
        margin-left: 20px;
    }
    
    .dns_verification_table .unverified::before {
        position: absolute;
        top: -1px;
        left: 0;
        color:#F19B06;
        content: "\f00d";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.2em;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .dns_verification_table .verified::before {
        position: absolute;
        top: -1px;
        left: 0;
        color: #93cd29;
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.2em;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .website_status .dns_verification_table tr:nth-of-type(odd) {
        background-color: unset;
    }
    
    .website_status .dns_verification_table .dns_verification_table tr:first-of-type {
        border-top: 1px solid #EAEAEA;
    }
    
    .website_status .dns_verification_table tr:first-of-type, 
    .website_status .dns_verification_table tr {
        border-bottom: 1px solid #EAEAEA;
        border-top: 1px solid #EAEAEA;
    }
    
    .website_status .dns_verification_table {
        text-align: left;
        border: unset;
        margin-bottom: 15px;
        overflow-x: unset;
    }
    
    /*div.aolprompt .aolpromptbuttons {*/
    /*    margin: 0 30px;*/
    /*}*/
    
    .checkmark::before {
        position: relative;
        left: 0;
        color: #93cd29;
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 1.2em;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-right: 5px;
    }
    
    .verify_dns_button {
        cursor: pointer;
        padding: 7px 16px !important;
        border-radius: 20px;
        border: 1px solid #C8C8C8;
        color: #888;
        cursor: pointer;
        font-size: 11px;
        line-height: 1.7em;
        -webkit-appearance: none;
        -moz-appearance: none;
        float:right;
        text-transform: uppercase;
    }
    
    p > .verify_dns_button {
        float: right;
    }
    
    .aolpromptbuttons button[value=help] span {
        border: none !important;
        position: absolute;
        left: 20px;
    }
    
    .connect_domain_success h2:before,
    .connect_domain_failure h2:before,
    .connect_vhost_failure h2:before, 
    .verify_domain_help_header:before,
    .aolpromptbuttons button[value=help] span:before {
        top: 2px;
        left: 0;    
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        min-width: 14px;
        text-align: center;
        padding-right: 3px;
    }
    
    .connect_domain_success h2:before {
        content: "\f058";
        color: #B2D790;
    }
    
    .verify_domain_help_header:before,
    .aolpromptbuttons button[value=help] span:before {
        content: "\f059";
        color: #51A8E0;
        font-weight: 900;
    }
    
    .aolpromptbuttons button[value=cancel_sort] span {
        border: none !important;
    }
    
    .fieldrow.font_upload_warning .note_panel.note_panel_warning .note_panel_message span:before,
    #connect.help_guide_section .note_panel.note_panel_warning .note_panel_message span:before,
    .connect_domain_failure h2:before,
    .connect_vhost_failure h2:before {
        content: "\f071";
        color: #F19B06;
    }
    
    .connect_domain_success h2:before,
    .connect_vhost_failure h2:before, 
    .connect_domain_failure h2:before,
    .verify_domain_help_header:before {
        padding-right: 12px;
    }
    
    .domain_target_results pre {
        overflow: auto;
        padding: 0.4em;
        background: #F8f8f8;
        border: 1px solid #e9e9e9;
        white-space: normal;
    }
    
    .verify_domain_help blockquote {
        border-left: 2px solid #eee;
        margin-left: 0;
        padding-left: 30px;
    }

    .aolpromptbuttons button[value=test] span,
    .verify_dns_button.squarebtn a {
        background-color: #78C7FB;
        border-color: #78C7FB !important;
        color: white;
    }
    
    .verify_dns_button.loading,
    .verify_dns_button.disabled {
        pointer-events: none;
    }
    
    .verify_dns_button.disabled {
        opacity: 0.3;
    }
    
    .squarebtn.verify_dns_button.loading .label {
        color: transparent;
    }
    
    .squarebtn.verify_dns_button.loading .spinner {
        display:block;
    }
    
    .verify_domain_help summary {
        margin-bottom:20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #EEEEEE;
        cursor: pointer;
        position: relative;
    }
    
    .verify_domain_help a {
        color: #51A8E0;
    }
    
    .aolpromptmessage > .verify_domain_help:first-of-type {
        margin-top: 40px;
    }
    
    .verify_domain_help[open] summary:focus {
        font-weight: bold;
    }
    
    .verify_domain_help:not([open]) summary:after,
    .verify_domain_help[open] summary:after {
        color: #888;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        min-width: 14px;
        text-align: center;
        padding-right: 3px;
        right: 0;
        position: absolute;
    }
    
    .verify_domain_help:not([open]) summary:after {
        content: "\f054";
    }
    
    .verify_domain_help[open] summary:after {
        content: "\f078";
    }
    
    .spinner {
      margin: 0 auto;
      width: 70px;
      text-align: center;
      display: none;
      height: 16px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
    }
    
    .spinner > span {
      width: 12px;
      height: 12px;
      background-color: #eee;
      display: block;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
      animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }
    
    .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }
    
    .spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }
    
    @-webkit-keyframes sk-bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0) }
      40% { -webkit-transform: scale(1.0) }
    }
    
    @keyframes sk-bouncedelay {
      0%, 80%, 100% { 
        -webkit-transform: scale(0);
        transform: scale(0);
      } 40% { 
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
      }
    }
    
    .help_guide blockquote {
        border-left: 2px solid #eee;
        margin-left: 0;
        padding-left: 20px;
    }
    
    .help_guide blockquote p,
    .help_guide blockquote ul,
    .help_guide blockquote ol,
    .help_guide blockquote li {
        margin-bottom: 0;
    }
    
    .note_panel {
        padding-bottom: 5px;
    }
    .help_guide .note_panel :first-child {
        margin-top:0;    
    }
    
    .note_panel h2,
    .f2 .fieldrow .note_panel h2 {
        margin: 0 0 12px;
    }
    .note_panel h3,
    .f2 .fieldrow .note_panel h3 {
        margin: 0 0 12px;
        font-size: 15px;
    }
    .note_panel p, .note_panel div, .note_panel ol, .note_panel ul {
        margin: 0 0 14px;
    } 
    
    details summary p {
        cursor: pointer;
        color: #51A8E0;
    }
    
    details summary::-webkit-details-marker {
        display: none;
    }
    
    details summary .fa {
        margin-right: 5px;   
    }
    
    details summary h3 {
        display: inline-block;
    }
    
    summary:focus {
        outline: 0px;
    }
    
    summary::-webkit-details-marker {
        color: #aaa;
        position: relative;
        top: -2px;
    }
    
    .show_domain_popup_button {
        cursor: pointer;
        padding: 7px 16px !important;
        border-radius: 20px;
        border: 1px solid #C8C8C8;
        color: #888;
        cursor: pointer;
        font-size: 11px;
        line-height: 1.7em;
        -webkit-appearance: none;
        -moz-appearance: none;
        float:right;
        text-transform: uppercase;
        font-family: 'ProximaNova';
    }
        
/* -----------------------------------------------------------
   Build app admin screen
----------------------------------------------------------- */
#website_build_app {
    
}
    #feedback_data {
        height: 400px;
        overflow: auto;
        display: none;
        background: #282c34;
        color: white;
        padding: 40px 60px;
        margin: 40px 0;
    }
        #feedback_data.show {
            display: block;
        }
        #feedback_data span {
            display: block;
        }
        #website_build_app a.console {
            line-height: 35px;
        }
        #website_build_app .verbose-info {
            margin-bottom:25px;
            display: none;
        }
            #website_build_app .verbose-info.open {
                display: block;
            }
    #build_progress ul {
        display: flex;
        margin: 0 0 40px;
        padding: 0;
        background: #fdfdfd;
        border: 1px solid #eeeeee;
    }
    #build_progress li {
        list-style: none;
        padding: 20px;
        background: #fdfdfd;
        border: 1px solid #eaeaea;
        margin-left: -1px;
    }
    #website_build_app .success {
        color: green;
        font-weight: bold;
    }
    #website_build_app .pending,
    #website_build_app .incomplete {
        color: orange;
        font-weight: bold;
    }
    #website_build_app .error {
        color: red;
        font-weight: bold;
    }
    #website_build_app #all_builds_table {
        display: none;
    }
    #website_build_app #all_builds_table.show {
        display: table;
    }
    #all_builds_wrapper {
        max-height: 450px;
        overflow: scroll;
    }
        #website_build_app table {
            width: 100%;
            border-collapse: collapse;
            border-left: 1px solid #eee;
            border-right: 1px solid #eee;
        }
            #website_build_app table th {
                padding: 8px 10px;
                font-weight: bold;
                color: #aaa;
                text-align: left;
                background: #fdfdfd;
            }
            #website_build_app table tr {
                margin: 5px 0;
                border-top: 1px solid #eee;
                border-bottom: 1px solid #eee;
            }
                #website_build_app table tr:nth-child(odd) {
                    background: #fdfdfd;
                }
                #website_build_app table tr td {
                    padding: 10px 10px;
                }
            #website_build_app .show-build-table {
                cursor: pointer;
                display: block;
                margin: 15px 0;
                color: #51A8E0;
            }
        
    .loading .lds-ring {
        display: inline-block;
        position: relative;
        width: 13px;
        height: 13px;
        vertical-align: sub;
        margin-right: 5px;
    }
    .loading .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        /*width: 51px;*/
        /*height: 51px;*/
        width: 12px;
        height: 12px;
        margin: 0px;
        border: 1px solid #a5a5a5;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #a5a5a5 transparent transparent transparent;
    }
    .lds-ring div:nth-child(1) {
        animation-delay: -0.45s;
    }
    .lds-ring div:nth-child(2) {
        animation-delay: -0.3s;
    }
    .lds-ring div:nth-child(3) {
        animation-delay: -0.15s;
    }
    @keyframes lds-ring {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    #website_build_app .kill-switch {
        padding: 5px 12px;
        background: white;
        color: #dc0000;
        font-weight: bold;
        border-radius: 3px;
        border: 1px solid #c8c8c8;
        float: right;
    }

    #website_build_app .quick-info-panel {
        padding: 0;
    }
    #website_build_app .quick-info-panel h5 {
        text-transform: none;
        letter-spacing: 0;
        font-size: 20px;
        color: #3E3D43;
        margin-bottom: 25px;
        font-weight: 400;
    }
    #website_build_app .quick-info-panel {
        display: flex;
        margin-top: 30px;
    }
    #website_build_app .quick-info-panel > div {
        padding: 25px;
        color: #8C9298
    }
    #website_build_app .quick-info-panel div {
        margin-bottom: 0;
    }
        #website_build_app .info-links-container {
            max-width: 100%;
            width: 290px;
            padding-right: 40px;
            border-right: 1px solid #efefef;
        }
        #website_build_app .latest-build-container {
            flex: 1;
        }

/* -----------------------------------------------------------
   Build app admin screen
----------------------------------------------------------- */
#website_build_app {
    
}
    #feedback_data {
        height: 400px;
        overflow: auto;
        display: none;
        background: #282c34;
        color: white;
        padding: 40px 60px;
        margin: 40px 0;
    }
        #feedback_data.show {
            display: block;
        }
        #feedback_data span {
            display: block;
        }
        #website_build_app a.console {
            line-height: 35px;
            float: right;
            display: none;
        }
        #website_build_app a.console.open {
            display: inline-block;
        }
    #build_progress {
        display: none;
    }
    #build_progress.open {
        display: block;
    }
    #build_progress ul {
        display: flex;
        margin: 0 0 40px;
        padding: 0;
        background: #fdfdfd;
        border: 1px solid #eeeeee;
    }
    #build_progress li {
        list-style: none;
        padding: 20px;
        padding-right: 33px;
        background: #fdfdfd;
        border: 1px solid #eaeaea;
        border-top: none;
        border-bottom: none;
        margin-left: -1px;
        flex: 1;
        text-align: center;
    }
    #build_progress li:last-child {
        border-right: none;
    }
    #build_progress li i {
        visibility: hidden;
    }
    li.progress_4 {
        position: relative;
    }
    li.progress_4 .loader {
    content: '';
    position: absolute;
    height: 5px;
    width: 0%;
    background: #a5d3ef;
    left: 0;
    bottom: 0px;
}
    #build_progress li.complete i {
        visibility: visible;
        color: limegreen;
    }
    #website_build_app .success {
        color: limegreen;
        font-weight: bold;
    }
    #website_build_app .pending {
        color: orange;
        font-weight: bold;
    }
    #website_build_app .error {
        color: red;
        font-weight: bold;
    }
    #website_build_app #all_builds_table {
        display: none;
    }
    #website_build_app #all_builds_table.show {
        display: table;
        margin-top: -1px;
    }
    #build_options {
        line-height: 35px;
        display: inline;
    }
    #build_options > span {
        margin-right: 10px;        
    }
    #all_builds_wrapper {
        max-height: 450px;
        overflow: scroll;
    }
        #website_build_app table {
            width: 100%;
            border-collapse: collapse;
            border-left: 1px solid #eee;
            border-right: 1px solid #eee;
        }
            #website_build_app table th {
                padding: 8px 10px;
                font-weight: bold;
                color: #aaa;
                text-align: left;
                background: #fdfdfd;
            }
            #website_build_app table tr {
                margin: 5px 0;
                border-top: 1px solid #eee;
                border-bottom: 1px solid #eee;
            }
                #website_build_app table tr:nth-child(odd) {
                    background: #fdfdfd;
                }
                #website_build_app table tr td {
                    padding: 10px 10px;
                }
            #website_build_app .show-build-table {
                cursor: pointer;
                display: block;
                margin: 20px 0 0;
                padding-top: 15px;
                color: #51A8E0;
                border-top: 1px solid #efefef;
            }
        
    .loading .lds-ring {
        display: inline-block;
        position: relative;
        width: 13px;
        height: 13px;
        vertical-align: sub;
        margin-right: 5px;
    }
    .loading .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        /*width: 51px;*/
        /*height: 51px;*/
        width: 12px;
        height: 12px;
        margin: 0px;
        border: 1px solid #a5a5a5;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #a5a5a5 transparent transparent transparent;
    }
    .lds-ring div:nth-child(1) {
        animation-delay: -0.45s;
    }
    .lds-ring div:nth-child(2) {
        animation-delay: -0.3s;
    }
    .lds-ring div:nth-child(3) {
        animation-delay: -0.15s;
    }
    @keyframes lds-ring {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    #website_build_app .kill-switch {
        padding: 5px 12px;
        background: white;
        color: #dc0000;
        font-weight: bold;
        border-radius: 3px;
        border: 1px solid #c8c8c8;
        float: right;
    }

/* -----------------------------------------------------------
   Cookie notification
----------------------------------------------------------- */

#admin_cookie_preferences_form {
    font-size: 14px;
    font-weight: 400;
}

#admin_cookie_preferences_form fieldset > div {
    margin: 15px 0;
}

#admin_cookie_preferences_form fieldset {
    padding: 0;
    border: none;
}

#admin_cookie_preferences_form fieldset label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
    line-height: 1em;
}

#admin_cookie_preferences_form fieldset label span {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    /*letter-spacing: 1.5px;*/
    /*text-transform: uppercase;*/
    /*margin: 0 0 5px 6px;*/
    vertical-align: middle;
}

#admin_cookie_preferences_form fieldset label input {
    visibility: hidden;
    opacity: 0;
    width: 0px;
}

#admin_cookie_preferences_form fieldset label input + span {
    display: block;
    width: 46px;
    height: 22px;
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 18px;
    /*opacity: 0.2;*/
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
#admin_cookie_preferences_form fieldset label input:checked + span {
    /*opacity: 1;*/
    background-color: black;
    border-color: black;
}
#admin_cookie_preferences_form fieldset label input:focus +span {
    box-shadow: 0 0 8px 2px #78c7fb;
}

#admin_cookie_preferences_form fieldset label input + span::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background-color: white;
    /*border: 2px solid black;*/
    border-radius: 50%;
    transition: transform 0.2s ease-in-out;
}

#admin_cookie_preferences_form fieldset label input:checked + span::before,
#admin_cookie_preferences_form fieldset label input:checked + span::after {
    transform: translateX(24px);
}

#admin_cookie_preferences_form fieldset label input:disabled + span::after {
    content: '\e011';
    content: '\f023';
    display: block;
    width: 22px;
    height: 22px;
    font-size: 12px;
    font-family: "FontAwesome";
    text-align: center;
    margin-top: -19px;
    transition: transform 0.2s ease-in-out;
}

#admin_cookie_preferences_form fieldset .note {
    margin-right: 75px;
    line-height: 1.4em;
    color: #767676;
}

#admin_cookie_preferences_form hr {
    margin-bottom: 40px;
    border-color: #ddd;
    border-top: none;
    margin-left: -40px;
    margin-right: -40px;
}

#admin_cookie_preferences_form .button,
#admin_cookie_preferences_form .button a {
    width: 100%;
    float: none;
}

#admin_cookie_preferences_form .button a {
    padding: 10px 16px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #111 !important;
    font-weight: 600;
    color: black;
    box-sizing: border-box;
    border-radius: 200px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: normal;
    -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
}

#admin_cookie_preferences_form .button a:hover,
#admin_cookie_preferences_form .button a:focus {
    background: #111;
    color: white;
}

/* #admin_cookie_preferences_form .button a:focus {
    outline: 2px solid #78c7fb;
} */

/* -----------------------------------------------------------
   Codemirror code editor
----------------------------------------------------------- */

.CodeMirror {
    border: 1px solid #eee;
}

/* -----------------------------------------------------------
   Accessibility
----------------------------------------------------------- */

/* Visually hidden / screen reader only content
----------------------------------------------------------- */

.screen-reader-only {
    position: absolute !important;
    height: 1px !important; 
    width: 1px !important;
    overflow: hidden !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap !important;
    display: block!important;
    margin: 0!important;
    padding: 0!important;
}

/* -----------------------------------------------------------
   Backend Tool Bar
----------------------------------------------------------- */
.cms-backend-toolbar-enabled #page_header{
    top:28px;
}
.cms-backend-toolbar-enabled #page_container {
    padding-top:140px;
}
.cms-backend-toolbar-enabled.fp_editor_enabled #page_container {

    padding-top: 28px;
}
body.docked_page.cms-backend-toolbar-enabled #preferences-sidebar {
    top:138px;
}

body#editwin_body.cms-backend-toolbar-enabled #header {
    padding:58px 0
}
@media screen and (max-width: 1060px) {
    body#editwin_body.cms-backend-toolbar-enabled #header {
        padding:29px 0
    }
}
body.docked_page.cms-backend-toolbar-enabled #preferences_container {
    padding-top:28px;
}
body.docked_page.cms-backend-toolbar-enabled .subsection-recently-added {
    padding-top:28px;
}
body#editwin_body.cms-backend-toolbar-enabled #content-outer {

    padding-top: calc(90px + 28px);
}
body#editwin_body.cms-backend-toolbar-enabled.fp_quick_edit_enabled #content-outer {
    padding-top: 0;
}
#cms-backend-toolbar {
    background: rgba(12,12,13,1);
    width: 100%;
    min-width: 320px;
    z-index: 99999; /* higher then iframe*/
    height: 28px;
    position: fixed;
    top: 0;
    left:0;

    display: flex;
    flex-wrap: wrap;
}
#cms-backend-toolbar p,
#cms-backend-toolbar td,
#cms-backend-toolbar th,
#cms-backend-toolbar li,
#cms-backend-toolbar ul,
#cms-backend-toolbar a {

    color: #fff;
    font-size: 12px;
}

#cms-backend-toolbar ul{
    list-style: none;
    padding: 0;
    margin: 0;

}
#cms-backend-toolbar  > div {
}
#cms-backend-toolbar .backend-toolbar-submenu {
    position: relative;
}
#cms-backend-toolbar .backend-toolbar-submenu .backend-toolbar-submenu-content {
    opacity: 0;
    z-index:-10;
    transition: 0.1s ease-in-out;
    visibility: hidden;

    position: absolute;
    top: 28px;
    background: rgba(12,12,13,0.75);
    min-width: 180px;
    left: 0;
    box-sizing: border-box;
}
#cms-backend-toolbar .backend-toolbar-submenu .backend-toolbar-submenu-content ul {

}
#cms-backend-toolbar .backend-toolbar-submenu.active .backend-toolbar-submenu-content{
    opacity: 1;
    z-index: 99;

    visibility: visible;
}

#cms-backend-toolbar #backend-toolbar-help-btn a {
    color: #aaa;
    font-size: 12px;
    font-weight: lighter;
}
#cms-backend-toolbar .backend-toolbar-submenu  ul li ,#cms-backend-toolbar  #backend-toolbar-submenu-user-info{
    padding:7.5px 10px;
}
#cms-backend-toolbar  #backend-toolbar-submenu-user-info p {
    margin-bottom:10px;
    color: #aaa;
    font-size:12px;
}

#cms-backend-toolbar  #backend-toolbar-submenu-user-info p:last-child {
    margin: 0;
}
#cms-backend-toolbar .fa-life-ring {
    font-weight: normal;
    padding-right: 9px;
    font-size: 11px;
}
#cms-backend-toolbar #backend-toolbar-user-info .fa-eye {
    padding-right:9px;
}
#cms-backend-toolbar #backend-toolbar-user-info .fa-external-link {
    padding-right:8px;
}
#cms-backend-toolbar .fa-sign-out {
    padding-right: 8px;
    font-size: 12px;
}
#cms-backend-toolbar > div > ul {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
}
#cms-backend-toolbar > div > ul > li {

    border-right: 1px solid rgba(255,255,255,0.18);

    box-sizing: border-box;
    padding: 7px 9px;
    height: 100%;
}
#cms-backend-toolbar #backend-toolbar-user-name {
        align-items: center;
        display: flex;
}
#cms-backend-toolbar i {
    padding-right: 5px;
    font-weight: 600;
    font-size: 10px;
}
#cms-backend-toolbar .fa-caret-down {
    padding-left: 5px;
    padding-right: 0;
}
#cms-backend-toolbar .fa-external-link {
    font-size: 10px;
}
#cms-backend-toolbar #backend-toolbar-right i {
    padding-right: 5px;
}
#cms-backend-toolbar #backend-toolbar-logo {
    padding-bottom: 0;
}
#cms-backend-toolbar > div > ul li:last-child {
    border: 0;
}
#cms-backend-toolbar #backend-toolbar-right {
    margin-left: auto;
}
#cms-backend-toolbar #backend-toolbar-right > ul li:first-child {
    border-left: 1px solid rgba(255,255,255,0.18);
}
#cms-backend-toolbar #backend-toolbar-logout-btn {
    margin-top:10px;
}
body.cms-backend-toolbar-enabled #page_header_tools_wrapper {
    top:28px;
}
/* -----------------------------------------------------------
   CMS Backend toolbar Responsive
----------------------------------------------------------- */

    @media screen and (max-width: 768px) {
        #cms-backend-toolbar {
            height:48px;
        }
        .cms-backend-toolbar-enabled #page_header {
            top:48px;
        }

        .cms-backend-toolbar-enabled #page_container {
            padding-top:178px;
        }

        body.docked_page.cms-backend-toolbar-enabled #preferences-sidebar {
            top:178px;
        }

        body#editwin_body.cms-backend-toolbar-enabled #header {
            padding-top:78px;
            padding-bottom: 20px;
        }
        body.docked_page.cms-backend-toolbar-enabled #preferences_container {
            padding-top:48px;
        }
        body.cms-backend-toolbar-enabled #page_header_tools_wrapper {
            top:48px;
        }

        body#editwin_body.cms-backend-toolbar-enabled #content-outer {

            padding-top: calc(77px + 68px);
        }
        body#editwin_body.cms-backend-toolbar-enabled #content-outer {

        }
        body#editwin_body.cms-backend-toolbar-enabled #editwin_close {
            top:70%;

        }
        #cms-backend-toolbar > div > ul > li {
            padding:17px 16px;
        }
        #cms-backend-toolbar #backend-toolbar-right,
        #cms-backend-toolbar #backend-toolbar-help-btn{
            display:none;
        }
        #cms-backend-toolbar #backend-toolbar-left {
            width:100%;
        }
        #cms-backend-toolbar > div > ul {
        }
        #cms-backend-toolbar #backend-toolbar-logo {
            min-width:15%;
            border: 0;
        }
        #cms-backend-toolbar #backend-toolbar-user-info-btn {
            border-right: 0;
    max-width: 80%;
                border-left: 1px solid rgba(255,255,255,0.18);
                margin-left: auto;
                min-width: 40%;
        }
        #cms-backend-toolbar .backend-toolbar-submenu .backend-toolbar-submenu-content {
            top:48px;
            position: fixed;
            background: rgba(12,12,13,1);
    width: 100%;
        }
        #cms-backend-toolbar .fa-sign-out {
            padding-right: 8px;
        }
    }



/* -----------------------------------------------------------
   Simple CMS Popup
----------------------------------------------------------- */


    #simple_cms_popup {
        position: fixed;
        width: 0;
        height: 0;
        top: 0;
        left: 0;
        background: rgba(240, 240, 240, 0.9) !important;
        z-index: -99999;
        opacity: 0;
    }
     #simple_cms_popup.active {
        opacity: 1;
        z-index: 99999;
        width: 100%;
        height: 100%;
     }
     #simple_cms_popup .popup-container {
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        max-width: 500px;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        border: 1px solid #ddd;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
        background: #fff;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-align: left;
        border: solid 1px #eeeeee;
        padding: 7px;
     }
    .popup-close {
        height: 30px;
        width: 30px;
        background: none;
        font-family: inherit;
        cursor: pointer;
        outline: none;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        height: 33px;
        width: 33px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy41LjEgKDI1MjM0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImNsb3NlLWJ0biIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTguMzI0MTE2LCAxNy4zMjQxMTYpIHJvdGF0ZSgtMzE1LjAwMDAwMCkgdHJhbnNsYXRlKC0xOC4zMjQxMTYsIC0xNy4zMjQxMTYpIHRyYW5zbGF0ZSg1LjgyNDExNiwgNS4zMjQxMTYpIiBmaWxsPSIjOTA5MDkwIj4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIxMiIgeT0iMS4xMzY4NjgzOGUtMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNTAwMDAwLCAxMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0xMi41MDAwMDAsIC0xMi4wMDAwMDApICIgeD0iMTIiIHk9IjEuMTM2ODY4MzhlLTEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIyNCI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) 50% 50% no-repeat;
        background-size: 33px 33px;
        top: 5px;
        right: 5px;
        position: absolute;
    }



/* -----------------------------------------------------------
   Responsive
----------------------------------------------------------- */

    @media screen and (max-width: 1159px) {
        
        #preferences-sidebar {
            width: 200px;
        }
        
        #preferences-sidebar ~ .getting_started_preferences_grid, 
        #preferences-sidebar ~ #preferences_container {
            width: calc(100% - 240px);
            margin-left: 240px;
            box-sizing: border-box;
        }
        
        
    }
    
    @media screen and (max-width: 830px) {
        
        #editwin_body.translation .f2 .fieldrow > label.left-column {
            width: 100% !important;
            margin: 0 0 10px;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
        }
        
        #editwin_body.translation .f2 .fieldrow > label.left-column span.fl.pr15 {
            color: #888 !important;
            font-size: 13px !important;
            padding-bottom: 6px !important;
        }

        /*#editwin_body.translation .f2 .fgroup .fieldrow.fieldrow-first {*/
        /*    display: none !important;*/
        /*}*/
        #editwin_body.translation .f2 .fgroup .fieldrow .field,
        #editwin_body.translation .f2 .fieldrow > div.field {
            width: 100% !important;
        }
        
        body.section-admin .editwin_body_fancybox #fancybox-close {
            top: 5px;
            right: 5px;
        }
    }

    @media screen and (max-width: 767px) {

        #page_header,
        #page_container,
        body.page-pages #footer {
            padding-left: 20px;
            padding-right: 20px;
        }
        

        body.page-pages #footer .inner {
            min-width: 0;
        }

        #editwin_body #header h1, #docked-heading h1 {
            display: none;
        }
        
        #editwin_body.translation #header h1 {
            display: block;
        }

        #page_container #editwin_close, #editwin_body #editwin_close {
            right: 20px;
        }

        #preferences_fields .fieldrow {
            margin: 0 0 16px;
        }
        #preferences_fields .fieldrow label {
            width: 100%;
            margin-bottom: 5px;
            padding: 0;
        }
        #preferences_fields .fieldrow .field {
            width: 100%;
        }
        #preferences_fields .fieldrow .field_note {
            margin-left: 0;
            width: 100%;
        }
        #preferences_fields h3 {
            margin-bottom: 10px;
        }
        #preferences_fields .fieldscontainer h4 {
            margin-bottom: 10px;
        }

    }








/* SQUISH - MAKE SMALLER THEN LARGER THEN BACK TO NORMAL */
@keyframes squish {
  30% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  70% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/* MINI-SQUISH - MAKE sLIGHTLY SMALLER THEN sLIGHTLY LARGER THEN BACK TO NORMAL */
@keyframes mini-squish {
  30% {
    -webkit-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    transform: scale(0.94);
  }
  70% {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.ads_note_panel {
    clear: both;
    display: block;
    margin: 0;
    padding: 13px;
    border: 1px solid #eaeaea;
    background: #fdfdfd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 30px;
}

.ads_note_panel.hidden {
    display: none;
}

.ads_cta_wrapper {
    display: flex;
    flex-direction: row;
    gap: 1em;
    line-height: 0;
}

.ads_cta_logo {
    height: 65px;
    aspect-ratio: 1/1;
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ads_cta_logo > svg {
    padding: 10px;
}

.ads_cta_logo > span {
    text-align: center;
    display: block;
    line-height: 13px;
    font-size: 12px;
}

.ads_cta_text {
    line-height: initial;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 13px;
    padding: 2px 0;
}

.ads_cta_heading {
    font-weight: 600;
}

.ads_cta_prose {
    line-height: 13px;
}

.ads_cta_link {
    color: #51A8E0;
    font-weight: 600;
}
/* 2FA */
#tfa-container ul {
    padding:0;
    margin-left: 0;
    list-style:none;
    margin-bottom:5px;
}
#tfa-container p {
    margin-bottom: 5px;
}
#tfa-container #tfa-qrcode {
    margin: 10px 0;
}
#tfa-container #tfa-qrcode-image {
    width:100%;
    text-align:center;
    height:200px;
}
#tfa-container #tfa-qrcode-image img{
    width:200px;
}
#tfa-container #tfa-qrcode-field {
    display:flex;
    margin-top: 5px;
    margin-bottom: 10px;
}
#tfa-container #tfa-qrcode-field input, #tfa-container #tfa-qrcode-field label {
    margin-right:5px;
}
#tfa-container #verify-tfa-btn , .tfa-btn{
    cursor:pointer;
}

#tfa-container #tfa-message #error_message, #tfa-container #tfa-message #success_message {
    margin-bottom:0;
}