/* responsive.css sets different InspectApedia page format for mobile devices   */
/* DF: This script runs automatically when a browser detects small screen sizes such as on mobile devices */
/* Called explicitly in PAGE-LOCATION-02.php  */
/* 2025/07/21 fixed dropdown menu not fully hiding on firefox on phone- go to phone accessibilty, toggle off auto font sizing.  */
/* 2024/02/10 add SEARCH at mobile page top header as code In PAGE-LOCATION-02.php   */
/* 2023-11-24 To fix tabnav #navigation table:nth-child(2) to make mobile dropdown disappear fully when collapsed    */
/* Solution: change all <LI class="LI_Spaced"> to <li CLASS="LI_Spaced"> In  Location_2_3_4_Combined_Includes.php  */
/* TBD: find why Location_2_3_4_Combined_Includes.php sets format for mobile while I 'm using PAGE-LOCATION-02.php on desktop pages */

/* 2023-08-11 Responsive web design notes: viewport Is set explicitly on every .php page In the head section                */
/* <meta name="viewport" content="width=device-width, I nitial-scale=1, maximum-scale=1, user-scalable=0"/>                 */
/* This responsive.css script Is called (invoked) from Location_2_3_4_Combined_Includes.php Included on each .php page      */

/* 2023-07-25 responsiveTEST-2023-07-25.CSS - THIS FILE - Used to find/fix/diagnose Issues listed below */
/* test by temporarily replacing standard responsive.css with this file renamed as responsive.css       */
/* PUT BACK THE LATEST WORKING VERSION responsive-2023-07-24.css saved as responsive.css  to return to normal site operation */

/* 2023/07/25 fixed drop down menu and font sizes In mobile mozilla - too big, Page top dropdown menu doesn't fully hide     */
/* WATCH OUT: if the LIs are all right (not LI_Spaced, then In DF Mozilla mobile browser re-set font size to 100% = FIXED!   */
/* 2023-07-24 Link colors are set In MainStyle.css                              */
/* 2023-07-24 have not found why Chrome mobile browser visited links turn black */

/* 2023/07/12 edited to delete responsive link switch on lines 21-23 to remove I nactivated switch on mobile page bottom */
/* 2017/03/30 InspectApedia responsive site css code VERSION 4 */   
/* Clark Van Oyen clark@countable.ca  wrote the original code  */
/* Split off Responsive Website code from MainStyle.css        */
/* 2017/03/29 Separate Responsive Site code from MainStyle     */
/* Store as /Scripts/responsive.css                            */
/* Site Is offered as a responsive version (for mobile) and    */
/*   a "not-mobile" version for large monitors.                */
/* Desktop page format view was offered to mobile readers via a link   */
/* Included on pages shown below - currently OFF                       */
/* <a href="#" id="toggle_responsive_link" onclick='toggle_responsive()'>switch to desktop site.</a> */
/* that triggered the View-Desktop script Included with page bottom scripts                          */
/* That link code will be I nserted In page bottom footer code In <?include("../Includes/Location_17_C_17Z_90_Page_Bottom_Divs_Scripts.php");?>  */
/* The link code must come before the script code              */
/* Portrait and Landscape                                      */

/**    Responsive stylesheet for mobile / small screens        */

/* OFF 2023-07-12 Actual desktops shouldn't see the responsive switcher */
/* this code let mobile users switch to desktop view     */
/* #toggle_responsive_link {                             */
/*     display: none;                                    */
/* }                                                     */

/* The following section only applies to mobile devices  */
/* less than or equal to 768 pixels wide.                */
	 
@media only screen and (max-device-width: 768px) {

    * {
/* make all browsers have a nice box layout */
        box-sizing: border-box;
/* prevent anything extending past the screen width */
        max-width: 100%;
    }

/* Mobile devices should see the responsive switcher */
/* 2023-07-24 comment off as already commented off above In this script */
/*    #toggle_responsive_link {
        display: block;
    }
*/

/* mobile title block, show on mobile devices */
    #dm-title {
        display: block;
    }

/* main content area */
    #Page {
        margin: 10px;
        overflow: hidden;
    }

