/**:not(html) {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
        }*/
        md-tooltip .md-content {
            height: auto !important;
            max-width: 500px !important;
            white-space: pre-line !important;
        }

        .my-tooltip {
            height: auto !important;
            max-width: 500px !important;
            white-space: pre-line !important;
        }

        md-content.md-default-theme {
            background-color: #eee !important;
        }
        md-content {
            background-color: #eee !important;
        }
        md-card {
            background-color: #fff !important;
        }
        md-card h2:first-of-type {
            margin-top: 0;
        }
        md-toolbar .md-button.md-default-theme {
            border-radius: 99%;
        }
        h2 {
            font-weight: 400;
        }
        text-glow {
            text-shadow: 0 0 .05em, 0 0 .2em;
        }
        .md-toolbar-tools-bottom {
            font-size: small;
        }
        .md-toolbar-tools-bottom:last-child {
            opacity: 0.8;
        }
        md-toolbar:not(.md-hue-1),
        .md-fab {
            fill: #fff;
        }
        md-sidenav {
            fill: #fff;
            color: #fff;
            background-color: #262626;
        }
        md-toolbar {
            background: #282B28;
        }
        md-button {
            font-family: Abel;
        }       
        md-sidenav ng-md-icon {
            position: relative;
            top: 5px;
        }
        md-input-container input {
            font-size: 70%;
        }        


        /* Scrollbar styles */
        #neuro-scroll::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #F5F5F5;
        }
        #neuro-scroll::-webkit-scrollbar {
            width: 10px;
            background-color: #F5F5F5;
        }
        #neuro-scroll::-webkit-scrollbar-thumb {
            background-color: #0ae;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
        }
       
        #style-3::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #F5F5F5;
        }
        #style-3::-webkit-scrollbar {
            width: 6px;
            background-color: #F5F5F5;
        }
        #style-3::-webkit-scrollbar-thumb {
            background-color: #000000;
        }

        #style-4::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #F5F5F5;
        }
        #style-4::-webkit-scrollbar {
            width: 10px;
            background-color: #F5F5F5;
        }
        #style-4::-webkit-scrollbar-thumb {
            background-color: #000000;
            border: 2px solid #555555;
        }
       
        #style-15::-webkit-scrollbar-track
        {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
            background-color: #F5F5F5;
            border-radius: 10px;
        }

        #style-15::-webkit-scrollbar
        {
            width: 10px;
            background-color: #F5F5F5;
        }

        #style-15::-webkit-scrollbar-thumb
        {
            border-radius: 10px;
            background-color: #FFF;
            background-image: -webkit-gradient(linear,
                                            40% 0%,
                                            75% 84%,
                                            from(#4D9C41),
                                            to(#19911D),
                                            color-stop(.6,#54DE5D))
        }        
        /* Scrollbar styles (End) */


        
        /* md-tab styles */
        tab-label-padding {
            padding-top: 12px;
        } 

        disabled-opacity {
            opacity: 0.3;
        }       

        stratos-tab {
            font-family: Oswald;
            font-size: 1.3em;
            letter-spacing: 0.05em;
            text-align: left;
            text-transform: uppercase;
        }
        stratos-tab-label {
            font-family: Oswald;
            font-size: 1.2em;
            letter-spacing: 0.05em;
            text-align: left;
            text-transform: uppercase;
            color: WHITESMOKE;
        }     
        .stratos-tab-text-inactive {            
            /*color: GAINSBORO;*/
            color: rgb(204, 204, 204);
        }
        .stratos-tab-text-sm {            
            font-size: 0.9em;
        }     
        .stratos-logo-button {
            position: relative;
            outline: none;
            border: 0;
            display: inline-block;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            outline: none;
            border: 0;
            display: inline-block;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            z-index: 20;
            top: 20px;
            right: auto;
            bottom: auto;
            left: 20px;
            position: absolute;
        }       
        #popupContainer {
            position: relative;
        }
        .dialogdemoBasicUsage .footer {
            width: 100%;
            text-align: center;
            margin-left: 20px;
        }
        .dialogdemoBasicUsage .footer,
        .dialogdemoBasicUsage .footer > code {
            font-size: 0.8em;
            margin-top: 50px;
        }
        .dialogdemoBasicUsage button {
            width: 200px;
        }
        .dialogdemoBasicUsage div#status {
            color: #c60008;
        }
        .no-vertical-padding .md-chips {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }
        .no-box-shadow .md-chips {
            box-shadow: none !important
        }
        /* ------------- */
        /* MD-DATA-TABLE */
        /* ------------- */
        /* Padding */
        table.md-table td.md-cell:nth-child(n+2):nth-last-child(n+2),
        table.md-table td.md-cell:nth-child(n+3):nth-last-child(n+2),
        table.md-table th.md-column:nth-child(n+2):nth-last-child(n+2),
        table.md-table th.md-column:nth-child(n+3):nth-last-child(n+2) {
            padding: 0 10px 0 0 !important;                  
        }
        table.md-table.md-row-select .no-checkbox-cell td.md-cell:nth-child(2),
        table.md-table.md-row-select .no-checkbox-column th.md-column:nth-child(2) {
            padding: 0 10px 0 24px !important;                               
        }
        table.md-table:not(.md-row-select) td.md-cell:first-child,
        table.md-table:not(.md-row-select) th.md-column:first-child {
            /*padding: 0 24px;*/
            padding: 0 24px !important;
        }
        table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
        table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
            padding: 0 56px 0 0;
            /*padding: 0 24px 0 0 !important;*/
        }
        table.md-table td.md-cell:last-child,
        table.md-table th.md-column:last-child {
            padding: 0 24px 0 0;           
        }
        /* End Padding */

        md-toast.md-custom-toast-theme .md-toast-content {
            background-color: rgb(51, 112, 155);
        }
        .no-checkbox-cell .md-checkbox-cell,
        .no-checkbox-column .md-checkbox-column {
            display: none !important;
        }

        /* Row Colours */       
        table.md-table.md-row-select tbody.md-body > tr.md-row.md-selected td:not(.dark-button) {                
            background-color: rgba(51, 112, 155, 0.50) !important;       
        }       
        table.md-table.md-row-select tbody.md-body > tr.md-row:hover td:not(.dark-button) {
            background-color: rgba(51, 112, 155, 0.25) !important;           
        }                
        /* End Row Colours */    

        table.md-table thead.md-head {
            background-color: #282B28 !important;
            text-transform: uppercase !important;
            font-family: Oswald !important;
        }
        table.md-table th.md-column {
            color: whitesmoke !important;
            opacity: 0.98 !important;
        }
        table.md-table th.md-column md-icon.md-sort-icon {
            color: whitesmoke !important;
            opacity: 0 !important;
        }
        table.md-table th.md-column.md-active,
        table.md-table th.md-column.md-active md-icon {
            color: whitesmoke !important;
            opacity: 1 !important;
        }
        table.clone thead tr:last-child th {
            border-bottom: 1px rgba(0, 0, 0, 0.12) solid !important;
        }
        table.clone + md-table-container table tbody tr:first-child td {
            border-top: none !important;
        }

        table.md-table td.md-cell.default-cursor {
            cursor: default;
        }
        /* ------------- */
        /* END MD-DATA-TABLE */
        /* ------------- */

        .screen-container.gt-md {            
            margin-left: 10px;           
            margin-right: 10px;                 
            margin-top: 2px;
        }
        .screen-container.md {
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 2px
        }
        /*
        .screen-container.gt-md {            
            margin-left: 25px;           
            margin-right: 25px;                 
            margin-top: 5px;
        }
        .screen-container.md {
            margin-left: 10px;
            margin-right: 10px;
            margin-top: 10px
        }
        */
        .small-toolbar {
            background-color: #282B28 !important;
            min-height: 48px;
            max-height: 48px;
        }
        .smaller-toolbar {
            background-color: #282B28 !important;
            min-height: 40px;
            max-height: 40px;
        }
        .large-toolbar {
            background-color: #282B28 !important;
            min-height: 96px;
            max-height: 96px;
        }
        .rounded-toolbar {
            border-radius: 2px;
            margin-left: -1px;
            margin-top: -1px;
            margin-bottom: -1px;
        }
        .fob-margin-right {
            margin-right: 50px;
        }
        .dark-button {
            opacity: 1.0;
        }
        .button-background {
            background-color: rgb(51, 112, 155);
        }
        .button-background-border {
            background-color: rgb(51, 112, 155);
            border: black solid 1px;
        }
        .md-toolbar-tools h1 {
            font-family: Oswald;
            font-weight: bold;
            text-transform: uppercase;
            color: WHITESMOKE;
        }
        .md-toolbar-tools h2 {
            font-size: 90%;
            font-family: Oswald;
            font-weight: bold;
            text-transform: uppercase;
            color: WHITESMOKE;
        }
        div[ui-view] {
            z-index: 1;
            /*should be above shell-image:before content, otherwise shell-image becomes clickable */
        }
        .shell-image-light {
            background: url(/img/background/neural-20-2.jpg) no-repeat center center fixed;
            -webkit-background-size: cover;
            background-size: cover;
            /*-webkit-transition: 1s ease-in-out background;*/
            /*transition: 1s ease-in-out background;*/
            -webkit-transition: 0.2s ease-in-out background;
            transition: 0.2s ease-in-out background;
        }
        .shell-image-light:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: .3;
            background-image: linear-gradient(to top, #2f3238, #f5f5f5);
        }
        .shell-image-dark {
            background: url(/img/background/neural-20-2.jpg) no-repeat center center fixed;
            -webkit-background-size: cover;
            background-size: cover;
            -webkit-transition: 1s ease-in-out background;
            transition: 1s ease-in-out background;
        }
        .shell-image-dark:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: .3;
            background-image: linear-gradient(to top, #2f3238, #f5f5f5);
        }
        /* ========================================================================================================================== */
        /* Grow */

        .neuro-hvr-grow {
            display: inline-block;
            vertical-align: middle;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;           
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-transition-property: transform;
            transition-property: transform;
        }
        .neuro-hvr-grow:hover,
        .neuro-hvr-grow:focus,
        .neuro-hvr-grow:active {          
            -webkit-transform: scale(1.02);
            transform: scale(1.02);            
        }

        .neuro-hvr-grow-glow {
            display: inline-block;
            vertical-align: middle;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;           
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-transition-property: transform;
            transition-property: transform;
        }
        .neuro-hvr-grow-glow:hover,
        .neuro-hvr-grow-glow:focus,
        .neuro-hvr-grow-glow:active {          
            -webkit-transform: scale(1.01);
            transform: scale(1.01);             
            -webkit-box-shadow: inset 0vmin 0vmin 8vmin 4px #00DCFF, 0px 0px 0px -2vmin #B9FFE7;
            box-shadow: inset 0vmin 0vmin 8vmin 4px #00DCFF, 0px 0px 0px -2vmin #B9FFE7;
        }

        .neuro-hvr-grow-glow-white {
            display: inline-block;
            vertical-align: middle;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -moz-osx-font-smoothing: grayscale;           
            -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
            -webkit-transition-property: transform;
            transition-property: transform;
        }
        .neuro-hvr-grow-glow-white:hover,
        .neuro-hvr-grow-glow-white:focus,
        .neuro-hvr-grow-glow-white:active {          
            -webkit-transform: scale(1.01);
            transform: scale(1.01);             
            -webkit-box-shadow: inset 0vmin 0vmin 8vmin 4px #00DCFF, 0px 0px 0px -2vmin WHITESMOKE;
            box-shadow: inset 0vmin 0vmin 8vmin 4px #00DCFF, 0px 0px 0px -2vmin WHITESMOKE;
            
        }
        /*
        .circle-ripple {
            background-color: #35ffc3;
            width: 1em;
            height: 1em;
            border-radius: 50%;
            -webkit-animation: ripple 0.7s linear infinite;
                    animation: ripple 0.7s linear infinite;
        }

        @-webkit-keyframes ripple {
            0% {
                box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3), 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3);
            }
            100% {
                box-shadow: 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3), 0 0 0 8em rgba(101, 255, 120, 0);
            }
        }

        @keyframes ripple {
            0% {
                box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3), 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3);
            }
            100% {
                box-shadow: 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3), 0 0 0 8em rgba(101, 255, 120, 0);
            }
        }
        */

        
       /*
       .circle-ripple-2 {
            background-color: #35ffc3;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            -webkit-animation: ripple 0.5s linear;
                    animation: ripple 0.5s linear;
        }

        @-webkit-keyframes ripple {
            0% {
                box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3), 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3);
            }
            100% {
                box-shadow: 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3), 0 0 0 8em rgba(101, 255, 120, 0);
            }
        }

        @keyframes ripple {
            0% {
                box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3), 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3);
            }
            100% {
                box-shadow: 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3), 0 0 0 8em rgba(101, 255, 120, 0);
            }
        }     
        */
        
        /* Fade Animation */
        
        .fade-animation.ng-hide-add,
        .fade-animation.ng-hide-remove {
            -webkit-transition: 1s ease-in-out opacity;
            transition: 1s ease-in-out opacity;
            opacity: 1;
        }
        .fade-animation.ng-hide {
            opacity: 0;
        }
        /* */
        /* zoomInDelayed animation */
        
        @-webkit-keyframes zoomInDelayed {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
            }
            50% {
                opacity: 1;
            }
        }
        @keyframes zoomInDelayed {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);
            }
            50% {
                opacity: 1;
            }
        }
        .zoomInDelayed {
            -webkit-animation-name: zoomInDelayed;
            animation-name: zoomInDelayed;
            animation-delay: 1.2s;
        }
        /* */
        /* Fade Delay Small Animation */
        
        .fade-delay-small-animation.ng-hide-add,
        .fade-delay-small-animation.ng-hide-remove {
            -webkit-transition: 1s ease-in-out opacity;
            transition: 1s ease-in-out opacity;
            transition-delay: 0.8s;
            opacity: 1;
        }
        .fade-delay-small-animation.ng-hide {
            opacity: 0;
        }
        /* */
        /* Fade Delay Medium Animation */
        
        .fade-delay-medium-animation.ng-hide-add,
        .fade-delay-medium-animation.ng-hide-remove {
            -webkit-transition: 1s ease-in-out opacity;
            transition: 1s ease-in-out opacity;
            transition-delay: 1.2s;
            opacity: 1;
        }
        .fade-delay-medium-animation.ng-hide {
            opacity: 0;
        }
        /* */
        /* View Fade Animation */
        
        .view-fade-animation.ng-leave {
            -webkit-transition: 0.1s ease-in-out opacity;
            transition: 0.1s ease-in-out opacity;
            opacity: 1;
        }
        .view-fade-animation.ng-enter {
            -webkit-transition: 1s ease-in-out opacity;
            transition: 1s ease-in-out opacity;
            transition-delay: 1.2s;
            opacity: 1;
        }
        .view-fade-animation.ng-enter-active {
            opacity: 1;
        }
        .view-fade-animation.ng-leave {
            opacity: 1;
        }
        .view-fade-animation.ng-leave-active {
            opacity: 0;
        }
        /* */
        /* RepeatItemTransition */
        
        .repeatItemTransition.ng-enter,
        .repeatItemTransition.ng-leave {
            -webkit-transition: opacity ease-in-out 0.5s;
            transition: opacity ease-in-out 0.5s;
        }
        .repeatItemTransition.ng-enter,
        .repeatItemTransition.ng-leave.ng-leave-active {
            opacity: 0;
        }
        .repeatItemTransition.ng-leave,
        .repeatItemTransition.ng-enter.ng-enter-active {
            opacity: 1;
        }
        .repeatItemTransition.ng-enter-stagger,
        .repeatItemTransition.ng-leave-stagger {
            -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
            -webkit-transition-duration: 0s;
            transition-duration: 0s;
        }

        /* RepeatTileTransition */         
        .repeatTileTransition.ng-enter {
            transition-delay: 1.0s;
            -webkit-transition: opacity ease-in-out 0.5s;
            transition: opacity ease-in-out 0.5s;
        }       
        .repeatTileTransition.ng-leave {
            -webkit-transition: opacity ease-in-out 0.5s;
            transition: opacity ease-in-out 0.5s;
        }
        .repeatTileTransition.ng-enter,
        .repeatTileTransition.ng-leave.ng-leave-active {
            opacity: 0;
        }
        .repeatTileTransition.ng-leave,
        .repeatTileTransition.ng-enter.ng-enter-active {
            opacity: 1;
        }       
        .repeatTileTransition.ng-enter-stagger {            
            -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
            -webkit-transition-duration: 0s;
            transition-duration: 0s;
        }


        @keyframes tile-run-fill-up {
            to { stroke-dasharray: 158 158; }
        }


        /* neuro-tile --------------------------*/
        /*
        .neuro-tile.ng-enter {
            animation: fadeIn 1s;
        }
        .neuro-tile.ng-enter-stagger {
            animation-delay: 200ms;
            animation-duration: 0;
        }
        */


        /* rubberBandDelayed --------------------------*/
        
        .rubberBandDelayed {
            -webkit-animation-name: rubberBandDelayed;
            animation-name: rubberBandDelayed;
            animation-delay: 1.2s;
        }
        @keyframes rubberBandDelayed {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            30% {
                -webkit-transform: scale3d(1.25, 0.75, 1);
                transform: scale3d(1.25, 0.75, 1);
            }
            40% {
                -webkit-transform: scale3d(0.75, 1.25, 1);
                transform: scale3d(0.75, 1.25, 1);
            }
            50% {
                -webkit-transform: scale3d(1.15, 0.85, 1);
                transform: scale3d(1.15, 0.85, 1);
            }
            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1);
            }
            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        @-webkit-keyframes rubberBandDelayed {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            30% {
                -webkit-transform: scale3d(1.25, 0.75, 1);
                transform: scale3d(1.25, 0.75, 1);
            }
            40% {
                -webkit-transform: scale3d(0.75, 1.25, 1);
                transform: scale3d(0.75, 1.25, 1);
            }
            50% {
                -webkit-transform: scale3d(1.15, 0.85, 1);
                transform: scale3d(1.15, 0.85, 1);
            }
            65% {
                -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1);
            }
            75% {
                -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        /* End Animations */
        
        .subheaderPadding10 .md-subheader-inner {
            padding: 10px;
        }
        .maxheight110 {
            max-height: 110px;
        }
        .disabled-text-opacity {
            opacity: 0.3;
        }  
        .maxheight175 {
            max-height: 175px;
        }
        .grid-list-tiles .gray {
            background: #f5f5f5;
        }
        .flipped-image {
            -moz-transform: scaleX(-1);
            -o-transform: scaleX(-1);
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        .grid-list-tile {
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
            border-radius: 4px;
            opacity: .9;
            -webkit-box-shadow: 0px 8px 10px #2f3238;
            box-shadow: 0px 8px 10px #2f3238;
        }
        .grid-list-tile:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: 0px;
            md-colspan-sm: 1;
            md-colspan-xs: 1;
            md-rowspan-sm: 1;
            md-rowspan-xs: 1;
        }
        .grid-list-tile-title {
            z-index: 100;
            font-family: Oswald;
            font-weight: 400;
            font-size: 1.0em;
            letter-spacing: 0.05em;
            position: absolute;
            top: 4px;
            left: 3%;
            padding: 0.5em 0;
            text-align: left;
            text-transform: uppercase;
            color: WHITE;
            text-overflow: ellipsis;
        }
        .grid-list-tile-title-sm {
            z-index: 100;
            font-family: Oswald;
            font-weight: 400;
            font-size: 0.9em;
            letter-spacing: 0.05em;
            position: absolute;
            top: 3px;
            left: 3%;
            padding: 0.5em 0;
            text-align: left;
            text-transform: uppercase;
            color: WHITE;
            text-overflow: ellipsis;
        }
        .image-1 {
            background-image: url(/img/brand/mining-image-8.png);
        }
        .image-2 {
            background-image: url(/img/brand/mining-image-6.png);
        }
        .image-3 {
            background-image: url(/img/brand/mining-image-2.png);
        }
        .image-4 {
            background-image: url(/img/brand/mining-image-7.png);
        }
        .image-5 {
            background-image: url(/img/brand/mining-image-13.png);
        }
        .image-6 {
            background-image: url(/img/brand/mining-image-11.png);
        }
        .image-7 {
            background-image: url(/img/brand/mining-image-1.png);
        }
        .image-8 {
            background-image: url(/img/brand/mining-image-5.png);
        }
        .image-10 {
            background-image: url(/img/brand/mining-image-14.png);
        }
        .image-11 {
            background-image: url(/img/brand/mining-image-10.png);
        }
        .image-12 {
            background-image: url(/img/brand/mining-image-12.png);
        }
        .image-13 {
            background-image: url(/img/brand/mining-image-5.png);
        }
        .image-14 {
            background-image: url(/img/brand/mining-image-7.png);
        }
        .tile-image-1 {
            background-image: url(/img/brand/tile-1.png);
        }
        .tile-image-2 {
            background-image: url(/img/brand/tile-4.png);
        }
        .tile-image-3 {
            background-image: url(/img/brand/tile-3.png);
        }
        .tile-image-4 {
            background-image: url(/img/brand/tile-2.png);
        }
        .tile-image-5 {
            background-image: url(/img/brand/tile-5.png);
        }
        .tile-image-6 {
            background-image: url(/img/brand/tile-6.png);
        }
        .tile-image-7 {
            background-image: url(/img/brand/tile-7.png);
        }
        .tile-image-8 {
            background-image: url(/img/brand/tile-8.png);
        }
        .tile-image-9 {
            background-image: url(/img/brand/tile-9.png);
        }
        .tile-image-10 {
            background-image: url(/img/brand/tile-10.png);
        }
        .tile-image-11 {
            background-image: url(/img/brand/tile-11.png);
        }
        .tile-image-12 {
            background-image: url(/img/brand/tile-12.png);
        }
        .tile-image-13 {
            background-image: url(/img/brand/tile-13.png);
        }       
        .snowden-image-1 {            
            background-image: url(/img/brand/neural-image-33.jpg);
        }
        .snowden-image-2 {                
            background-image: url(/img/brand/neural-image-38.jpg);
        }
        .snowden-image-3 {             
            background-image: url(/img/brand/merged-image-25.jpg);
        }
        .snowden-image-4 {           
            background-image: url(/img/brand/neural-image-33.jpg);
        }
        .snowden-image-5 {            
            background-image: url(/img/brand/neural-image-3.jpg);
        }
        .snowden-image-6 {
            background-image: url(/img/brand/neural-image-19.jpg);
        }
        .snowden-image-7 {            
            background-image: url(/img/brand/neural-image-4.jpg);
        }
        .snowden-image-8 {
            background-image: url(/img/brand/neural-image-11.jpg);
        }
        .snowden-image-9 {
            background-image: url(/img/brand/neural-image-20.jpg);
        }
        .snowden-image-10 {
            background-image: url(/img/brand/neural-image-22.jpg);
        }
        .snowden-image-11 {
            background-image: url(/img/brand/neural-image-17.jpg);
        }
        .snowden-image-12 {
            background-image: url(/img/brand/neural-image-15.jpg);
        }
        .snowden-image-13 {          
            background-image: url(/img/brand/merged-image-18.jpg);
        }
        .snowden-image-14 {
            background-image: url(/img/brand/neural-image-7.jpg);
        }
        .snowden-image-15 {
            background-image: url(/img/brand/neural-image-6.jpg);
        }
        .toolbar-background-image1 {
            background-image: url(/img/background/snowdenpolygonblacksliver4.jpg);                        
        }
        .toolbar-background-image2 {           
            background-image: url(/img/background/snowdenpolygonblacksliver6.jpg);           
        }
        /* Dashboard Images */
        
        .dashboard-image-0 {
            background-image: url(/img/brand/mining-image-8.png);
        }
        .dashboard-image-1 {
            background-image: url(/img/brand/mining-image-6.png);
        }
        .dashboard-image-2 {
            background-image: url(/img/brand/mining-image-2.png);
        }
        .dashboard-image-3 {
            background-image: url(/img/brand/mining-image-2.png);
        }
        .dashboard-image-4 {
            background-image: url(/img/brand/mining-image-7.png);
        }
        .dashboard-image-5 {
            background-image: url(/img/brand/mining-image-13.png);
        }
        .dashboard-image-6 {
            background-image: url(/img/brand/mining-image-14.png);
        }
        .dashboard-image-7 {
            background-image: url(/img/brand/mining-image-5.png);
        }
        .image-dashboard-haulagevssurvey {
            background-image: url(/img/dashboards/haulagevssurvey.png);
        }
        .image-dashboard-haulagevssurvey3 {
            background-image: url(/img/dashboards/haulagevssurvey.png);
        }
        .image-dashboard-default {
            background-image: url(/img/dashboards/default.png);
        }        
        .white-text {
            color: WHITE;
        }    
        .whitesmoke-text {
            color: WHITESMOKE;
        }   
        .tile-normal-mode {
            border-radius: 6px;
            height: 100%;
            width: 100%;
        }
        .tile-edit-mode {
            border-radius: 12px;
            height: 150%;
            width: 150%;
        }
        .tile-folder-colour {           
            background: linear-gradient(to bottom, #3D3D3D, DIMGREY);
        }
        .tile-run-colour {           
            background: linear-gradient(to bottom, #707070, #999999);            
        }
        .tile-selected-run-colour {            
            background: #707070;
        }
        .tile-folder-text-colour {            
            color: #3D3D3D;
        }
        .tile-folder-button-colour {            
            background-color: #3D3D3D !important;
        }
        .tile-dashboard-colour {            
            background: linear-gradient(to bottom, #014F79, #0288D1);
        }
        .tile-dashboard-text-colour {               
            color: #014F79;
        }
        .tile-dashboard-button-colour {            
            background-color: #014F79 !important;
        }
        .tile-report-colour {                  
            background: linear-gradient(to bottom, #2F4874, #476DAE);
        }   
        .tile-report-text-colour {                
            color: #2F4874;
        }  
        .tile-report-button-colour {            
            background-color: #2F4874 !important;
        }
        .tile-scorecard-colour {          
            background: linear-gradient(to bottom, #323349, #54577C);
        }   
        .tile-scorecard-text-colour {            
            color: #323349;
        }    
        .tile-scorecard-button-colour {            
            background-color: #323349 !important;
        }
        .tile-slideshow-colour {          
            background: linear-gradient(to bottom, #0E4758, #187795);
        }   
        .tile-slideshow-text-colour {            
            color: #0E4758;
        }    
        .tile-slideshow-button-colour {            
            background-color: #0E4758 !important;
        }
        .tile-slideshow-selected-colour {          
            background: linear-gradient(to bottom, #187795, #74ADBF);
        }   
        .tile-metricset-colour {          
            background: linear-gradient(to bottom, #1D92AF, #3EBFE0);
        }   
        .tile-metricset-text-colour {            
            color: #1D92AF;
        }    
        .tile-metricset-button-colour {            
            background-color: #1D92AF !important;
        }
        .tile-properties-colour {                
           background: linear-gradient(to bottom, #F8F8FF, #FAFAFF);
        }   
        .tile-run-new-colour {             
            background: #C6C6C6;
        }  
        .tile-run-new {             
            stroke: #C6C6C6;                      
        }  
        .tile-run-ready-colour {             
            background: #4D9C41;
        }  
        .tile-run-ready {             
            stroke: #4D9C41;
        }     
        .tile-run-running-colour {             
            background: darkorange;
        }  
        .tile-run-running {            
            stroke: darkorange;                
        }        
        .tile-run-complete-colour {             
            background:#476DAE;            
        } 
        .tile-run-complete {              
            stroke: #476DAE;                     
        } 
        .tile-run-error-colour {            
            background: #C60008;
        } 
        .tile-run-error {            
            stroke: #C60008;                     
        } 
        .tile-run-cancelled-colour {            
            background: #3D3D3D;
        } 
        .tile-run-cancelled {            
            stroke: #3D3D3D;                        
        } 
                     
        .tile-run-default-progress {             
            stroke-dasharray: 189 189;          
        } 
        .tile-run-running-progress {             
            stroke-dasharray: 0 158;  
            animation: tile-run-fill-up 2s linear infinite;       
        }       
        .tile-run-selected-border-style {             
            border: 1px solid RGBA(0, 220, 255, 0.4);         
        } 
        .tile-button-disabled {
            opacity: 0.5;
        }    
        .custom-tag-chip {
            background: darkorange;
            color: white;
        } 
        .md-chips {
            display: block;            
            font-family: Abel, "Helvetica Neue", sans-serif;
            font-size: 11px;        
            padding: 0 0 8px 3px;           
            vertical-align: middle; }
            .md-chips:after {
                content: '';
                display: table;
                clear: both; }
            .md-chips:not(.md-readonly) {
                cursor: text; }
                .md-chips:not(.md-readonly) .md-chip:not(.md-readonly) {
                    padding-right: 22px; }
                .md-chips:not(.md-readonly) .md-chip:not(.md-readonly) .md-chip-content {
                    padding-right: 4px; }
            .md-chips .md-chip {
                cursor: default;
                /*border-radius: 16px;*/
                border-radius: 10px;
                display: block;
                height: 32px;
                line-height: 32px;
                margin: 8px 8px 0 0;
                padding: 0 12px 0 12px;
                float: left;
                box-sizing: border-box;
                max-width: 100%;                              
                background-color:rgba(182,184,205,0.9);
                color: WHITE;           
                position: relative; }
                .md-chips .md-chip .md-chip-content {
                    display: block;
                    float: left;
                    white-space: nowrap;
                    max-width: 100%;
                    overflow: hidden;
                    text-overflow: ellipsis; }
                .md-chips .md-chip .md-chip-content:focus {
                    outline: none; }
                .md-chips .md-chip .md-chip-remove-container {
                    position: absolute;
                    right: 0;
                    line-height: 22px; }
                .md-chips .md-chip .md-chip-remove {
                    text-align: center;
                    width: 32px;
                    height: 32px;
                    min-width: 0;
                    padding: 0;
                    background: transparent;
                    border: none;
                    box-shadow: none;
                    margin: 0;
                    position: relative; }
                .md-chips .md-chip .md-chip-remove md-icon {
                    height: 18px;
                    width: 18px;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate3d(-50%, -50%, 0);
                            transform: translate3d(-50%, -50%, 0); }
            .md-chips .md-chip-input-container {
                /*display: block;*/
                display: none;
                line-height: 32px;
                margin: 8px 8px 0 0;
                padding: 0;
                float: left; }
                .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
                    border: 0;
                    height: 32px;
                    line-height: 32px;
                    padding: 0; }
                .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
                    outline: none; }
                .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
                    background: transparent;
                    height: 32px; }
                .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
                    box-shadow: none; }
                .md-chips .md-chip-input-container md-autocomplete input {
                    position: relative; }
                .md-chips .md-chip-input-container input {
                    border: 0;
                    height: 32px;
                    line-height: 32px;
                    padding: 0; }
                .md-chips .md-chip-input-container input:focus {
                    outline: none; }
                .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
                    height: 32px; }
                .md-chips .md-chip-input-container md-autocomplete {
                box-shadow: none; }
                .md-chips .md-chip-input-container md-autocomplete input {
                    position: relative; }
                .md-chips .md-chip-input-container:not(:first-child) {
                    margin: 8px 8px 0 0; }
                .md-chips .md-chip-input-container input {
                    background: transparent;
                    border-width: 0; }
            .md-chips md-autocomplete button {
                display: none; }
        .loadingpanel {
            position: absolute;
            top: 40%;
            left: 50%;
            z-index: 101;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            text-align: center;
        }      
        .frosted-glass {
            background: linear-gradient(to bottom, RGBA(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));
            border-radius: 10px;
        }
        .material-icons {
            color: WHITESMOKE;
        }
        .small-input-text {
            font-size: 80%;
        }
        .ellipsis-nowrap {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        .small-input-container {
            margin-bottom: -20px;
        }
        .min-height45 {
            min-height: 45px;
        }
        .height45 {
            height: 45px !important;
        }
        .filter-column {
            overflow-wrap: break-word;
            overflow: hidden;
        }
        .float-right {
            float: right;
        }
        .actions-column {
            width: 120px;
            max-width: 120px;
            padding: 0;
            text-align: center;
        }
        .small-table-cell {
            height: 33px !important;
        }
        .small-filter-cell {
            max-height: 32px !important;
        }
        .snowden-blue-1 {
            color: rgb(51, 112, 155);
        }
        .snowden-grey-background-1 {
            background: #263238 !important;
        }
        .stratos-text-shadow-small {
            text-shadow: #bbb 0 0 1px, #fff 0 -1px 1px, #fff 0 -2px 2px, rgba(51, 112, 155, 0.8) 3px 8px 5px;
            transition: margin-left 0.3s cubic-bezier(0, 1, 0, 1);
        }
        .opacity85 {
            opacity: 0.85;
        }
        .opacity95 {
            opacity: 0.95;
        }
        .opacity98 {
            opacity: 0.98;
        }
        .center-table-cell {
            text-align: center !important;
        }
        .medium-margin-top {
            margin-top: 20px !important;
        }
        .no-padding-right {
            padding-right: 0px !important;
        }
        .no-vertical-margin {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }
        .no-overflow {
            overflow: hidden !important;
        }
        .auto-overflow {
            overflow: auto !important;
        }
        .md-autocomplete-narrow {
            min-width: 110px;
            max-width: 110px;
        }
        .md-autocomplete-extra-narrow {
            min-width: 80px;
            max-width: 80px;
        }
        .input-container-narrow {
            margin-left: 5px;
            margin-bottom: 5px;
            font-size: 13px;
        }
        .height60-percent {
            height: 60%;
        }
        .height30-percent {
            height: 30%;
        }
        .height20-percent {
            height: 20%;
        }
        .height15-percent {
            height: 15%;
        }
        .height10-percent {
            height: 10%;
        }
        .margin-top10-percent {
            margin-top: 10%;
        }
        .margin-top15-percent {
            margin-top: 15%;
        }
        .wide-layout-icon-tile {
            width: 50%;
            height: 50%;
            margin-top: 15%;
        }
        .narrow-layout-icon-tile {
            width: 50%;
            height: 50%;
            margin-top: 5%;
            margin-bottom: 10px;
        }
        .width100-percent {
            width: 100% !important;
        }
        .filter-md-chip {
            margin-top: 1px !important;
            margin-bottom: 1px !important;
            height: 30px !important;
            width: auto !important;
            max-width: 60% !important;
            overflow-wrap: break-word !important;
            overflow: hidden !important;
        }
        .filter-button {
            margin: 0px !important;
            padding: 0px !important;
            width: auto !important;
            height: auto !important;
            min-height: 26px !important;
        }
        .filter-button-icon {
            color: black !important;
            opacity: 0.54 !important;
        }
        .no-margin {
            margin: 0px !important;
        }
        .no-padding {
            padding: 0px !important;
        }
        .validation-panel {
            min-width: 256px !important;
        }
        span.description-card {
            font-size: 90%;
            overflow-wrap: break-word;
        }
        div.description-card {
            padding: 12px !important;
        }
        md-edit-dialog.description-card {
            max-width: 100px !important;
        }
        .notification-error {
            color: red !important;
        }
        .notification-count {
            font-family: Oswald;
            font-weight: bold;
            font-size: 70%;
            position: absolute;
            right: 6px;
            top: -5px;
            color: whitesmoke;
            display: inline-block;
            background: red;
            border-radius: 0.8em;
            -moz-border-radius: 0.8em;
            -webkit-border-radius: 0.8em;
            line-height: 1.6em;           
            text-align: center;
            width: 1.6em;
        }
        .notification-text {
            font-size: 75%;
        }    
        .tab-tile-count {
            font-family: Oswald;
            font-weight: bold;
            font-size: 90%;
            position: absolute;
            right: 3px;
            top: 3px;
            color: whitesmoke;
            display: inline-block;
            background: #0288D1;            
            opacity: 0.7;
            border-radius: 0.8em;
            -moz-border-radius: 0.8em;
            -webkit-border-radius: 0.8em;
            line-height: 2.0em;           
            text-align: center;
            width: 2.0em;
        }      
        .folder-tile-count {
            font-family: Oswald;
            font-weight: bold;
            font-size: 120%;
            position: absolute;
            left: 3px;
            bottom: 3px;
            color: whitesmoke;
            display: inline-block;
            background: #0288D1;            
            opacity: 0.9;
            border-radius: 0.8em;
            -moz-border-radius: 0.8em;
            -webkit-border-radius: 0.8em;
            line-height: 3.0em;           
            text-align: center;
            width: 3.0em;
        }          
        .statusIconUnknown {          
            color: rgba(220, 220, 220, 0.4);
        }
        .statusIconRequested {          
            color: GAINSBORO;
        }
        .statusIconComplete {            
            color: DODGERBLUE;           
        } 
        .statusIconError {            
            color: FIREBRICK;
        }         
        .statusIconDisabled {            
            color: rgba(38,50,56, 0.6);
        }
        .statusIcon {          
            color: GAINSBORO;
        }
        .statusIconOK {            
            color: DODGERBLUE;           
        }  
        .maxheight98 {
            max-height: 98px;
        }
        .maxheight115 {
            max-height: 115px;
        }
        .fullscreen {
            width: 100%;
            height: 100%;
        }
        .stratos-view {
            margin-left: 0px;
            margin-top: 0px;
        }
        .guidance-bar {
            border-radius: 5px;
            margin-left: 2px;
            margin-right: 2px;
            margin-top: 2px;
            height: 60px;
            background: linear-gradient(to bottom, RGBA(73, 73, 73, 0.3), rgba(73, 73, 73, 0.6));
        }
        .guidance-bar .md-button {
            min-width: 40px;
            margin: 0px;
        }
        .videogular-container {
            width: 100%;           
            height: 200px;
            margin: auto;
            overflow: hidden;
        }
        @media (min-width: 1200px) {
            .videogular-container {
                width: 1170px;
                height: 658.125px;
            }
            .videogular-container.audio {
                width: 1170px;
                height: 50px;
            }
        }
        @media (min-width: 992px) and (max-width: 1199px) {
            .videogular-container {
                width: 940px;
                height: 528.75px;
            }
            .videogular-container.audio {
                width: 940px;
                height: 50px;
            }
        }
        @media (min-width: 768px) and (max-width: 991px) {
            .videogular-container {
                width: 728px;
                height: 409.5px;
            }
            .videogular-container.audio {
                width: 728px;
                height: 50px;
            }
        }
        @media (min-width: 600px) and (max-width: 767px) {
            .videogular-container {
                width: 560px;
                height: 315px;
            }
            .videogular-container.audio {
                width: 560px;
                height: 50px;
            }
        }
        @media (min-width: 400px) and (max-width: 599px) {
            .videogular-container {
                width: 360px;
                height: 202.5px;
            }
            .videogular-container.audio {
                width: 360px;
                height: 50px;
            }
        }
        /* $mdDialog - video player dialog styling */
        
        @media screen and (min-width: 400px) {
            .video-dialog {
                overflow: hidden;
            }
        }
        @media screen and (min-width: 400px) {
            .fullscreen-video-dialog {
                height: 100%;
                width: 100%;
                max-height: 100%;
                max-width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: 0;
            }
        }
        @media screen and (min-width: 400px) {
            .stratos-view {
                overflow: hidden;
            }
        }
        @media screen and (min-width: 400px) {
            .fullscreen-stratos-view {
                height: 100%;
                width: 100%;
                max-height: 100%;
                max-width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                border-radius: 0;
            }
        }
        @media only screen and (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
            md-toolbar {
                min-height: 56px;
            }
            .md-toolbar-tools {
                height: 56px;
                max-height: 56px;
            }
        }