@font-face {
                font-family: 'SF-Pro';
                src: url('/app/fonts/webfonts/SF-Pro.woff2') format('woff2');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
                font-family: 'SF-Pro';
                src: url('/app/fonts/webfonts/SF-Pro.woff2') format('woff2');
                font-weight: bold;
                font-style: normal;
            }


:root {
  --main-font:  "SF-Pro";
}

        body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: var(--main-font);
        }


        .mySlides {
            display: none
        }

        .flex-container {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
        }


        .p_feature_list {
            margin-block-start: .2em;
            margin-block-end: .2em;
        }


        .font_mono {
            font-family: Courier New, Courier, monospace
        }


/*        * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
*/
        article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
            display: block;
        }

        body {
            min-height: 100%;
			height:100%;
            padding: 0;
			width:100%;
            margin: 0;
            background: #fff;
            font-size: 13px;
            line-height: 19px;
            color: #111;
            font-family: var(--main-font);
        }

        body {
            /*margin: 0 8px !important;*/
        }

        html.a-js body, html.a-no-js body {
            margin: 0 !important;
        }

        html {
            font-size: 100%;
            -webkit-text-size-adjust: 100%;
        }

        #navbar {
            position: relative;
            top: 0px;
            left: 0px;
            z-index: 198;
            font-family: "Amazon Ember",Arial,sans-serif;
            font-size: 12px;
            line-height: 1em;
            margin: 0 -8px;
            display: block;
            zoom: 1;
            min-width: 1000px;
        }

        .nav-bluebeacon#navbar {
            background-color: #232f3e;
        }

        html.a-js #navbar, html.a-no-js #navbar {
            margin: 0 !important;
        }

        .nav-icon {
            background-repeat: no-repeat;
        }