/* outer navigation wrapper */
    #navigation {
        background-color: transparent;
    }

/* Hide some desktop-only parts of the navbar */
    #navigation table:first-child {
        display: none;
    }
    
/* Move the menu way up when it's hidden so it can be animated downward. */
    #navigation table:nth-child(2) {
        top: -1050px;   
        position: absolute;
        background: transparent;
        z-index: 100;
        left: 0;
        right: 0;
        transition: 1s all;
    }
/* mobile menu I tems */
    #navigation table:nth-child(2) td {
        display: block;
        position: absolute;		
        left: 10px;
        right:10px;
    }

/* show the special mobile menu when it's open          */
/* background color #6a70c2 Is blue                     */
/* links In the drop down menu are white                */

    #navigation table:nth-child(2).open {
        opacity: 1;
        top: 86px;   /* original code 86px;  */
    }
    #navigation table:nth-child(2) ul {
        background-color: #6a70c2;
    }
    #navigation table:nth-child(2) li {
        display: block;
        padding: 10px;
    }
    #navigation table:nth-child(2) li a , 

/* clear nav borders */
    #navigation table:nth-child(2) ul#tabnav {
        padding-top: 0; padding-bottom: 0;
        border-width: 0;
        font-size: 15px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: white;
        margin: 0;
    }

/* active link style */
/* 2023-07-24 try changing color from lightgreen to BLUE #2f3699 */
/* not sure we need this at all - this changes clicked-on link during transition to target page */
/* this does not set visited links - those are shown as gray-black */

    #navigation table:nth-child(2) li.current a {
        background-color: transparent;
        color: #2f3699;
    }


/* start the content below the nav and title area */
    #body {
        margin-top: 88px;
    }

/* reposition the navbar */
    #innerBar {
        position: absolute;
        left: 0;
        right: 0;
        top: 52px;
    }

/* mobile title styles. *//* original height 86px;. */
    #dm-title {
        height: 86px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        padding: 16px 0 0 0;
        z-index: 200;    /* original z-index 200; */
    }
/* force footer links to appear vertically */
    #footer td {
        display: block;
    }

    .table-wrapper {
        overflow-x: auto;
    }

    .bodytext {
        float: none;
        padding-left: 0;
    }
/* ============ Dudamobile Layout Style ============ */
/* ==== General style ==== */

    * {
        scrollbar-arrow-color: #ffffff;
        scrollbar-track-color: #F2F2F2;
        scrollbar-face-color: #C0C0C0;
        scrollbar-highlight-color: #C0C0C0;
        scrollbar-3dlight-color: #C0C0C0;
        scrollbar-shadow-color: #C0C0C0;
        scrollbar-darkshadow-color: #C0C0C0;
        scrollbar-width: 12px;
    }

    #iOSWrapper {
        height: auto !important;
    }

    body {
    /*  prevent font scale on orientation change */
        -webkit-text-size-adjust: 100% !important;
        -ms-text-size-adjust: 100% !important;
    }

    .dmOuter a + a {
        margin-left: 8px;
    }

    #dm video {
        max-width: 100% !important;
        display: block;
        margin: 10px auto;
    }

    .dmInner I mg {
        -moz-box-sizing: border-box;  
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    } I frame.fb_ltr {
        max-width: 100%;
    }

    .navPlaceHolder .dmNav.bordersNav, .navPlaceHolder .dmNav.horizontalNav {
        margin-left: -20px;
        margin-right: -20px;
    }

    .inlineEditorLeftBar, .inlineEditorRightBar, .inlineEditorBottomBar, .inlineEditorTopBar {
        z-index: 200;
    }

    #hcontainer, #fixHead.dmHeader {
        -webkit-box-shadow: 0px 2px 1px hsla(0, 0%, 0%, 0.5), I nset 0px -1px 1px hsla(0, 0%, 100%, 0.3);
        -moz-box-shadow: 0px 2px 1px hsla(0, 0%, 0%, 0.5), I nset 0px -1px 1px hsla(0, 0%, 100%, 0.3);
        box-shadow: 0px 2px 1px hsla(0, 0%, 0%, 0.5), I nset 0px -1px 1px hsla(0, 0%, 100%, 0.3);
    }

    .innerPageTitle {
        display: none;
    }

    .displayNone {
        display: none;
    }


