/* =========================================== Jrole User Interface CSS Framework Output : Uncompressed Theme : Taihu File : jui-responsive.css Version : 1.1.0 Author : Netcomposite http://www.netcomposite.com/ =========================================== */ [data-io-layout="io-row-media"] .jp-box-masthead-scale-mini {color: #000 !important;} /* temporary patch for modal widnow overlay */ /* * * I. Break point for large screens | Desktop | TV | . Push to horizontal layout. Large fonts. More white space * */ @media (min-width: 1200px) { /* * Breadcrumb location-based navigation widget configuration for large display * */ [data-viewport-role="option::bnw::start-point"] {visibility: visible; } [data-viewport-role="option::bnw::switch-point"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::bnw::level-node"] {visibility: visible; } [data-viewport-role="option::bnw::end-point"] {visibility: visible; } /* * Cascade navigation widgets configuration for large display * */ [data-viewport-role="box::usw::layout"] {visibility: visible; padding-top: 0.5em;} [data-viewport-role="box::usw::root"] {z-index: 90001; visibility: visible; } [data-viewport-role="box::usw::vid"] {visibility: visible; } [data-viewport-role="box::usw::focus"] {visibility: visible; margin-left: 90px;} [data-viewport-role="box::usw::flow"] {visibility: visible; margin-left: -94px;} [data-viewport-role="box::usw::roster"] {visibility: visible; z-index: 999; position: absolute; left: 0; right: 0; top:100%;} [data-viewport-role="box::gsw::layout"] {visibility: visible; padding-top: 2em; } [data-viewport-role="box::gsw::root"] {visibility: visible; margin: 0 0 0 auto;} [data-viewport-role="box::gsw::roster"] {visibility: visible; z-index: 999; position: absolute; left: 0; right: 0; top:100%;} [data-viewport-role="label::gsw::search-button"] {visibility: visible; } [data-viewport-role="label::gsw::segment-button"] {visibility: visible; } [data-viewport-role="icon::gsw::search-button"] {visibility: visible; } [data-viewport-role="icon::gsw::segment-button"] {visibility: visible; } /* * Layout columns configiuration for large display * */ [data-viewport-role="box::column::layout::1::1::1"] {visibility: visible;} /* * Main navigation widget menu options configuration for large display * Hide mobile directory | Hide excess navigation labels | Show clock */ [data-viewport-role="option::mnw::back"] {visibility: visible; } [data-viewport-role="label::mnw::back"] {visibility: visible; } [data-viewport-role="icon::mnw::back"] {visibility: visible; } [data-viewport-role="option::mnw::directory"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::directory"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::directory"] {display: none;visibility: hidden !important; } [data-viewport-role="option::mnw::dashboard"] {visibility: visible; } [data-viewport-role="label::mnw::dashboard"] {visibility: visible; } [data-viewport-role="icon::mnw::dashboard"] {visibility: visible; } [data-viewport-role="option::mnw::bookmarks-menu"] {visibility: visible; } [data-viewport-role="label::mnw::bookmarks-menu"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::bookmarks-menu"] {visibility: visible; } [data-viewport-role="option::mnw::inbox"] {visibility: visible; } [data-viewport-role="label::mnw::inbox"] {visibility: visible; } [data-viewport-role="icon::mnw::inbox"] {visibility: visible; } [data-viewport-role="option::mnw::notifications"] {visibility: visible; } [data-viewport-role="label::mnw::notifications"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::notifications"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="label::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="icon::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="toggle::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="option::mnw::role-based-menu"] {visibility: visible; } [data-viewport-role="label::mnw::role-based-menu"] {visibility: visible; } [data-viewport-role="icon::mnw::role-based-menu"] {visibility: visible; } [data-viewport-role="option::mnw::application"] {visibility: visible; } [data-viewport-role="label::mnw::application"] {visibility: visible; } [data-viewport-role="icon::mnw::application"] {visibility: visible; } [data-viewport-role="toggle::mnw::application"] {visibility: visible; } [data-viewport-role="option::mnw::calendar"] {visibility: visible; } [data-viewport-role="label::mnw::calendar"] {visibility: visible; } [data-viewport-role="icon::mnw::calendar"] {visibility: visible; } [data-viewport-role="option::mnw::date"]{visibility: visible; } [data-viewport-role="label::mnw::date"]{visibility: visible; } [data-viewport-role="icon::mnw::date"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::time"] {visibility: visible; } [data-viewport-role="label::mnw::time"] {visibility: visible; } [data-viewport-role="icon::mnw::time"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::locale"] {visibility: visible; } [data-viewport-role="label::mnw::locale"] {visibility: visible; } [data-viewport-role="icon::mnw::locale"] {visibility: visible; } [data-viewport-role="option::mnw::bookmark-action"] {visibility: visible; } [data-viewport-role="label::mnw::bookmark-action"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::bookmark-action"] {visibility: visible; } [data-viewport-role="option::mnw::wami"] {visibility: visible; } [data-viewport-role="label::mnw::wami"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::wami"] {visibility: visible; } [data-viewport-role="option::mnw::settings"] {visibility: visible; } [data-viewport-role="label::mnw::settings"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::settings"] {visibility: visible; } } /* * * II. Break point for medium screens | Tablets | Laptops . Push to horizontal layout. Normal fonts. * Pay attention to labels and lines length * */ @media (min-width: 750px) and (max-width: 1199px) { /* * Breadcrumb location-based navigation widget configuration for large display * */ [data-viewport-role="option::bnw::start-point"] {visibility: visible; } [data-viewport-role="option::bnw::switch-point"] {visibility: visible; } [data-viewport-role="option::bnw::level-node"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::bnw::end-point"] {visibility: visible; width: 100% !important; } /* * Cascade navigation widgets configuration for tablets * */ [data-viewport-role="box::usw::layout"] {visibility: visible; padding-top: 0.5em;} [data-viewport-role="box::usw::root"] {z-index: 90001; visibility: visible; } [data-viewport-role="box::usw::vid"] {visibility: visible; } [data-viewport-role="box::usw::focus"] {visibility: visible; margin-left: 90px;} [data-viewport-role="box::usw::flow"] {visibility: visible; margin-left: -94px;} [data-viewport-role="box::usw::roster"] {visibility: visible; z-index: 999; position: absolute; left: 0; right: 0; top:100%;} [data-viewport-role="box::gsw::layout"] {visibility: visible; padding-top: 2em; text-align: right !important;} [data-viewport-role="box::gsw::root"] {visibility: visible; margin: 0 0 0 auto;} [data-viewport-role="box::gsw::roster"] {visibility: visible; z-index: 999; position: absolute; left: 0; right: 0; top:100%;} [data-viewport-role="label::gsw::search-button"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::gsw::segment-button"] {visibility: visible; } [data-viewport-role="icon::gsw::search-button"] {visibility: visible; } [data-viewport-role="icon::gsw::segment-button"] {visibility: visible; } /* * Layout columns configiuration for for tablets * */ [data-viewport-role="box::column::layout::1::1::1"] {visibility: visible;} /* * Main navigation widget menu options configuration for tablets * Hide mobile directory | Hide excess navigation labels | Show clock | Hide date */ [data-viewport-role="option::mnw::back"] {visibility: visible; } [data-viewport-role="label::mnw::back"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::back"] {visibility: visible; } [data-viewport-role="option::mnw::directory"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::directory"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::directory"] {display: none;visibility: hidden !important; } [data-viewport-role="option::mnw::dashboard"] {visibility: visible; } [data-viewport-role="label::mnw::dashboard"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::dashboard"] {visibility: visible; } [data-viewport-role="option::mnw::bookmarks-menu"] {visibility: visible; } [data-viewport-role="label::mnw::bookmarks-menu"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::bookmarks-menu"] {visibility: visible; } [data-viewport-role="option::mnw::inbox"] {visibility: visible; } [data-viewport-role="label::mnw::inbox"] {visibility: visible; } [data-viewport-role="icon::mnw::inbox"] {visibility: visible; } [data-viewport-role="option::mnw::notifications"] {visibility: visible; } [data-viewport-role="label::mnw::notifications"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::notifications"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="label::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="icon::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="toggle::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="option::mnw::role-based-menu"] {visibility: visible; } [data-viewport-role="label::mnw::role-based-menu"] {visibility: visible; } [data-viewport-role="icon::mnw::role-based-menu"] {visibility: visible; } [data-viewport-role="option::mnw::application"] {visibility: visible; } [data-viewport-role="label::mnw::application"] {visibility: visible; } [data-viewport-role="icon::mnw::application"] {visibility: visible; } [data-viewport-role="toggle::mnw::application"] {visibility: visible; } [data-viewport-role="option::mnw::calendar"] {visibility: visible; } [data-viewport-role="label::mnw::calendar"] {visibility: visible; } [data-viewport-role="icon::mnw::calendar"] {visibility: visible; } [data-viewport-role="option::mnw::date"]{visibility: visible; } [data-viewport-role="label::mnw::date"] {visibility: visible; } [data-viewport-role="icon::mnw::date"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::time"] {visibility: visible; } [data-viewport-role="label::mnw::time"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::time"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::locale"] {visibility: visible; } [data-viewport-role="label::mnw::locale"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::locale"] {visibility: visible; } [data-viewport-role="option::mnw::bookmark-action"] {visibility: visible; } [data-viewport-role="label::mnw::bookmark-action"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::bookmark-action"] {visibility: visible; } [data-viewport-role="option::mnw::wami"] {visibility: visible; } [data-viewport-role="label::mnw::wami"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::wami"] {visibility: visible; } [data-viewport-role="option::mnw::settings"] {visibility: visible; } [data-viewport-role="label::mnw::settings"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::settings"] {visibility: visible; } } /* * * III. Break point for small screens | Protrait smarphones | Tablets . Push to vertical layout. Normal fonts. * Collpase long horizontal spreads */ @media (min-width: 481px) and (max-width: 749px) { /* * Breadcrumb location-based navigation widget configuration for large display * */ [data-viewport-role="option::bnw::start-point"] {visibility: visible; } [data-viewport-role="option::bnw::switch-point"] {visibility: visible; } [data-viewport-role="option::bnw::level-node"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::bnw::end-point"] {visibility: visible; width: 100% !important; } /* * Collapse horizontally aligned columns in the grid layout * */ [data-viewport-role="box::column::layout::1::1::1"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:1:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:2:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:3:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:4:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:5:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:6:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:7:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:8:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:9:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:10:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:11:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:12:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} /* Collapse horizontally aligned columns in the navigation lists */ [data-viewport-layout="1:4:H"] {height: auto;} [data-viewport-layout="1:4:H"] dl {width: 50% !important; border-right: none !important;} /* * Cascade navigation widgets configuration for tablets * */ [data-viewport-role="box::usw::layout"] {visibility: visible; padding-top: 0.5em;} [data-viewport-role="box::usw::root"] {z-index: 90001; visibility: visible; } [data-viewport-role="box::usw::vid"] {visibility: visible; } [data-viewport-role="box::usw::focus"] {visibility: visible; margin-left: 90px;} [data-viewport-role="box::usw::flow"] {visibility: visible; margin-left: -94px;} [data-viewport-role="box::usw::roster"] {visibility: visible; z-index: 999; position: absolute; left: 0; right: 0; top:100%;} [data-viewport-role="box::gsw::layout"] {visibility: visible; padding-top: 0.25em; text-align: left !important;} [data-viewport-role="box::gsw::root"] {visibility: visible; margin: 0 0 0; max-width: 749px !important;} [data-viewport-role="box::gsw::roster"] {visibility: visible;} [data-viewport-role="label::gsw::search-button"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::gsw::segment-button"] {visibility: visible; } [data-viewport-role="icon::gsw::search-button"] {visibility: visible; } [data-viewport-role="icon::gsw::segment-button"] {visibility: visible; } /* * Main navigation widget menu options configuration for phablets * Hide mobile directory | Hide excess navigation labels | Show calendar | Hide date | Hide time */ [data-viewport-role="option::mnw::back"] {visibility: visible; } [data-viewport-role="label::mnw::back"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::back"] {visibility: visible; } [data-viewport-role="option::mnw::directory"] {display: inline-block !important; visibility: visible !important; } [data-viewport-role="label::mnw::directory"] {display: none !important; visibility: hidden !important; } [data-viewport-role="icon::mnw::directory"] {display:inline-block !important; visibility: visible !important; } [data-viewport-role="option::mnw::dashboard"] {visibility: visible; } [data-viewport-role="label::mnw::dashboard"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::dashboard"] {visibility: visible; } [data-viewport-role="option::mnw::bookmarks-menu"] {visibility: visible; } [data-viewport-role="label::mnw::bookmarks-menu"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::bookmarks-menu"] {visibility: visible; } [data-viewport-role="option::mnw::inbox"] {visibility: visible; } [data-viewport-role="label::mnw::inbox"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::inbox"] {visibility: visible; } [data-viewport-role="option::mnw::notifications"] {visibility: visible; } [data-viewport-role="label::mnw::notifications"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::notifications"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="label::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="icon::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="toggle::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="option::mnw::role-based-menu"] {visibility: visible; } [data-viewport-role="label::mnw::role-based-menu"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::role-based-menu"] {visibility: visible; } [data-viewport-role="option::mnw::application"] {visibility: visible; } [data-viewport-role="label::mnw::application"] {visibility: visible; } [data-viewport-role="icon::mnw::application"] {visibility: visible; } [data-viewport-role="toggle::mnw::application"] {visibility: visible; } [data-viewport-role="option::mnw::calendar"] {visibility: visible; } [data-viewport-role="label::mnw::calendar"] {visibility: visible; } [data-viewport-role="icon::mnw::calendar"] {visibility: visible; } [data-viewport-role="option::mnw::date"]{visibility: visible; } [data-viewport-role="label::mnw::date"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::date"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::time"] {visibility: visible; } [data-viewport-role="label::mnw::time"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::time"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::locale"] {visibility: visible; } [data-viewport-role="label::mnw::locale"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::locale"] {visibility: visible; } [data-viewport-role="option::mnw::bookmark-action"] {visibility: visible; } [data-viewport-role="label::mnw::bookmark-action"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::bookmark-action"] {visibility: visible; } [data-viewport-role="option::mnw::wami"] {visibility: visible; } [data-viewport-role="label::mnw::wami"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::wami"] {visibility: visible; } [data-viewport-role="option::mnw::settings"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::settings"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::settings"] {visibility: visible; } /* * Media Grid collapse rules * */ [data-io-layout="io-row-media"] [data-io-layout="io-cell-rendition"] {clear:both !important;float:none !important; width:100%; padding-bottom: 40% !important; margin-bottom: 60px;} [data-io-layout="io-row-media"] [data-io-layout="io-cell-rendition"]:last-child {clear:both !important;float:none !important; width:100%; padding-bottom: 40% !important; margin-bottom: 0px;} } /* * * IV. Break point for tiny screens | Mobile phones | Portrait tablets . Push everything to vertical layout. Normal fonts. * All drop lists must be converted to slides */ @media (max-width: 480px) { /* * Breadcrumb location-based navigation widget configuration for large display * */ [data-viewport-role="option::bnw::start-point"] {visibility: visible; } [data-viewport-role="option::bnw::switch-point"] {visibility: visible; } [data-viewport-role="option::bnw::level-node"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::bnw::end-point"] {visibility: visible; width: 100% !important; } /* * Collapse horizontally aligned columns in the grid layout * */ [data-viewport-role="box::column::layout::1::1::1"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:1:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:2:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:3:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:4:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:5:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:6:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:7:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:8:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:9:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:10:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:11:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} [data-viewport-layout="1:12:G"] [class*="jp-column"] {display: block; width: 100%; float: none;} /* Collapse horizontally aligned columns in the navigation lists */ [data-viewport-layout="1:4:H"] {height: auto;} [data-viewport-layout="1:4:H"] dl {width: 100% !important; border-bottom: 1px solid #b8b8b8 !important;} /* * Cascade navigation widgets configuration for mobile phones, narrow screens * */ [data-viewport-role="box::usw::layout"] {visibility: visible; padding-top: 0.5em;} [data-viewport-role="box::usw::root"] {z-index: 90001; visibility: visible; } [data-viewport-role="box::usw::vid"] {display: none !important;visibility: hidden !important; } [data-viewport-role="box::usw::focus"] {visibility: visible; margin-left: 0px;} [data-viewport-role="box::usw::flow"] {visibility: visible; z-index: 1; margin-left: 0px;} [data-viewport-role="box::usw::roster"] {visibility: visible;} [data-viewport-role="box::gsw::layout"] {visibility: visible; padding-top: 0.25em; text-align: left !important;} [data-viewport-role="box::gsw::root"] {visibility: visible; margin: 0 0 0; max-width: 749px !important;} [data-viewport-role="box::gsw::roster"] {visibility: visible;} [data-viewport-role="label::gsw::search-button"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::gsw::segment-button"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::gsw::search-button"] {visibility: visible; } [data-viewport-role="icon::gsw::segment-button"] {visibility: visible; } /* * Main navigation widget menu options configuration for phablets * Hide mobile directory | Hide excess navigation labels | Show calendar | Hide date | Hide time */ [data-viewport-role="option::mnw::back"] {visibility: visible; } [data-viewport-role="label::mnw::back"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::back"] {visibility: visible; } [data-viewport-role="option::mnw::directory"] {display: inline-block !important; visibility: visible !important; } [data-viewport-role="label::mnw::directory"] {display: none !important; visibility: hidden !important; } [data-viewport-role="icon::mnw::directory"] {display:inline-block !important; visibility: visible !important; } [data-viewport-role="option::mnw::dashboard"] {visibility: visible; } [data-viewport-role="label::mnw::dashboard"] {visibility: visible; width: 100% !important; } [data-viewport-role="icon::mnw::dashboard"] {visibility: visible; } [data-viewport-role="option::mnw::bookmarks-menu"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::bookmarks-menu"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::bookmarks-menu"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::inbox"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::inbox"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::inbox"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::notifications"] {visibility: visible; } [data-viewport-role="label::mnw::notifications"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::notifications"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="label::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="icon::mnw::alert-indicator"] {visibility: visible; } [data-viewport-role="toggle::mnw::alert-indicator"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::role-based-menu"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::role-based-menu"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::role-based-menu"] {visibility: visible; } [data-viewport-role="option::mnw::application"] {visibility: visible; } [data-viewport-role="label::mnw::application"] {visibility: visible; } [data-viewport-role="icon::mnw::application"] {visibility: visible; } [data-viewport-role="toggle::mnw::application"] {visibility: visible; } [data-viewport-role="option::mnw::calendar"] {visibility: visible; } [data-viewport-role="label::mnw::calendar"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::calendar"] {visibility: visible; } [data-viewport-role="option::mnw::date"] {visibility: visible; } [data-viewport-role="label::mnw::date"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::date"] { display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::time"] {visibility: visible; } [data-viewport-role="label::mnw::time"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::time"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::locale"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::locale"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::locale"] {display: none !important;visibility: hidden !important; } [data-viewport-role="option::mnw::bookmark-action"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::bookmark-action"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::bookmark-action"] {visibility: visible; } [data-viewport-role="option::mnw::wami"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::wami"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::wami"] {visibility: visible; } [data-viewport-role="option::mnw::settings"] {display: none !important;visibility: hidden !important; } [data-viewport-role="label::mnw::settings"] {display: none !important;visibility: hidden !important; } [data-viewport-role="icon::mnw::settings"] {visibility: visible; } /* * Media Grid collapse rules * */ [data-io-layout="io-row-media"] [data-io-layout="io-cell-rendition"] {clear:both !important;float:none !important; width:100%; padding-bottom: 80% !important; margin-bottom: 60px;} [data-io-layout="io-row-media"] [data-io-layout="io-cell-rendition"]:last-child {clear:both !important;float:none !important; width:100%; padding-bottom: 80% !important; margin-bottom: 0px;} }