/*        a, a:active, a:link, a:visited {
            text-decoration: none;
            color: #0066c0;
        }
*/
        em, i {
            font-style: italic;
        }

        .nav-sprite-v1 .nav-sprite, .nav-sprite-v1 .nav-icon {
            background-image: url("https://images-na.ssl-images-amazon.com/images/G/15/gno/sprites/nav-sprite-global_bluebeacon-1x_optimized_layout1._CB468502248_.png");
            background-position: 0 1000px;
            background-repeat: repeat-x;
        }

        .nav-left {
            position: relative;
            float: left;
            width: auto;
            display: inline-block;
        }

        .nav-right {
            position: relative;
            float: right;
            width: auto;
            display: inline-block;
        }

        .nav-fill {
            width: auto;
            overflow: hidden;
            white-space: nowrap;
        }

        .nav-action-button, .nav-action-button:link {
            display: block;
            height: 33px;
            margin: 0 10px 0 11px;
            cursor: pointer;
            outline: 0;
            border: 1px solid;
            border-color: #c89411 #b0820f #99710d;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            border-radius: 0\9;
            -webkit-box-shadow: inset 0 1px 0 0 #fcf3dc;
            -moz-box-shadow: inset 0 1px 0 0 #fcf3dc;
            box-shadow: inset 0px 1px 0px 0px #fcf3dc;
            background: #f3cf72;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF8E3AD', endColorstr='#FFEEBA37', GradientType=0 );
            background: linear-gradient(to bottom,#f8e3ad,#EEBA37);
            background: -moz-linear-gradient(top,#f8e3ad,#EEBA37);
            background: -webkit-linear-gradient(top,#f8e3ad,#EEBA37);
            background: -o-linear-gradient(top,#f8e3ad,#EEBA37);
            background: -ms-linear-gradient(top,#f8e3ad,#EEBA37);
            text-align: center;
            line-height: 31px;
            vertical-align: middle;
            color: #111;
            font-family: "Amazon Ember",Arial,sans-serif;
            text-decoration: none;
            line-height: 30px;
            font-size: 13px;
        }

        a.nav-a, a.nav-a:link, a.nav-a:visited {
            font-family: "Amazon Ember",Arial,sans-serif;
            text-decoration: none;
            cursor: pointer;
        }

        img {
            max-width: 100%;
            border: 0;
        }

        img {
            vertical-align: top;
        }

        button, input, select, textarea {
            margin: 0;
            font-size: 100%;
            vertical-align: middle;
        }

        button, input {
            line-height: normal;
        }

        button, input, select, textarea {
            font-family: inherit;
        }

        input, select, textarea {
            -webkit-transition: all .1s linear;
            transition: all .1s linear;
            line-height: 19px;
            color: #111;
            padding: 4px;
        }

        .nav-flyout {
            position: absolute;
            display: none;
            overflow: visible !important;
            background: #fff;
            border: 1px solid #bbb;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 14px;
            margin: 0;
            -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
            -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
            box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.13);
            -ms-user-select: none;
            zoom: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
            font-size: 13px;
            font-family: "Amazon Ember",Arial,sans-serif;
            line-height: normal;
        }

        .nav-coreFlyout {
            margin: -3px 0 0 -2px;
            padding-bottom: 7px;
            width: 240px;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            border-radius: 0\9;
        }

        .nav-catFlyout {
            margin: 0;
            border-top: 0;
            padding: 0;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            border-radius: 0\9;
            border: 1px solid #bbb;
        }

        .nav-signin-tt {
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            border-radius: 0\9;
        }

            .nav-signin-tt .nav-arrow {
                left: 50%;
                margin-left: -9px;
            }

        .nav-action-button .nav-action-inner, .nav-action-button:link .nav-action-inner {
            color: #111;
            display: block;
            text-align: center;
        }

        .nav-flyout .nav-arrow-inner {
            border-style: solid;
            _border-style: dashed;
            border-width: 9px;
            border-color: transparent;
            border-top-width: 0px;
            border-bottom: 9px solid #fff;
            width: 0px;
            height: 0px;
            font-size: 0px;
            line-height: 0;
            position: absolute;
            top: 1px;
            left: -9px;
        }

        .nav-flyout .nav-arrow {
            border-style: solid;
            _border-style: dashed;
            border-width: 9px;
            border-color: transparent;
            border-top-width: 0px;
            border-bottom: 9px solid #ccc;
            width: 0px;
            height: 0px;
            font-size: 0px;
            line-height: 0;
            position: absolute;
            top: -9px;
        }

        .nav-coreFlyout .nav-arrow {
            margin-left: -1px;
        }

        .nav-spinner {
            background-image: url("https://images-na.ssl-images-amazon.com/images/G/15/javascripts/lib/popover/images/snake._CB402380282_.gif");
            background-position: center center;
            background-repeat: no-repeat;
        }

        .nav-flyout .nav-spinner {
            min-height: 200px;
            min-width: 200px;
        }

        .nav-catFlyout .nav-flyout-content {
            float: left;
            clear: none;
            width: 238px;
            padding: 14px 0 8px 0;
        }

        .nav-tpl-discoveryPanelList, .nav-tpl-discoveryPanelSummary, .nav-tpl-itemList {
            width: 210px;
        }

            .nav-tpl-discoveryPanelList .nav-title, .nav-tpl-discoveryPanelSummary .nav-title, .nav-tpl-itemList .nav-title {
                padding-bottom: 10px;
                left: 20px;
            }

            .nav-tpl-discoveryPanelList .nav-item, .nav-tpl-discoveryPanelSummary .nav-item, .nav-tpl-itemList .nav-item {
                position: relative;
                display: block;
                clear: both;
                font-family: "Amazon Ember",Arial,sans-serif;
                line-height: 16px;
                padding: 0 0 7px;
                margin: 0;
                text-decoration: none;
                cursor: default;
            }

            .nav-tpl-discoveryPanelList .nav-link, .nav-tpl-discoveryPanelSummary .nav-link, .nav-tpl-itemList .nav-link {
                cursor: pointer;
            }

            .nav-tpl-discoveryPanelList .nav-divider, .nav-tpl-discoveryPanelSummary .nav-divider, .nav-tpl-itemList .nav-divider {
                position: relative;
                display: block;
                line-height: 1px;
                height: 1px;
                overflow: hidden;
                background: #EEE;
                margin: 0 0 9px;
            }

            .nav-tpl-discoveryPanelList .nav-text, .nav-tpl-discoveryPanelSummary .nav-text, .nav-tpl-itemList .nav-text {
                display: block;
                font-size: 13px;
                color: #444;
                font-weight: 400;
                white-space: normal;
                word-wrap: break-word;
            }

        .nav-npt-text-title {
            font-family: arial,sans-serif;
            font-size: 18px;
            font-weight: bold;
            line-height: 21px;
            color: #e47923;
        }

        .nav-npt-text-detail, a.nav-npt-a {
            font-family: arial,sans-serif;
            font-size: 12px;
            line-height: 14px;
            color: #333333;
            margin: 2px 0px;
        }

        a.nav-npt-a {
            text-decoration: underline;
        }

        .pin-nav-content-img {
            height: 425px;
            width: 310px;
            margin: 0 15px 10px 0;
            background: #1a9901;
        }

        .pin-nav-content-logo {
            width: 190px;
            height: auto;
            margin: 0 auto;
            padding-top: 20px;
        }

        .pin-nav-content-copy {
            color: #ffffff;
            font-size: 15px;
            line-height: 22px;
            width: 275px;
            margin: 0 auto;
            text-align: center;
            padding-top: 10px;
            font-family: Verdana,sans-serif;
        }

        .pin-nav-content-img .prime-button-try {
            text-align: center;
            margin-top: 20px;
        }

        .pin-nav-bottom-img {
            width: 250px;
            height: auto;
            margin: 0 auto;
            padding-top: 5px;
        }

        .pin-nav-content-img img {
            max-width: 100%;
        }

        .pin-nav-content-img .prime-button-try a {
            cursor: pointer;
            outline: none;
            border: 1px solid;
            border-color: #c89411 #b0820f #99710d;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            border-radius: 0px\9;
            -webkit-box-shadow: inset 0 1px 0 0 #fcf3dc;
            -moz-box-shadow: inset 0 1px 0 0 #fcf3dc;
            box-shadow: inset 0px 1px 0px 0px #fcf3dc;
            background: #f3ce72;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8E3AD', endColorstr='#FFEEBA37', GradientType=0);
            background: linear-gradient(to bottom, #f8e3ad, #eeba37);
            background: -moz-linear-gradient(top, #f8e3ad, #eeba37);
            background: -webkit-linear-gradient(top, #f8e3ad, #eeba37);
            background: -o-linear-gradient(top, #f8e3ad, #eeba37);
            background: -ms-linear-gradient(top, #f8e3ad, #eeba37);
            text-align: center;
            line-height: 31px;
            vertical-align: middle;
            color: #111111;
            font-family: "arial","sans-serif";
            text-decoration: none;
            display: inline;
            font-weight: bold;
            font-size: 14px;
            padding: .75em;
        }

        form {
            margin-bottom: 14px;
        }
    
        .a-offscreen, .aok-offscreen {
            position: absolute !important;
            left: a_px(0) !important;
            bottom: a_px(-1) !important;
            z-index: -1 !important;
            opacity: 0;
        }


/*        .a-input-text, input[type=text], input[type=search], input[type=number], input[type=tel], input[type=password], input[type=date], input[type=email] {
            background-color: #fff;
            height: 31px;
            padding: 3px 7px;
            line-height: normal;
        }
*/
        button, input[type=button], input[type=reset], input[type=submit] {
            cursor: pointer;
            -webkit-appearance: button;
        }

        .icp-nav-link-inner {
            padding-right: 11px;
            margin-left: -16px;
            display: inline-block;
        }

            .icp-nav-link-inner .nav-line-2 {
                position: relative;
                left: -7px;
            }

            .icp-nav-link-inner .nav-arrow {
                position: relative;
                left: 38px;
            }

        .icp-nav-globe-img-2 {
            position: relative;
            top: 15px;
            left: 24px;
            background: url(https://m.media-amazon.com/images/G/01/AUIClients/InternationalCustomerPreferencesNavAssets-icp_sprite-7d1bfde38eb13748605e178896ede63a4aa68e0c._V2_.png);
            background-position: -77px -24px;
            display: inline-block;
            width: 14px;
            height: 14px;
        }

        .icp-nav-language {
            position: relative;
            top: -3px;
            left: 5px;
        }

        #navbar * {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        #nav-belt, #navbar .nav-belt {
            position: relative;
            width: 100%;
            font-size: 14px;
            z-index: 5;
        }

        #nav-belt, #navbar .nav-belt {
            background-color: white;
        }

        .nav-bluebeacon#navbar #nav-belt {
            background-color: #232f3e;
        }

        #nav-main, #navbar .nav-main {
            width: 100%;
            height: 60px;
            padding-top: 5px;
            position: relative;
            -webkit-transform: translate3d(0px, 0px, 0px);
            -moz-transform: translate3d(0,0,0);
            -ms-transform: translate3d(0,0,0);
            -o-transform: translate3d(0,0,0);
            transform: translate3d(0px, 0px, 0px);
            z-index: 4;
            background-position: 0 -725px;
        }

        [data-template=layoutSwapToolBar]#navbar #nav-main {
            height: 56px;
            padding-top: 1px;
        }

        .nav-bluebeacon#navbar #nav-main {
            background-image: none;
            background-color: #232f3e;
        }

        #nav-main .nav-fill, #nav-main .nav-left, #nav-main .nav-right, #navbar .nav-main .nav-fill, #navbar .nav-main .nav-left, #navbar .nav-main .nav-right {
            height: 55px;
        }

        #nav-shop {
            float: left;
            padding: 6px 12px 0 15px;
            text-decoration: none;
            margin-top: 2px;
            width: 192px;
        }

        .nav-packard-glow #nav-shop {
            padding: 6px 15px 0 0;
            width: auto;
        }

        .nav-a11y-t1.nav-packard-glow#navbar #nav-shop {
            padding-right: 7px;
        }

        #nav-xshop-container {
            position: relative;
            float: left;
            margin: 0;
            padding: 0;
            z-index: 20;
        }

        .nav-packard-glow #nav-xshop-container {
            position: static;
            float: none;
            padding: 2px 0 0 0;
        }

        #nav-xshop {
            margin: 32px 0 0;
            height: 37px;
            overflow: hidden;
        }

        .nav-a11y-t1#navbar #nav-xshop {
            margin: 21px 0 0;
            height: 37px;
        }

        #nav-xshop .nav-a {
            float: left;
            padding: 0 9px;
            margin-bottom: 25px;
            font-family: "Amazon Ember",Arial,sans-serif;
            font-size: 13px;
        }

        #nav-xshop :first-of-type.nav-a {
            padding-left: 0px;
        }

        #nav-xshop .nav-a, #nav-xshop .nav-a:link, #nav-xshop .nav-a:visited {
            color: #05a;
            text-decoration: none;
        }

        .nav-bluebeacon#navbar #nav-xshop .nav-a {
            color: #ccc;
        }

        .nav-a11y-t1#navbar #nav-xshop .nav-a {
            padding: 7px 8px 7px 8px;
            margin: 1px 2px 12px 1px;
        }

        #nav-swmslot {
            position: relative;
            height: 39px;
            display: inline;
            overflow: hidden;
        }

        #nav-swmslot {
            position: relative;
            overflow: hidden;
            height: 39px;
            top: 9px;
        }

        [data-template=layoutSwapToolBar]#navbar #nav-swmslot {
            top: 16px;
            padding-left: 20px;
            display: inline-block;
        }

        #navSwmHoliday {
            background-repeat: no-repeat;
            background-position: bottom right;
            border: none;
            text-align: right;
            background-size: inherit;
        }

        .nav-packard-glow #nav-global-location-slot {
            float: left;
            padding: 6px 0 0 10px;
            text-decoration: none;
            margin-top: 2px;
            width: 192px;
            overflow: hidden;
        }

        .hamburger.nav-packard-glow #nav-global-location-slot {
            width: 217px;
        }

        .nav-a11y-t1.hamburger.nav-packard-glow#navbar #nav-global-location-slot {
            width: 209px;
        }

        .nav-packard-glow #nav-global-location-slot .nav-a {
            line-height: 44px;
            height: 44px;
            position: relative;
            float: left;
            top: 1px;
            padding: 0 0 0 10px;
        }

        .nav-packard-glow #nav-global-location-slot .nav-a-2 {
            padding-right: 0px;
            overflow: hidden;
            top: 1px;
            margin: 0 1px;
            display: inline-block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        #nav-packard-glow-loc-icon {
            position: absolute;
            width: 22px;
            height: 22px;
            background-position: -68px -340px;
            left: 4px;
            top: 39px;
        }

        .nav-packard-glow #nav-global-location-slot #nav-packard-glow-loc-icon {
            position: absolute;
            width: 22px;
            height: 22px;
            background-position: -68px -340px;
            left: 2px;
            top: 13px;
        }

        .nav-packard-glow #nav-global-location-slot #glow-ingress-block {
            margin-left: 17px;
        }

        .nav-packard-glow #nav-global-location-slot .nav-a-2 .nav-line-1, .nav-packard-glow #nav-global-location-slot .nav-a-2 .nav-line-2 {
            float: left;
            clear: both;
            display: inline-block;
            white-space: nowrap;
            padding-right: 11px;
            font-family: "Amazon Ember",Arial,sans-serif;
            color: #000;
        }

        .nav-packard-glow #nav-global-location-slot .nav-a-2 .nav-line-1 {
            font-size: 12px;
            line-height: 14px;
            height: 14px;
            font-weight: 400;
            margin-top: 9px;
        }

        .nav-packard-glow #nav-global-location-slot .nav-a-2 .nav-line-2 {
            font-size: 14px;
            line-height: 15px;
            font-weight: 700;
            padding-bottom: 5px;
        }

        .nav-bluebeacon#navbar #nav-search-label {
            top: 1px;
            font-weight: 400;
        }

        #nav-tools .nav-a-2 .nav-line-1, #nav-tools .nav-a-2 .nav-line-2, #nav-tools .nav-a-2 .nav-line-3, #nav-tools .nav-a-2 .nav-line-4, #nav-xshop .nav-a-2 .nav-line-1, #nav-xshop .nav-a-2 .nav-line-2, #nav-xshop .nav-a-2 .nav-line-3, #nav-xshop .nav-a-2 .nav-line-4, #navbar .nav-tools .nav-a-2 .nav-line-1, #navbar .nav-tools .nav-a-2 .nav-line-2, #navbar .nav-tools .nav-a-2 .nav-line-3, #navbar .nav-tools .nav-a-2 .nav-line-4 {
            float: left;
            clear: both;
            display: inline-block;
            white-space: nowrap;
            padding-right: 9px;
            font-family: "Amazon Ember",Arial,sans-serif;
            color: #000;
        }

        #nav-tools .nav-a-2 .nav-line-1, #nav-tools .nav-a-2 .nav-line-3, #nav-xshop .nav-a-2 .nav-line-1, #nav-xshop .nav-a-2 .nav-line-3, #navbar .nav-tools .nav-a-2 .nav-line-1, #navbar .nav-tools .nav-a-2 .nav-line-3 {
            font-size: 12px;
            line-height: 14px;
            height: 14px;
            font-weight: 400;
            margin-top: 9px;
        }

        #nav-tools .nav-a-2 .nav-line-2, #nav-tools .nav-a-2 .nav-line-4, #nav-xshop .nav-a-2 .nav-line-2, #nav-xshop .nav-a-2 .nav-line-4, #navbar .nav-tools .nav-a-2 .nav-line-2, #navbar .nav-tools .nav-a-2 .nav-line-4 {
            font-size: 14px;
            line-height: 15px;
            font-weight: 700;
            padding-bottom: 5px;
        }

        #nav-tools .nav-single-row-link .nav-line-1, #nav-tools .nav-single-row-link:focus .nav-line-1, #nav-tools .nav-single-row-link:hover .nav-line-1, #nav-xshop .nav-single-row-link .nav-line-1, #nav-xshop .nav-single-row-link:focus .nav-line-1, #nav-xshop .nav-single-row-link:hover .nav-line-1, #navbar .nav-tools .nav-single-row-link .nav-line-1, #navbar .nav-tools .nav-single-row-link:focus .nav-line-1, #navbar .nav-tools .nav-single-row-link:hover .nav-line-1 {
            color: #aaa;
            height: 0px;
            margin-top: 5px;
        }

        .nav-bluebeacon#navbar #nav-search-label, .nav-bluebeacon#navbar .nav-a-2 .nav-line-1, .nav-bluebeacon#navbar .nav-a-2 .nav-line-2 {
            color: #fff;
        }

        #nav-belt .nav-fill, #nav-belt .nav-left, #nav-belt .nav-right, #navbar .nav-belt .nav-fill, #navbar .nav-belt .nav-left, #navbar .nav-belt .nav-right {
            height: 39px;
        }

        #nav-search .nav-searchbar .nav-right {
            min-width: 0px;
        }

        [data-template=layoutSwapToolBar]#navbar #nav-belt .nav-right {
            min-width: auto;
        }

        #nav-belt .nav-fill, #navbar .nav-belt .nav-fill {
            overflow: visible;
        }

        #nav-belt .nav-right, #navbar .nav-belt .nav-right {
            min-width: 350px;
        }

        #nav-search .nav-searchbar .nav-fill, #nav-search .nav-searchbar .nav-left, #nav-search .nav-searchbar .nav-right {
            position: relative;
            height: 35px;
        }

        #navbar #nav-search .nav-searchbar .nav-fill {
            overflow: hidden;
        }

        [data-template=layoutSwapToolBar]#navbar #nav-belt .nav-fill, [data-template=layoutSwapToolBar]#navbar #nav-belt .nav-left, [data-template=layoutSwapToolBar]#navbar #nav-belt .nav-right {
            height: 43px;
        }

        #nav-flyout-anchor {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 0px;
            line-height: 0;
            zoom: 1;
            z-index: 100;
        }

        #nav-flyout-iss-anchor, #nav-flyout-iss-timeline-anchor, #nav-flyout-iss-topCategories-anchor {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 0px;
            line-height: 0;
            zoom: 1;
            z-index: 100;
        }

            #nav-flyout-iss-anchor .nav-issFlyout, #nav-flyout-iss-timeline-anchor .nav-issFlyout, #nav-flyout-iss-topCategories-anchor .nav-issFlyout {
                padding: 0;
            }

        #nav-flyout-cart, #nav-flyout-fresh, #nav-flyout-genzFresh, #nav-flyout-genzMusic, #nav-flyout-genzPrime, #nav-flyout-genzVideo, #nav-flyout-prime, #nav-flyout-shopAll, #nav-flyout-wishlist, #nav-flyout-yourAccount {
            margin-top: -2px;
        }

        #nav-flyout-prime {
            box-sizing: content-box;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
        }

        #nav-flyout-primeTooltip {
            padding: 3px 0;
            margin: 0 0 0 10px;
            max-width: 705px;
            top: -38px !important;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            border-radius: 3px 3px 3px 3px;
            border-radius: 0\9;
            z-index: 300;
        }

        #nav-flyout-accountList {
            width: 500px;
        }

        #nav-flyout-transientFlyout {
            margin-top: 8px;
            width: auto;
            padding: 0;
        }

        #nav-signin-tooltip {
            text-align: center;
        }

            #nav-signin-tooltip .nav-signin-tooltip-footer {
                padding-top: 10px;
                color: #333;
                font-size: 11px;
            }

        #nav-belt .nav-a, #navbar .nav-belt .nav-a {
            color: #d6d6d6;
        }

        #nav-signin-tooltip .nav-signin-tooltip-footer .nav-a {
            color: #05a;
            text-decoration: none;
            padding-left: 3px;
        }

        #nav-flyout-fresh .nav-arrow, #nav-flyout-shopAll .nav-arrow {
            margin-left: -1px;
        }

        #nav-flyout-transientFlyout .nav-arrow {
            margin-left: -9px;
        }

        .nav-catFlyout .nav-spinner {
            min-height: 200px;
        }

        #nav-flyout-accountList #nav-al-container {
            width: 460px;
            float: right;
        }

        #nav-flyout-accountList #nav-al-signin {
            padding: 0 120px 0 120px;
            border-bottom: 1px solid #eee;
            margin-bottom: 16px;
        }

        #nav-flyout-accountList .nav-al-column {
            float: left;
        }

        #nav-flyout-accountList #nav-al-wishlist {
            float: left;
            margin-right: 20px;
        }

        #nav-flyout-accountList #nav-al-your-account {
            float: left;
            border-left: 1px solid #eee;
            padding-left: 20px;
        }

        #nav-flyout-accountList .nav-title {
            font-size: 16px;
            font-weight: 700;
        }

        #nav-flyout-ya-signin {
            border-bottom: 1px solid #eee;
            font-size: 11px;
            margin-bottom: 8px;
        }

        #nav-flyout-accountList #nav-flyout-ya-signin {
            border-bottom: none;
        }

        #nav-flyout-ya-signin .nav_pop_new_cust {
            color: #333;
            margin: 7px 0 9px 0;
        }

        #nav-flyout-accountList #nav-flyout-ya-newCust {
            text-align: center;
        }

        #nav-flyout-ya-signin a.nav-a, #nav-flyout-ya-signin a.nav-a:link, #nav-flyout-ya-signin a.nav-a:visited {
            font-size: 11px;
            text-decoration: none;
            color: #05a;
            display: inline;
        }

        #nav-flyout-primeTooltip .nav-arrow {
            position: absolute;
            left: -9px;
            top: 23px;
            border-style: solid;
            _border-style: dashed;
            border-width: 9px;
            border-color: transparent;
            border-right: 9px solid #BBB;
            border-left-width: 0px;
            width: 0px;
            height: 0px;
            font-size: 0px;
            line-height: 0;
        }

        #nav-prime-tooltip {
            padding: 0 20px 2px 20px;
            background-color: white;
            font-family: arial,sans-serif;
        }

        #nav-flyout-primeTooltip .nav-arrow .nav-arrow-inner {
            position: absolute;
            left: 1px;
            top: -9px;
            border-style: solid;
            _border-style: dashed;
            border-width: 9px;
            border-color: transparent;
            border-right: 9px solid #fff;
            border-left-width: 0px;
            width: 0px;
            height: 0px;
            font-size: 0px;
            line-height: 0;
        }

        #nav-flyout-prime .nav-flyout-content {
            box-sizing: content-box;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            width: auto;
            padding: 0;
            min-width: 200px;
        }

        #nav-search {
            position: relative;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            -webkit-border-radius: 4px 4px 4px 4px;
            -moz-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
            border-radius: 0\9;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            width: auto;
            margin: 10px 0 0;
        }

        #navbar #nav-search {
            margin-top: 0px;
            padding-top: 11px;
            padding-right: 25px;
        }

        [data-template=layoutSwapToolBar]#navbar #nav-search {
            padding-right: 4px;
        }

        #nav-search .nav-searchbar {
            display: block;
            position: relative;
            -webkit-border-radius: 4px 4px 4px 4px;
            -moz-border-radius: 4px 4px 4px 4px;
            border-radius: 4px 4px 4px 4px;
            border-radius: 0\9;
        }

        #navbar #nav-search .nav-searchbar {
            margin-bottom: 0px;
        }

        .nav-bluebeacon#navbar #nav-search .nav-fill {
            height: 35px;
            zoom: 1;
        }

        #nav-search .nav-search-field {
            position: relative;
            height: 35px;
            background: #fff;
            border-top: 1px solid #bdbdbd;
            border-bottom: 1px solid #cdcdcd;
        }

        .nav-bluebeacon#navbar #nav-search .nav-search-field {
            border: none;
            border-top: 1px solid transparent;
        }

        #nav-search #nav-iss-attach {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 0px;
            line-height: 1;
        }

        label, legend {
            display: block;
            padding-left: 8px;
            padding-bottom: 2px;
            /*font-weight: 700;  */
        }

        #nav-search-label {
            position: relative;
            display: inline-block;
            float: left;
            line-height: 35px;
            color: #333;
            font-weight: 700;
            padding: 0 10px 0 0;
            margin-top: 10px;
            font-family: "Amazon Ember",Arial,sans-serif;
        }