/* Color #2f3699 Is blue */

    div.dmInner I nput[type=text], div.dmInner I nput[type=email], div.dmInner I nput[type=number], div.dmInner I nput[type=tel] {
        border: 2px solid #2f3699;
        border-radius: 4px 4px;
        -webkit-border-radius: 4px 4px;
        -moz-border-radius: 4px;
        width: 100%;
        height: 25px;
        margin: 3px 0px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        font-size:13px;
    }

    div.dmInner I nput[type=password] {
        border: 2px solid #2f3699;
        border-radius: 4px 4px;
        -webkit-border-radius: 4px 4px;
        -moz-border-radius: 4px;
        width: 100%;
        height: 25px;
        margin: 3px 0px;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        font-size:13px;
    }

    div.dmInner I nput[readonly=readonly] {
        border: 2px solid #2f3699;
        border-radius: 4px 4px;
        -webkit-border-radius: 4px 4px;
        -moz-border-radius: 4px;
        margin: 3px 0px;
        width: auto;
        height: auto;
    }

    div.dmInner select {
        border: 2px solid #2f3699;
        border-radius: 4px 4px;
        -webkit-border-radius: 4px 4px;
        -moz-border-radius: 4px;
        width: 100%;
        max-width: 100%;
        height: 24px;
        margin: 3px 0px;
    }
    div.dmInner select[multiple] {
        height:auto;
    }

    div.dmInner textarea {
        border: 2px solid #2f3699;
        width: 100%;
        margin: 3px 0px;
        min-height: 50px;
        border-radius: 4px 4px;
        -webkit-border-radius: 4px 4px;
        -moz-border-radius: 4px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

/* color #ffffff Is white   */

    div.dmInner I nput[type=submit], div.dmInner I nput[type=reset] {
        margin: 5px auto;
        width: 100%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        height: 30px !important;
        background-color: #2f3699;
        color: #ffffff;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        font-size:16px;
        border: none;
    }

    div.dmInner .dmformsubmit I nput[type=submit]{
        height: auto !important;
    }


    /* ==== Editor only style ==== */

    .bodyInsideNee {
    /*     overflow: auto; */
    }

    .bodyInsideNee #fixHead {
        top: 0px;
    }

    .bodyInsideNee .fixedFooterContainer {
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 202;
    }

    .fixedPart {
        z-index: 2222;  
    }

    .bodyInsideNee .fixedPart {
    /*     position: fixed; */
        top: 0px;
        width: 100%;
    }

    .bodyInsideNee .dmDropAreasMinHeight {
        min-height: 100px;
    }

    .bodyInsideNee .dmDropAreaFixedHeader {
        position: fixed;
        top: 0px;
    }

    .bodyInsideNee .dmDrakedElementFixed {
        position: fixed;
    }

    .bodyInsideNee .dmDropAreasText {
        height: 50px;
        font-size: 13px;
    }

    .bodyInsideNee #iscrollBody {
    /*     height: auto !important; */
        overflow-y: auto;
        overflow-x: hidden;  
    }

    .bodyInsideNee #slideUpNav ,
    .bodyInsideNee #slideDownNav {
        overflow-y: auto;
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
    }


/* ==== I nner style ====             */
/* color #CCFFFF Is light aqua       */
/* color #eefbfc Is very light blue  */
/* color #ffffff Is white            */
/* color #1f2460 Is lighter black    */
/* color #2f3699 Is blue             */
/* color #333333 Is black            */


    DIV.dmInner {
        background: #eefbfc;
        color: #333333;
        font-family: arial;
    }

    .dmInner a {
        color: #1f2460;
    }

    .dmInner ul, .dmInner ol {
        padding: 0px;
    }


