{"action":"created","issue":{"url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670","labels_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670/labels{/name}","comments_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670/comments","events_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670/events","html_url":"https://github.com/jakubpawlowicz/clean-css/issues/670","id":106487771,"number":670,"title":"-webkit prefix missing after css minification","user":{"login":"that1guy","id":1218940,"avatar_url":"https://avatars.githubusercontent.com/u/1218940?v=3","gravatar_id":"","url":"https://api.github.com/users/that1guy","html_url":"https://github.com/that1guy","followers_url":"https://api.github.com/users/that1guy/followers","following_url":"https://api.github.com/users/that1guy/following{/other_user}","gists_url":"https://api.github.com/users/that1guy/gists{/gist_id}","starred_url":"https://api.github.com/users/that1guy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/that1guy/subscriptions","organizations_url":"https://api.github.com/users/that1guy/orgs","repos_url":"https://api.github.com/users/that1guy/repos","events_url":"https://api.github.com/users/that1guy/events{/privacy}","received_events_url":"https://api.github.com/users/that1guy/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-09-15T06:14:36Z","updated_at":"2015-09-21T16:10:01Z","closed_at":null,"body":"All my `-webkit` prefixes are getting stripped during the minification process.  This causes all much of my application to behave badly on Safari & iOS device.  I've spent a lot of time trying to resolve this one, but I'm stumped.\r\n\r\nHere's an example of my raw SASS\r\n\r\n````\r\n.layout {\r\n\t@include position(absolute, $headerHeight null 0 null);\r\n\r\n    overflow: hidden;\r\n\r\n    background-color: $gray;\r\n\r\n    @include fill-parent();\r\n    @include row();\r\n\r\n\t//Offcanvas menu open\r\n    &.offcanvasOpen\r\n\t{\r\n\r\n\t    aside.offcanvas\r\n\t    {\r\n\t        transform: translateX(0%) translateZ(0);\r\n\r\n\t        opacity: 1;\r\n\t    }\r\n\t    main\r\n\t    {\r\n\r\n\t\t\ttransform: translateX($offcanvasWidth);\r\n\r\n\t        @include media($mobile) {\r\n\t        \ttransform: translateX(90%) translateZ(0);\r\n\t        }\r\n\t    }\r\n\r\n\t    .menu-cover {\r\n\t    \topacity:1;\r\n\t    \tdisplay:block;\r\n\t    }\r\n\t}\r\n\r\n\t&.offcanvasOpen.offcanvasPanelOpen {\r\n\t\tmain\r\n\t    {\r\n\t        transform: translateX(100%) translateZ(0);\r\n\t    }\r\n\t}\r\n\r\n\r\n\t.menu-cover {\r\n\t\t@include absoluteFull();\r\n\t\tz-index:9999999;\r\n\t\topacity:0;\r\n\t\tdisplay:none;\r\n\t\tcursor:pointer;\r\n\t}\r\n\r\n\r\n}//END .offcanvasOpen\r\n````\r\n\r\nHere is the CSS that my compass SASS preprocessor produces\r\n````\r\n/* line 2656, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen aside.offcanvas {\r\n  -webkit-transform: translateX(0%) translateZ(0);\r\n          transform: translateX(0%) translateZ(0);\r\n  opacity: 1;\r\n}\r\n/* line 2662, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen main {\r\n  -webkit-transform: translateX(340px);\r\n          transform: translateX(340px);\r\n}\r\n@media screen and (max-width: 480px) {\r\n  /* line 2662, ../../app/styles/main.scss */\r\n  .layout.offcanvasOpen main {\r\n    -webkit-transform: translateX(90%) translateZ(0);\r\n            transform: translateX(90%) translateZ(0);\r\n  }\r\n}\r\n/* line 2672, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen .menu-cover {\r\n  opacity: 1;\r\n  display: block;\r\n}\r\n/* line 2679, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen.offcanvasPanelOpen main {\r\n  -webkit-transform: translateX(100%) translateZ(0);\r\n          transform: translateX(100%) translateZ(0);\r\n}\r\n````\r\n\r\nHere is what I see in browsers css styles inspector before minification.. Looks great!\r\n\r\n![screen shot 2015-09-14 at 6 33 08 pm](https://cloud.githubusercontent.com/assets/1218940/9865759/3f2e52e4-5b0f-11e5-8ea0-8ea385c99855.png)\r\n\r\nWhen I do a build for my staging environment using grunt, thus running cssmin, I notice that -webkit is stripped from all my css:\r\n````\r\n  grunt.registerTask('build-staging', [\r\n    'clean:staging',\r\n    'ngconstant:staging',\r\n    'useminPrepareStaging',\r\n    'concurrent:staging',\r\n    'autoprefixer:staging',\r\n    'concat:generated',\r\n    'ngtemplates:staging',\r\n    'ngAnnotate:staging',\r\n    'copy:staging',\r\n    'cdnify:staging',\r\n    'cssmin:generated',\r\n    'uglify:generated',\r\n    'filerev:staging',\r\n    'useminStaging',\r\n    'htmlmin:staging'\r\n  ]);\r\n````\r\n\r\nhere's what I see in the browser's css styles inspector after minification...\r\n\r\n![screen shot 2015-09-14 at 6 33 25 pm](https://cloud.githubusercontent.com/assets/1218940/9865766/6f7d4ac2-5b0f-11e5-9da8-85e99f92dc73.png)\r\n\r\nHow do I resolve this?\r\n\r\nthanks!\r\n"},"comment":{"url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/comments/142030138","html_url":"https://github.com/jakubpawlowicz/clean-css/issues/670#issuecomment-142030138","issue_url":"https://api.github.com/repos/jakubpawlowicz/clean-css/issues/670","id":142030138,"user":{"login":"that1guy","id":1218940,"avatar_url":"https://avatars.githubusercontent.com/u/1218940?v=3","gravatar_id":"","url":"https://api.github.com/users/that1guy","html_url":"https://github.com/that1guy","followers_url":"https://api.github.com/users/that1guy/followers","following_url":"https://api.github.com/users/that1guy/following{/other_user}","gists_url":"https://api.github.com/users/that1guy/gists{/gist_id}","starred_url":"https://api.github.com/users/that1guy/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/that1guy/subscriptions","organizations_url":"https://api.github.com/users/that1guy/orgs","repos_url":"https://api.github.com/users/that1guy/repos","events_url":"https://api.github.com/users/that1guy/events{/privacy}","received_events_url":"https://api.github.com/users/that1guy/received_events","type":"User","site_admin":false},"created_at":"2015-09-21T16:10:01Z","updated_at":"2015-09-21T16:10:01Z","body":"Using clean-css version 3.3.6\r\n\r\nHere is larger excerpt of main.css before minimization.\r\n````\r\n/* line 2010, ../../app/styles/main.scss */\r\nheader #new-search-button .button-inner .text {\r\n  vertical-align: text-top;\r\n  display: inline-block;\r\n  color: white;\r\n  font-size: 1em;\r\n  font-weight: 400;\r\n}\r\n/* line 2018, ../../app/styles/main.scss */\r\nheader #new-search-button .button-inner:hover {\r\n  background-color: #226993;\r\n  cursor: pointer;\r\n}\r\n/* line 2024, ../../app/styles/main.scss */\r\nheader #new-search-button input#header-search-submit {\r\n  display: none;\r\n  width: 80px;\r\n  background-color: #4b99bb;\r\n  color: white;\r\n  height: 32px;\r\n  border: none;\r\n  border-top-left-radius: 0px !important;\r\n  border-bottom-left-radius: 0px !important;\r\n  border-top-right-radius: 3px;\r\n  border-bottom-right-radius: 3px;\r\n  transition: background .3s ease-in-out;\r\n  vertical-align: middle;\r\n}\r\n/* line 2039, ../../app/styles/main.scss */\r\nheader #new-search-button input#header-search-submit:hover {\r\n  background-color: #226993;\r\n}\r\n/* line 2044, ../../app/styles/main.scss */\r\nheader #new-search-button .search-bar-container {\r\n  display: inline-block;\r\n  visiblity: hidden;\r\n  width: 0px;\r\n  height: 32px;\r\n  overflow: hidden;\r\n  float: left;\r\n  transition: all .4s ease-in-out;\r\n}\r\n/* line 2055, ../../app/styles/main.scss */\r\nheader #new-search-button .search-bar-container .input-container {\r\n  overflow: hidden;\r\n  position: relative;\r\n  display: inline-block;\r\n  height: 32px;\r\n  width: 100%;\r\n}\r\n/* line 2063, ../../app/styles/main.scss */\r\nheader #new-search-button .search-bar-container .input-container .icon {\r\n  position: absolute;\r\n  color: #4b99bb;\r\n  top: 3px;\r\n  left: 5px;\r\n  opacity: 0;\r\n  transition: opacity .5s ease-in-out;\r\n  font-size: 1.5em;\r\n}\r\n/* line 2074, ../../app/styles/main.scss */\r\nheader #new-search-button .search-bar-container input#header-search {\r\n  height: 32px;\r\n  padding-left: 40px;\r\n  display: inline-block;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  background-color: white;\r\n  border-bottom-left-radius: 3px;\r\n  border-top-left-radius: 3px;\r\n  border-top-right-radius: 0px;\r\n  border-bottom-right-radius: 0px;\r\n  border: none;\r\n  color: #2b2b2b;\r\n}\r\n/* line 2096, ../../app/styles/main.scss */\r\nheader #new-search-button.active input#header-search-submit {\r\n  display: inline-block;\r\n}\r\n/* line 2099, ../../app/styles/main.scss */\r\nheader #new-search-button.active .button-inner {\r\n  display: none;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n}\r\n/* line 2104, ../../app/styles/main.scss */\r\nheader #new-search-button.active .search-bar-container {\r\n  display: inline-block;\r\n  overflow: hidden;\r\n  visiblity: visible;\r\n  width: 350px;\r\n}\r\n/* line 2110, ../../app/styles/main.scss */\r\nheader #new-search-button.active .search-bar-container .icon {\r\n  opacity: 1;\r\n}\r\n/* line 2118, ../../app/styles/main.scss */\r\nheader #new-search-button-mobile {\r\n  font-size: 1.5em;\r\n  color: #4b99bb !important;\r\n  margin-right: 20px;\r\n  float: right;\r\n  margin-top: 6px;\r\n}\r\n/* line 2127, ../../app/styles/main.scss */\r\nheader #new-search-button-mobile:hover {\r\n  color: #226993;\r\n}\r\n/* line 2134, ../../app/styles/main.scss */\r\nheader .explore-map-button {\r\n  line-height: 22px;\r\n  height: 32px;\r\n  border: none;\r\n  float: left;\r\n  margin-top: 5px;\r\n  padding-left: 12px;\r\n  padding-right: 12px;\r\n}\r\n/* line 2144, ../../app/styles/main.scss */\r\nheader .explore-map-button .icon {\r\n  margin-top: -1px;\r\n  font-size: 1.625em;\r\n  display: block;\r\n  float: left;\r\n  color: white !important;\r\n}\r\n/* line 2151, ../../app/styles/main.scss */\r\nheader .explore-map-button .text {\r\n  display: block;\r\n  float: left;\r\n  vertical-align: text-top;\r\n  color: white;\r\n  font-size: 1em;\r\n  padding-left: 5px;\r\n  font-weight: 400;\r\n}\r\n@media screen and (min-width: 1025px) {\r\n  /* line 2134, ../../app/styles/main.scss */\r\n  header .explore-map-button {\r\n    display: block;\r\n  }\r\n}\r\n/* line 2169, ../../app/styles/main.scss */\r\nheader #explore-map-button-mobile {\r\n  font-size: 1.5em;\r\n  color: #669E39 !important;\r\n  float: right;\r\n  margin-right: 20px;\r\n  margin-top: 6px;\r\n}\r\n/* line 2176, ../../app/styles/main.scss */\r\nheader #explore-map-button-mobile:hover {\r\n  color: #35701E;\r\n}\r\n/* line 2183, ../../app/styles/main.scss */\r\nheader #new-search-button {\r\n  display: none;\r\n}\r\n@media screen and (min-width: 1025px) {\r\n  /* line 2183, ../../app/styles/main.scss */\r\n  header #new-search-button {\r\n    display: block;\r\n  }\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 1024px) {\r\n  /* line 2183, ../../app/styles/main.scss */\r\n  header #new-search-button {\r\n    display: block;\r\n  }\r\n}\r\n@media screen and (min-width: 481px) and (max-width: 768px) {\r\n  /* line 2183, ../../app/styles/main.scss */\r\n  header #new-search-button {\r\n    display: block;\r\n  }\r\n}\r\n/* line 2199, ../../app/styles/main.scss */\r\nheader #explore-map-button-desktop {\r\n  display: none;\r\n}\r\n@media screen and (min-width: 1025px) {\r\n  /* line 2199, ../../app/styles/main.scss */\r\n  header #explore-map-button-desktop {\r\n    display: block;\r\n  }\r\n}\r\n/* line 2208, ../../app/styles/main.scss */\r\nheader #explore-map-button-tablet {\r\n  display: none;\r\n}\r\n@media screen and (min-width: 481px) and (max-width: 768px) {\r\n  /* line 2208, ../../app/styles/main.scss */\r\n  header #explore-map-button-tablet {\r\n    display: block;\r\n  }\r\n}\r\n/* line 2217, ../../app/styles/main.scss */\r\nheader #explore-map-button-tabletLG {\r\n  display: none;\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 1024px) {\r\n  /* line 2217, ../../app/styles/main.scss */\r\n  header #explore-map-button-tabletLG {\r\n    display: block;\r\n  }\r\n}\r\n/* line 2228, ../../app/styles/main.scss */\r\nheader #new-search-button-mobile,\r\nheader #explore-map-button-mobile {\r\n  display: block;\r\n}\r\n@media screen and (min-width: 1025px) {\r\n  /* line 2228, ../../app/styles/main.scss */\r\n  header #new-search-button-mobile,\r\n  header #explore-map-button-mobile {\r\n    display: none;\r\n  }\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 1024px) {\r\n  /* line 2228, ../../app/styles/main.scss */\r\n  header #new-search-button-mobile,\r\n  header #explore-map-button-mobile {\r\n    display: none;\r\n  }\r\n}\r\n@media screen and (min-width: 481px) and (max-width: 768px) {\r\n  /* line 2228, ../../app/styles/main.scss */\r\n  header #new-search-button-mobile,\r\n  header #explore-map-button-mobile {\r\n    display: none;\r\n  }\r\n}\r\n@media (max-width: 740px) {\r\n  /* line 2244, ../../app/styles/main.scss */\r\n  header #new-search-button,\r\n  header #explore-map-button,\r\n  header #explore-map-button-tablet {\r\n    display: none;\r\n  }\r\n  /* line 2250, ../../app/styles/main.scss */\r\n  header #new-search-button-mobile,\r\n  header #explore-map-button-mobile {\r\n    display: block;\r\n  }\r\n}\r\n/* line 2264, ../../app/styles/main.scss */\r\nheader #top-menu {\r\n  height: 42px;\r\n  display: none;\r\n}\r\n@media screen and (min-width: 1025px) {\r\n  /* line 2264, ../../app/styles/main.scss */\r\n  header #top-menu {\r\n    display: inline-block;\r\n    position: relative;\r\n    cursor: pointer;\r\n  }\r\n}\r\n/* line 2275, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu {\r\n  z-index: 9999999999;\r\n  position: relative;\r\n  background-color: #2b2b2b;\r\n}\r\n/* line 2281, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu li {\r\n  height: 42px;\r\n  line-height: 42px;\r\n  display: inline-block;\r\n  color: white;\r\n  padding-right: 10px;\r\n  vertical-align: middle;\r\n  font-size: 0.875em;\r\n}\r\n/* line 2290, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu li:after {\r\n  margin-left: 10px;\r\n  content: '|';\r\n  color: #6A6A6A;\r\n  font-size: 0.75em;\r\n  font-weight: normal;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n}\r\n/* line 2302, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu li:last-child:after, header #top-menu ul.navigation-menu li:nth-child(8):after {\r\n  content: '';\r\n}\r\n/* line 2307, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu li a {\r\n  color: white;\r\n}\r\n/* line 2309, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu li a:hover {\r\n  color: #008ddd !important;\r\n}\r\n/* line 2313, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu li a.active {\r\n  color: #68bbff;\r\n}\r\n/* line 2320, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu button#header-info-button {\r\n  font-size: 1.375em;\r\n  color: white;\r\n  line-height: 44px;\r\n  height: 42px;\r\n  width: 24px;\r\n  transition: color .3s ease-in-out;\r\n}\r\n/* line 2331, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu button#header-info-button:hover {\r\n  color: #008ddd !important;\r\n}\r\n/* line 2335, ../../app/styles/main.scss */\r\nheader #top-menu ul.navigation-menu button#header-info-button:before {\r\n  content: 'i';\r\n  font-family: 'mpo-font';\r\n}\r\n/* line 2346, ../../app/styles/main.scss */\r\nheader #top-menu.open button#header-info-button {\r\n  font-size: 0.875em !important;\r\n}\r\n/* line 2348, ../../app/styles/main.scss */\r\nheader #top-menu.open button#header-info-button:before {\r\n  content: '1' !important;\r\n  color: #68bbff;\r\n}\r\n/* line 2354, ../../app/styles/main.scss */\r\nheader #top-menu.open .top-dropdown-menu {\r\n  -webkit-transform: translateY(0%);\r\n          transform: translateY(0%);\r\n  opacity: 1;\r\n}\r\n/* line 2358, ../../app/styles/main.scss */\r\nheader #top-menu.open .top-dropdown-menu:after {\r\n  background-color: rgba(0, 0, 0, 0.1);\r\n}\r\n/* line 2364, ../../app/styles/main.scss */\r\nheader #top-menu .top-dropdown-menu {\r\n  position: absolute;\r\n  background-color: #232323;\r\n  padding: 20px;\r\n  top: 42px;\r\n  right: 16px;\r\n  width: 200px;\r\n  z-index: 99999997;\r\n  -webkit-transform: translateY(-100%);\r\n          transform: translateY(-100%);\r\n  transition: all .3s ease-in-out;\r\n}\r\n/* line 2379, ../../app/styles/main.scss */\r\nheader #top-menu .top-dropdown-menu ul li {\r\n  margin-bottom: 3px;\r\n}\r\n/* line 2381, ../../app/styles/main.scss */\r\nheader #top-menu .top-dropdown-menu ul li a {\r\n  font-weight: 500;\r\n  color: #68bbff;\r\n}\r\n/* line 2385, ../../app/styles/main.scss */\r\nheader #top-menu .top-dropdown-menu ul li a:hover {\r\n  color: #008ddd !important;\r\n}\r\n/* line 2390, ../../app/styles/main.scss */\r\nheader #top-menu .top-dropdown-menu ul li.utility {\r\n  margin-bottom: 2px;\r\n}\r\n/* line 2392, ../../app/styles/main.scss */\r\nheader #top-menu .top-dropdown-menu ul li.utility a {\r\n  color: white;\r\n  font-weight: normal;\r\n  font-size: 0.8125em;\r\n}\r\n/* line 2401, ../../app/styles/main.scss */\r\nheader #top-menu .top-dropdown-menu .legal {\r\n  margin-top: 10px;\r\n  color: #8A8A8A;\r\n  font-size: 0.75em;\r\n  line-height: 1.8;\r\n}\r\n/* line 2408, ../../app/styles/main.scss */\r\nheader #top-menu .top-dropdown-menu:after {\r\n  content: '';\r\n  height: 5px;\r\n  width: 100%;\r\n  position: absolute;\r\n  bottom: -5px;\r\n  left: 0;\r\n  right: 0;\r\n}\r\n/* line 2422, ../../app/styles/main.scss */\r\nheader #top-menu:hover img#user-avatar {\r\n  filter: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale\");\r\n  filter: none;\r\n  -webkit-filter: grayscale(0%);\r\n}\r\n/* line 2434, ../../app/styles/main.scss */\r\nheader #header-user-container {\r\n  height: 42px;\r\n  display: none;\r\n}\r\n@media screen and (min-width: 1025px) {\r\n  /* line 2434, ../../app/styles/main.scss */\r\n  header #header-user-container {\r\n    display: inline-block;\r\n    position: relative;\r\n    cursor: pointer;\r\n  }\r\n}\r\n/* line 2447, ../../app/styles/main.scss */\r\nheader #header-user-container.open .user-menu {\r\n  -webkit-transform: translateY(0%);\r\n          transform: translateY(0%);\r\n  opacity: 1;\r\n}\r\n/* line 2454, ../../app/styles/main.scss */\r\nheader #header-user-container.open .user-info .username:after {\r\n  content: '1';\r\n  color: #008ddd;\r\n}\r\n/* line 2463, ../../app/styles/main.scss */\r\nheader #header-user-container .user-info {\r\n  z-index: 99999999;\r\n  position: relative;\r\n}\r\n/* line 2469, ../../app/styles/main.scss */\r\nheader #header-user-container .user-info img#user-avatar {\r\n  height: 42px;\r\n  width: auto;\r\n  float: left;\r\n  transition: all .5s ease-in-out;\r\n  -webkit-backface-visibility: hidden;\r\n          backface-visibility: hidden;\r\n  filter: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale\");\r\n  /* Firefox 10+ */\r\n  filter: gray;\r\n  /* IE6-9 */\r\n  -webkit-filter: grayscale(100%);\r\n  /* Chrome 19+ & Safari 6+ */\r\n}\r\n/* line 2482, ../../app/styles/main.scss */\r\nheader #header-user-container .user-info .username {\r\n  display: block;\r\n  height: 42px;\r\n  float: left;\r\n  color: white;\r\n  padding: 10px 24px 0px 20px;\r\n  font-weight: 400;\r\n  font-size: 0.875em;\r\n  background-color: #2b2b2b;\r\n}\r\n/* line 2494, ../../app/styles/main.scss */\r\nheader #header-user-container .user-info .username:hover:after {\r\n  color: #68bbff !important;\r\n}\r\n/* line 2499, ../../app/styles/main.scss */\r\nheader #header-user-container .user-info .username:after {\r\n  content: 'X';\r\n  font-family: 'mpo-font';\r\n  color: white;\r\n  margin-left: 10px;\r\n  font-size: 0.75em;\r\n  display: inline-block;\r\n  transition: -webkit-transform .3s ease-in-out;\r\n  transition: transform .3s ease-in-out;\r\n}\r\n/* line 2512, ../../app/styles/main.scss */\r\nheader #header-user-container .user-menu {\r\n  position: absolute;\r\n  background-color: #232323;\r\n  padding: 20px;\r\n  top: 42px;\r\n  width: 100%;\r\n  z-index: 99999997;\r\n  -webkit-transform: translateY(-100%);\r\n          transform: translateY(-100%);\r\n  opacity: 0;\r\n  transition: all .3s ease-in-out;\r\n}\r\n/* line 2525, ../../app/styles/main.scss */\r\nheader #header-user-container .user-menu ul li {\r\n  margin-bottom: 5px;\r\n}\r\n/* line 2527, ../../app/styles/main.scss */\r\nheader #header-user-container .user-menu ul li a {\r\n  font-weight: 500;\r\n  color: #68bbff;\r\n}\r\n/* line 2531, ../../app/styles/main.scss */\r\nheader #header-user-container .user-menu ul li a:hover {\r\n  color: #008ddd !important;\r\n}\r\n/* line 2536, ../../app/styles/main.scss */\r\nheader #header-user-container .user-menu ul li.utility {\r\n  margin-bottom: 2px;\r\n}\r\n/* line 2538, ../../app/styles/main.scss */\r\nheader #header-user-container .user-menu ul li.utility a {\r\n  color: white;\r\n  font-weight: normal;\r\n  font-size: 0.8125em;\r\n}\r\n/* line 2547, ../../app/styles/main.scss */\r\nheader #header-user-container .user-menu:after {\r\n  content: '';\r\n  height: 5px;\r\n  width: 100%;\r\n  background-color: rgba(0, 0, 0, 0.1);\r\n  position: absolute;\r\n  bottom: -5px;\r\n  left: 0;\r\n  right: 0;\r\n}\r\n/* line 2562, ../../app/styles/main.scss */\r\nheader #header-user-container:hover img#user-avatar {\r\n  filter: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale\");\r\n  filter: none;\r\n  -webkit-filter: grayscale(0%);\r\n}\r\n/* line 2568, ../../app/styles/main.scss */\r\nheader #header-user-container .sign-in {\r\n  top: 10px;\r\n  position: relative;\r\n  right: 10px;\r\n  color: white;\r\n}\r\n/* line 2577, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container {\r\n  float: right;\r\n  height: 50px;\r\n  padding: 10px 10px 0px 10px;\r\n}\r\n@media screen and (min-width: 1025px) {\r\n  /* line 2577, ../../app/styles/main.scss */\r\n  header #mobile-offcanvas-button-container {\r\n    display: none;\r\n  }\r\n}\r\n/* line 2587, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button {\r\n  width: 30px;\r\n  height: 20px;\r\n  position: relative;\r\n  display: block;\r\n}\r\n/* line 2594, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button .line {\r\n  display: block;\r\n  width: 30px;\r\n  height: 4px;\r\n  background: #777777;\r\n  position: absolute;\r\n  transition: all .3s;\r\n  -webkit-transform: translateZ(0);\r\n          transform: translateZ(0);\r\n}\r\n/* line 2603, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button .line.line1 {\r\n  top: 0;\r\n}\r\n/* line 2606, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button .line.line2 {\r\n  top: 18px;\r\n  -webkit-transform: translateY(-10px) translateZ(0);\r\n          transform: translateY(-10px) translateZ(0);\r\n}\r\n/* line 2610, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button .line.line3 {\r\n  bottom: 0;\r\n}\r\n/* line 2617, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button.active .line.line1 {\r\n  top: 0;\r\n  -webkit-transform: translateY(8px) rotate(45deg) translateZ(0);\r\n          transform: translateY(8px) rotate(45deg) translateZ(0);\r\n  background-color: #E02C11;\r\n}\r\n/* line 2622, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button.active .line.line2 {\r\n  opacity: 0;\r\n}\r\n/* line 2625, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button.active .line.line3 {\r\n  -webkit-transform: translateY(-8px) rotate(-45deg) translateZ(0);\r\n          transform: translateY(-8px) rotate(-45deg) translateZ(0);\r\n  background-color: #E02C11;\r\n}\r\n/* line 2632, ../../app/styles/main.scss */\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button:hover {\r\n  cursor: pointer;\r\n}\r\n\r\n/*-----  End of Header  ------*/\r\n/* line 2642, ../../app/styles/main.scss */\r\n.layout {\r\n  position: absolute;\r\n  top: 42px;\r\n  bottom: 0;\r\n  overflow: hidden;\r\n  background-color: #2b2b2b;\r\n  width: 100%;\r\n  display: block;\r\n}\r\n/* line 20, ../../bower_components/bourbon/app/assets/stylesheets/addons/_clearfix.scss */\r\n.layout::after {\r\n  clear: both;\r\n  content: \"\";\r\n  display: table;\r\n}\r\n/* line 2656, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen aside.offcanvas {\r\n  -webkit-transform: translateX(0%) translateZ(0);\r\n          transform: translateX(0%) translateZ(0);\r\n  opacity: 1;\r\n}\r\n/* line 2662, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen main {\r\n  -webkit-transform: translateX(340px);\r\n          transform: translateX(340px);\r\n}\r\n@media screen and (max-width: 480px) {\r\n  /* line 2662, ../../app/styles/main.scss */\r\n  .layout.offcanvasOpen main {\r\n    -webkit-transform: translateX(90%) translateZ(0);\r\n            transform: translateX(90%) translateZ(0);\r\n  }\r\n}\r\n/* line 2672, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen .menu-cover {\r\n  opacity: 1;\r\n  display: block;\r\n}\r\n/* line 2679, ../../app/styles/main.scss */\r\n.layout.offcanvasOpen.offcanvasPanelOpen main {\r\n  -webkit-transform: translateX(100%) translateZ(0);\r\n          transform: translateX(100%) translateZ(0);\r\n}\r\n/* line 2686, ../../app/styles/main.scss */\r\n.layout .menu-cover {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: 9999999;\r\n  opacity: 0;\r\n  display: none;\r\n  cursor: pointer;\r\n}\r\n\r\n@keyframes fadeIn {\r\n  0% {\r\n    display: none;\r\n    opacity: 0;\r\n  }\r\n  1% {\r\n    display: block !important;\r\n    opacity: 0;\r\n  }\r\n  10% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    display: block !important;\r\n    opacity: 1;\r\n  }\r\n}\r\n/* line 2719, ../../app/styles/main.scss */\r\naside.offcanvas {\r\n  -webkit-transform: translateZ(0);\r\n          transform: translateZ(0);\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: 1;\r\n  width: 340px;\r\n  -webkit-transform: translateX(-20%) translateZ(0);\r\n          transform: translateX(-20%) translateZ(0);\r\n  overflow: hidden;\r\n  transition: -webkit-transform .3s ease-in-out, opacity .3s ease-in-out, width .5s ease-in-out;\r\n  transition: transform .3s ease-in-out, opacity .3s ease-in-out, width .5s ease-in-out;\r\n  opacity: 0;\r\n  background-color: #3b3b3b;\r\n  box-shadow: inset -10px 0 5px -5px rgba(0, 0, 0, 0.25);\r\n}\r\n@media screen and (max-width: 480px) {\r\n  /* line 2719, ../../app/styles/main.scss */\r\n  aside.offcanvas {\r\n    width: 90%;\r\n  }\r\n}\r\n/* line 2743, ../../app/styles/main.scss */\r\naside.offcanvas .offcanvas-menu {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 40px;\r\n  left: 0;\r\n  overflow-y: auto;\r\n  transition: -webkit-transform .3s ease-in-out;\r\n  transition: transform .3s ease-in-out;\r\n  -webkit-transform: translateZ(0);\r\n          transform: translateZ(0);\r\n  color: #EBEBEB;\r\n}\r\n/* line 20, ../../bower_components/bourbon/app/assets/stylesheets/addons/_clearfix.scss */\r\naside.offcanvas .offcanvas-menu ul.main-menu::after {\r\n  clear: both;\r\n  content: \"\";\r\n  display: table;\r\n}\r\n/* line 2757, ../../app/styles/main.scss */\r\naside.offcanvas .offcanvas-menu ul.main-menu li {\r\n  padding: 10px 20px 10px 20px;\r\n  border-bottom: 1px solid rgba(150, 150, 150, 0.1);\r\n  height: 60px;\r\n  font-size: 1.125em;\r\n  font-weight: 400;\r\n}\r\n````\r\n\r\n\r\n\r\n\r\nHere are the current grunt settings I'm using during minification\r\n````\r\n// Reads HTML for usemin blocks to enable smart builds that automatically\r\n    // concat, minify and revision files. Creates configurations in memory so\r\n    // additional tasks can operate on them\r\n    useminPrepareStaging: {\r\n      html: '<%= yeoman.app %>/index.html',\r\n      options: {\r\n        dest: '<%= yeoman.staging %>',\r\n        flow: {\r\n          html: {\r\n            steps: {\r\n              js: ['concat', 'uglifyjs'],\r\n              css: ['cssmin']\r\n            },\r\n            post: {\r\n              css: [{\r\n                name: 'cssmin',\r\n                createConfig: function (context, block) {\r\n                  var generated = context.options.generated;\r\n                  generated.options = {\r\n                    aggressiveMerging: false,\r\n                    shorthandCompacting: false,\r\n                    keepBreaks: true,\r\n                    keepSpecialComments: true,\r\n                    compatibility: true,\r\n                    advanced: false\r\n                  };\r\n                }\r\n              }]\r\n            }\r\n          }\r\n        }\r\n      }\r\n    },\r\n````\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n````\r\nheader #new-search-button{line-height:22px;height:42px!important;display:block;float:left;margin-right:10px;margin-left:50px;padding-top:5px;overflow:hidden;font-weight:400!important;transition:all .3s ease-in-out;text-align:left}\r\n@media screen and (min-width:481px) and (max-width:768px){header #new-search-button{margin-left:20px}\r\n}\r\n@media screen and (min-width:769px) and (max-width:1024px){header #new-search-button{margin-left:20px}\r\n}\r\nheader #new-search-button .button-inner{height:32px;border:none;float:left;color:#fff;background-color:#4b99bb;border-radius:3px;font-size:.875em;vertical-align:middle;display:block;transition:.3s all ease-in-out;text-align:left;padding:4px 12px 5px 12px}\r\nheader #new-search-button .button-inner .icon{padding-top:2px;padding-right:4px;font-size:1.5em;display:block;float:left;vertical-align:middle}\r\nheader #new-search-button .button-inner .text{vertical-align:text-top;display:inline-block;color:#fff;font-size:1em;font-weight:400}\r\nheader #new-search-button .button-inner:hover{background-color:#226993;cursor:pointer}\r\nheader #new-search-button input#header-search-submit{display:none;width:80px;background-color:#4b99bb;color:#fff;height:32px;border:none;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:3px;border-bottom-right-radius:3px;transition:background .3s ease-in-out;vertical-align:middle}\r\nheader #new-search-button input#header-search-submit:hover{background-color:#226993}\r\nheader #new-search-button .search-bar-container{display:inline-block;visiblity:hidden;width:0;height:32px;overflow:hidden;float:left;transition:all .4s ease-in-out}\r\nheader #new-search-button .search-bar-container .input-container{overflow:hidden;position:relative;display:inline-block;height:32px;width:100%}\r\nheader #new-search-button .search-bar-container .input-container .icon{position:absolute;color:#4b99bb;top:3px;left:5px;opacity:0;transition:opacity .5s ease-in-out;font-size:1.5em}\r\nheader #new-search-button .search-bar-container input#header-search{height:32px;padding-left:40px;display:inline-block;overflow:hidden;width:100%;background-color:#fff;border-bottom-left-radius:3px;border-top-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0;border:none;color:#2b2b2b}\r\nheader #new-search-button.active input#header-search-submit{display:inline-block}\r\nheader #new-search-button.active .button-inner{display:none;visibility:hidden;opacity:0}\r\nheader #new-search-button.active .search-bar-container{display:inline-block;overflow:hidden;visiblity:visible;width:350px}\r\nheader #new-search-button.active .search-bar-container .icon{opacity:1}\r\nheader #new-search-button-mobile{font-size:1.5em;color:#4b99bb!important;margin-right:20px;float:right;margin-top:6px}\r\nheader #new-search-button-mobile:hover{color:#226993}\r\nheader .explore-map-button{line-height:22px;height:32px;border:none;float:left;margin-top:5px;padding-left:12px;padding-right:12px}\r\nheader .explore-map-button .icon{margin-top:-1px;font-size:1.625em;display:block;float:left;color:#fff!important}\r\nheader .explore-map-button .text{display:block;float:left;vertical-align:text-top;color:#fff;font-size:1em;padding-left:5px;font-weight:400}\r\n@media screen and (min-width:1025px){header .explore-map-button{display:block}\r\n}\r\nheader #explore-map-button-mobile{font-size:1.5em;color:#669E39!important;float:right;margin-right:20px;margin-top:6px}\r\nheader #explore-map-button-mobile:hover{color:#35701E}\r\nheader #new-search-button{display:none}\r\n@media screen and (min-width:1025px){header #new-search-button{display:block}\r\n}\r\n@media screen and (min-width:769px) and (max-width:1024px){header #new-search-button{display:block}\r\n}\r\n@media screen and (min-width:481px) and (max-width:768px){header #new-search-button{display:block}\r\n}\r\nheader #explore-map-button-desktop{display:none}\r\n@media screen and (min-width:1025px){header #explore-map-button-desktop{display:block}\r\n}\r\nheader #explore-map-button-tablet{display:none}\r\n@media screen and (min-width:481px) and (max-width:768px){header #explore-map-button-tablet{display:block}\r\n}\r\nheader #explore-map-button-tabletLG{display:none}\r\n@media screen and (min-width:769px) and (max-width:1024px){header #explore-map-button-tabletLG{display:block}\r\n}\r\nheader #explore-map-button-mobile,header #new-search-button-mobile{display:block}\r\n@media screen and (min-width:1025px){header #explore-map-button-mobile,header #new-search-button-mobile{display:none}\r\n}\r\n@media screen and (min-width:769px) and (max-width:1024px){header #explore-map-button-mobile,header #new-search-button-mobile{display:none}\r\n}\r\n@media screen and (min-width:481px) and (max-width:768px){header #explore-map-button-mobile,header #new-search-button-mobile{display:none}\r\n}\r\n@media (max-width:740px){header #explore-map-button,header #explore-map-button-tablet,header #new-search-button{display:none}\r\nheader #explore-map-button-mobile,header #new-search-button-mobile{display:block}\r\n}\r\nheader #top-menu{height:42px;display:none}\r\n@media screen and (min-width:1025px){header #top-menu{display:inline-block;position:relative;cursor:pointer}\r\n}\r\nheader #top-menu ul.navigation-menu{z-index:9999999999;position:relative;background-color:#2b2b2b}\r\nheader #top-menu ul.navigation-menu li{height:42px;line-height:42px;display:inline-block;color:#fff;padding-right:10px;vertical-align:middle;font-size:.875em}\r\nheader #top-menu ul.navigation-menu li:after{margin-left:10px;content:'|';color:#6A6A6A;font-size:.75em;font-weight:400;display:inline-block;vertical-align:top}\r\nheader #top-menu ul.navigation-menu li:last-child:after,header #top-menu ul.navigation-menu li:nth-child(8):after{content:''}\r\nheader #top-menu ul.navigation-menu li a{color:#fff}\r\nheader #top-menu ul.navigation-menu li a:hover{color:#008ddd!important}\r\nheader #top-menu ul.navigation-menu li a.active{color:#68bbff}\r\nheader #top-menu ul.navigation-menu button#header-info-button{font-size:1.375em;color:#fff;line-height:44px;height:42px;width:24px;transition:color .3s ease-in-out}\r\nheader #top-menu ul.navigation-menu button#header-info-button:hover{color:#008ddd!important}\r\nheader #top-menu ul.navigation-menu button#header-info-button:before{content:'i';font-family:mpo-font}\r\nheader #top-menu.open button#header-info-button{font-size:.875em!important}\r\nheader #top-menu.open button#header-info-button:before{content:'1'!important;color:#68bbff}\r\nheader #top-menu.open .top-dropdown-menu{transform:translateY(0);opacity:1}\r\nheader #top-menu.open .top-dropdown-menu:after{background-color:rgba(0,0,0,.1)}\r\nheader #top-menu .top-dropdown-menu{position:absolute;background-color:#232323;padding:20px;top:42px;right:16px;width:200px;z-index:99999997;transform:translateY(-100%);transition:all .3s ease-in-out}\r\nheader #top-menu .top-dropdown-menu ul li{margin-bottom:3px}\r\nheader #top-menu .top-dropdown-menu ul li a{font-weight:500;color:#68bbff}\r\nheader #top-menu .top-dropdown-menu ul li a:hover{color:#008ddd!important}\r\nheader #top-menu .top-dropdown-menu ul li.utility{margin-bottom:2px}\r\nheader #top-menu .top-dropdown-menu ul li.utility a{color:#fff;font-weight:400;font-size:.8125em}\r\nheader #top-menu .top-dropdown-menu .legal{margin-top:10px;color:#8A8A8A;font-size:.75em;line-height:1.8}\r\nheader #top-menu .top-dropdown-menu:after{content:'';height:5px;width:100%;position:absolute;bottom:-5px;left:0;right:0}\r\nheader #top-menu:hover img#user-avatar{filter:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale\");filter:none;-webkit-filter:grayscale(0)}\r\nheader #header-user-container{height:42px;display:none}\r\n@media screen and (min-width:1025px){header #header-user-container{display:inline-block;position:relative;cursor:pointer}\r\n}\r\nheader #header-user-container.open .user-menu{transform:translateY(0);opacity:1}\r\nheader #header-user-container.open .user-info .username:after{content:'1';color:#008ddd}\r\nheader #header-user-container .user-info{z-index:99999999;position:relative}\r\nheader #header-user-container .user-info img#user-avatar{height:42px;width:auto;float:left;transition:all .5s ease-in-out;backface-visibility:hidden;filter:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}\r\nheader #header-user-container .user-info .username{display:block;height:42px;float:left;color:#fff;padding:10px 24px 0 20px;font-weight:400;font-size:.875em;background-color:#2b2b2b}\r\nheader #header-user-container .user-info .username:hover:after{color:#68bbff!important}\r\nheader #header-user-container .user-info .username:after{content:'X';font-family:mpo-font;color:#fff;margin-left:10px;font-size:.75em;display:inline-block;transition:transform .3s ease-in-out}\r\nheader #header-user-container .user-menu{position:absolute;background-color:#232323;padding:20px;top:42px;width:100%;z-index:99999997;transform:translateY(-100%);opacity:0;transition:all .3s ease-in-out}\r\nheader #header-user-container .user-menu ul li{margin-bottom:5px}\r\nheader #header-user-container .user-menu ul li a{font-weight:500;color:#68bbff}\r\nheader #header-user-container .user-menu ul li a:hover{color:#008ddd!important}\r\nheader #header-user-container .user-menu ul li.utility{margin-bottom:2px}\r\nheader #header-user-container .user-menu ul li.utility a{color:#fff;font-weight:400;font-size:.8125em}\r\nheader #header-user-container .user-menu:after{content:'';height:5px;width:100%;background-color:rgba(0,0,0,.1);position:absolute;bottom:-5px;left:0;right:0}\r\nheader #header-user-container:hover img#user-avatar{filter:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale\");filter:none;-webkit-filter:grayscale(0)}\r\nheader #header-user-container .sign-in{top:10px;position:relative;right:10px;color:#fff}\r\nheader #mobile-offcanvas-button-container{float:right;height:50px;padding:10px 10px 0 10px}\r\n@media screen and (min-width:1025px){header #mobile-offcanvas-button-container{display:none}\r\n}\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button{width:30px;height:20px;position:relative;display:block}\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button .line{display:block;width:30px;height:4px;background:#777;position:absolute;transition:all .3s;transform:translateZ(0)}\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button .line.line1{top:0}\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button .line.line2{top:18px;transform:translateY(-10px) translateZ(0)}\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button .line.line3{bottom:0}\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button.active .line.line1{top:0;transform:translateY(8px) rotate(45deg) translateZ(0);background-color:#E02C11}\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button.active .line.line2{opacity:0}\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button.active .line.line3{transform:translateY(-8px) rotate(-45deg) translateZ(0);background-color:#E02C11}\r\nheader #mobile-offcanvas-button-container #mobile-offcanvas-button:hover{cursor:pointer}\r\n.layout{position:absolute;top:42px;bottom:0;overflow:hidden;background-color:#2b2b2b;width:100%;display:block}\r\n.layout::after{clear:both;content:\"\";display:table}\r\n.layout.offcanvasOpen aside.offcanvas{transform:translateX(0) translateZ(0);opacity:1}\r\n.layout.offcanvasOpen main{transform:translateX(340px)}\r\n@media screen and (max-width:480px){.layout.offcanvasOpen main{transform:translateX(90%) translateZ(0)}\r\n}\r\n.layout.offcanvasOpen .menu-cover{opacity:1;display:block}\r\n.layout.offcanvasOpen.offcanvasPanelOpen main{transform:translateX(100%) translateZ(0)}\r\n.layout .menu-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999999;opacity:0;display:none;cursor:pointer}\r\n@keyframes fadeIn{0%{display:none;opacity:0}\r\n1%{display:block!important;opacity:0}\r\n10%{opacity:0}\r\n100%{display:block!important;opacity:1}\r\n}\r\naside.offcanvas{transform:translateZ(0);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:340px;transform:translateX(-20%) translateZ(0);overflow:hidden;transition:transform .3s ease-in-out,opacity .3s ease-in-out,width .5s ease-in-out;opacity:0;background-color:#3b3b3b;box-shadow:inset -10px 0 5px -5px rgba(0,0,0,.25)}\r\n@media screen and (max-width:480px){aside.offcanvas{width:90%}\r\n}\r\naside.offcanvas .offcanvas-menu{position:absolute;top:0;right:0;bottom:40px;left:0;overflow-y:auto;transition:transform .3s ease-in-out;transform:translateZ(0);color:#EBEBEB}\r\naside.offcanvas .offcanvas-menu ul.main-menu::after{clear:both;content:\"\";display:table}\r\naside.offcanvas .offcanvas-menu ul.main-menu li{padding:10px 20px 10px 20px;border-bottom:1px solid rgba(150,150,150,.1);height:60px;font-size:1.125em;font-weight:400}\r\naside.offcanvas .offcanvas-menu ul.main-menu li::after{clear:both;content:\"\";display:table}\r\naside.offcanvas .offcanvas-menu ul.main-menu li .icon{font-size:1.875em;margin-right:20px;width:40px;vertical-align:middle}\r\naside.offcanvas .offcanvas-menu ul.main-menu li a{color:#fff;display:block}\r\naside.offcanvas .offcanvas-menu ul.main-menu li.account .image{display:inline-block;width:40px;height:40px;margin-right:20px;float:left;background-size:cover;background-position:center top}\r\naside.offcanvas .offcanvas-menu ul.main-menu li.account .agent-name{margin-top:5px;display:inline-block;float:left;width:150px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}\r\naside.offcanvas .offcanvas-menu ul.main-menu li.account .signout{margin-top:5px;display:inline-block;color:#4b99bb;float:right}\r\naside.offcanvas .offcanvas-menu ul.utility-menu{padding:20px}\r\naside.offcanvas .offcanvas-menu ul.utility-menu li a{color:#fff;margin-bottom:20px}\r\naside.offcanvas .footer{position:absolute;bottom:0;width:100%;height:50px;padding:20px;text-transform:uppercase;font-size:.75em;font-weight:700}\r\naside.offcanvas .footer a{color:#777}\r\naside.offcanvas .offcanvas-panel{position:absolute;top:0;right:0;bottom:0;left:-100%;transform:translateZ(0);width:100%;transition:transform .4s ease-in-out;background-color:#232323;color:#EBEBEB;padding:20px}\r\naside.offcanvas .offcanvas-panel .offcanvas-panel-inner{position:absolute;top:40px;bottom:0;left:0;right:0;overflow-y:auto;padding:20px;background-color:#F2F2F2}\r\naside.offcanvas.offcanvasPanelOpen{width:100%}\r\naside.offcanvas.offcanvasPanelOpen .offcanvas-menu{transform:translateX(100%) translateZ(0)}\r\naside.offcanvas.offcanvasPanelOpen .offcanvas-panel{transform:translateX(100%) translateZ(0)}\r\nmain.layout-inner{z-index:2;transform:translateZ(0);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition:transform .5s ease-in-out;background:#F2F2F2;width:100%}\r\nmain.layout-inner .content-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding-top:10px}\r\n@media screen and (min-width:1025px){main.layout-inner .content-container.show-subpanel{left:110px}\r\n}\r\nmain.layout-inner .content-container.secondary-content-panel-visible section#main-content-panel-container{transform:translateX(-80%) translateZ(0);transition:transform .5s ease-in-out}\r\nmain.layout-inner .content-container.secondary-content-panel-visible section#secondary-content-panel-container{transform:translateX(0) translateZ(0);transition:transform .3s ease-in-out}\r\nmain.layout-inner .content-container section.content-panel-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden}\r\nmain.layout-inner .content-container #main-content-panel-container{transition:transform .3s ease-in-out}\r\nmain.layout-inner .content-container #secondary-content-panel-container{background-color:orange;transform:translateX(100%) translateZ(0);transition:transform .5s ease-in-out}\r\nmain.layout-inner .content-container .content-panel-inner{position:relative;height:100%;overflow:hidden;width:auto}\r\nmain.layout-inner .content-container .content-panel-inner .content-panel-view{height:100%}\r\nmain.layout-inner .content-container .content-panel-inner .content-panel-view.ng-enter{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}\r\nmain.layout-inner .content-container .content-panel-inner .content-panel-view.ng-leave{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}\r\naside.sidebar{width:110px;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#3b3b3b;overflow-y:auto;overflow-x:hidden;z-index:3;display:none}\r\n@media screen and (min-width:1025px){aside.sidebar{display:block}\r\n}\r\n@media (max-height:700px){aside.sidebar .menu-footer{position:relative!important}\r\n}\r\naside.sidebar nav#main-navigation{z-index:2}\r\naside.sidebar nav#main-navigation ul{margin:0;padding:0;list-style-type:none;top:0;bottom:0;width:110px}\r\naside.sidebar nav#main-navigation ul li{width:110px;position:relative;text-align:center;font-weight:400;z-index:3;background-color:#3b3b3b;border-bottom:thin solid rgba(255,255,255,.1)}\r\naside.sidebar nav#main-navigation ul li:first-child a.button-link{border-top:8px solid #353535}\r\naside.sidebar nav#main-navigation ul li:first-child a.button-link.active{border-top:8px solid #3d88ad}\r\naside.sidebar nav#main-navigation ul li a.button-link{width:110px;display:block;color:#fff;text-align:center;border-right:8px solid #353535;padding:0 5px 0 8px;transition:all .3s linear}\r\naside.sidebar nav#main-navigation ul li a.button-link .menu-text{font-size:.8em;line-height:1.1;padding-bottom:15px;display:block;text-align:center}\r\naside.sidebar nav#main-navigation ul li a.button-link .avatar{display:inline-block;border-radius:50px;width:50px;height:50px;border:2px solid #fff;margin-bottom:5px;margin-top:15px;background-size:cover;background-position:top center;transition:all .3s linear;filter:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}\r\naside.sidebar nav#main-navigation ul li a.button-link:hover .avatar{filter:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale\");filter:none;-webkit-filter:grayscale(0)}\r\naside.sidebar nav#main-navigation ul li a.button-link:hover{background-color:#4b99bb;border-color:#3d88ad}\r\naside.sidebar nav#main-navigation ul li a.button-link.active{background-color:#4b99bb;border-right:8px solid #3d88ad}\r\naside.sidebar nav#main-navigation ul li a.button-link.active:hover{background-color:#276E8E;border-color:#3d88ad}\r\naside.sidebar nav#main-navigation ul li a.button-indicator{position:absolute;padding:2px 7px 2px 7px;top:0;right:0;z-index:3;font-size:.9em;font-weight:700;color:#fff;text-align:center;border-bottom-left-radius:2px;background-color:transparent;display:none}\r\naside.sidebar nav#main-navigation ul li a.button-indicator.new{background-color:#F25619;color:#2b2b2b;display:block}\r\naside.sidebar nav#main-navigation ul li a.button-indicator#messages-indicator{background-color:#FFD016;color:#2b2b2b}\r\naside.sidebar nav#main-navigation ul li a.button-indicator#clients-new-button{display:inline-block;top:0;left:0;right:inherit;padding:0 6px 0 6px;border-bottom:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);font-size:1.2em}\r\naside.sidebar nav#main-navigation ul li a.button-indicator#clients-new-button:hover{background-color:#fff;color:#232323}\r\naside.sidebar nav#main-navigation ul li a.button-indicator:hover{background-color:#fff!important;color:#232323!important}\r\naside.sidebar nav#main-navigation ul li i{display:block;font-size:2.1875em;padding-top:10px}\r\naside.sidebar nav#main-navigation ul li#messages-button img{padding-top:20px}\r\n@media (max-height:650px){aside.sidebar nav#main-navigation ul li a.button-link .menu-text{display:none}\r\n}\r\naside.sidebar .menu-spacer{width:110px;position:absolute;top:0;bottom:0;z-index:1;border-right:8px solid #353535}\r\naside.sidebar .menu-footer{position:absolute;bottom:0;padding-top:20px;padding-bottom:20px;width:100%;z-index:1}\r\naside.sidebar .menu-footer a img{display:block;margin:0 auto 0 auto}\r\n.sidebar-nav{position:absolute;top:0;bottom:0;left:0}\r\n.ngdialog-close{z-index:999999999999999999999999;position:absolute;top:0;right:0;width:35px;height:35px;padding-top:10px;padding-left:2px;text-align:center;font-weight:700!important;border-top-right-radius:0!important;border-top-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom-left-radius:3px;color:#fff;font-size:.875em;font-weight:500;background-color:#0068B9}\r\n@media screen and (min-width:1025px){.ngdialog-close{display:block}\r\n}\r\n````"}}