/*        .a-input-text, input[type=text], input[type=search], input[type=number], input[type=tel], input[type=password], select.a-select-multiple, textarea {
            border: 1px solid #a6a6a6;
            border-top-color: #949494;
            border-radius: 3px;
            box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(0,0,0,0.07);
            outline: 0;
        }
*/
        #nav-search .nav-search-field .nav-input {
            position: absolute;
            top: 0px;
            left: 0px;
            display: block;
            width: 100%;
            line-height: 15px;
            padding: 6px 10px 6px 0;
            margin: 0;
            border: 0;
            height: 33px;
            font-family: "Amazon Ember",Arial,sans-serif;
            font-size: 15px;
            background: 0 0;
            color: #111;
            outline: 0;
            -webkit-appearance: none;
            box-shadow: none;
            text-indent: 8px;
            direction: ltr;
        }

        #nav-search .nav-search-submit {
            position: relative;
            top: 0px;
            right: 0px;
            height: 35px;
            width: 42px;
            overflow: hidden;
            cursor: pointer;
            border: 1px solid;
            border-color: #485059 #2c3137 #363c43 #485059;
            background-color: #5b626a;
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
            border-radius: 0\9;
            background-position: 0 -381px;
        }

        .nav-bluebeacon#navbar #nav-search .nav-search-submit {
            background-color: #febd69;
            background-image: none;
            border: none;
            width: 45px;
        }

        #nav-search .nav-search-submit .nav-search-submit-text {
            position: absolute;
            left: 11px;
            top: 10px;
            font-weight: 700;
            color: #fff;
            font-size: 13px;
            line-height: 13px;
            font-family: "Amazon Ember",Arial,sans-serif;
            vertical-align: middle;
            text-align: center;
            text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
        }

        #navbar #nav-search-submit-text {
            left: 12px;
            color: #111;
            top: 11px;
            text-shadow: none;
        }

        #navbar .nav-sprite#nav-search-submit-text {
            background-position: -40px -290px;
            width: 21px;
            height: 21px;
            text-indent: -500px;
            top: 7px;
        }

        .nav-bluebeacon#navbar #nav-search .nav-sprite#nav-search-submit-text {
            background-position: -10px -290px;
            width: 21px;
            height: 21px;
        }

        #nav-search .nav-search-submit .nav-input {
            position: relative;
            display: block;
            height: 100%;
            width: 100%;
            font-size: 14px;
            padding: 0;
            margin: 0;
            cursor: pointer;
            outline: 0;
            color: #fff;
            background: 0 0;
            border: none;
            text-indent: -1000px;
            line-height: 1px;
        }

        #nav-search .nav-search-scope {
            position: relative;
            float: left;
            height: 35px;
            margin: 0;
            padding-left: 5px;
            overflow: hidden;
            border: 1px solid #cdcdcd;
            border-top-color: #bdbdbd;
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
            border-radius: 0\9;
            background-position: 0 -532px;
        }

        .nav-bluebeacon#navbar #nav-search .nav-search-scope {
            background-color: #f3f3f3;
            background-image: none;
            border-left: 1px solid #f3f3f3;
            border-top: 1px solid #f3f3f3;
            border-bottom: 1px solid #f3f3f3;
        }

        #nav-search .nav-search-facade {
            position: relative;
            float: left;
            cursor: default;
            overflow: hidden;
        }

        .nav-bluebeacon#navbar #nav-search .nav-search-facade {
            top: 1px;
        }

        #nav-search .nav-search-dropdown {
            position: absolute;
            display: block;
            top: -1px;
            left: 0px;
            height: 35px;
            width: auto;
            font-family: "Amazon Ember",Arial,sans-serif;
            outline: 0;
            margin: 0;
            padding: 0;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
            visibility: visible;
            border: 0;
            line-height: 35px;
        }

        #nav-search .nav-search-facade .nav-search-label {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #666;
            font-size: 12px;
            line-height: 33px;
            margin-right: 21px;
            margin-left: 5px;
        }

        .nav-a11y-t1#navbar #nav-search .nav-search-label {
            color: #555;
        }

        #nav-search .nav-search-facade .nav-icon {
            position: absolute;
            top: 14px;
            right: 8px;
            border-style: solid;
            _border-style: dashed;
            border-width: 4px;
            border-color: transparent;
            border-top: 4px solid #666;
            border-bottom-width: 0px;
            width: 0px;
            height: 0px;
            font-size: 0px;
            line-height: 0;
        }

        #nav-tools {
            float: left;
            padding: 6px 7px 0 32px;
            text-decoration: none;
            margin-top: 2px;
        }

        .layoutToolbarPadding#nav-tools {
            padding: 3px 0 0 0;
        }

        #nav-tools .nav-a, #navbar .nav-tools .nav-a {
            position: relative;
            float: left;
            top: 1px;
            padding: 0 0 0 9px;
            line-height: 44px;
            height: 44px;
        }

        #nav-tools .nav-a-2, #nav-xshop .nav-a-2, #navbar .nav-tools .nav-a-2 {
            padding-right: 0px;
            overflow: hidden;
            top: 1px;
            margin: 0 1px;
            display: inline-block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        #nav-tools .nav-single-row-link, #nav-tools .nav-single-row-link:focus, #nav-tools .nav-single-row-link:hover, #nav-xshop .nav-single-row-link, #nav-xshop .nav-single-row-link:focus, #nav-xshop .nav-single-row-link:hover, #navbar .nav-tools .nav-single-row-link, #navbar .nav-tools .nav-single-row-link:focus, #navbar .nav-tools .nav-single-row-link:hover {
            height: 26px;
            margin-top: 18px;
        }

        .nav-a11y-t1#navbar #nav-tools .nav-single-row-link {
            height: 28px;
            margin-top: 16px;
            padding-top: 2px;
        }

        #nav-tools :last-of-type.nav-a {
            padding-left: 6px;
        }

        #nav-tools #nav-cart .nav-line-1, #nav-tools #nav-cart .nav-line-2, #nav-tools .nav-cart .nav-line-1, #nav-tools .nav-cart .nav-line-2, #navbar .nav-tools #nav-cart .nav-line-1, #navbar .nav-tools #nav-cart .nav-line-2, #navbar .nav-tools .nav-cart .nav-line-1, #navbar .nav-tools .nav-cart .nav-line-2 {
            margin-left: 42px;
        }

        .nav-bluebeacon#navbar #nav-tools .nav-line-1, .nav-bluebeacon#navbar #nav-xshop .nav-line-1 {
            color: #ccc;
        }

        #nav-tools #nav-cart .nav-cart-icon, #nav-tools .nav-cart .nav-cart-icon, #navbar .nav-tools #nav-cart .nav-cart-icon, #navbar .nav-tools .nav-cart .nav-cart-icon {
            display: block;
            overflow: hidden;
            position: absolute;
            left: 10px;
            top: 11px;
            background-position: -10px -340px;
            width: 38px;
            height: 26px;
        }

        #nav-tools .nav-cart-count, #navbar .nav-tools .nav-cart-count {
            color: #e47911;
            font-weight: 700;
            font-family: "Amazon Ember",Arial,sans-serif;
            position: absolute;
            line-height: 16px;
            width: 20px;
            text-align: center;
        }

        #nav-tools #nav-cart .nav-cart-0, #nav-tools .nav-cart .nav-cart-0, #navbar .nav-tools #nav-cart .nav-cart-0, #navbar .nav-tools .nav-cart .nav-cart-0 {
            left: 23px;
            top: 9px;
            font-size: 16px;
            width: 19px;
        }

        .nav-bluebeacon#navbar #nav-cart-count, .nav-bluebeacon#navbar #nav-ewc-cart-count {
            color: #f08804;
            top: 7px;
        }

        #nav-tools .nav-a-2 .nav-line-2 .nav-icon, #nav-tools .nav-a-2 .nav-line-4 .nav-icon, #nav-xshop .nav-a-2 .nav-line-2 .nav-icon, #nav-xshop .nav-a-2 .nav-line-4 .nav-icon, #navbar .nav-tools .nav-a-2 .nav-line-2 .nav-icon, #navbar .nav-tools .nav-a-2 .nav-line-4 .nav-icon {
            display: inline-block;
            border-style: solid;
            _border-style: dashed;
            border-width: 4px;
            border-color: transparent;
            border-top: 4px solid #606060;
            border-bottom-width: 0px;
            width: 0px;
            height: 0px;
            font-size: 0px;
            line-height: 0;
            margin: 0 0 2px 5px;
            visibility: hidden;
        }

        .nav-bluebeacon#navbar .nav-icon.nav-arrow {
            border-top-color: #a7acb2;
        }

        #nav-tools .nav-a-2 .nav-line-3, #nav-tools .nav-a-2 .nav-line-4, #nav-xshop .nav-a-2 .nav-line-3, #nav-xshop .nav-a-2 .nav-line-4, #navbar .nav-tools .nav-a-2 .nav-line-3, #navbar .nav-tools .nav-a-2 .nav-line-4 {
            display: none;
        }

        a#nav-hamburger-menu {
            float: left;
            margin: 7px 7px 8px 7px;
            padding: 8px 8px 8px 8px;
            width: 38px;
            height: 36px;
            font-size: 25px;
            color: #fff;
            border-radius: 3px;
            border: 1px solid #666;
        }

        #nav-logo {
            position: relative;
            float: left;
            line-height: 0;
            height: 100%;
            width: 192px;
            padding: 13px 17px 0 27px;
        }

        .hamburger#navbar #nav-logo {
            padding-left: 0px;
        }

        .nav-bluebeacon#navbar #nav-logo {
            width: 192px;
        }

        .nav-bluebeacon.hamburger#navbar #nav-logo {
            width: 165px;
        }

        #nav-logo .nav-logo-link {
            clear: both;
            display: inline-block;
            cursor: pointer;
        }

        #nav-logo .nav-logo-tagline {
            position: absolute;
            top: 32px;
            left: 92px;
            font-size: 11px;
            line-height: 11px;
            font-family: "Amazon Ember",Arial,sans-serif;
            white-space: nowrap;
            color: #48a3c6;
            background-repeat: no-repeat;
            background-position: -1000px 0;
            text-decoration: underline;
            font-weight: 700;
        }

        #nav-logo .nav-prime-try {
            top: 31px;
            left: 93px;
        }

        .nav-bluebeacon#navbar .nav-logo-tagline {
            color: #48a3c6;
        }

        .hamburger#navbar #nav-logo .nav-logo-tagline {
            left: 65px;
        }

        .hamburger#navbar #nav-logo .nav-prime-try {
            left: 66px;
        }

        #nav-logo .nav-logo-base {
            float: left;
            text-indent: -500px;
            background-position: -10px -51px;
            width: 97px;
            height: 30px;
        }

        #nav-logo .nav-logo-ext {
            float: left;
            display: none;
        }

        #nav-logo .nav-logo-locale {
            float: left;
            display: none;
            margin: 6px 0 0 1px;
            font-size: 13.5px;
            color: #fff;
            line-height: 14px;
            font-weight: regular;
        }

        .nav-locale-ca #nav-logo .nav-logo-locale {
            display: block;
            background-position: -270px -209px;
            width: 16px;
            height: 14px;
        }

        a#nav-hamburger-menu .hm-icon {
            background-position: -136px -255px;
            width: 20px;
            height: 18px;
            position: absolute;
        }

        .pin-nav-content-img img {
            max-width: 100%;
        }

        .pin-nav-content-img {
            height: 425px;
            width: 310px;
            margin: 0 15px 10px 0;
            background: #1a9901;
        }

        .pin-nav-bottom-img {
            width: 250px;
            height: auto;
            margin: 0 auto;
            padding-top: 5px;
        }

        .pin-nav-content-logo {
            width: 190px;
            height: auto;
            margin: 0 auto;
            padding-top: 20px;
        }

        .pin-nav-content-copy {
            color: #FFFFFF;
            font-size: 15px;
            line-height: 22px;
            width: 275px;
            margin: 0 auto;
            text-align: center;
            padding-top: 10px;
            font-family: Verdana, sans-serif;
        }

        .pin-nav-content-img .prime-button-try {
            text-align: center;
            margin-top: 20px;
        }

            .pin-nav-content-img .prime-button-try a {
                cursor: pointer;
                outline: none;
                border: 1px solid;
                border-color: #c89411 #b0820f #99710d;
                -webkit-border-radius: 3px 3px 3px 3px;
                -moz-border-radius: 3px 3px 3px 3px;
                border-radius: 3px 3px 3px 3px;
                border-radius: 0px\9;
                -webkit-box-shadow: inset 0 1px 0 0 #fcf3dc;
                -moz-box-shadow: inset 0 1px 0 0 #fcf3dc;
                box-shadow: inset 0 1px 0 0 #fcf3dc;
                background: #f3ce72;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF8E3AD', endColorstr='#FFEEBA37', GradientType=0);
                background: linear-gradient(to bottom, #f8e3ad, #eeba37);
                background: -moz-linear-gradient(top, #f8e3ad, #eeba37);
                background: -webkit-linear-gradient(top, #f8e3ad, #eeba37);
                background: -o-linear-gradient(top, #f8e3ad, #eeba37);
                background: -ms-linear-gradient(top, #f8e3ad, #eeba37);
                text-align: center;
                line-height: 31px;
                vertical-align: middle;
                color: #111111;
                font-family: "arial", "sans-serif";
                text-decoration: none;
                display: inline;
                font-weight: bold;
                font-size: 14px;
                padding: .75em;
            }

            /*the container must be positioned relative:*/
            .autocomplete {
                position: relative;
                display: inline-block;
            }

            .autocomplete-items {
                position: absolute;
                border: 1px solid #d4d4d4;
                border-bottom: none;
                border-top: none;
                z-index: 99;
                /*position the autocomplete items to be the same width as the container:*/
                top: 100%;
                left: 0;
                right: 0;
            }

            .autocomplete-items div {
                padding: 10px;
                cursor: pointer;
                background-color: #fff; 
                border-bottom: 1px solid #d4d4d4; 
            }

            /*when hovering an item:*/
            .autocomplete-items div:hover {
                background-color: #e9e9e9; 
            }

            /*when navigating through the items using the arrow keys:*/
            .autocomplete-active {
                background-color: DodgerBlue !important; 
                color: #ffffff; 
            }

            .s-suggestion {
	            padding: 7px 10px;
	            font-size: 16px;
	            cursor: pointer;
            }
            .s-suggestion {
	            padding: 8px 10px;
	            font-size: 16px;
	            font-family: "Amazon Ember";
	            cursor: pointer;
            }
            .s-heavy {
	            font-weight: 700;
            }




.screen-size:after {
    content: "large";
    position: fixed;
    left: -9999px;
}

html {
    /* background-color: #000000;*/
    color: #ffffff;
    height: 100%; 
}

body {
/*    color: #a7a7a7;*/
    font-size: 12pt;
    font-family: var(--main-font);
    font-weight: 400;
    height: 100%;
    margin: 0;
/*    background-color: #edf2f6; */
}

a,
a:link,
a:visited,
a:active
{
    /*color: #333333;
    outline: none;
    padding: 0px;
    margin: 0px;
    text-decoration: none;*/
}

header, footer, hgroup,
nav, section {
    display: block; 
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    /*color: #a7a7a7;*/
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/

.phone-switcher, .tablet-hide {
    display: none;
}

.content-wrapper {
    margin: 0;
}


.main-content {
    background-color: #ffffff;
    margin: 0 0 0 0px;
    height: 100%;
    padding: 0;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}



.left-arrow,
.right-arrow {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 35px;
    cursor: pointer;
    -moz-background-size: 25px 25px;
    -o-background-size: 25px 25px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.left-arrow {
    background-image: url(../Images/prev.png);
    left: -7px;
}
    .left-arrow.disabled {
        opacity: 0.25;
        cursor: default;
    }

.right-arrow {
    background-image: url(../Images/next.png);
    right: -7px;
}

    .right-arrow.disabled {
        opacity: 0.25;
        cursor: default;
    }


#gridDemo .grid-container {
    height: 100%;
    width: 100%;
}

#gridDemo .hb-6 {
    margin: 0 34px 0 0;
}

.grid-container, #gridDemo .hb-8 {
    border-bottom: 1px solid #d2d2d2;
}

.dx-datagrid .dx-datagrid-focus-overlay{
   /*  border: 2px solid #DA5859; */
}

.dx-datagrid .dx-row{
    line-height: normal;
    /* margin-top:.8em; */
}

.dx-texteditor {
    /*background: white; */
}
.dx-texteditor.dx-editor-underlined{
    /*background: white;*/
}

.dx-textarea .dx-texteditor-input-container{
    }

.dx-texteditor-label{
	color:dimgrey;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
    border: 2px solid #DA5859;
}

.dx-datagrid-drag-header {
    border-color: rgba(218,88,89,0.5);
}

/*.dx-datagrid-columns-separator {
    background-color: rgba(218,88,89,0.5);
}
*/
.dx-menu-item-selected {
    /*background-color: rgba(218, 88, 89, 0.15);
    color: #333;*/
}

.dx-menu-item.dx-state-focused{
    /*background-color: rgba(218, 88, 89, 1);
    color: white;*/
}

.dx-menu-item.dx-state-focused.dx-menu-item-selected {
    /*background-color: rgba(218,88,89,0.8);*/
}

.dx-datagrid .dx-menu-item-has-icon.dx-state-focused .dx-icon {
    /*color: white;*/
}

#salesdashboard .dx-menu-item.dx-state-focused > .dx-menu-item-content{
    /*background-color: rgba(0,0,0,0);*/
}

.dx-datagrid-rowsview .dx-group-row td {
    border-top: 1px solid #d2d2d2;
}



.dx-datagrid-rowsview .dx-group-row{
    /*background-color: #f4f4f4;*/
}

.toolbar-label,
.toolbar-label > b {
    font-size: 16px;
}


/**, *:before, *:after {
    box-sizing: border-box;
}
*/
/*
body {
    margin: 40px;
    font-family: 'Open Sans', 'sans-serif';
    background-color: #fff;
    color: #444;
}*/

h1, p {
    margin: 0 0 1em 0;
}

/* no grid support? */
.sidebar {
    //float: left;
    width: 0%;
}

.content {
    //float: right;
    width: 100%;
}

.grpborder{
    border:1px solid whitesmoke;
    margin-bottom: 6px;
    padding: 4px;
    }
.all_pics{
    padding:10px;border:2px;max-width:400px;height:500px
}

.one_unit_top{
    width:160px;margin:2px;background-color:cadetblue;color:white
}
.one_unit_mid{
    border:2px;width:100%;height:28px;padding-left:6px;padding-right:6px;
    }
.one_unit_bot{
    border:2px;width:100%;padding-left:6px;padding-right:6px;font-size:smaller;
}
.one_site_image{
    border:2px;width:240px;height:140px;
    }

.one_house_top{
    width:400px;margin-bottom:30px;height:300px;padding-bottom:20px;padding-right:20px
    }
.one_house_image{
    border:.2em;width:100%;height:100%
    }
.google_style{
    border:.2em; width:400px;margin-bottom:20px;height:300px
    }
.one_house_mid{
    border:.2em;width:100%;padding:0px .5em 0px .5em;font-size:1.6em;color: black;
    }
.one_house_bot{
    border:.2em;width:100%;padding:0px .5em 0px .5em;background-color: rgb(247,200,115);color: black;font-size:smaller
    }
.one_house_units_banner{
    position:top;background-color:rgb(247,134,115);
    }

        .itembanner {
            background-color: rgb(37, 133, 197);
            clip-path: polygon(00px 00px, 100% 0px, 80% 100%, 00px 100%);
            color: rgb(255, 255, 255);
            font-family: var(--main-font);
            font-size: 1em;
            font-weight: 500;
            letter-spacing: 0.3px;
            line-height: 1.2em;
            margin-left: -.5em;
            margin-top: -260px;
            padding-bottom: .5em;
            padding-left: .8em;
            padding-right: 2em;
            padding-top: .5em;
            position: absolute;
            text-align: left;
        }


        .itembanner_small {
            background-color: rgb(37, 133, 197);
            /*clip-path: polygon(00px 00px, 100% 0px, 80% 100%, 00px 100%); */
            width:250px;
            color: rgb(255, 255, 255);
            font-family: var(--main-font);
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.3px;
            line-height: 14px;
            margin-left: -5px;
            margin-top: -320px;
            padding-bottom: 6px;
            padding-left: 10px;
            padding-right: 25px;
            padding-top: 6px;
            position: absolute;
            text-align: left;
        }

        .feature_list {
            margin-left: 10px;
            padding-bottom:16px;
            /* min-width: 400px; */
            width: 400px; 
            max-width:800px
        }
        .cls_site_img   {
            width: 400px; 
            height:300px;
        }
        .cls_site_img_text   {
            width: 300px; 
        }
        .dx-gallery-item-image {  
            height: 600px;  
        }
        .cls_all_developers_pics{
            display: flex;
            /*max-width: 800px;
            height: 600px;*/
            flex-flow:wrap;
        }
        .cls_all_floorplans{
            display: block;
            height: 600px;
        }
        .site_left_image{
            width:400px;height:625px;position:relative;padding:5px
            }
        .site_right_image{        width:300px;height:625px;position:relative}
        .site_image_rights{width:300px;height:200px;position:relative;padding:5px}

        .cls_btnbuynow{width:50%;min-width:14em;max-width:20em;color:white; font-size:larger; margin:10px;    height: 60px;    text-align: left;}

        .featureList_titles {
           min-width:200px;
           padding-left:1.5em;padding-right:1em;
           max-width: 800px;
           /*max-width:400px */
        }
        .dx-tab-text{
            /*color:darkblue;*/
            font-weight:700;
        }

        .dx-field-item-label-text{
            /*color:darkslategray;*/
            /*font-weight:700;  */
        }
        .dx-field-item-label-location-top {
            margin-bottom: 0px!important;
            margin-top: 6px!important
         }

        .dx-form-group-caption{
            /*color:darkblue;*/
            font-weight:700;
            margin-top: 0px!important;
        }
        .dx-form-group-with-caption > .dx-form-group-content {
            padding-bottom: 6px!important;
        }
        .featureList_title {
           min-width:200px;width:100%;
           padding-left:1.5em;padding-right:1em;
           max-width: 800px;
           /*max-width:400px */
        }
        .launch_barc{
            width:fit-content;height:80px;position:relative;margin:6px;text-align:center;
            max-width:120px;
            min-width:90px;
        }

        @media screen and (max-width:1280px) and (max-height:800px) {
            .one_house_top{width:320px;height:440px}
            .itembanner {margin-top: -430px;}
        }

        @media screen and (max-width:1179px) {
            .feature_list {max-width:340px}
        }

        @media screen and (max-width:1024px) {
            .one_house_top{width:320px;height:440px}
            .itembanner {margin-top: -430px;}
            .google_style{width:320px;height:440px}
        }

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

        @media screen and (max-width:768px) {
            .one_house_top{width:350px;height:440px}
            .itembanner {margin-top: -430px;}
            .google_style{width:320px;height:440px}
            .cls_site_img   {width: 740px; height:500px;}
        }

        @media screen and (max-width:599px) {
            .feature_list {max-width:800px; width: 100%;}
            .cls_site_img   {width: 500px; height:400px;}
        }

        @media screen and (max-width:500px) {
            .one_house_top{width:490px;height:600px}
            .itembanner {margin-top: -590px;}
            .google_style{width:490px;height:600px}
            .cls_all_floorplans{display: block;}
            .site_left_image{width:300px;height:200px;}
        }


        @media screen and (max-width:415px) {
            .one_house_top{width:390px;height:450px}
            .itembanner {margin-top: -440px;}
            .google_style{width:390px;height:450px}
            .cls_site_img   {width: 390px; height:300px;}
            .launch_barc{width:min-content;height:auto;}
        }

        @media screen and (max-width:375px) {
            .one_house_top{width:340px;height:450px}
            .itembanner {margin-top: -440px;}
            .google_style{width:340px;height:450px}
           .cls_all_floorplans{display: block;}
            .cls_site_img   {width: 340px; height:280px;}
        
        }

        @media screen and (max-width:320px) {
            .one_house_top{width:300px;height:400px}
            .itembanner {margin-top: -390px;}
            .google_style{width:300px;height:400px}
            .site_left_image{width:300px;height:200px;}
            .site_right_image{width:300px;height:620px}
            .site_image_rights{height:200px;width:300px}
            .cls_site_img   {width: 300px; height:200px;}
        }





.one_house_top_small{
    width:250px;margin:10px
    }
.one_house_image_small{
    border:2px;width:250px;height:300px
    }
.one_house_mid_small{
    border:2px;max-width:250px;padding:0px 6px 0px 6px;background-color: rgb(247,200,115);color: black;
    }
.one_house_bot_small{
    border:2px;max-width:250px;padding:0px 6px 0px 6px;background-color: rgb(247,200,115);color: black;font-size:smaller
    }
.one_house_units_banner_small{
    position:top;background-color:rgb(247,134,115);
    }


.upfont{
    font-size:large
    }

.floatright{
    float:right
    }
.padding_base{
    padding: 4px;
    }

.sidebar_title{
    text-align:center;
    width:100%;
    padding:4px;
    margin:4px;
    font-size:larger
    }

/* make a grid */
.wrapper {
    // max-width: 940px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0% 100%;
    grid-gap: 10px;
}

    .wrapper > * {
        /*background-color: #444;
        color: #fff;*/
        border-radius: 5px;
        /*padding: 20px;*/
        //font-size: 150%;
        /* needed for the floated layout*/
        margin-bottom: 10px;
    }

.header, .footer {
    grid-column: 1 / -1;
    /* needed for the floated layout */
    clear: both;
}


/* We need to set the widths used on floated items back to auto, and remove the bottom margin as when we have grid we have gaps. */
@supports (display: grid) {
    .wrapper > * {
        width: auto;
        margin: 0;
    }
}


/**, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*/.d-flex {
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: flex !important;
}
.mt-2, .my-2 {
	margin-top: 0.5rem !important;
}
.mb-3, .my-3 {
	margin-bottom: 1rem !important;
}
.pr-3, .px-3 {
	padding-right: 1rem !important;
}
.pl-3, .px-3 {
	padding-left: 1rem !important;
}
.new-font ~ * {
	font-family: var(--main-font) !important;
}
.flex-fill {
	-ms-flex: 1 1 auto !important;
	-webkit-box-flex: 1 !important;
	flex: 1 1 auto !important;
}
.position-relative {
	position: relative !important;
}
.property-tabs-heading {
	color: #424c53;
	border-bottom: 1px solid #969696;
	text-align: center;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: 700;
}
.property-tabs-heading.active {
	border-bottom: 4px solid #b59647;
}


.featureList_item0 {
width:50%;font-weight:700
    }
.featureList_item1 {
width:50%;font-weight:400
    }


.largedot{
  height: 300px;
  width: 320px;
  padding: 30px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  border:1px solid gray;
}

.one_site_top{
            background-color: white;
            text-align: left;
            margin: 5px 5px 5px 5px;
            opacity:1.0;
            color:black;
            overflow:hidden;
            border:1px solid gray
}

.lightyellow{
    background-color:lightgoldenrodyellow;
    }
.lightorange{
    background-color: lightsalmon;
    }
.lightgreen{
    background-color:lightgreen;
    }

.site {
    height: 140px;
    width: 240px;
    padding: 5px
}

.sitelabel {
    padding-right: 20px;
    clip-path: polygon(00px 00px, 100% 0px, 85% 100%, 00px 100%);
    background-color:  yellow;
    font-size:1.5em;
    color: darkblue;
    position: absolute;
    font-family: lato;
}

.one_image_small{
    width:300px;height:240px;
    padding-right:6px
    }

.one_site_image{
    }
.sitetext {
    position: relative;
    font-size: 1.2em;
    background-color: white;
    width: 230px;
    height: auto;
    margin: 4px;
    padding: 5px;
    overflow: hidden;

}

.toolbar_items{
    display: inline-flex;
    margin: 6px;
    width: 50px;
    padding-top:10px;
    text-align: center;
    justify-content: center;
}


.assetInActive{
}

.hide_on_startup{
    display:none;
    }

.form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label
{
        position:static;
}
.label-floating .form-control, .label-floating input, .label-floating select
{
    padding: 4px
}


div .displaytop10:nth-child(n+11) 
{
    display:none;
}

.monotextarea{
width:100%;
font-family: monospace!important;
overflow-wrap: normal;
background-color:whitesmoke;
white-space: pre;
}


/*.dx-treeview-toggle-item-visibility
{
    margin-top: -4px;
}



    
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened
{
    margin-top: -4px;
}*/

.dx-treeview-item 
{
    padding: 8px 0px 0px 4px;
    min-height: 1.6em;
    }



.ui-block-title {
    padding: 6px 12px 6px 12px;
    font-size: 1.1em;
    text-align-last: center;
    margin-top: 20px;
    }

@media (min-width: 1600px)
{
.container {
    max-width: 1500px;
}
}
@media (min-width: 1700px)
{
.container {
    max-width: 1600px;
}
}
@media (min-width: 1800px)
{
.container {
    max-width: 1700px;
}
}

@media (min-width: 1900px)
{
.container {
    max-width: 1800px;
}
}
@media (min-width: 2000px)
{
.container {
    max-width: 1900px;
}
}

@media (min-width: 2100px)
{
.container {
    max-width: 2000px;
}
}

@media (min-width: 2300px)
{
.container {
    max-width: 2200px;
}
}


.grid_of_tables
{
   display: grid;
   grid-gap: 4px;
   grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
   grid-auto-rows: 10px;
}

.togglebutton {
    margin-bottom: 4px;
    padding-right: 10px;
    }

.fntconsole {
    font-family: console;
}

.zlevelcontainer {
    width: 100%;
    border: solid 1px lightgray;
    padding: 6px 0px 6px 0px;
}

.zlevelhdr {
    display: inline-flex;
    width: 100%;
    background-color:lightgreen;
    padding: 8px 6px 0px 6px;
    text-align: left;
    font-size:1.8em;
    font-weight:800
}

.zlevelhdr1 {
    text-align: center;
}

.zlevelhdr2 {
    /*display: flex; */
    flex-flow: row;
    padding-bottom:4px
}

.ztablesgrp {
    padding-top: 4px;
    width: 100%;
}

.ztablectrl {
    display: inline-table;
    /* width: 300px; */
}

.ztablecontainerhdr {
    font-weight: 700;
    margin: 0 0 4px 4px;
    border: solid 2px gray;
}

.ztabletitle {
    padding: 4px 0 0 4px;
    overflow: hidden;
}


.ztablecontainertb {
    font-weight: normal;
    width: 98%;
    table-layout: fixed;
    margin: 4px 4px 4px 2px;
}

.ztablecontainerrw {
    font-family: console;
    background-color: whitesmoke;
    border: solid 1px lightgray;
}

.ztablecontainercl {
    width:280px;
    padding-left: 4px;
    overflow: hidden;
}

.ztableselected {
    border: solid 2px darkblue;
}

.chartql{
    text-align:center;
    }

.container-fluid{
    padding-right:15px;
    padding-left:15px;
}
.col{
    padding-right: 4px;
    padding-left: 4px;
    }

.ui-block-title{
    /*background-color:whitesmoke; */
    color:#fff;background-color:#34AADC;
}
.title{
    color:#fff;background-color:#34AADC;
    /*background-color:whitesmoke; */
    font-size:1.2em;
        padding-top: 4px;
        padding-left: 4px
}

.ui-block{
    margin-bottom: 8px;
    margin-right: 20px;
    /*background-color:whitesmoke; 
    border: 1px solid lightblue;*/
    border: none;
    }
.header-spacer{
    }

.togglebutton {
    display:inline-table
    }
.togglebutton label{
    width: 12px;
    font-size: 1em;
}

.ui-block-title{
        /*background-color:#e3e3f8;*/
    }

.ui-block-title .btn{
   height:24px;
   padding-top:2px;
   
    }

.dxtogglebutton{}

.title{
    /*background-color:#e3e3f8;
        padding-left:10px;
    */
    flex:1;
    
    font-weight:700;
    }


.property_widget{
    width: 100%;
    padding-left:4px;
    height: 100%;
    /*background-color: lightblue;*/
    }

.input-group-text
{
    height:31px
}

.font-diagram-prop{
     font-family: Courier New, Courier, monospace;
     font-size: smaller;
     font-weight: 800;
}

textarea {
  min-height: 40px; 
  overflow: auto;
  }


.tight_button{
    padding: 0 0 0 0;
    margin: 0 0 0 0;

    }




      .rowc {
        display: flex;
        flex-direction: row;
        table-layout: fixed;
        width:       100%;
        margin:      0 auto;
        white-space: nowrap;
        align-items: center;
        padding-left:12px;
      }
      
      .rowc > div {
        padding-right: 8px;
        display:            inline-block;
      }





   .nav-pills .nav-link {
    padding: 6px 6px 0px 6px;
    }



.ui-dialog .ui-dialog-content{
    padding: 8px!important;
}



.dx-numberbox .dx-texteditor-input {
text-align: right;
}

.blog-post .post-content
{
    padding: 4px
    }

.ui-block-content{
    padding: 8px;
    }



.w-playlist li:first-child{
    padding-top: 6px;
    }



.w-playlist li{
    padding: 6px;
    }

.w-playlist li:last-child {
    padding-bottom: 6px;
}

.w-tooltip{
    position: absolute;
    opacity: 1;
    z-index: 1501;
    color: white;
    background: dimgrey;
    padding: 4px;
    font-size: .8em;
    border-radius: 6px;
}    

.hideY{
    display:none;
    }

.avatars-mainbar{
    position: absolute;
    display: flex;
    margin-top: 15px;
    padding-left: 10px;
    width: 100%;
    min-height: 30px;
    background: black;
    padding-top: 4px;
    opacity:.7
}

.comments_bullets{
    list-style:circle;
    padding-left:20px!important;
}

.w-toast{
    position: absolute;
    opacity: 1;
    z-index: 1501;
    color: white;
    background: dimgrey;
    padding: 20px;
    font-size: .8em;
    border-radius: 6px;
}  

.w-playlist{
    padding-left: 2px;
    padding-right: 2px;
    }

.blog-post-v3.featured-post-item .post-content {
    padding: 6px;
    }

.blog-post .post-title{
    margin-bottom:4px;
    }

.comments-list .comment-item{
    padding: 6px;
}

pre{
 margin-bottom: 4px;
 }





#scroll, #list {
    /*position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 240px;*/
}

.item {
    box-sizing: border-box;
    padding: 10px 20px;
    margin-bottom: 10px;
}

#scheduler {
    margin-left: 10px;
}

.dx-draggable-source {
    opacity: 0.5;
}

.dx-draggable-dragging > * {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
}


.a-input-text, input[type=text], input[type=search], input[type=number], input[type=tel], input[type=password], select.a-select-multiple, textarea {
    /*color:black; */
    font-weight: 600;
    
    font-size: 1.0em;
}

.label-info{
    background-color: #092233;          /*#337ab7;*/
    padding:4px
    }


.srccode{
    border: 1px solid lightgreen;
    overflow:hidden;
    }

/*
.dx-datagrid-headers{
    --color:black;
    font-size: 1.1em;
    font-weight:bolder;
 }
.dx-datagrid .dx-row > td {
    padding: 2px;
    }
 */

.form-control:disabled, .custom-file-control:disabled, .form-control[readonly], .custom-file-control[readonly]
{
    background-color:whitesmoke
}

/*.dx-widget input, .dx-widget textarea
{
    border: none !important;
    background-image: linear-gradient(to top, #2196f3 2px, rgba(33, 150, 243, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, rgba(0, 0, 0, 0) 1px) !important; 
    background: no-repeat center bottom, center calc(100% - 1px) !important;  
    background-size: 0 100%, 100% 100% !important;
    transition: background 0s ease-out !important;
}

.dx-texteditor.dx-editor-outlined,.dx-selectbox .dx-texteditor-input 
{
    border: none !important;
    background-image: linear-gradient(to top, #2196f3 2px, rgba(33, 150, 243, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, rgba(0, 0, 0, 0) 1px) !important;*/ 
    /*background: no-repeat center bottom, center calc(100% - 1px) !important;  */
    /*background-size: 0 100%, 100% 100% !important;
    transition: background 0s ease-out !important;
}*/

.col-form-label-sm
{
    margin-bottom: -8px !important;
    /*
    text-align: center;
    color:darkblue*/

}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link
{
        color: #fff;
    background-color: #2196f3;
    }

.ui-dialog-titlebar
{
    background-color: yellow !important;
    }

.col-auto{
    margin-bottom:6px
    }

.left_panel{
    width:100%;
    margin-top:4px;
    margin-right:40px
    }
.left_panel_items{
width:100%;margin-top:4px;margin-right:40px
}

.item_list0 {
font-weight:600;padding-left:16px;
}
.item_list1 {
font-weight:800;padding-left:16px;
}
.item_list2 {
font-weight:700;padding-left:16px;
}

.w3-ios-dark-blue
{color:#fff;background-color:#5856d6}
.w3-ios-deep-blue
{color:#fff;background-color:#007AFF}
.w3-ios-blue
{color:#fff;background-color:#34AADC}
.w3-ios-light-blue
{color:#fff;background-color:#5AC8FA}
.w3-ios-green
{color:#000;background-color:#4cd964}
.w3-ios-pink
{color:#fff;background-color:#ff2d55}
.w3-ios-red
{color:#fff;background-color:#ff3b30}
.w3-ios-orange
{color:#fff;background-color:#ff9500}
.w3-ios-yellow
{color:#000;background-color:#ffcc00}
.w3-ios-grey
{color:#fff;background-color:#8e8e93}
.w3-ios-light-grey
{color:#000;background-color:#ceced2}
.w3-ios-background
{color:#000;background-color:#efeff4}

.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-badge-sq,.w3-tag-sq{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge-sq{border-radius:20%}

.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}

/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.color_state_Creating,.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.color_state_.w3-text-blue,.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.color_state_Production,.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.color_state_Demoted,.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}

.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}


.item-checked-true
{
margin-top: 1px;
content: '';
width: 6px;
height: 12px;
border-bottom: 3px solid darkseagreen;
border-right: 3px solid darkseagreen;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.item-checked-false
{
}


.pp_tab {
  overflow: hidden;
  border: 1px solid #ccc;
  /*background-color: #f1f1E1; */
}

/* Style the buttons inside the tab */
.pp_tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 12px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.pp_tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.pp_tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.pp_tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.bg_menu_font{
    font-size:1em;
    padding: 3px;
    font-weight: normal;
    }



.help-tip{
    position: absolute;
    top: 18px;
    right: 18px;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
}

.help-tip:before{
    content:'?';
    font-weight: bold;
    color:#fff;
}

.help-tip:hover p{
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{    /* The tooltip */
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
}

.help-tip p:before{ /* The pointer of the tooltip */
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#1E2021;
    right:10px;
    top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
    0% { 
        opacity:0; 
        transform: scale(0.6);
    }

    100% {
        opacity:100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}


flex {
	display: flex;
	overflow: hidden;
}

/* flex-item > flex {
    position: absolute;
    width: 100%;
    height: 100%;
} */

flex.h {
    flex-direction: row;
}

flex.v {
    flex-direction: column;
}

flex-item {
    /* display: flex; */
    /* position: relative; */
	/* overflow: hidden; */
	overflow: auto;
}

flex > flex-resizer {
    flex: 0 0 10px;
	/* background: white; */
	background-color: #aaa;
	background-repeat: no-repeat;
    background-position: center;
}

flex.h > flex-resizer {
	cursor: ew-resize;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>");
    margin-left:4px;
    margin-right:4px;
}

flex.v > flex-resizer {
	cursor: ns-resize;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='10'><path d='M0 2 h30 M0 5 h30 M0 8 h30' fill='none' stroke='black'/></svg>");
    margin-top:4px;
    margin-bottom:4px;
}

.accordion {
  
  cursor: pointer;
  /*padding: 18px;color: #444;background-color: #eee;*/
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  /*  background-color: #ccc; */
}

.panel {
  /*padding: 0 18px;
  overflow: hidden;
  display: none;*/
  background-color: white;
}

.badge {
    vertical-align: baseline;
}

.line-numbers{
    background-color:lightgoldenrodyellow;
}


.myLineDecorationHeader {
	border: 1px solid black;
	width: 100% !important;
} 


.myLineDecoration1 {
	background-color:whitesmoke;
	width: 100% !important;
} 

.myLineDecoration_error {
	background-color:pink;
	width: 100% !important;
} 


.h6-table {
    background-color: #092233;          /*#337ab7;*/
    color:white; 
    text-align:center;margin-top:0px;
    padding-top:2px;
    }

.betgrp {
    padding-top:2px;
    }

.breadcrumb{
    background: var(--send-bg)!important;
    }
/*
.dx-field-item-label-location-top{
    margin-bottom: -.2em;
    }
.smallInput{
    width:80px
    }

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content{
    padding:4px!important
    }
.dx-layout-manager .dx-field-item:not(.dx-first-row){
    padding:4px!important
    }
.dx-layout-manager .dx-field-item {
    padding:4px!important
    }
.dx-datagrid-rowsview.dx-datagrid-nowrap.dx-empty{
    height: 32px;!important
    }

.dx-list-item-content {
    padding: 2px 4px 2px 4px!important;
    }

.dx-row.dx-header-row{
    background-color:ghostwhite;
    }
.center-button{
    text-align: center!important;
    margin-top: 6px!important;
}


.dx-texteditor-container {
    border-top: 1.1em solid transparent;
    overflow: initial;
}
  
.dx-placeholder {
    transform-origin: top left;
    transition: transform .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1);
}
.dx-placeholder.dx-state-invisible {
      display: initial !important;
      transform: translateY(-1.1em) scale(0.75);
}
  
.dx-texteditor.dx-state-focused.dx-placeholder,.dx-texteditor.dx-state-active.dx-placeholder {
    transform: translateY(-1.1em) scale(0.75);
    color: red;
}  
*/

/*.dx-texteditor.dx-editor-underlined .dx-texteditor-input
{
    padding: 2px 0px 4px 4px;
}
.dx-placeholder{
    padding: 4px;
}
.dx-field-item{
    padding-bottom: 4px;
    }

.dx-layout-manager .dx-field-item:not(.dx-last-col)
{
    padding-right: 4px;
}
.dx-layout-manager .dx-field-item:not(.dx-first-row)
{
        padding-top: 4px;
}
.dx-layout-manager .dx-tabpanel .dx-multiview-item-content
{
    padding:4px
}
*/

 
#latestresults2{
    height:100%;
    resize:vertical;
    }

.highlight_in_grid{
    font-size:1.2em!important;
    font-weight:bolder;
    }

.btn_in_grid{
    font-size:1em!important;
}
.btn_in_grid11:hover{
    color:orange!important;
}

.btn_in_grid:hover{
    font-size:1.2em!important;
}

.btn_in_grid2{
    color:darkblue!important;
    font-family:monospace
}

.btn_in_grid2:hover{
    font-weight:bold;
}
 
.btn_in_grid_border:hover{
    border:1px solid black!important;
}

.btn_in_grid_border{
    border:1px solid transparent!important;
}

.dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-title {
    /* height:16px!important */
}
.dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-body
{
    padding: 0px 10px!important;
    }

.dx-diagram-toolbox-panel .dx-accordion .dx-item-content.dx-accordion-item-title .dx-accordion-item-title-caption{
    text-transform:none!important;
    top:4px!important;
        font-family:monospace;
    }
     

.dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar{
    display:none!important;
    }

.dx-diagram-toolbox-popup > .dx-overlay-content{
    transform:none!important
}

/*
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    padding-top: 6px!important;
    padding-bottom: 4px!important;
    color: black;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending), .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all), .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) {
    padding-right: 4px!important;
    padding-left: 4px!important;
--    padding-top: 8px!important;
--    padding-bottom: 8px!important;
}
*/
.de_widgets{
    display:none;
}

.de_remove_underline{
    border:unset;
}

.dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container {
    width: 26px!important
    }

.hideInActive {
    display:none
}

.dispLists{
    max-height:400px;
    overflow-y: auto
}

.ibadge{
    font-family: var(--main-font);
    border-collapse: collapse;
    box-sizing: border-box;
    display: inline-block;
    padding: 0.25em 0 0.4em 0;
    margin-left:.25em;
    font-size: .8em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    border-radius: 0.125rem;
    transition: none;
    color: #212529;
    background-color: transparent;
    vertical-align: baseline;
    text-transform: lowercase; 

    /*
    #f8f9fa;
    margin-bottom: 0.5rem;
    font-weight: 700;
    */
}
.ibadge:hover{color:#000!important;background-color:#ccc!important;}

.dx-dashboard-ellipsis{
color:darkblue;
font-size:larger;
}

.dx-toolbar-before{
    font-weight:bold;
    /*width:100%;
    text-align:center;
    background-color:whitesmoke;
    */
}

.dx-dashboard-viewer-content {
    top: 0px!important;
}


ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}


.fig_img {
    width: 75px
}
.fig_ident {
    width: 25px
}

.fig_avatar {
    width: 20px
}

.fig_h1 {
    font-size: 24px
}
.fig_hxl {
    font-size: 36px
}


.fig_h2 {
    font-size: 22px;
}

.fig_h3 {
    font-size: 16px
}

.fig_b1 {
    font-size: 13px;
    color: white;
}

.lightgrey {
    font-size: 13px;
    color: white;
    font-weight: 200;
}

.fig_l1 {
    font-size: 20px
}

.fig_l2 {
    font-size: 13px
}

.fig_l3 {
    font-size: 16px
}
.fig_fsl {
    font-size: larger
}
.bolder {
    font-weight: bolder
}

.dx-toolbar-items-container{
    background-color:white!important;
    }
.vc {
    align-self: center;
}

.tc {
    text-align: center
}

.pc {
    place-content: center;
}
.aic {
    align-items: center;
}

.send-bg {
    background-color: var(--send-bg)
}

.send-bg-blue-h {
    background-color: white
}

.send-bg-blue {
    background-color: var(--send-blue)
}
.send-bg-yellow {
    background:var(--send-yellow)
}

.send-bg-hl {
    background-color: lightgreen
}

.send-yellow {
    color: var(--send-yellow)
}

.send-bg-orange {
    background-color: moccasin
}

.send-bg-gray {
    background-color: lightgrey
}

.dx-progressbar-range {
    background-color: green
}

.prog-color {
    accent-color: green!important
}

.vbar {
    border-left: 1px solid white;
}
.vbarb {
    border-left: 1px solid black;
}

.hbarb {
    height:1px;
    width:100%;
    border-bottom: 1px solid grey;
}

.d_none {
    display:none;
}
.d_inline {
    display: inline;
}
.d_block {
    display: block;
}
.d_flex {
    display: flex;
}

.fw-1 {
    font-weight:100;
}

.fw-2 {
    font-weight: 200;
}
.fw-3 {
    font-weight: 300;
}
.fw-4 {
    font-weight: 400;
}
.fw-5 {
    font-weight: 500;
}
.fw-6 {
    font-weight: 600;
}

.fig_tabs {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.seqLabel {
    border-radius: 6px;
    border: 1px solid black;
    padding: 4px;
}

.hl {
    /*color: var(--send-yellow);*/
    font-weight: bolder;
}

.imgback {
    margin-top: -30px;
}
.gridbutton {
    font-size: 12px;
    margin: 2px;
    padding-bottom: 4px !important;
    padding-top: 6px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
}

.send-bg-blue .dx-texteditor-input {
    color: white !important;
}

.send-bg-blue .dx-dropdowneditor-icon {
    color: white !important;
}

.send-bg-blue .dx-tag-content {
    color: white !important;
    background-color: var(--send-blue) !important;
}
.add_space {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 10px
}

.underline {
    text-decoration-line: underline;
}

.hl-page{
    border-bottom : 4px solid var(--send-yellow)
}


.list-group-item-action {
    font-size: 18px !important;
    line-height:22px;
    margin-top: 2px;
    margin-bottom: 2px;
}
.page-header {
	margin:30px 20px;
}
.sort-card {
	box-shadow: 0px 0px 24px rgba(10, 34, 51, 0.1);
	border-radius: 10px;
	width: min-content;
	padding:10px;
}
.card-title {
	font-size: 20px;
	font-weight: 600;
	line-height:30px;
}
.card-date {
	font-size: 13px;
	color: rgba(0,0,0,0.6);
	margin-bottom:10px;
}
.card-box {
	padding:12px 12px 4px 12px;
	margin:10px 0;
}
.btn-send {
	padding: 10px 15px;
	color:#fff;
	font-size:13px;
	font-weight:600;
	border:none;
	border-radius:4px;
	box-shadow:none;
}
.btn-send.yellow {
	background: #C07F33;
}
.btn-send.yellow:hover {
	background:#D8974B;
}
.btn-send.blue {
	background: #0A2233;
}
.btn-send.blue:hover {
	background:#284052;
}
.prog-bar {
	height:12px;
}
.cardbox-title {
	font-size:16px;
	font-weight:600;
}
.hide {
	display:none!important;
}

.psc {
    place-self: center;
}

.seqitems_grid {
    background-color:white;
    padding-top: 10px;
    margin-top:-1px;
}

.fig_border {
    border: 1px solid #dee2e6;
}


.tracking_map_view {
    min-width: 50%;
/*    min-height: 50vh;
    max-height: 50vh; */
}

.tracking_map_width {
    width: 170px
}

.d-sm1-inline {
    display: none;
}

.linkhover:hover {
    text-decoration: underline;
    text-underline-offset: 6px
}
.w-md-scan {
    width: 50%;
}

.delivery_only {
    display:none;
}

.pickup_only {
}

.small_marker {
    border-radius: 4px;
    height: 12px;
    margin-right: 2px;
    width:10px
}


@media only screen and (min-width: 768px) {
    /* tablets and desktop */
    .w-lg-40 {
        width:40%
    }
}

@media only screen and (max-height: 1280px) {
    .d-hsm-none {
        display:none!important;
    }
    .slim-height{
        /*height: -webkit-fill-available;*/
        padding-top:4px;
        padding-bottom:4px;
    }
    .dx-list-group-header{
        padding : 10px 15px!important;
    }
    .dx-list-group-header{
        padding : 10px 15px!important;
    }
}

@media only screen and (max-width: 1024px) {
    /* phones */
    .slim-height{
        /*height: -webkit-fill-available; */
        padding-top:4px;
        padding-bottom:4px;
    }

    .tracking_map_view {
        min-width: 100%;
/*        min-height: 30vh;
        max-height: 30vh; */
    }
    .tracking_map_width {
        width: 90%
    }
    .tracking_osmmap_height {
    }

    .fig_h1 {
        font-size: 18px
    }

    .fig_hxl {
        font-size: 32px
    }

    .fig_h2 {
        font-size: 16px;
    }

    .fig_h3 {
        font-size: 12px
    }

    .fig_b1 {
        font-size: 12px;
        color: white;
    }

    .lightgrey {
        font-size: 13px;
        color: white;
        font-weight: 200;
    }

    .fig_l1 {
        font-size: 16px
    }

    .fig_l2 {
        font-size: 12px
    }

    .fig_l3 {
        font-size: 14px
    }
    .d-sm1-none {
        display:none!important;
    }
    .d-sm1-none-not {
        display: none !important;
    }
    .d-sm1-inline {
        display: inline;
    }
    .ml-md1-1 {
        margin-left:.5em;
    }
    .mt-md1-1 {
        margin-top: .5em!important;
    }
    .pt-md1-1 {
        padding-top: .5em !important;
    }
    .d-md1-flexwrap {
        flex-wrap:wrap
    }
    .w-md-scan {
        width:100%;
    }
    .vc-md {
        align-self: center
    }

    .tc-md {
        text-align: center;
    }

    .pc-md {
        place-content: center
    }
}


@media only screen and (max-width: 320px) {
    /* phones */

    .sort-card {
        min-width:290px;
    }

    .btn-send {
        padding: 5px 10px;
    }
    .page-header {
        margin: 5px 5px;
    }
    .Polaris-Button {
        padding: 0.2rem .2rem;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
}

/*
:root {
 --t1 : #CCFF00;
 --t1 : #CCCC00;
 --t1 : #FFCCFF;
 --t1 : #CC9900;
 --t1 : #FF99FF;
 --t1 : #CC6600;
 --t1 : #FF66FF;
 --t1 : #CC3300;
 --t1 : #FF33FF;
 --t1 : #CC0000;

    --t1 : #FF00FF;
 --t1 : #660000;
 --t1 : #9900FF;
 --t1 : #663300;
 --t1 : #9933FF;
 --t1 : #666600;
 --t1 : #9966FF;
 --t1 : #669900;
 --t1 : #9999FF;
 --t1 : #66CC00;

    --t1 : #99CCFF;
 --t1 : #66FF00;
 --t1 : #99FFFF;
 --t1 : #00FF00;
 --t1 : #33FFFF;
 --t1 : #00CC00;
 --t1 : #33CCFF;
 --t1 : #009900;
 --t1 : #3399FF;
 --t1 : #006600;

    --t1 : #3366FF;
 --t1 : #003300;
 --t1 : #3333FF;
 --t1 : #000000;
 --t1 : #3300FF;
 --t1 : #FFFF99;
 --t1 : #CCFF33;
 --t1 : #CCCC33;
 --t1 : #FFCCCC;
 --t1 : #CC9933;

    --t1 : #FF99CC;
 --t1 : #CC6633;
 --t1 : #FF66CC;
 --t1 : #CC3333;
 --t1 : #FF33CC;
 --t1 : #CC0033;
 --t1 : #FF00CC;
 --t1 : #660033;
 --t1 : #9900CC;
 --t1 : #663333;

    --t1 : #9933CC;
 --t1 : #666633;
 --t1 : #9966CC;
 --t1 : #669933;
 --t1 : #9999CC;
 --t1 : #66CC33;
 --t1 : #99CCCC;
 --t1 : #66FF33;
 --t1 : #99FFCC;
 --t1 : #00FF33;

    --t1 : #33FFCC;
 --t1 : #00CC33;
 --t1 : #33CCCC;
 --t1 : #009933;
 --t1 : #3399CC;
 --t1 : #006633;
 --t1 : #3366CC;
 --t1 : #003333;
 --t1 : #3333CC;
 --t1 : #000033;

    --t1 : #3300CC;
 --t1 : #FFFF66;
 --t1 : #CCFF66;
 --t1 : #CCCC66;
 --t1 : #FFCC99;
 --t1 : #CC9966;
 --t1 : #FF9999;
 --t1 : #CC6666;
 --t1 : #FF6699;
 --t1 : #CC3366;

    --t1 : #FF3399;
 --t1 : #CC0066;
 --t1 : #FF0099;
 --t1 : #660066;
 --t1 : #990099;
 --t1 : #663366;
 --t1 : #993399;
 --t1 : #666666;
 --t1 : #996699;
 --t1 : #669966;

    --t1 : #999999;
 --t1 : #66CC66;
 --t1 : #99CC99;
 --t1 : #66FF66;
 --t1 : #99FF99;
 --t1 : #00FF66;
 --t1 : #33FF99;
 --t1 : #00CC66;
 --t1 : #33CC99;
 --t1 : #009966;

    --t1 : #339999;
 --t1 : #006666;
 --t1 : #336699;
 --t1 : #003366;
 --t1 : #333399;
 --t1 : #000066;
 --t1 : #330099;
 --t1 : #FFFF33;
 --t1 : #CCFF99;
 --t1 : #CCCC99;

    --t1 : #FFCC66;
 --t1 : #CC9999;
 --t1 : #FF9966;
 --t1 : #CC6699;
 --t1 : #FF6666;
 --t1 : #CC3399;
 --t1 : #FF3366;
 --t1 : #CC0099;
 --t1 : #FF0066;
 --t1 : #660099;

    --t1 : #990066;
 --t1 : #663399;
 --t1 : #993366;
 --t1 : #666699;
 --t1 : #996666;
 --t1 : #669999;
 --t1 : #999966;
 --t1 : #66CC99;
 --t1 : #99CC66;
 --t1 : #66FF99;

    --t1 : #99FF66;
 --t1 : #00FF99;
 --t1 : #33FF66;
 --t1 : #00CC99;
 --t1 : #33CC66;
 --t1 : #009999;
 --t1 : #339966;
 --t1 : #006699;
 --t1 : #336666;
 --t1 : #003399;

    --t1 : #333366;
 --t1 : #000099;
 --t1 : #330066;
 --t1 : #FFFF00;
 --t1 : #CCFFCC;
 --t1 : #CCCCCC;
 --t1 : #FFCC33;
 --t1 : #CC99CC;
 --t1 : #FF9933;
 --t1 : #CC66CC;

    --t1 : #FF6633;
 --t1 : #CC33CC;
 --t1 : #FF3333;
 --t1 : #CC00CC;
 --t1 : #FF0033;
 --t1 : #6600CC;
 --t1 : #990033;
 --t1 : #6633CC;
 --t1 : #993333;
 --t1 : #6666CC;

    --t1 : #996633;
 --t1 : #6699CC;
 --t1 : #999933;
 --t1 : #66CCCC;
 --t1 : #99CC33;
 --t1 : #66FFCC;
 --t1 : #99FF33;
 --t1 : #00FFCC;
 --t1 : #33FF33;
 --t1 : #00CCCC;

    --t1 : #33CC33;
 --t1 : #0099CC;
 --t1 : #339933;
 --t1 : #0066CC;
 --t1 : #336633;
 --t1 : #0033CC;
 --t1 : #333333;
 --t1 : #0000CC;
 --t1 : #330033;
 --t1 : #CCFFFF;

    --t1 : #CCCCFF;
 --t1 : #FFCC00;
 --t1 : #CC99FF;
 --t1 : #FF9900;
 --t1 : #CC66FF;
 --t1 : #FF6600;
 --t1 : #CC33FF;
 --t1 : #FF3300;
 --t1 : #CC00FF;
 --t1 : #FF0000;

    --t1 : #6600FF;
 --t1 : #990000;
 --t1 : #6633FF;
 --t1 : #993300;
 --t1 : #6666FF;
 --t1 : #996600;
 --t1 : #6699FF;
 --t1 : #999900;
 --t1 : #66CCFF;
 --t1 : #99CC00;

    --t1 : #66FFFF;
 --t1 : #99FF00;
 --t1 : #00FFFF;
 --t1 : #33FF00;
 --t1 : #00CCFF;
 --t1 : #33CC00;
 --t1 : #0099FF;
 --t1 : #339900;
 --t1 : #0066FF;
 --t1 : #336600;

    --t1 : #0033FF;
 --t1 : #333300;
 --t1 : #0000FF;
 --t1 : #330000;
 }


.dx-form-group-caption {
    font-size: .8em;!important
}

.dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left:0px!important
}

.dx-form-group-with-caption > .dx-form-group-content {
     padding-top: 0px!important;
     margin-top: 0px!important;
}
*/

.subtab_label{
    margin:0px!important;
    padding:0px!important;
}