/* ==== Mobile Page Header style ==== */

    .dmHeader {
        background: #2f3699;
        color: #ffffff;
        text-align: center;
        position: relative;
    }

    .dm-title {
        background: #CCFFFF;
        text-align: center;
        font-weight: bold;
        font-size: 21px;
        clear: both;
        margin-top: -1px;
        padding: 3px 3px 6px;
        max-height: 150px;      /* original 150px */
        line-height: 1.2;
    }

    #fixHead .dmdmTitlePlaceholder:after {
        top: 1px;
    }

    #fixHead {
        text-align: center;
        z-index: 202;
        position: relative;
        font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
        overflow: hidden;
        margin: 0px;
        vertical-align: middle;
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
    }

    #fixHead .dm-title {
        position: static;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        font-weight: 400;
    }
    #fixHead .dmdmTitlePlaceholder:after {
        color:#ffffff;
    }

    #dmBackArrow {
        -webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,.25,1);
        -moz-transition: -moz-transform .5s cubic-bezier(.25,1,.25,1);
        -o-transition: -o-transform .5s cubic-bezier(.25,1,.25,1);
        -ms-transition: -ms-transform .5s cubic-bezier(.25,1,.25,1);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        display: block !important;
        background-color: #ffffff;
        width: 6px;
        height: 9px;
        position: absolute;
        top: 10px;
        left: 27px;
    }

    #dmBackArrow:after {
        content: '';
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        display: block !important;
        background-color: #ffffff;
        width: 6px;
        height: 14px;
        position: absolute;
        top: 4px;
        left: 4px;
    }

    #dmBackArrow ,
    #dmBackArrow:after {
        -moz-box-shadow: 2px 0px 1px hsla(0, 0%, 0%, 0.25);
        -webkit-box-shadow: 2px 0px 1px hsla(0, 0%, 0%, 0.25);
        box-shadow: 2px 0px 1px hsla(0, 0%, 0%, 0.25);
        
    }

    #innerBar .uiBtn {
        cursor: pointer;
        position: absolute;
        -webkit-transition: all .5s cubic-bezier(.25,1,.25,1);
        -o-transition: all .5s cubic-bezier(.25,1,.25,1);
        -moz-transition: all .5s cubic-bezier(.25,1,.25,1);
        -ms-transition: all .5s cubic-bezier(.25,1,.25,1);
        padding: 10px;
        font: bold 13px/13px arial;
        text-shadow: 0 1px 0 rgba(0,0,0,0.7);
        text-align: center;
        z-index: 200;
    }

    #slideDownTrigger {
        right: 14px
    }

    #dmBackBtn {
        left: 14px
    }

    #logo-div {
        position: relative;
    }

/* ==== Slide Navigation style ==== */

    #slideDownTrigger:hover {
        cursor: pointer;
    }

    #slideDownTrigger .btnStripe, #toggleMenuTrigger .btnStripe {
        position: relative;
        opacity: 0.9;
        background-color: #ffffff;
        width: 27px;
        height: 4px;
        margin: 4px 0px;
        -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 1px;
        border-radius: 1px;
    }

    #slideDownNav, #slideUpNav {
        position: absolute;
        z-index: 201;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,.25,1);
        -moz-transition: -moz-transform .5s cubic-bezier(.25,1,.25,1);
        -o-transition: -o-transform .5s cubic-bezier(.25,1,.25,1);
        -ms-transition: -ms-transform .5s cubic-bezier(.25,1,.25,1);
        -webkit-transform: translate3d(0,0,0);
        -o-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);  
    }

    #slideDownNav ul.dmNavigation {
        -webkit-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
        -webkit-border-radius: 0 0 12px 12px;
        -moz-border-radius: 0 0 12px 12px;
        border-radius: 0 0 12px 12px;
        margin: 0px 12px;
    }
    #slideDownNav .dmNavigation li:last-child {
        -webkit-border-radius: 0 0 12px 12px;
        -moz-border-radius: 0 0 12px 12px;
        border-radius: 0 0 12px 12px;
    }


    #slideUpNav {
        background: #6a70c2;
        width: 100%;
        display: none;
    }

    #slideDownNav {
        display: none;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #fixHead.fixedHeaderLimitSize {
        height:50px;
    }

    #fixHead.fixedHeaderLimitSize .freeHeader {
        height:50px;
    }

    .logoTitleWrapper {
         height: 100%;
    }
    #fixHead.fixedHeaderLimitSize .logo-div {
        padding: 0 72px;
        display:table;
        vertical-align:middle;
        table-layout: fixed;
         width: 100%;
         height:100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #fixHead.fixedHeaderLimitSize #dm-logo-image {
        max-height: 47px;
    }

    #fixHead.fixedHeaderLimitSize .dm-title {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 2px 75px;
        max-height: 50px;       /* original 50px  */
        line-height: 50px;       /* original 50px  */
        width: 101%;
        margin-left: -1px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #fixHead.fixedHeaderLimitSize a.dm-logo-anchor {
        max-height: 49px;
    /*  max-width: 222px; */
        margin-right: auto;
        margin-left: auto;  
        display: table-cell;
        vertical-align: middle;
    }



    /* ==== Navigation style ==== */

    .dmNavigation {
        padding: 0;
        margin: 0;
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        background-color: #6a70c2;
    }

    .dmNavigation li {
        -webkit-transition: all .5s cubic-bezier(.25,1,.25,1);
        -o-transition: all .5s cubic-bezier(.25,1,.25,1);
        -moz-transition: all .5s cubic-bezier(.25,1,.25,1);
        -ms-transition: all .5s cubic-bezier(.25,1,.25,1);
        -moz-transition-delay: .1s;
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        /*transition-delay: .1s;*/
        position: relative;
        cursor: pointer;
        overflow: hidden;
        -webkit-transform: translate3d(0px,0px,0px);
        transform: translate3d(0px,0px,0px);
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        box-sizing: border-box;
    }

    .dmNavigation li.dmSub {
        background-color: rgba(255,255,255,0.1);
        z-index: 0;
    }

    .dmNavigation li.dmSub.hasdmSub {
        background-color: rgba(255,255,255,0.1);
        z-index: 1;
    }


    .dmNavigation li.dmSub a {
        margin-left: 25px;
    }

    .dmNavigation li.dmSub2 a {
        margin-left: 30px;
    }

    .dmNavigation li.hasdmSub {
        cursor: pointer;
        z-index: 2;
        position: relative;
    }

    .dmNavigation li a {
        text-overflow: ellipsis;
        overflow: hidden;
        text-decoration: none;
        white-space: nowrap;
        display: block;
        padding: 15px 10px 15px 22px;
        color:#ffffff;
        margin-top: -17px\9;
    }

    .dmNavigation li a.currentPage .navItemText {
        font-weight: bold;
        color: #ffffff;
    }

    .dmNavigation li:not(.hasdmSub) a.currentPage .navItemArrowBg {
        display:none;
    }

    .dmNavigation .navItemArrow {
        width: 4px;
        background-color: #ffffff;
        height: 10px;
        display: block;
        position: absolute;
        left: 10px;
        top: 4px;
    }

    .dmNavigation .navItemArrow:after {
        content: '';
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        
        display: block !important;
        background-color: #ffffff;
        width: 4px;
        height: 10px;
        position: absolute;
        top: 3px;
        left: -3px;
    }

    .dmNavigation .navItemArrowBg {
        -webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,.25,1);
        -moz-transition: -moz-transform .5s cubic-bezier(.25,1,.25,1);
        -o-transition: -o-transform .5s cubic-bezier(.25,1,.25,1);
        -ms-transition: -ms-transform .5s cubic-bezier(.25,1,.25,1);
        
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        
        display: block !important;  
        width: 20px;
        height: 20px;
        position: absolute;
        top: 15px;
        right: 24px;
    }

    .dmNavigation .navItemArrowBg.pointDown {
        -webkit-transform: rotate(45deg) translate3d( 0, 0, 0);
        -moz-transform: rotate(45deg) translate( 0, 0);
        -o-transform: rotate(45deg) translate( 0, 0);
        transform: rotate(45deg) translate3d( 0, 0, 0);
    }

    ul.dmNav a
    {
        text-decoration:none;
    }



/* ==== I scrollBody style ==== */

    #iscrollBody {
        position: relative;
/* you can't put margin or padding on an I scroll object.*/ 
    }

    .blurry {
        -webkit-filter: blur(1px);
    }

    #site_content {
        position: relative;
    }


/* ==== Body style  ==== */

    DIV.dmBody {
        padding: 0px;
        clear: both;
    }

/* ==== Content style ==== */

    .dmContent {
        margin: 0px;
        padding: 0px;
    }

    .dmContent ul, .dmContent ol, .dm_content ul, .dm_content ol {
        -webkit-padding-start: 0px;
        -moz-padding-start: 0px;
        list-style-position: I nside;
    }

    .dm_content {
        margin: 0px;
        padding: 0px 20px 10px 20px;
    }

    #contentShader {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.35);
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        pointer-events: none;
        z-index: 50;
    }

    #contentShader.active {
        opacity: 1;
    }

    .dmNav li {
        position: relative;
    }

    .dmNav li a {
        height: 100%;
        display: block;
        padding: 17px 10px;
        text-decoration: none;
    }

    .hasDmMatrixNav .dmNav li a {
        padding: 17px 0px;
    }

    .hasDmMatrixNav #innerBar, .hasDmInsideListNav #innerBar {
        z-index: 203;
    }

    #innerBar {
        background-color: #6a70c2;
        height: 36px;
        z-index: 200;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate3d(0,0,0);
        -o-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.4);
    }

    #innerBar .uiBtn {
        top: 3px;
        padding: 3px 9px;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.55) , I nset 1px 1px 0px rgba(255,255,255,0.3);
        -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.55) , I nset 1px 1px 0px rgba(255,255,255,0.3);
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.55) , I nset 1px 1px 0px rgba(255,255,255,0.3);
        width: 45px;
        height: 29px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        
        background: url(//dudamobile-themes.s3.amazonaws.com/direct/gradient-on-light.svg);background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.4) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.4)));background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.4) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.4) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.4) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.4) 100%);
        background-color: #6a70c2;  
    }

    #innerBar #dmBackArrow, #innerBar #dmBackArrow:after, #innerBar .btnStripe {
        background-color: #ffffff;
    }

    #innerBar #dmBackArrow {
        left: 20px;
        top: 6px;
    }

    #innerBar .btnStripe {
        height: 3px;
    }

    .hasDmInsideListNav #slideDownNav,
    .hasDmMatrixNav #slideDownNav {
        text-align: left;
    }

    #slideDownNav li.lastListItem {
        border-bottom: none;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .fixedPart .freeHeader {
        z-index: 200;
    }

    .freeHeader {
        z-index: 99;
        position: relative;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate3d(0,0);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .dmHeader.freeHeader:not(:empty) {
        padding: 4px;
    }


    .dmNavigation .navItemIconBg {
        display: none;
    }
    .dmNavigation .navItemText {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 30px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height:21px\9;
    }

    .dmColumn > div {
        padding: 0px;
    }

    .dmHT .dmCover > I mg {
        margin-top: 14px;
        max-height: 280px;
    }

    .dmHT .flex-container {
        margin: 0px;
    }

    #dmFirstContainer {
        margin-left: 12px;
        margin-right: 12px;
    }

    .hasDmMatrixNav .dmNav li.dmNavShownItem:last-of-type {
        margin-right: 0px;
    }

    .hasDmMatrixNav ul.dmNav.navNoIcons li > a .navIconBg {
        display: block;
        opacity: 0;
    }

    .dmBodyNoIscroll.bodyInsideNee .inlineEditorLeftBar, .dmBodyNoIscroll.bodyInsideNee .inlineEditorRightBar, .dmBodyNoIscroll.bodyInsideNee .inlineEditorBottomBar, .dmBodyNoIscroll.bodyInsideNee .inlineEditorTopBar, .dmBodyNoIscroll.bodyInsideNee .inlineEditor {
        z-index: 200;
    }

    .insideList .freeHeader, .matrix .freeHeader {
        z-index: 203;
    }

    li.liRemoveBorder {
        border-bottom: none;
    }

    .insideList #ad, .matrix #ad {
        z-index: 203;
        position: relative;
    /* I mportant so the slide navigations will not be under the ads */
        -webkit-transform: translate3d(0,0,0);
    }

    .dmMobileBody .insideList #ad, .dmMobileBody .matrix #ad {
        z-index: 203;
    }

    .dmNav {
        margin-top: 20px;   
    }



}