@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 26, 2015, 2:53:48 PM
    Author     : Sagar
*/
/*sass --watch custom.scss file and update*/
:host, :root, [data-theme] {
    --chakra-ring-inset: var(--chakra-empty,/*!*/ /*!*/);
    --chakra-ring-offset-width: 0px;
    --chakra-ring-offset-color: #fff;
    --chakra-ring-color: rgba(66, 153, 225, 0.6);
    --chakra-ring-offset-shadow: 0 0 #0000;
    --chakra-ring-shadow: 0 0 #0000;
    --chakra-space-x-reverse: 0;
    --chakra-space-y-reverse: 0;
    --chakra-colors-transparent: transparent;
    --chakra-colors-current: currentColor;
    --chakra-colors-black: #000000;
    --chakra-colors-white: #FFFFFF;
    --chakra-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);
    --chakra-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);
    --chakra-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);
    --chakra-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);
    --chakra-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);
    --chakra-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);
    --chakra-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);
    --chakra-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);
    --chakra-colors-whiteAlpha-800: rgba(255, 255, 255, 0.80);
    --chakra-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);
    --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
    --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
    --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
    --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
    --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
    --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
    --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
    --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
    --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.80);
    --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
    --chakra-colors-gray-50: #F7FAFC;
    --chakra-colors-gray-100: #EDF2F7;
    --chakra-colors-gray-200: #E2E8F0;
    --chakra-colors-gray-300: #CBD5E0;
    --chakra-colors-gray-400: #A0AEC0;
    --chakra-colors-gray-500: #718096;
    --chakra-colors-gray-600: #4A5568;
    --chakra-colors-gray-700: #2D3748;
    --chakra-colors-gray-800: #1A202C;
    --chakra-colors-gray-900: #171923;
    --chakra-colors-red-50: #FFF5F5;
    --chakra-colors-red-100: #FED7D7;
    --chakra-colors-red-200: #FEB2B2;
    --chakra-colors-red-300: #FC8181;
    --chakra-colors-red-400: #F56565;
    --chakra-colors-red-500: #E53E3E;
    --chakra-colors-red-600: #C53030;
    --chakra-colors-red-700: #9B2C2C;
    --chakra-colors-red-800: #822727;
    --chakra-colors-red-900: #63171B;
    --chakra-colors-orange-50: #FFFAF0;
    --chakra-colors-orange-100: #FEEBC8;
    --chakra-colors-orange-200: #FBD38D;
    --chakra-colors-orange-300: #F6AD55;
    --chakra-colors-orange-400: #ED8936;
    --chakra-colors-orange-500: #DD6B20;
    --chakra-colors-orange-600: #C05621;
    --chakra-colors-orange-700: #9C4221;
    --chakra-colors-orange-800: #7B341E;
    --chakra-colors-orange-900: #652B19;
    --chakra-colors-yellow-50: #FFFFF0;
    --chakra-colors-yellow-100: #FEFCBF;
    --chakra-colors-yellow-200: #FAF089;
    --chakra-colors-yellow-300: #F6E05E;
    --chakra-colors-yellow-400: #ECC94B;
    --chakra-colors-yellow-500: #D69E2E;
    --chakra-colors-yellow-600: #B7791F;
    --chakra-colors-yellow-700: #975A16;
    --chakra-colors-yellow-800: #744210;
    --chakra-colors-yellow-900: #5F370E;
    --chakra-colors-green-50: #F0FFF4;
    --chakra-colors-green-100: #C6F6D5;
    --chakra-colors-green-200: #9AE6B4;
    --chakra-colors-green-300: #68D391;
    --chakra-colors-green-400: #48BB78;
    --chakra-colors-green-500: #38A169;
    --chakra-colors-green-600: #2F855A;
    --chakra-colors-green-700: #276749;
    --chakra-colors-green-800: #22543D;
    --chakra-colors-green-900: #1C4532;
    --chakra-colors-teal-50: #E6FFFA;
    --chakra-colors-teal-100: #B2F5EA;
    --chakra-colors-teal-200: #81E6D9;
    --chakra-colors-teal-300: #4FD1C5;
    --chakra-colors-teal-400: #38B2AC;
    --chakra-colors-teal-500: #319795;
    --chakra-colors-teal-600: #2C7A7B;
    --chakra-colors-teal-700: #285E61;
    --chakra-colors-teal-800: #234E52;
    --chakra-colors-teal-900: #1D4044;
    --chakra-colors-blue-50: #ebf8ff;
    --chakra-colors-blue-100: #bee3f8;
    --chakra-colors-blue-200: #90cdf4;
    --chakra-colors-blue-300: #63b3ed;
    --chakra-colors-blue-400: #4299e1;
    --chakra-colors-blue-500: #3182ce;
    --chakra-colors-blue-600: #2b6cb0;
    --chakra-colors-blue-700: #2c5282;
    --chakra-colors-blue-800: #2a4365;
    --chakra-colors-blue-900: #1A365D;
    --chakra-colors-cyan-50: #EDFDFD;
    --chakra-colors-cyan-100: #C4F1F9;
    --chakra-colors-cyan-200: #9DECF9;
    --chakra-colors-cyan-300: #76E4F7;
    --chakra-colors-cyan-400: #0BC5EA;
    --chakra-colors-cyan-500: #00B5D8;
    --chakra-colors-cyan-600: #00A3C4;
    --chakra-colors-cyan-700: #0987A0;
    --chakra-colors-cyan-800: #086F83;
    --chakra-colors-cyan-900: #065666;
    --chakra-colors-purple-50: #FAF5FF;
    --chakra-colors-purple-100: #E9D8FD;
    --chakra-colors-purple-200: #D6BCFA;
    --chakra-colors-purple-300: #B794F4;
    --chakra-colors-purple-400: #9F7AEA;
    --chakra-colors-purple-500: #805AD5;
    --chakra-colors-purple-600: #6B46C1;
    --chakra-colors-purple-700: #553C9A;
    --chakra-colors-purple-800: #44337A;
    --chakra-colors-purple-900: #322659;
    --chakra-colors-pink-50: #FFF5F7;
    --chakra-colors-pink-100: #FED7E2;
    --chakra-colors-pink-200: #FBB6CE;
    --chakra-colors-pink-300: #F687B3;
    --chakra-colors-pink-400: #ED64A6;
    --chakra-colors-pink-500: #D53F8C;
    --chakra-colors-pink-600: #B83280;
    --chakra-colors-pink-700: #97266D;
    --chakra-colors-pink-800: #702459;
    --chakra-colors-pink-900: #521B41;
    --chakra-colors-linkedin-50: #E8F4F9;
    --chakra-colors-linkedin-100: #CFEDFB;
    --chakra-colors-linkedin-200: #9BDAF3;
    --chakra-colors-linkedin-300: #68C7EC;
    --chakra-colors-linkedin-400: #34B3E4;
    --chakra-colors-linkedin-500: #00A0DC;
    --chakra-colors-linkedin-600: #008CC9;
    --chakra-colors-linkedin-700: #0077B5;
    --chakra-colors-linkedin-800: #005E93;
    --chakra-colors-linkedin-900: #004471;
    --chakra-colors-facebook-50: #E8F4F9;
    --chakra-colors-facebook-100: #D9DEE9;
    --chakra-colors-facebook-200: #B7C2DA;
    --chakra-colors-facebook-300: #6482C0;
    --chakra-colors-facebook-400: #4267B2;
    --chakra-colors-facebook-500: #385898;
    --chakra-colors-facebook-600: #314E89;
    --chakra-colors-facebook-700: #29487D;
    --chakra-colors-facebook-800: #223B67;
    --chakra-colors-facebook-900: #1E355B;
    --chakra-colors-messenger-50: #D0E6FF;
    --chakra-colors-messenger-100: #B9DAFF;
    --chakra-colors-messenger-200: #A2CDFF;
    --chakra-colors-messenger-300: #7AB8FF;
    --chakra-colors-messenger-400: #2E90FF;
    --chakra-colors-messenger-500: #0078FF;
    --chakra-colors-messenger-600: #0063D1;
    --chakra-colors-messenger-700: #0052AC;
    --chakra-colors-messenger-800: #003C7E;
    --chakra-colors-messenger-900: #002C5C;
    --chakra-colors-whatsapp-50: #dffeec;
    --chakra-colors-whatsapp-100: #b9f5d0;
    --chakra-colors-whatsapp-200: #90edb3;
    --chakra-colors-whatsapp-300: #65e495;
    --chakra-colors-whatsapp-400: #3cdd78;
    --chakra-colors-whatsapp-500: #22c35e;
    --chakra-colors-whatsapp-600: #179848;
    --chakra-colors-whatsapp-700: #0c6c33;
    --chakra-colors-whatsapp-800: #01421c;
    --chakra-colors-whatsapp-900: #001803;
    --chakra-colors-twitter-50: #E5F4FD;
    --chakra-colors-twitter-100: #C8E9FB;
    --chakra-colors-twitter-200: #A8DCFA;
    --chakra-colors-twitter-300: #83CDF7;
    --chakra-colors-twitter-400: #57BBF5;
    --chakra-colors-twitter-500: #1DA1F2;
    --chakra-colors-twitter-600: #1A94DA;
    --chakra-colors-twitter-700: #1681BF;
    --chakra-colors-twitter-800: #136B9E;
    --chakra-colors-twitter-900: #0D4D71;
    --chakra-colors-telegram-50: #E3F2F9;
    --chakra-colors-telegram-100: #C5E4F3;
    --chakra-colors-telegram-200: #A2D4EC;
    --chakra-colors-telegram-300: #7AC1E4;
    --chakra-colors-telegram-400: #47A9DA;
    --chakra-colors-telegram-500: #0088CC;
    --chakra-colors-telegram-600: #007AB8;
    --chakra-colors-telegram-700: #006BA1;
    --chakra-colors-telegram-800: #005885;
    --chakra-colors-telegram-900: #003F5E;
    --chakra-borders-none: 0;
    --chakra-borders-1px: 1px solid;
    --chakra-borders-2px: 2px solid;
    --chakra-borders-4px: 4px solid;
    --chakra-borders-8px: 8px solid;
    --chakra-fonts-heading: Inter,sans-serif;
    --chakra-fonts-body: Inter,sans-serif;
    --chakra-fonts-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --chakra-fontSizes-3xs: 0.45rem;
    --chakra-fontSizes-2xs: 0.625rem;
    --chakra-fontSizes-xs: 0.75rem;
    --chakra-fontSizes-sm: 0.875rem;
    --chakra-fontSizes-md: 1rem;
    --chakra-fontSizes-lg: 1.125rem;
    --chakra-fontSizes-xl: 1.25rem;
    --chakra-fontSizes-2xl: 1.5rem;
    --chakra-fontSizes-3xl: 1.875rem;
    --chakra-fontSizes-4xl: 2.25rem;
    --chakra-fontSizes-5xl: 3rem;
    --chakra-fontSizes-6xl: 3.75rem;
    --chakra-fontSizes-7xl: 4.5rem;
    --chakra-fontSizes-8xl: 6rem;
    --chakra-fontSizes-9xl: 8rem;
    --chakra-fontWeights-hairline: 100;
    --chakra-fontWeights-thin: 200;
    --chakra-fontWeights-light: 300;
    --chakra-fontWeights-normal: 400;
    --chakra-fontWeights-medium: 500;
    --chakra-fontWeights-semibold: 600;
    --chakra-fontWeights-bold: 700;
    --chakra-fontWeights-extrabold: 800;
    --chakra-fontWeights-black: 900;
    --chakra-letterSpacings-tighter: -0.05em;
    --chakra-letterSpacings-tight: -0.025em;
    --chakra-letterSpacings-normal: 0;
    --chakra-letterSpacings-wide: 0.025em;
    --chakra-letterSpacings-wider: 0.05em;
    --chakra-letterSpacings-widest: 0.1em;
    --chakra-lineHeights-3: .75rem;
    --chakra-lineHeights-4: 1rem;
    --chakra-lineHeights-5: 1.25rem;
    --chakra-lineHeights-6: 1.5rem;
    --chakra-lineHeights-7: 1.75rem;
    --chakra-lineHeights-8: 2rem;
    --chakra-lineHeights-9: 2.25rem;
    --chakra-lineHeights-10: 2.5rem;
    --chakra-lineHeights-normal: normal;
    --chakra-lineHeights-none: 1;
    --chakra-lineHeights-shorter: 1.25;
    --chakra-lineHeights-short: 1.375;
    --chakra-lineHeights-base: 1.5;
    --chakra-lineHeights-tall: 1.625;
    --chakra-lineHeights-taller: 2;
    --chakra-radii-none: 0;
    --chakra-radii-sm: 0.125rem;
    --chakra-radii-base: 0.25rem;
    --chakra-radii-md: 0.375rem;
    --chakra-radii-lg: 0.5rem;
    --chakra-radii-xl: 0.75rem;
    --chakra-radii-2xl: 1rem;
    --chakra-radii-3xl: 1.5rem;
    --chakra-radii-full: 9999px;
    --chakra-space-1: 0.25rem;
    --chakra-space-2: 0.5rem;
    --chakra-space-3: 0.75rem;
    --chakra-space-4: 1rem;
    --chakra-space-5: 1.25rem;
    --chakra-space-6: 1.5rem;
    --chakra-space-7: 1.75rem;
    --chakra-space-8: 2rem;
    --chakra-space-9: 2.25rem;
    --chakra-space-10: 2.5rem;
    --chakra-space-12: 3rem;
    --chakra-space-14: 3.5rem;
    --chakra-space-16: 4rem;
    --chakra-space-20: 5rem;
    --chakra-space-24: 6rem;
    --chakra-space-28: 7rem;
    --chakra-space-32: 8rem;
    --chakra-space-36: 9rem;
    --chakra-space-40: 10rem;
    --chakra-space-44: 11rem;
    --chakra-space-48: 12rem;
    --chakra-space-52: 13rem;
    --chakra-space-56: 14rem;
    --chakra-space-60: 15rem;
    --chakra-space-64: 16rem;
    --chakra-space-72: 18rem;
    --chakra-space-80: 20rem;
    --chakra-space-96: 24rem;
    --chakra-space-px: 1px;
    --chakra-space-0-5: 0.125rem;
    --chakra-space-1-5: 0.375rem;
    --chakra-space-2-5: 0.625rem;
    --chakra-space-3-5: 0.875rem;
    --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);
    --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0,0,0,0.06);
    --chakra-shadows-none: none;
    --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px,rgba(0, 0, 0, 0.2) 0px 5px 10px,rgba(0, 0, 0, 0.4) 0px 15px 40px;
    --chakra-sizes-1: 0.25rem;
    --chakra-sizes-2: 0.5rem;
    --chakra-sizes-3: 0.75rem;
    --chakra-sizes-4: 1rem;
    --chakra-sizes-5: 1.25rem;
    --chakra-sizes-6: 1.5rem;
    --chakra-sizes-7: 1.75rem;
    --chakra-sizes-8: 2rem;
    --chakra-sizes-9: 2.25rem;
    --chakra-sizes-10: 2.5rem;
    --chakra-sizes-12: 3rem;
    --chakra-sizes-14: 3.5rem;
    --chakra-sizes-16: 4rem;
    --chakra-sizes-20: 5rem;
    --chakra-sizes-24: 6rem;
    --chakra-sizes-28: 7rem;
    --chakra-sizes-32: 8rem;
    --chakra-sizes-36: 9rem;
    --chakra-sizes-40: 10rem;
    --chakra-sizes-44: 11rem;
    --chakra-sizes-48: 12rem;
    --chakra-sizes-52: 13rem;
    --chakra-sizes-56: 14rem;
    --chakra-sizes-60: 15rem;
    --chakra-sizes-64: 16rem;
    --chakra-sizes-72: 18rem;
    --chakra-sizes-80: 20rem;
    --chakra-sizes-96: 24rem;
    --chakra-sizes-px: 1px;
    --chakra-sizes-0-5: 0.125rem;
    --chakra-sizes-1-5: 0.375rem;
    --chakra-sizes-2-5: 0.625rem;
    --chakra-sizes-3-5: 0.875rem;
    --chakra-sizes-max: max-content;
    --chakra-sizes-min: min-content;
    --chakra-sizes-full: 100%;
    --chakra-sizes-3xs: 14rem;
    --chakra-sizes-2xs: 16rem;
    --chakra-sizes-xs: 20rem;
    --chakra-sizes-sm: 24rem;
    --chakra-sizes-md: 28rem;
    --chakra-sizes-lg: 32rem;
    --chakra-sizes-xl: 36rem;
    --chakra-sizes-2xl: 42rem;
    --chakra-sizes-3xl: 48rem;
    --chakra-sizes-4xl: 56rem;
    --chakra-sizes-5xl: 64rem;
    --chakra-sizes-6xl: 72rem;
    --chakra-sizes-7xl: 80rem;
    --chakra-sizes-8xl: 90rem;
    --chakra-sizes-prose: 60ch;
    --chakra-sizes-container-sm: 640px;
    --chakra-sizes-container-md: 768px;
    --chakra-sizes-container-lg: 1024px;
    --chakra-sizes-container-xl: 1280px;
    --chakra-zIndices-hide: -1;
    --chakra-zIndices-auto: auto;
    --chakra-zIndices-base: 0;
    --chakra-zIndices-docked: 10;
    --chakra-zIndices-dropdown: 1000;
    --chakra-zIndices-sticky: 1100;
    --chakra-zIndices-banner: 1200;
    --chakra-zIndices-overlay: 1300;
    --chakra-zIndices-modal: 1400;
    --chakra-zIndices-popover: 1500;
    --chakra-zIndices-skipLink: 1600;
    --chakra-zIndices-toast: 1700;
    --chakra-zIndices-tooltip: 1800;
    --chakra-transition-property-common: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
    --chakra-transition-property-colors: background-color,border-color,color,fill,stroke;
    --chakra-transition-property-dimensions: width,height;
    --chakra-transition-property-position: left,right,top,bottom;
    --chakra-transition-property-background: background-color,background-image,background-position;
    --chakra-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --chakra-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --chakra-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --chakra-transition-duration-ultra-fast: 50ms;
    --chakra-transition-duration-faster: 100ms;
    --chakra-transition-duration-fast: 150ms;
    --chakra-transition-duration-normal: 200ms;
    --chakra-transition-duration-slow: 300ms;
    --chakra-transition-duration-slower: 400ms;
    --chakra-transition-duration-ultra-slow: 500ms;
    --chakra-blur-none: 0;
    --chakra-blur-sm: 4px;
    --chakra-blur-base: 8px;
    --chakra-blur-md: 12px;
    --chakra-blur-lg: 16px;
    --chakra-blur-xl: 24px;
    --chakra-blur-2xl: 40px;
    --chakra-blur-3xl: 64px;
    --chakra-breakpoints-base: 0em;
    --chakra-breakpoints-sm: 30em;
    --chakra-breakpoints-md: 48em;
    --chakra-breakpoints-lg: 62em;
    --chakra-breakpoints-xl: 80em;
    --chakra-breakpoints-2xl: 96em;
    --chakra-colors-accent: var(--chakra-colors-teal-500);
    --chakra-colors-accent-emphasis: var(--chakra-colors-teal-700);
    --chakra-colors-accent-static: var(--chakra-colors-teal-500);
    --chakra-colors-accent-muted: var(--chakra-colors-teal-300);
    --chakra-colors-accent-subtle: var(--chakra-colors-teal-50);
    --chakra-colors-fg: var(--chakra-colors-gray-700);
    --chakra-colors-fg-emphasis: var(--chakra-colors-gray-900);
    --chakra-colors-fg-muted: var(--chakra-colors-gray-600);
    --chakra-colors-fg-subtle: var(--chakra-colors-gray-500);
    --chakra-colors-fg-on-accent: var(--chakra-colors-white);
}

.chakra-ui-light :host:not([data-theme]), .chakra-ui-light :root:not([data-theme]), .chakra-ui-light [data-theme]:not([data-theme]), [data-theme=light] :host:not([data-theme]), [data-theme=light] :root:not([data-theme]), [data-theme=light] [data-theme]:not([data-theme]), :host[data-theme=light], :root[data-theme=light], [data-theme][data-theme=light] {
    --chakra-colors-chakra-body-text: var(--chakra-colors-gray-800);
    --chakra-colors-chakra-body-bg: var(--chakra-colors-white);
    --chakra-colors-chakra-border-color: var(--chakra-colors-gray-200);
    --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-100);
    --chakra-colors-chakra-placeholder-color: var(--chakra-colors-gray-500);
}

.chakra-ui-dark :host:not([data-theme]), .chakra-ui-dark :root:not([data-theme]), .chakra-ui-dark [data-theme]:not([data-theme]), [data-theme=dark] :host:not([data-theme]), [data-theme=dark] :root:not([data-theme]), [data-theme=dark] [data-theme]:not([data-theme]), :host[data-theme=dark], :root[data-theme=dark], [data-theme][data-theme=dark] {
    --chakra-colors-chakra-body-text: var(--chakra-colors-whiteAlpha-900);
    --chakra-colors-chakra-body-bg: var(--chakra-colors-gray-800);
    --chakra-colors-chakra-border-color: var(--chakra-colors-whiteAlpha-300);
    --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-700);
    --chakra-colors-chakra-placeholder-color: var(--chakra-colors-whiteAlpha-400);
    --chakra-colors-accent: var(--chakra-colors-teal-300);
    --chakra-colors-accent-emphasis: var(--chakra-colors-teal-200);
    --chakra-colors-accent-muted: var(--chakra-colors-teal-200);
    --chakra-colors-accent-subtle: var(--chakra-colors-teal-800);
    --chakra-colors-fg: var(--chakra-colors-gray-100);
    --chakra-colors-fg-emphasis: var(--chakra-colors-gray-200);
    --chakra-colors-fg-muted: var(--chakra-colors-gray-400);
    --chakra-colors-fg-subtle: var(--chakra-colors-gray-300);
    --chakra-colors-fg-on-accent: inherit;
}

.m-0 {
    margin: 0rem;
}

.p-0 {
    padding: 0rem;
}

.mt-0 {
    margin-top: 0rem !important;
}

.pt-0 {
    padding-top: 0rem !important;
}

.mr-0 {
    margin-right: 0rem !important;
}

.pr-0 {
    padding-right: 0rem !important;
}

.mb-0 {
    margin-bottom: 0rem !important;
}

.pb-0 {
    padding-bottom: 0rem !important;
}

.ml-0 {
    margin-left: 0rem !important;
}

.pl-0 {
    padding-left: 0rem !important;
}

.mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
}

.my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.m-1 {
    margin: 1rem;
}

.p-1 {
    padding: 1rem;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.pt-1 {
    padding-top: 0.25rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.pr-1 {
    padding-right: 0.25rem !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.pb-1 {
    padding-bottom: 0.25rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.m-2 {
    margin: 2rem;
}

.p-2 {
    padding: 2rem;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.pr-2 {
    padding-right: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.pl-2 {
    padding-left: 0.5rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.m-3 {
    margin: 3rem;
}

.p-3 {
    padding: 3rem;
}

.mt-3 {
    margin-top: 0.75rem !important;
}

.pt-3 {
    padding-top: 0.75rem !important;
}

.mr-3 {
    margin-right: 0.75rem !important;
}

.pr-3 {
    padding-right: 0.75rem !important;
}

.mb-3 {
    margin-bottom: 0.75rem !important;
}

.pb-3 {
    padding-bottom: 0.75rem !important;
}

.ml-3 {
    margin-left: 0.75rem !important;
}

.pl-3 {
    padding-left: 0.75rem !important;
}

.mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
}

.my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

.px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.m-4 {
    margin: 4rem;
}

.p-4 {
    padding: 4rem;
}

.mt-4 {
    margin-top: 1rem !important;
}

.pt-4 {
    padding-top: 1rem !important;
}

.mr-4 {
    margin-right: 1rem !important;
}

.pr-4 {
    padding-right: 1rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.pb-4 {
    padding-bottom: 1rem !important;
}

.ml-4 {
    margin-left: 1rem !important;
}

.pl-4 {
    padding-left: 1rem !important;
}

.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.m-5 {
    margin: 5rem;
}

.p-5 {
    padding: 5rem;
}

.mt-5 {
    margin-top: 1.25rem !important;
}

.pt-5 {
    padding-top: 1.25rem !important;
}

.mr-5 {
    margin-right: 1.25rem !important;
}

.pr-5 {
    padding-right: 1.25rem !important;
}

.mb-5 {
    margin-bottom: 1.25rem !important;
}

.pb-5 {
    padding-bottom: 1.25rem !important;
}

.ml-5 {
    margin-left: 1.25rem !important;
}

.pl-5 {
    padding-left: 1.25rem !important;
}

.mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
}

.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

.py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.m-6 {
    margin: 6rem;
}

.p-6 {
    padding: 6rem;
}

.mt-6 {
    margin-top: 1.5rem !important;
}

.pt-6 {
    padding-top: 1.5rem !important;
}

.mr-6 {
    margin-right: 1.5rem !important;
}

.pr-6 {
    padding-right: 1.5rem !important;
}

.mb-6 {
    margin-bottom: 1.5rem !important;
}

.pb-6 {
    padding-bottom: 1.5rem !important;
}

.ml-6 {
    margin-left: 1.5rem !important;
}

.pl-6 {
    padding-left: 1.5rem !important;
}

.mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.m-7 {
    margin: 7rem;
}

.p-7 {
    padding: 7rem;
}

.mt-7 {
    margin-top: 1.75rem !important;
}

.pt-7 {
    padding-top: 1.75rem !important;
}

.mr-7 {
    margin-right: 1.75rem !important;
}

.pr-7 {
    padding-right: 1.75rem !important;
}

.mb-7 {
    margin-bottom: 1.75rem !important;
}

.pb-7 {
    padding-bottom: 1.75rem !important;
}

.ml-7 {
    margin-left: 1.75rem !important;
}

.pl-7 {
    padding-left: 1.75rem !important;
}

.mx-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
}

.my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
}

.px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
}

.py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}

.m-8 {
    margin: 8rem;
}

.p-8 {
    padding: 8rem;
}

.mt-8 {
    margin-top: 2rem !important;
}

.pt-8 {
    padding-top: 2rem !important;
}

.mr-8 {
    margin-right: 2rem !important;
}

.pr-8 {
    padding-right: 2rem !important;
}

.mb-8 {
    margin-bottom: 2rem !important;
}

.pb-8 {
    padding-bottom: 2rem !important;
}

.ml-8 {
    margin-left: 2rem !important;
}

.pl-8 {
    padding-left: 2rem !important;
}

.mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.m-9 {
    margin: 9rem;
}

.p-9 {
    padding: 9rem;
}

.mt-9 {
    margin-top: 2.25rem !important;
}

.pt-9 {
    padding-top: 2.25rem !important;
}

.mr-9 {
    margin-right: 2.25rem !important;
}

.pr-9 {
    padding-right: 2.25rem !important;
}

.mb-9 {
    margin-bottom: 2.25rem !important;
}

.pb-9 {
    padding-bottom: 2.25rem !important;
}

.ml-9 {
    margin-left: 2.25rem !important;
}

.pl-9 {
    padding-left: 2.25rem !important;
}

.mx-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
}

.my-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
}

.px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
}

.py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
}

.m-10 {
    margin: 10rem;
}

.p-10 {
    padding: 10rem;
}

.mt-10 {
    margin-top: 2.5rem !important;
}

.pt-10 {
    padding-top: 2.5rem !important;
}

.mr-10 {
    margin-right: 2.5rem !important;
}

.pr-10 {
    padding-right: 2.5rem !important;
}

.mb-10 {
    margin-bottom: 2.5rem !important;
}

.pb-10 {
    padding-bottom: 2.5rem !important;
}

.ml-10 {
    margin-left: 2.5rem !important;
}

.pl-10 {
    padding-left: 2.5rem !important;
}

.mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}

.my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.m-11 {
    margin: 11rem;
}

.p-11 {
    padding: 11rem;
}

.mt-11 {
    margin-top: 2.75rem !important;
}

.pt-11 {
    padding-top: 2.75rem !important;
}

.mr-11 {
    margin-right: 2.75rem !important;
}

.pr-11 {
    padding-right: 2.75rem !important;
}

.mb-11 {
    margin-bottom: 2.75rem !important;
}

.pb-11 {
    padding-bottom: 2.75rem !important;
}

.ml-11 {
    margin-left: 2.75rem !important;
}

.pl-11 {
    padding-left: 2.75rem !important;
}

.mx-11 {
    margin-left: 2.75rem !important;
    margin-right: 2.75rem !important;
}

.my-11 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
}

.px-11 {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important;
}

.py-11 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
}

.m-12 {
    margin: 12rem;
}

.p-12 {
    padding: 12rem;
}

.mt-12 {
    margin-top: 3rem !important;
}

.pt-12 {
    padding-top: 3rem !important;
}

.mr-12 {
    margin-right: 3rem !important;
}

.pr-12 {
    padding-right: 3rem !important;
}

.mb-12 {
    margin-bottom: 3rem !important;
}

.pb-12 {
    padding-bottom: 3rem !important;
}

.ml-12 {
    margin-left: 3rem !important;
}

.pl-12 {
    padding-left: 3rem !important;
}

.mx-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.m-13 {
    margin: 13rem;
}

.p-13 {
    padding: 13rem;
}

.mt-13 {
    margin-top: 3.25rem !important;
}

.pt-13 {
    padding-top: 3.25rem !important;
}

.mr-13 {
    margin-right: 3.25rem !important;
}

.pr-13 {
    padding-right: 3.25rem !important;
}

.mb-13 {
    margin-bottom: 3.25rem !important;
}

.pb-13 {
    padding-bottom: 3.25rem !important;
}

.ml-13 {
    margin-left: 3.25rem !important;
}

.pl-13 {
    padding-left: 3.25rem !important;
}

.mx-13 {
    margin-left: 3.25rem !important;
    margin-right: 3.25rem !important;
}

.my-13 {
    margin-top: 3.25rem !important;
    margin-bottom: 3.25rem !important;
}

.px-13 {
    padding-left: 3.25rem !important;
    padding-right: 3.25rem !important;
}

.py-13 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
}

.m-14 {
    margin: 14rem;
}

.p-14 {
    padding: 14rem;
}

.mt-14 {
    margin-top: 3.5rem !important;
}

.pt-14 {
    padding-top: 3.5rem !important;
}

.mr-14 {
    margin-right: 3.5rem !important;
}

.pr-14 {
    padding-right: 3.5rem !important;
}

.mb-14 {
    margin-bottom: 3.5rem !important;
}

.pb-14 {
    padding-bottom: 3.5rem !important;
}

.ml-14 {
    margin-left: 3.5rem !important;
}

.pl-14 {
    padding-left: 3.5rem !important;
}

.mx-14 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
}

.my-14 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
}

.px-14 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
}

.py-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.m-15 {
    margin: 15rem;
}

.p-15 {
    padding: 15rem;
}

.mt-15 {
    margin-top: 3.75rem !important;
}

.pt-15 {
    padding-top: 3.75rem !important;
}

.mr-15 {
    margin-right: 3.75rem !important;
}

.pr-15 {
    padding-right: 3.75rem !important;
}

.mb-15 {
    margin-bottom: 3.75rem !important;
}

.pb-15 {
    padding-bottom: 3.75rem !important;
}

.ml-15 {
    margin-left: 3.75rem !important;
}

.pl-15 {
    padding-left: 3.75rem !important;
}

.mx-15 {
    margin-left: 3.75rem !important;
    margin-right: 3.75rem !important;
}

.my-15 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
}

.px-15 {
    padding-left: 3.75rem !important;
    padding-right: 3.75rem !important;
}

.py-15 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
}

.m-16 {
    margin: 16rem;
}

.p-16 {
    padding: 16rem;
}

.mt-16 {
    margin-top: 4rem !important;
}

.pt-16 {
    padding-top: 4rem !important;
}

.mr-16 {
    margin-right: 4rem !important;
}

.pr-16 {
    padding-right: 4rem !important;
}

.mb-16 {
    margin-bottom: 4rem !important;
}

.pb-16 {
    padding-bottom: 4rem !important;
}

.ml-16 {
    margin-left: 4rem !important;
}

.pl-16 {
    padding-left: 4rem !important;
}

.mx-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.my-16 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.m-17 {
    margin: 17rem;
}

.p-17 {
    padding: 17rem;
}

.mt-17 {
    margin-top: 4.25rem !important;
}

.pt-17 {
    padding-top: 4.25rem !important;
}

.mr-17 {
    margin-right: 4.25rem !important;
}

.pr-17 {
    padding-right: 4.25rem !important;
}

.mb-17 {
    margin-bottom: 4.25rem !important;
}

.pb-17 {
    padding-bottom: 4.25rem !important;
}

.ml-17 {
    margin-left: 4.25rem !important;
}

.pl-17 {
    padding-left: 4.25rem !important;
}

.mx-17 {
    margin-left: 4.25rem !important;
    margin-right: 4.25rem !important;
}

.my-17 {
    margin-top: 4.25rem !important;
    margin-bottom: 4.25rem !important;
}

.px-17 {
    padding-left: 4.25rem !important;
    padding-right: 4.25rem !important;
}

.py-17 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
}

.m-18 {
    margin: 18rem;
}

.p-18 {
    padding: 18rem;
}

.mt-18 {
    margin-top: 4.5rem !important;
}

.pt-18 {
    padding-top: 4.5rem !important;
}

.mr-18 {
    margin-right: 4.5rem !important;
}

.pr-18 {
    padding-right: 4.5rem !important;
}

.mb-18 {
    margin-bottom: 4.5rem !important;
}

.pb-18 {
    padding-bottom: 4.5rem !important;
}

.ml-18 {
    margin-left: 4.5rem !important;
}

.pl-18 {
    padding-left: 4.5rem !important;
}

.mx-18 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
}

.my-18 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
}

.px-18 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
}

.py-18 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}

.m-19 {
    margin: 19rem;
}

.p-19 {
    padding: 19rem;
}

.mt-19 {
    margin-top: 4.75rem !important;
}

.pt-19 {
    padding-top: 4.75rem !important;
}

.mr-19 {
    margin-right: 4.75rem !important;
}

.pr-19 {
    padding-right: 4.75rem !important;
}

.mb-19 {
    margin-bottom: 4.75rem !important;
}

.pb-19 {
    padding-bottom: 4.75rem !important;
}

.ml-19 {
    margin-left: 4.75rem !important;
}

.pl-19 {
    padding-left: 4.75rem !important;
}

.mx-19 {
    margin-left: 4.75rem !important;
    margin-right: 4.75rem !important;
}

.my-19 {
    margin-top: 4.75rem !important;
    margin-bottom: 4.75rem !important;
}

.px-19 {
    padding-left: 4.75rem !important;
    padding-right: 4.75rem !important;
}

.py-19 {
    padding-top: 4.75rem !important;
    padding-bottom: 4.75rem !important;
}

.m-20 {
    margin: 20rem;
}

.p-20 {
    padding: 20rem;
}

.mt-20 {
    margin-top: 5rem !important;
}

.pt-20 {
    padding-top: 5rem !important;
}

.mr-20 {
    margin-right: 5rem !important;
}

.pr-20 {
    padding-right: 5rem !important;
}

.mb-20 {
    margin-bottom: 5rem !important;
}

.pb-20 {
    padding-bottom: 5rem !important;
}

.ml-20 {
    margin-left: 5rem !important;
}

.pl-20 {
    padding-left: 5rem !important;
}

.mx-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

.my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.panel {
    background-color: #ffffff;
    margin-bottom: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-radius: 2px;
}
.panel .panel-heading,
.panel .panel-heading a {
    position: relative;
    font-size: 13px;
    padding: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 30px;
}
.panel .panel-heading *[data-toggle=collapse],
.panel .panel-heading a *[data-toggle=collapse] {
    cursor: pointer;
}
.panel .panel-heading .panel-tools,
.panel .panel-heading a .panel-tools {
    width: auto;
    position: absolute;
    top: 3px;
    right: 11px;
}
.panel .panel-heading .panel-tools .btn,
.panel .panel-heading a .panel-tools .btn {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    cursor: pointer;
}
.panel .panel-heading .panel-tools .btn.collapsed .fa-minus:before,
.panel .panel-heading a .panel-tools .btn.collapsed .fa-minus:before {
    content: "\f067";
}
.panel .panel-body {
    padding: 5px 10px;
}
.panel .panel-body .panel {
    background-color: #fdfdfd;
}
.panel .panel-body .panel-heading {
    text-transform: capitalize;
}
.panel .panel-footer {
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel.panel-default {
    border-color: #cfc5b1;
}
.panel.panel-default .panel-heading,
.panel.panel-default .panel-footer {
    border-color: #ece8e0;
    color: #111;
    background-color: #ece8e0;
}
.panel.panel-default .panel-heading a {
    color: #111;
}
.panel.panel-info {
    border-color: #9acfea;
}
.panel.panel-info .panel-heading,
.panel.panel-info .panel-heading a,
.panel.panel-info .panel-footer {
    background-color: #d9edf7;
    border-color: #d9edf7;
    color: #1b6083;
}
.panel .alert {
    padding: 0;
}
.panel table tbody td {
    background-color: white;
}
.panel table.transparent tbody td {
    background-color: transparent;
}
.panel table.table-bordered.panel-bordered {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.panel table.table-bordered.panel-bordered thead {
    color: #404040;
    background-color: #f7f7f7;
}
.panel table.table-bordered.panel-bordered thead tr th:last-child {
    border-right: 0;
}
.panel table.table-bordered.panel-bordered thead tr th:first-child {
    border-left: 0;
}
.panel table.table-bordered.panel-bordered thead tr th {
    font-weight: 600;
}
.panel table.table-bordered.panel-bordered tbody tr td:last-child {
    border-right: 0;
}
.panel table.table-bordered.panel-bordered tbody tr td:first-child {
    border-left: 0;
}
.panel table.table-bordered.panel-bordered.alert-danger thead,
.panel table.table-bordered.panel-bordered.alert-danger tbody td {
    background-color: #f2dede;
}
.panel table.table-bordered.panel-bordered.alert-warning thead,
.panel table.table-bordered.panel-bordered.alert-warning tbody td {
    background-color: #f9edbe;
}
.panel .alert {
    margin-top: 5px;
}
.panel .alert .dataTables_scrollBody {
    border-bottom: 0;
}

#candOprForm .panel-heading a,
#autoOutageForm .panel-heading a,
#filterList .panel-heading a,
#candOprForm .panel-heading #filterTextLabel,
#autoOutageForm .panel-heading #filterTextLabel,
#filterList .panel-heading #filterTextLabel {
    font-family: "Segoe UI";
    font-weight: normal;
    font-size: 12px;
    text-transform: capitalize;
}

.panel-group .panel-heading a {
    padding: 0px;
}

.form-actions-top {
    background-color: transparent;
    /*border: solid 1px #e3e5e7;*/
    margin-bottom: 5px;
    padding: 10px 10px;
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 0;
}

.well {
    padding: 4px 10px 0px 10px;
    margin-bottom: 0;
}

.textAlignRight {
    text-align: right;
}

.margin0 {
    margin: 0 !important;
}

.checklistYN {
    width: 100px;
}

.checklistEmail {
    width: 50px;
}

.headerRequest {
    font-weight: 500;
    padding-left: 2px;
    padding-right: 2px;
    color: white;
    border-radius: 3px;
}

.modal.modal-fs .modal-dialog {
    width: 75%;
}

.modal.modal-95 .modal-dialog {
    width: 95%;
}

#filterRowIcon span {
    color: #428bca;
    cursor: pointer;
}

.paddingTop0 {
    padding-top: 0;
}

.paddingBottom0 {
    padding-bottom: 0;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.ajaxOverlay {
    display: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.4);
    z-index: 900;
}
.ajaxOverlay .ajaxLoader {
    position: absolute;
    z-index: 1;
    margin: -55px 0 0 -55px;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 1s cubic-bezier(0.85, -0.03, 0.56, 0.96) infinite;
    animation: spin 1s cubic-bezier(0.85, -0.03, 0.56, 0.96) infinite;
}
.ajaxOverlay .ajaxMessage {
    font-size: 23px;
    position: absolute;
    text-align: center;
    top: 60%;
    width: 100%;
    text-align: center;
    left: -24px;
}

.warningModal .modal-content {
    box-shadow: 1px 1px 20px 3px #636363 !important;
    /*margin-top: 30vh;*/
}
.warningModal .modal-header {
    border-bottom: 0;
}
.warningModal .modal-footer {
    border-top: 0;
}
.warningModal .modal-body {
    padding: 0 15px;
}
.warningModal .fa {
    color: #dd8639;
    padding-right: 10px;
}

.errorModal .modal-content {
    box-shadow: 1px 1px 20px 3px #636363 !important;
    /*margin-top: 30vh;*/
}
.errorModal .modal-header {
    border-bottom: 0;
    color: red;
}
.errorModal .modal-footer {
    border-top: 0;
}
.errorModal .modal-body {
    padding: 0 15px;
}
.errorModal .fa {
    color: #dd8639;
    padding-right: 10px;
}

.table-for-header {
    border: 1px solid #ccc;
}
.table-for-header td {
    padding: 0px 0 0 3px !important;
    border: 0 !important;
}

.inlineFlex {
    display: inline-flex;
}
.inlineFlex .flex-grow-1 {
    flex-grow: 1;
}

.whiteSpacePre {
    white-space: pre;
}

.whiteSpacePreWrap {
    white-space: break-spaces;
}

.errorModal #myModalLabel {
    color: red;
}

.SW.EXECUTION.START {
    color: #39d882 !important;
}

.SW.EXECUTION.COMPLETE {
    color: #d8603a !important;
}

.SW.ISSUED {
    color: #0080c0 !important;
}

.SW.RELEASED {
    color: #0e31ad !important;
}

.SW.RESTORATION.START {
    color: #a0522d !important;
}

.SW.RESTORATION.COMPLETE {
    color: #39d882 !important;
}

table.switch-no-border.fixedHeader-floating tr.headerRow th,
table.switch-no-border.fixedHeader-floating tr.headerRow td:not(last-child), table.switch-no-border.fixedHeader-floating tr.headerRow:hover th,
table.switch-no-border.fixedHeader-floating tr.headerRow:hover td:not(last-child) {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #ddd !important;
    border-bottom-color: #999;
}

table.dataTable.switch-no-border {
    border-collapse: collapse;
}

#filterRowIcon span {
    color: #428bca;
    cursor: pointer;
}

.htContextMenu:not(.htGhostTable) {
    z-index: 5000 !important;
}

html.slimScrolls ::-webkit-scrollbar-button {
    display: none;
    height: 13px;
    border-radius: 0px;
    background-color: #aaa;
}
html.slimScrolls ::-webkit-scrollbar-button:hover {
    background-color: #aaa;
}
html.slimScrolls ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}
html.slimScrolls ::-webkit-scrollbar-thumb:hover {
    background-color: #ccc;
    border-radius: 10px;
}
html.slimScrolls ::-webkit-scrollbar-track {
    background-color: rgba(231, 231, 231, 0.3);
}
html.slimScrolls ::-webkit-scrollbar-track:hover {
    background-color: rgba(231, 231, 231, 0.8);
}
html.slimScrolls ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.htDateTimeEditor {
    position: absolute;
}

.bold {
    font-weight: bold !important;
}
.bold.active {
    font-weight: 800 !important;
    background: white;
}

.italic {
    font-style: italic;
}
.italic.active {
    font-weight: bold;
    background: white;
}

.underline {
    text-decoration: underline;
}
.underline.active {
    font-weight: bold;
    background: white;
}

@media all and (max-width: 768px) {
    .select2-results table td {
        height: 40px;
        font-size: 16px;
        padding: 5px;
    }
    .select2-container-multi {
        border: 0;
    }
    .select2-container-multi .select2-choices .select2-search-field {
        line-height: 22px;
    }
    .select-search-choice {
        line-height: 22px;
        font-size: 16px;
        font-weight: 500;
    }
    .warningModal .modal-dialog {
        margin-top: 200px;
        width: 94vw;
    }
}
@media all and (max-width: 1024px) {
    .hidden-sm {
        display: none !important;
    }
    /*    .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] {
          margin-bottom: 0;
      }*/
    .content-wrapper {
        font-size: 16px;
    }
    .panel .panel-heading,
    .panel .panel-heading a {
        font-size: 18px;
    }
    .bootstrap-select.btn-group .dropdown-menu {
        box-shadow: 1px 3px 6px 3px #bababa;
    }
    .bootstrap-select.btn-group .dropdown-menu li {
        position: relative;
        border-bottom: 1px solid #CCC;
    }
    .bootstrap-select.btn-group .dropdown-menu li > a {
        padding: 10px;
    }
}
@keyframes border-pulsate {
    0% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
    /*20%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    50% {
        box-shadow: inset 0px 0px 0px 1px green;
    }
    /*70%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    100% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
}
.highLight {
    box-shadow: inset 0px 0px 0px 2px green;
    color: green;
    font-weight: 500;
    animation: border-pulsate 2s infinite;
}

.form-control.select2-container {
    padding: 0 !important;
    border: 0;
}

@media (min-width: 1500px) and (max-width: 2000px) {
    .header_clpoint {
        width: 54%;
    }
}
.width-100 {
    width: 100%;
}

.height-100 {
    height: 100%;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.flex-container .flex-item {
    flex: 1 1 300px;
}
.flex-container .flex-item-xxsmall {
    flex: 1 1 30px;
    max-width: 30px;
}
.flex-container .flex-item-xsmall {
    flex: 1 1 50px;
    max-width: 50px;
}
.flex-container .flex-item-small {
    flex: 1 1 100px;
    max-width: 150px;
}
.flex-container .flex-item-medium {
    flex: 1 1 200px;
    max-width: 400px;
}

#createAssociationContainer.active {
    overflow: visible;
}
.assocInfoContainer {
    /*margin-bottom: 20px;*/
}
.assocInfoContainer .flex-header {
    display: flex;
    flex-direction: column;
    height: 43px;
    flex-wrap: wrap;
    align-content: flex-start;
    column-gap: 12px;
}
.assocInfoContainer .flex-header div {
    flex: 1 1 auto;
    min-width: 100px;
}
.assocInfoContainer .assocInfoToggle {
    font-size: 14px;
    margin-top: -2px;
    border-radius: 2px;
    color: white;
    padding: 1px 4px;
    background: #ddd;
    cursor: pointer;
    transition: all 0.2s linear;
}
.assocInfoContainer .assocInfoToggle.active {
    font-size: 15px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2117647059);
}

#copyFieldAssocTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

#copyFieldAssocTable th,
#copyFieldAssocTable td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.btn-target-toggle .glyphicon-chevron-right, .btn-target-toggle .fa-caret-right {
    transform: rotate(0deg);
    transition: transform 0.2s;
}
.btn-target-toggle.active {
    transition: all 0.2s;
}
.btn-target-toggle.active .glyphicon-chevron-right, .btn-target-toggle.active .fa-caret-right {
    transform: rotate(90deg);
    transition: transform 0.2s;
}

.btn-target {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
}
.btn-target.active {
    display: block;
    max-height: 4000px;
    height: auto;
    overflow: auto;
    transition: max-height 0.2s;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    margin-bottom: 2px;
}
.btn-target label {
    padding-right: 5px;
    padding-left: 5px;
}

.modalsContainer #addRequestModal .modal-body label {
    text-align: right;
}
.modalsContainer #addRequestModal .modal-body .col-xs-12 {
    margin-bottom: 7px;
}
.modalsContainer #addRequestModal .modal-body .col-xs-12 .select2-container {
    width: calc(100% - 120px);
}
.modalsContainer #addRequestModal .modal-body .col-xs-12 input.full-width {
    width: calc(100% - 120px);
}

@keyframes auto-border-pulsate {
    0% {
        background: var(--chakra-colors-green-50);
    }
    50% {
        background: var(--chakra-colors-green-100);
    }
    100% {
        background: var(--chakra-colors-green-50);
    }
}
.dataTables_wrapper table tr.autoHighLight {
    box-shadow: inset 0 0 0 2px var(--chakra-colors-green-500);
    background: var(--chakra-colors-green-50);
}

/*duke home links*/
.home-link {
    overflow: hidden;
    padding-bottom: 5px;
}
.home-link li {
    list-style: none;
    display: block;
}
.home-link li.treeview {
    float: left;
    width: 225px;
    margin: 0 15px;
    text-align: center;
}
@media screen and (max-width: 425px) {
    .home-link li.treeview {
        width: 200px;
        margin: 0 6px;
    }
}
@media screen and (max-width: 375px) {
    .home-link li.treeview {
        width: 177px;
        margin: 0 5px;
    }
}
.home-link li.treeview .fa-angle-left {
    display: none;
}
.home-link li.treeview > a {
    padding: 2px;
    display: block;
    margin: 5px 0;
    pointer-events: none;
    color: black;
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
    background-color: #5bc0de;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.19);
}
.home-link li ul.treeview-menu {
    background-color: white;
    text-align: left;
    padding: 0px;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.19);
}
.home-link li ul.treeview-menu li {
    border-bottom: 1px solid #BDBDBD;
}
.home-link li ul.treeview-menu li.divider {
    display: none;
}
.home-link li ul.treeview-menu li:last-child {
    border: 0;
}
.home-link li ul.treeview-menu li a {
    padding: 5px 10px;
    color: #111;
    font-weight: 600;
    display: block;
}
.home-link li ul.treeview-menu li a:hover, .home-link li ul.treeview-menu li a:active, .home-link li ul.treeview-menu li a:focus, .home-link li ul.treeview-menu li a.hover {
    background-color: #00a65a !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-decoration: none;
    color: white;
    font-weight: 600;
}
.home-link li ul.treeview-menu li.subtree {
    /*                    text-align: center;*/
    position: relative;
}
.home-link li ul.treeview-menu li.subtree > a {
    /*                        background-color: #d2d6de;
                          color: black;
                          font-weight: 700;*/
}
.home-link li ul.treeview-menu li.subtree > a > .glyphicon {
    transition: all 0.2s;
    float: right !important;
}
.home-link li ul.treeview-menu li.subtree > a.active {
    background-color: #00a65a !important;
}
.home-link li ul.treeview-menu li.subtree > a.active > .glyphicon {
    transform: rotate(90deg);
}
.home-link li ul.treeview-menu li.subtree > a.category-arrow {
    background-color: transparent !important;
    width: 25px;
    float: right;
    font-weight: 100;
    position: absolute;
    top: 0;
    right: 10px;
    transition: all 0.2s;
}
.home-link li ul.treeview-menu li.subtree > a.category-arrow.active {
    transform: rotate(90deg);
    top: -4px;
}
.home-link li ul.treeview-menu li.subtree > a.category-arrow.active:focus {
    color: white;
}
.home-link li ul.treeview-menu li.subtree > a.category-arrow:focus {
    color: black;
}
.home-link li ul.treeview-menu li.subtree .fa-angle-double-right {
    display: none;
}
.home-link li ul.treeview-menu li.subtree .treeview-menu {
    border-radius: 0;
    max-height: 0;
    transition: max-height 0.5s;
}
.home-link li ul.treeview-menu li.subtree .treeview-menu.active {
    max-height: 1200px;
}

/*duke home links curved
.home-link{
    overflow: hidden;
    padding-bottom: 5px;
    li{
        list-style: none;
        display: block;
        &.treeview{
            float: left;
            width: 225px;
            margin: 0 15px;
            @media screen and (max-width: $phone-medium){
                width: 200px;
                margin: 0 6px;
            }
            @media screen and (max-width: $phone-small){
                width: 177px;
                margin: 0 5px;
            }
            .fa-angle-left{
                display: none;
            }
            text-align: center;
            >a{
                padding: 2px;
                display: block;
                margin: 5px 0;
                pointer-events: none;
                color: black;
                font-size: 16px;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
                background-color: #5bc0de;
                box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.19);
            }
        }

        ul.treeview-menu{
            text-align: left;
            padding: 0px;
            overflow: hidden;
            li{
                border: 1px solid #BDBDBD;
                border-radius: 5px;
                background-color: white;
                margin-bottom: 1px;
                &.divider{
                    display: none;
                }
                a{
                    padding:5px 10px;
                    color: $black;
                    font-weight: 600;
                    display: block;
                    &:hover,&:active,&:focus{
                        background: #64adde;
                        background-image: -webkit-linear-gradient(to bottom, #4DFE52 0, #5DC12A 100%);
                        background-image: -moz-linear-gradient(to bottom, #4DFE52 0, #5DC12A 100%);
                        background-image: -ms-linear-gradient(to bottom, #4DFE52 0, #5DC12A 100%);
                        background-image: -o-linear-gradient(to bottom, #4DFE52 0, #5DC12A 100%);
                        background-image: linear-gradient(to bottom, #4DFE52 0, #5DC12A 100%);
                        -webkit-border-radius: 0;
                        -moz-border-radius: 0;
                        text-decoration: none;
                        color: white;
                        font-weight: 600;
                    }
                }
                &.subtree{
                    background-color: transparent;
                    text-align: center;
                    border: 0;
                    > a{
                        background-color: #d2d6de;
                        color: black;
                        font-weight: 700;
                        border-radius: 5px;
                        margin-bottom: 4px;
                        margin-top: 2px;
                    }
                    .fa-angle-double-right{
                        display: none;
                    }
                    .treeview-menu{
                        border-radius: 0;
                        max-height: 0;
                        transition: max-height 0.5s;
                        &.active{
                            max-height: 800px;
                        }
                    }
                }
            }
        }
    }
}*/
/*Default*/
.skin-blue .home-link li.treeview > a {
    color: white;
    background-color: #446e9b;
}

/*BA*/
.skin-peacock .home-link li.treeview > a {
    color: white;
    background-color: #033C73;
}

/*S_P*/
.skin-navy .home-link li.treeview > a {
    color: white;
    background-color: rgb(60, 141, 188);
}

/*Field Read Only*/
.skin-night .home-link li.treeview > a {
    color: white;
    background-color: rgb(58, 63, 68);
}

.skin-denim .home-link li.treeview > a {
    color: white;
    background-color: rgb(55, 90, 127);
}

/*DIST_OPS*/
.skin-skyblue .home-link li.treeview > a {
    color: white;
    background-color: rgb(47, 164, 231);
}

/*Field*/
.skin-sundown .home-link li.treeview > a {
    color: white;
    background-color: rgb(58, 63, 68);
}

.sidebar-toggle {
    padding: 10px 10px 10px 3px;
}
.sidebar-toggle .icon-bar {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.48), 0 2px 8px 0 rgba(0, 0, 0, 0.28);
    width: 19px;
    height: 2px;
    background-color: white;
    display: block;
    transition: all 0.2s;
}
.sidebar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 0 8px;
}
.sidebar-toggle .middle-bar {
    opacity: 0;
}
.sidebar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 17px 1px;
}
.sidebar-toggle:hover:after {
    position: absolute;
    content: " Close Menu ";
    bottom: 10px;
    left: 40px;
    border: 1px solid #ddd;
    color: #f9f9f9;
    background: #111;
    padding: 4px 8px;
}
.sidebar-toggle:hover:before {
    content: "";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #111 transparent transparent;
    position: absolute;
    left: 32px;
    bottom: 14px;
    z-index: 30;
}
.sidebar-toggle:hover .sr-only {
    content: "";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #FFF transparent transparent;
    position: absolute;
    left: 31px;
    bottom: 15px;
    z-index: 0;
    clip: auto;
}
.sidebar-toggle.collapsed {
    padding: 10px 3px;
}
.sidebar-toggle.collapsed .icon-bar {
    margin: 5px;
}
.sidebar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
.sidebar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.sidebar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}
.sidebar-toggle.collapsed:hover:after {
    position: absolute;
    content: " Show Menu ";
    bottom: 10px;
    left: 40px;
    border: 1px solid #ddd;
    color: #f9f9f9;
    background: #111;
    padding: 4px 8px;
}
.sidebar-toggle.collapsed:hover:before {
    content: "";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #111 transparent transparent;
    position: absolute;
    left: 32px;
    bottom: 14px;
    z-index: 30;
}

.sidebar-menu .glyphicon-menu-right {
    display: none;
}
.sidebar-menu li.subtree {
    background-color: rgba(214, 214, 214, 0.55);
    margin-left: -5px !important;
    position: relative;
}

.sidebar li.subtree {
    background-color: rgba(214, 214, 214, 0.55);
    margin-left: -5px !important;
    position: relative;
}
.sidebar li.subtree.active a.category-arrow {
    transform: rotate(90deg);
    top: -4px;
}
.sidebar li.subtree a {
    background-color: #A7A7A7;
}
.sidebar li.subtree a.category-arrow {
    background-color: transparent !important;
    width: 25px;
    float: right;
    font-weight: 100;
    position: absolute;
    top: 0;
    right: 10px;
    transition: all 0.2s;
}

.main-header .navbar-nav > li > a {
    padding: 15px 10px 15px 10px !important;
}
.main-header .navbar-nav > li > a.active a.category-arrow {
    transform: rotate(90deg);
    top: -4px;
}
.main-header li.server-info {
    margin: 15px 10px !important;
}
.main-header li.server-info span {
    font-weight: 500;
    color: #ff9f43;
}

.topMenu.collapse.navbar-collapse.hide {
    display: none !important;
}
.topMenu .navbar-nav > li > .dropdown-menu {
    padding: 0 0;
    width: 225px;
}
.topMenu .navbar-nav > li > .dropdown-menu.new {
    width: auto;
}
.topMenu .navbar-nav > li > .dropdown-menu.new > li {
    border-bottom: none;
}
.topMenu .navbar-nav > li > .dropdown-menu a {
    padding: 5px 10px !important;
    color: #333 !important;
    font-weight: 600 !important;
    display: block;
}
.topMenu .navbar-nav > li > .dropdown-menu a:hover {
    background: #00a65a !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-decoration: none;
    color: white !important;
    font-weight: 600;
}
.topMenu .navbar-nav > li > .dropdown-menu p {
    display: block;
    margin: 5px 0;
    pointer-events: none;
    color: black;
    font-size: 16px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
    background-color: #5bc0de;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}
.topMenu .navbar-nav > li > a {
    font-size: 14px;
}
.topMenu li.dropdown {
    border-bottom: 0;
}
.topMenu i.fa.fa-angle-left.pull-right {
    display: none;
}
.topMenu li {
    border-bottom: 1px solid #BDBDBD;
}
.topMenu li:last-child {
    border-bottom: 0;
}
.topMenu ul.columnList {
    width: 225px;
    list-style: none;
}

.roles-dropdown {
    max-height: 70vh;
    right: 3% !important;
    overflow: auto;
}

@media (max-width: 767px) {
    .topMenu {
        overflow-x: hidden;
    }
    .topMenu ul.columnList {
        width: auto;
    }
    .main-header .mobile-custom-menu {
        float: left !important;
        margin-left: 15px !important;
        margin-bottom: -10px !important;
        margin-top: -10px !important;
    }
    .navbar-nav > li > .dropdown-menu {
        width: auto;
        background-color: white !important;
    }
    .navbar-collapse.in {
        max-height: 400px;
    }
    .navbar-collapse.in columnList {
        padding-right: 0;
    }
    .navbar-collapse.in a {
        color: white !important;
    }
    div#navbar-collapse {
        float: none !important;
    }
    div#navbar-collapse li.dropdown > a.dropdown-toggle > span {
        display: inline-block !important;
        padding-left: 8px;
    }
    div#navbar-collapse ul.columnList:last-child {
        column-count: 1;
    }
    .roles-dropdown {
        max-height: 50vh;
        top: inherit !important;
        left: 150px !important;
        width: fit-content !important;
        overflow: auto;
    }
    .userrole {
        width: 90px !important;
    }
    .search-icon, .spinner-icon {
        position: absolute !important;
        top: inherit !important;
        left: 20px !important;
        padding-top: 10px;
    }
    .mobile-caret {
        margin-top: -10px;
    }
    .mobile-quicklinks, .mobile-userrole, .mobile-notification {
        top: 10px;
    }
    .mobile-quicklinks-dropmenu {
        top: inherit !important;
        left: 110px !important;
        position: absolute !important;
    }
    .mobile-search-input {
        width: 105px !important;
    }
    .mobile-search-dropdown {
        width: 85vw !important;
        top: 105px !important;
        height: 60vh;
        left: 15px !important;
    }
    .mobile-search-dropdown li {
        border-bottom: 1px solid #dedede;
    }
    .mobile-search-dropdown li.header {
        position: absolute !important;
        top: 0px !important;
        width: 85vw !important;
    }
}
div#navbar-collapse.hide-labels li.dropdown > a.dropdown-toggle > span {
    display: none;
}

@media (max-width: 860px) {
    .userrole {
        width: 1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .usericon {
        top: -2px;
    }
    .main-header .mobile-custom-menu {
        margin-bottom: -10px !important;
    }
}
@media (min-width: 768px) and (max-width: 1070px) {
    div#navbar-collapse li.dropdown > a.dropdown-toggle > span {
        display: none;
    }
    div#navbar-collapse ul.columnList:last-child {
        column-count: 2;
        width: 450px;
    }
}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: static;
}
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
    left: auto;
}
.yamm .yamm-content {
    /*padding: 0px 30px;*/
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

/*Default*/
.skin-blue .topMenu .navbar-nav > li > .dropdown-menu p {
    color: white;
    background-color: #446e9b;
}

/*BA*/
.skin-peacock .topMenu .navbar-nav > li > .dropdown-menu p {
    color: white;
    background-color: #033C73;
}

/*S_P*/
.skin-navy .topMenu .navbar-nav > li > .dropdown-menu p {
    color: white;
    background-color: rgb(60, 141, 188);
}

/*Field Read Only*/
.skin-night .topMenu .navbar-nav > li > .dropdown-menu p {
    color: white;
    background-color: rgb(58, 63, 68);
}

.skin-denim .topMenu .navbar-nav > li > .dropdown-menu p {
    color: white;
    background-color: rgb(55, 90, 127);
}

/*DIST_OPS*/
.skin-skyblue .topMenu .navbar-nav > li > .dropdown-menu p {
    color: white;
    background-color: rgb(47, 164, 231);
}

/*Field*/
.skin-sundown .topMenu .navbar-nav > li > .dropdown-menu p {
    color: white;
    background-color: rgb(58, 63, 68);
}

#searchButtons {
    width: 100%;
}
#searchButtons .btn {
    border-radius: 0;
    padding: 7px 0;
}
#searchButtons .btn-bootstrap-default:first-child {
    width: 70px;
    margin-left: -1px;
}
#searchButtons .btn-bootstrap-default:nth-child(2) {
    width: 41px;
}
#searchButtons .btn-bootstrap-default:last-child {
    width: 61px;
    margin-right: -2px;
}

#searchBox {
    margin: -1px -3px -8px -1px;
}
#searchBox .btn-flat {
    padding: 5px;
    margin-top: 0;
    background: transparent;
    border: 1px solid #d9d9d9;
}

.navbar-custom-menu {
    font-size: 14px;
}
.navbar-custom-menu #notificationIcon {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.navbar-custom-menu #clearNotification {
    float: right;
    text-decoration: underline;
    cursor: pointer;
    color: #444;
}
.navbar-custom-menu #clearNotification:hover {
    color: #2f6dd4;
}
.navbar-custom-menu #notificationsHeader {
    color: black;
    font-weight: 600;
}
.navbar-custom-menu #notifications li.unread {
    background-color: #cfe7ef;
}
.navbar-custom-menu #notifications li.unread a span {
    font-weight: 600;
}
.navbar-custom-menu #notifications li.unread a:hover {
    background-color: #eaf7fb;
    color: black;
}
.navbar-custom-menu #notifications a {
    height: 50px;
}
.navbar-custom-menu #notifications a span {
    white-space: normal;
    float: right;
    width: 90%;
}
.navbar-custom-menu #globalSearch .fa.fa-spinner {
    display: none;
}
.navbar-custom-menu #globalSearch .fa-search, .navbar-custom-menu #globalSearch .fa-spinner {
    position: relative;
    top: 1px;
    left: 25px;
    color: #aaa;
}
.navbar-custom-menu #globalSearch #globalSearchInput {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: transparent;
    width: 99px;
    height: 35px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding-left: 25px;
}
.navbar-custom-menu #globalSearch #globalSearchInput:focus, .navbar-custom-menu #globalSearch #globalSearchInput:active {
    background-color: white;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown {
    width: 85vw;
    position: fixed;
    left: 0;
    margin: auto;
    max-height: 90vh;
    min-height: 0px;
    overflow: auto;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background: rgba(255, 255, 255, 0.6);
    padding-top: 40px;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li {
    border-bottom: 1px solid #dedede;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li.header {
    text-align: left;
    color: #525252;
    font-weight: 500;
    font-size: 15px;
    background: #f5efe6;
    margin-top: -6px;
    padding: 5px 30px 5px;
    border-bottom: none;
    position: fixed;
    top: 50px;
    width: 85vw;
    z-index: 5;
    margin: auto;
    left: auto;
    box-shadow: 0 1px 2px 2px #cacaca;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li.globalSearching {
    text-align: center;
    color: black;
    font-weight: 600;
    background: #eaeaea;
    margin-top: 0px;
    padding: 5px;
    border-bottom: none;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li a {
    height: 34px;
    padding: 2px 10px 7px;
    overflow: hidden;
    /*                    span.stations {
                          color: #dd4b39;
                          border-color: #dd4b39 !important;
                      }*/
    transition: font-size 0.2s;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li a span.sub {
    line-height: 27px;
    font-size: 11px;
    white-space: normal;
    background: rgba(255, 255, 255, 0.3);
    vertical-align: top;
    border: 1px solid #dcd7d7;
    color: #737373;
    margin: 0 6px;
    border-radius: 4px;
    padding: 0 4px;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li a span.num {
    font-weight: 600;
    font-size: 13px;
    color: black;
    white-space: normal;
    line-height: 27px;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li a span.start {
    font-size: 11px;
    white-space: normal;
    margin-left: 5px;
    color: #00a65a;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li a span.end {
    color: red;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li a span.comments {
    color: black;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li a span.badge {
    margin-left: 5px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #777;
    color: #737373;
    border-radius: 4px;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li a:hover {
    background: #eaf7fb;
    color: black;
    border-bottom: 1px solid #bbb;
}
.navbar-custom-menu #globalSearch #globalSearchDropdown li a:hover .fa {
    font-size: 18px;
}

.blur {
    filter: opacity(0.7) blur(3px);
}

.SNLogo {
    margin: 4px;
    height: 100%;
    width: 121px;
    object-fit: contain;
}
.SNLogo.PGELogo {
    height: auto;
    width: auto;
}

#outageContainer button.btn-target-toggle .glyphicon-chevron-right {
    transform: rotate(0deg);
    transition: transform 0.2s;
}
#outageContainer button.btn-target-toggle.active {
    transition: all 0.2s;
}
#outageContainer button.btn-target-toggle.active .glyphicon-chevron-right {
    transform: rotate(90deg);
    transition: transform 0.2s;
}
#outageContainer .btn-target {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
}
#outageContainer .btn-target.active {
    max-height: 600px;
    height: auto;
    overflow: unset;
    transition: max-height 0.3s;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    margin-bottom: 2px;
}
#outageContainer .btn-target label {
    padding-right: 5px;
    padding-left: 5px;
}
#outageContainer #generationUnitsContainer, #outageContainer #caisoGenerationUnitsContainer {
    padding: 0;
}
#outageContainer .tab-content {
    min-height: calc(100vh - 265px);
}
#outageContainer .tab-content .panel-body.initial,
#outageContainer .tab-content .panel-body.removal,
#outageContainer .tab-content .panel-body.return,
#outageContainer .tab-content [id^=int_].panel-body {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 265px);
    width: 100%;
    padding: 0;
}
#outageContainer .handsonTableContainer table {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}
#outageContainer .handsonTableContainer .handsontable.ht_clone_left, #outageContainer .handsonTableContainer .handsontable.ht_clone_top_left_corner {
    display: none;
}
#outageContainer .handsonTableContainer .handsontable .wtBorder.current {
    background-color: transparent !important;
}
#outageContainer .handsonTableContainer .handsontable .wtBorder.corner {
    background-color: rgb(75, 137, 255) !important;
}
#outageContainer .handsonTableContainer .handsontable thead th {
    border-bottom: 2px solid #c4c4c4;
}
#outageContainer .handsonTableContainer .handsontable thead th .relative {
    padding: 2px 0px 6px 0px;
}
#outageContainer .handsonTableContainer .handsontable th {
    color: #111;
    background-color: #f7f7f7;
    font-weight: 700;
    visibility: visible;
}
#outageContainer .handsonTableContainer .handsontable th:first-child {
    border-left: 0;
}
#outageContainer .handsonTableContainer .handsontable th:first-child.light {
    background-color: white;
    font-weight: 500;
}
#outageContainer .handsonTableContainer .handsontable th:first-child.light div.relative span.rowHeader {
    float: none;
    margin-right: 0px;
}
#outageContainer .handsonTableContainer .handsontable th:first-child div.relative span.rowHeader {
    float: right;
    margin-right: 2px;
}
#outageContainer .handsonTableContainer .handsontable th.selectRow {
    background-color: #ffffd5;
}
#outageContainer .handsonTableContainer .handsontable th.ht__highlight.currentRow {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageContainer .handsonTableContainer .handsontable th.ht__highlight.currentRow:before {
    content: "\0025B8";
    font-size: 18px;
    float: left;
    color: green;
}
#outageContainer .handsonTableContainer .handsontable td {
    padding: 3px 5px;
}
#outageContainer .handsonTableContainer .handsontable td.currentRow, #outageContainer .handsonTableContainer .handsontable td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageContainer .handsonTableContainer .handsontable td.currentRow .htAutocompleteArrow, #outageContainer .handsonTableContainer .handsontable td.current .htAutocompleteArrow {
    color: #777;
}
#outageContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5 !important;
}
#outageContainer .handsonTableContainer .handsontable td.color-black {
    color: #111;
}
#outageContainer .handsonTableContainer .handsontable td.htDimmed {
    background-color: #e8e8e8;
    color: black;
}
#outageContainer .handsonTableContainer .handsontable td.htDimmed.light {
    background-color: #f7f7f7;
    cursor: initial;
}
#outageContainer .handsonTableContainer .handsontable td.htDimmed.light.current {
    box-shadow: none;
}
#outageContainer .handsonTableContainer .handsontable td.htDimmed.light.currentRow, #outageContainer .handsonTableContainer .handsontable td.htDimmed.light.current, #outageContainer .handsonTableContainer .handsontable td.htDimmed.light.area.highlight {
    background-color: #eaeaea !important;
}
#outageContainer .handsonTableContainer .handsontable td.htDimmed.light.area.highlight:before {
    opacity: 0;
    background-color: #eaeaea !important;
}
#outageContainer .handsonTableContainer .handsontable td.htDimmed.light.selectRow {
    background-color: #ffffd5 !important;
}
#outageContainer .handsonTableContainer .handsontable td.readonly {
    background-color: #f7f7f7 !important;
}
#outageContainer .handsonTableContainer .handsontable td.ht-cell-updated, #outageContainer .handsonTableContainer .handsontable td.htInvalid {
    box-shadow: inset 0px 0px 0px 1px red;
    background-color: white !important;
}
#outageContainer .handsonTableContainer .handsontable td.current, #outageContainer .handsonTableContainer .handsontable td.current.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 2px rgb(75, 137, 255);
}
#outageContainer .handsonTableContainer .handsontable td.headerRow {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #f7f7f7;
}
#outageContainer .handsonTableContainer .handsontable tr:hover td {
    background-color: rgba(220, 238, 244, 0.3);
}
#outageContainer .handsonTableContainer .handsontable tr:hover td.htDimmed {
    background-color: rgba(220, 238, 244, 0.3);
}
#outageContainer .handsonTableContainer .handsontable th.pageBreak,
#outageContainer .handsonTableContainer .handsontable td.pageBreak {
    background-color: #fff;
    border-right-color: #fff;
    color: #ccc;
}
#outageContainer .handsonTableContainer .handsontable th.pageBreak.htDimmed.light,
#outageContainer .handsonTableContainer .handsontable td.pageBreak.htDimmed.light {
    border-right-color: #f7f7f7;
}
#outageContainer .handsonTableContainer .handsontable th.critical,
#outageContainer .handsonTableContainer .handsontable td.critical {
    color: red;
}
#outageContainer .handsonTableContainer .handsontable .handsontableInputHolder:after {
    content: "";
    position: absolute;
    bottom: 1px;
    display: block;
    box-shadow: 0px 2px 7px 0px #a5a5a5;
    height: 100%;
    width: calc(100% - 20px);
    z-index: -10;
}
#outageContainer .handsonTableContainer .handsontable .htCheckboxRendererInput {
    border-color: #bbb;
}
#outageContainer .handsonTableContainer .handsontable .htCheckboxRendererInput.noValue {
    opacity: 1;
}
#outageContainer .handsonTableContainer .handsontable .htCheckboxRendererInput:checked {
    border: 1px solid #12e283 !important;
    background: #f0fff0;
}
#outageContainer .handsonTableContainer .handsontable.listbox tr {
    height: 22px !important;
}
#outageContainer .handsonTableContainer .handsontable.listbox th,
#outageContainer .handsonTableContainer .handsontable.listbox td {
    white-space: pre-line;
    text-overflow: ellipsis;
    border: 0;
    border-bottom: 1px solid #bbbbbb;
    background: #f2f2f2;
    color: #2b2b2b;
}
#outageContainer .handsonTableContainer .handsontable.listbox th.htDimmed:hover, #outageContainer .handsonTableContainer .handsontable.listbox th.current,
#outageContainer .handsonTableContainer .handsontable.listbox td.htDimmed:hover,
#outageContainer .handsonTableContainer .handsontable.listbox td.current {
    background-color: rgba(58, 159, 192, 0.3);
    border-width: 1px;
    font-weight: bold;
    color: #111;
}
#outageContainer .handsonTableContainer .handsontable.htColumnHeaders {
    overflow: visible !important;
}
#outageContainer .handsonTableContainer .handsontable .autocompleteEditor {
    padding-right: 0;
    /*box-shadow: rgb(206, 198, 198) -5px 2px 9px;*/
}
#outageContainer .handsonTableContainer .handsontable .handsontable td.htSearchResult {
    background: transparent;
    color: #111;
}
#outageContainer .handsonTableContainer .handsontable .matched {
    background-color: yellow;
    font-weight: 600;
    border-bottom: 1px solid #111;
}
#outageContainer .handsonTableContainer .hot-container {
    overflow: hidden;
}
#outageContainer .handsonTableContainer .ht_clone_left.handsontable {
    display: none;
}
#outageContainer .handsonTableContainer .handsontable .ht__manualRowMove--backlight {
    display: none !important;
    z-index: 5;
    pointer-events: none;
}
#outageContainer .handsonTableContainer .handsontableToolbar {
    height: auto;
    padding: 4px 7px 3px 2px;
    background-color: white;
}
@media (max-width: 1148px) {
    #outageContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
        display: none;
    }
}
#outageContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
    padding-left: 2px;
}
#outageContainer .handsonTableContainer .handsontableToolbar .textStyles,
#outageContainer .handsonTableContainer .handsontableToolbar .editorActions {
    float: left;
    padding-left: 5px;
}
#outageContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn {
    font-weight: 600;
    margin: 0 1px 1px 0;
}
#outageContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.active {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
    background: white;
}
#outageContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:hover {
    background-color: white !important;
}
#outageContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:focus {
    border-color: #dcdcdc;
    outline: 0;
}
#outageContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.custValidate {
    color: red;
}
#outageContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul {
    padding: 0;
    box-shadow: 1px 2px 2px #7f7b7b;
}
#outageContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn {
    margin: -1px;
}
#outageContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn a {
    padding: 5px;
    color: #111;
    background-color: white;
}
#outageContainer .handsonTableContainer .handsontableToolbar .editorActions button.btn.ctrlBtn.enabled:hover {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
}
#outageContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input {
    margin-right: 3px;
}
#outageContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error, #outageContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error:focus {
    border-color: #b94a48 !important;
}
#outageContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success, #outageContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success:focus {
    border-color: #00a65a !important;
}
#outageContainer #tblAuthTagging .fa-user {
    color: #b7b7b7;
    cursor: pointer;
}
#outageContainer #tblAuthTagging .fa-user:hover {
    color: black;
    font-weight: bold;
}
#outageContainer #tblAuthTagging .popover {
    width: auto;
}
#outageContainer #clearancePointsPanel .handsonTableContainer table {
    table-layout: fixed;
    border-spacing: 0;
}
#outageContainer #clearancePointsPanel .handsonTableContainer img.icon-image {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable {
    /*th,*/
    /*                    .handsontableInputHolder:after {
                          content: "";
                          position: absolute;
                          bottom: 1px;
                          display: block;
                          box-shadow: 0px 2px 7px 0px #a5a5a5;
                          height: 100%;
                          width: calc(100% - 20px);
                          z-index: -10;
                      }*/
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .ht_clone_top_left_corner.handsontable table {
    border-right: 1px solid #dedede;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.ht_clone_left, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.ht_clone_top_left_corner {
    display: none;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .handsontable .ht__manualRowMove--backlight {
    /*                        display: none !important;
                          z-index: 5;
                          pointer-events: none;*/
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .wtBorder.current {
    background-color: transparent !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .wtBorder.corner {
    background-color: rgb(75, 137, 255) !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable thead th {
    border-bottom: 2px solid #c4c4c4;
    font-weight: 700;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable thead th .relative {
    padding: 2px 0px 6px 0px;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable th {
    color: #111;
    visibility: visible;
    font-weight: 500;
    border-left: 0;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable th div.relative span.rowHeader {
    float: none;
    margin-right: 0px;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable tr:hover {
    /*th,*/
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable tr:hover td {
    background-color: rgba(220, 238, 244, 0.3);
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable tr:hover td.htDimmed {
    background-color: rgba(220, 238, 244, 0.3);
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable tr:hover td.currentRow, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable tr:hover td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable tr:hover td.currentRow .htAutocompleteArrow, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable tr:hover td.current .htAutocompleteArrow {
    color: #777;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable tr:hover td.headerRow {
    background: #f7f7f7;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td {
    padding: 4px 0px 4px 5px;
    border-right-color: #dedede;
    border-bottom-color: #dedede;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.currentRow, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.currentRow .htAutocompleteArrow, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current .htAutocompleteArrow {
    color: #777;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current.listbox.htDimmed, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 2px rgb(75, 137, 255);
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current.htDimmed, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current.pageBreak, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current.listbox.htDimmed.htDimmed, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current.listbox.htDimmed.pageBreak, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current.ht-cell-updated.htDimmed, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.current.ht-cell-updated.pageBreak {
    box-shadow: inset 0px 0px 0px 2px #c4c4c4;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5 !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.color-black {
    color: #111;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.ht__highlight.currentRow {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.ht__highlight.currentRow:before {
    content: "\0025B8";
    font-size: 18px;
    float: left;
    color: green;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow {
    background-color: #f7f7f7;
    color: black;
    cursor: initial;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed .htCheckboxRendererInput, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow .htCheckboxRendererInput {
    display: none;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed.currentRow, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed.current, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed.area.highlight, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow.currentRow, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow.current, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow.area.highlight {
    background-color: #dedede !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed.currentRow.pageBreak, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed.current.pageBreak, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed.area.highlight.pageBreak, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow.currentRow.pageBreak, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow.current.pageBreak, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow.area.highlight.pageBreak {
    background-color: #fff !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed.area.highlight:before, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow.area.highlight:before {
    opacity: 0;
    background-color: #eaeaea !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htDimmed.selectRow, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow.selectRow {
    background-color: #ffffd5 !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 1px red;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.pageBreak {
    background-color: #fff !important;
    border-right-color: #fff;
    color: #ccc;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.pageBreak .htCheckboxRendererInput {
    display: none;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.critical {
    color: red;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.ht-checkbox {
    background-color: #f7f7f7;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.headerRow {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #f7f7f7;
    border-right-color: #f7f7f7;
    border-bottom: 2px solid #ababab;
}
@keyframes border-pulsate {
    0% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
    /*20%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    50% {
        box-shadow: inset 0px 0px 0px 1px green;
    }
    /*70%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    100% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.highLight {
    box-shadow: inset 0px 0px 0px 2px green;
    color: green;
    font-weight: 500;
    animation: border-pulsate 2s infinite;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.htNoWrap {
    text-overflow: ellipsis;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.darkblue {
    color: #007dff;
    font-weight: 500;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable td.darkred {
    color: #ff0000;
    font-weight: 500;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .handsontableInputHolder .autocompleteEditor {
    box-shadow: 0px 2px 7px 0px #a5a5a5;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .ht-Checkbox {
    border-color: #bbb;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .ht-Checkbox:checked {
    border: 1px solid #12e283 !important;
    background: #f0fff0;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.listbox tr {
    height: 22px !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.listbox th,
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.listbox td {
    white-space: pre-line;
    text-overflow: ellipsis;
    border: 0;
    border-bottom: 1px solid #bbbbbb;
    background: #f2f2f2;
    color: #2b2b2b;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.listbox th.htDimmed:hover, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.listbox th.htDimmed.current,
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.listbox td.htDimmed:hover,
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.listbox td.htDimmed.current {
    background-color: rgba(58, 159, 192, 0.3) !important;
    border-width: 1px;
    font-weight: bold;
    color: #111;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable.htColumnHeaders {
    overflow: visible !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .autocompleteEditor {
    padding-right: 0;
    /*box-shadow: rgb(206, 198, 198) -5px 2px 9px;*/
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .handsontable td.htSearchResult {
    background: transparent;
    color: #111;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontable .matched {
    background-color: yellow;
    font-weight: 600;
    border-bottom: 1px solid #111;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .hot-container {
    overflow: hidden;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar {
    min-height: 38px;
    height: auto;
    padding: 4px 7px 3px 2px;
    background-color: white;
}
@media (max-width: 1148px) {
    #outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar span.toolbarLabel {
        display: none;
    }
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar span.toolbarLabel {
    padding-left: 2px;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .textStyles,
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .editorActions {
    float: left;
    padding-left: 5px;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .sp-replacer {
    height: 30px;
    padding: 4px;
    background: #f2f2f2;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .sp-dd {
    display: none;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn {
    font-weight: 600;
    margin: 0 1px 1px 0;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.active {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
    background: white;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:hover {
    background-color: white !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:focus {
    border-color: #dcdcdc;
    outline: 0;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.custValidate {
    color: red;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .actionDropdown ul {
    padding: 0;
    box-shadow: 1px 2px 2px #7f7b7b;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn {
    margin: -1px;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn a {
    padding: 5px;
    color: #111;
    background-color: white;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .editorActions button.btn.ctrlBtn.enabled:hover {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .rowBtn .fa:after {
    height: 2px;
    width: 16px;
    background: #444444;
    content: "";
    position: absolute;
    bottom: 5px;
    left: 10px;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .searchAndReplace input {
    margin-right: 3px;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .searchAndReplace input.error, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .searchAndReplace input.error:focus {
    border-color: #b94a48 !important;
}
#outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .searchAndReplace input.success, #outageContainer #clearancePointsPanel .handsonTableContainer .handsontableToolbar .searchAndReplace input.success:focus {
    border-color: #00a65a !important;
}
#outageContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] {
    position: relative;
    padding-right: 30px;
}
#outageContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer {
    position: absolute;
    right: 8px;
    top: 5px;
    color: red;
    padding: 0px 5px;
    box-shadow: 1px 1px 1px rgb(197, 197, 197);
    transition: all 0.15s;
    border: none;
}
#outageContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer:hover {
    background-color: white;
    box-shadow: 0px 1px 1px 0px red;
}
#outageContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer:active {
    box-shadow: inset 1px 1px 3px 0px red;
}
#outageContainer #editorContainer #editorTabs .tab-content {
    min-height: calc(100vh - 265px);
}
#outageContainer #editorContainer #editorTabs .tab-content .panel-body.initial,
#outageContainer #editorContainer #editorTabs .tab-content .panel-body.removal,
#outageContainer #editorContainer #editorTabs .tab-content .panel-body.return,
#outageContainer #editorContainer #editorTabs .tab-content [id^=int_].panel-body {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 265px);
    width: 100%;
    padding: 0;
}
#outageContainer #editorContainer #editorTabs .panel {
    background-color: #f5efe6;
}
#outageContainer #editorContainer .handsonTableContainer table {
    table-layout: fixed;
    border-spacing: 0;
}
#outageContainer #editorContainer .handsonTableContainer img.icon-image {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable {
    /*th,*/
    /*                    .handsontableInputHolder:after {
                          content: "";
                          position: absolute;
                          bottom: 1px;
                          display: block;
                          box-shadow: 0px 2px 7px 0px #a5a5a5;
                          height: 100%;
                          width: calc(100% - 20px);
                          z-index: -10;
                      }*/
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .ht_clone_top_left_corner.handsontable table {
    border-right: 1px solid #dedede;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable.ht_clone_left, #outageContainer #editorContainer .handsonTableContainer .handsontable.ht_clone_top_left_corner {
    display: none;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .handsontable .ht__manualRowMove--backlight {
    /*                        display: none !important;
                          z-index: 5;
                          pointer-events: none;*/
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .wtBorder.current {
    background-color: transparent !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .wtBorder.corner {
    background-color: rgb(75, 137, 255) !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable thead th {
    border-bottom: 2px solid #c4c4c4;
    font-weight: 700;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable thead th .relative {
    padding: 2px 0px 6px 0px;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable th {
    color: #111;
    visibility: visible;
    font-weight: 500;
    border-left: 0;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable th div.relative span.rowHeader {
    float: none;
    margin-right: 0px;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable tr:hover {
    /*th,*/
}
#outageContainer #editorContainer .handsonTableContainer .handsontable tr:hover td {
    background-color: rgba(220, 238, 244, 0.3);
}
#outageContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.htDimmed {
    background-color: rgba(220, 238, 244, 0.3);
}
#outageContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.currentRow, #outageContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.currentRow .htAutocompleteArrow, #outageContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.current .htAutocompleteArrow {
    color: #777;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.headerRow {
    background: #f7f7f7;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td {
    padding: 4px 0px 4px 5px;
    border-right-color: #dedede;
    border-bottom-color: #dedede;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.currentRow, #outageContainer #editorContainer .handsonTableContainer .handsontable td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.currentRow .htAutocompleteArrow, #outageContainer #editorContainer .handsonTableContainer .handsontable td.current .htAutocompleteArrow {
    color: #777;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.current, #outageContainer #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed, #outageContainer #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 2px rgb(75, 137, 255);
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.current.htDimmed, #outageContainer #editorContainer .handsonTableContainer .handsontable td.current.pageBreak, #outageContainer #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed.htDimmed, #outageContainer #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed.pageBreak, #outageContainer #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated.htDimmed, #outageContainer #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated.pageBreak {
    box-shadow: inset 0px 0px 0px 2px #c4c4c4;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5 !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.color-black {
    color: #111;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.ht__highlight.currentRow {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.ht__highlight.currentRow:before {
    content: "\0025B8";
    font-size: 18px;
    float: left;
    color: green;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow {
    background-color: #f7f7f7;
    color: black;
    cursor: initial;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed .htCheckboxRendererInput, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow .htCheckboxRendererInput {
    display: none;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.currentRow, #outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.current, #outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.currentRow, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.current, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight {
    background-color: #dedede !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.currentRow.pageBreak, #outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.current.pageBreak, #outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight.pageBreak, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.currentRow.pageBreak, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.current.pageBreak, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight.pageBreak {
    background-color: #fff !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight:before, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight:before {
    opacity: 0;
    background-color: #eaeaea !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.selectRow, #outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.selectRow {
    background-color: #ffffd5 !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 1px red;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.pageBreak {
    background-color: #fff !important;
    border-right-color: #fff;
    color: #ccc;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.pageBreak .htCheckboxRendererInput {
    display: none;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.critical {
    color: red;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.ht-checkbox {
    background-color: #f7f7f7;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.headerRow {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #f7f7f7;
    border-right-color: #f7f7f7;
    border-bottom: 2px solid #ababab;
}
@keyframes border-pulsate {
    0% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
    /*20%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    50% {
        box-shadow: inset 0px 0px 0px 1px green;
    }
    /*70%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    100% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.highLight {
    box-shadow: inset 0px 0px 0px 2px green;
    color: green;
    font-weight: 500;
    animation: border-pulsate 2s infinite;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.htNoWrap {
    text-overflow: ellipsis;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.darkblue {
    color: #007dff;
    font-weight: 500;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable td.darkred {
    color: #ff0000;
    font-weight: 500;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .handsontableInputHolder .autocompleteEditor {
    box-shadow: 0px 2px 7px 0px #a5a5a5;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .ht-Checkbox {
    border-color: #bbb;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .ht-Checkbox:checked {
    border: 1px solid #12e283 !important;
    background: #f0fff0;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable.listbox tr {
    height: 22px !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable.listbox th,
#outageContainer #editorContainer .handsonTableContainer .handsontable.listbox td {
    white-space: pre-line;
    text-overflow: ellipsis;
    border: 0;
    border-bottom: 1px solid #bbbbbb;
    background: #f2f2f2;
    color: #2b2b2b;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable.listbox th.htDimmed:hover, #outageContainer #editorContainer .handsonTableContainer .handsontable.listbox th.htDimmed.current,
#outageContainer #editorContainer .handsonTableContainer .handsontable.listbox td.htDimmed:hover,
#outageContainer #editorContainer .handsonTableContainer .handsontable.listbox td.htDimmed.current {
    background-color: rgba(58, 159, 192, 0.3) !important;
    border-width: 1px;
    font-weight: bold;
    color: #111;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable.htColumnHeaders {
    overflow: visible !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .autocompleteEditor {
    padding-right: 0;
    /*box-shadow: rgb(206, 198, 198) -5px 2px 9px;*/
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .handsontable td.htSearchResult {
    background: transparent;
    color: #111;
}
#outageContainer #editorContainer .handsonTableContainer .handsontable .matched {
    background-color: yellow;
    font-weight: 600;
    border-bottom: 1px solid #111;
}
#outageContainer #editorContainer .handsonTableContainer .hot-container {
    overflow: hidden;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar {
    min-height: 38px;
    height: auto;
    padding: 4px 7px 3px 2px;
    background-color: white;
}
@media (max-width: 1148px) {
    #outageContainer #editorContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
        display: none;
    }
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
    padding-left: 2px;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .textStyles,
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .editorActions {
    float: left;
    padding-left: 5px;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .sp-replacer {
    height: 30px;
    padding: 4px;
    background: #f2f2f2;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .sp-dd {
    display: none;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn {
    font-weight: 600;
    margin: 0 1px 1px 0;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.active {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
    background: white;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:hover {
    background-color: white !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:focus {
    border-color: #dcdcdc;
    outline: 0;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.custValidate {
    color: red;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul {
    padding: 0;
    box-shadow: 1px 2px 2px #7f7b7b;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn {
    margin: -1px;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn a {
    padding: 5px;
    color: #111;
    background-color: white;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .editorActions button.btn.ctrlBtn.enabled:hover {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .rowBtn .fa:after {
    height: 2px;
    width: 16px;
    background: #444444;
    content: "";
    position: absolute;
    bottom: 5px;
    left: 10px;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input {
    margin-right: 3px;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error, #outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error:focus {
    border-color: #b94a48 !important;
}
#outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success, #outageContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success:focus {
    border-color: #00a65a !important;
}
#outageContainer .modalsContainer .modal .modal-content {
    box-shadow: -4px 16px 16px rgba(0, 0, 0, 0.2) !important;
    border-radius: 3px;
}
#outageContainer .modalsContainer .modal .modal-body label {
    width: 115px;
    vertical-align: top;
    float: left;
}
#outageContainer .modalsContainer .modal .modal-body .col-xs-12 {
    margin-bottom: 3px;
}
#outageContainer .modalsContainer .modal .modal-body .col-xs-12 textarea {
    width: calc(100% - 120px);
}
#outageContainer .modalsContainer .modal .modal-body .col-xs-12 div.dateTimeControl {
    width: 208px;
    min-width: 208px;
    display: inline-block;
}
#outageContainer .modalsContainer .modal .modal-body .border {
    border: 1px solid #cfc5b1;
    border-radius: 3px;
    background: #eee;
    display: table;
    padding: 9px;
    margin-bottom: 7px;
    margin: -1px;
}
#outageContainer .modalsContainer #genericSwitchingModal {
    /*            .modal-content {
                  margin-top: 56px;
              }*/
}
#outageContainer .modalsContainer #genericSwitchingModal label {
    width: unset;
    float: left;
}
#outageContainer .modalsContainer #genericSwitchingModal .inlineBlock {
    padding-right: 3px;
}
#outageContainer .modalsContainer #genericSwitchingModal .inlineBlock .select2-container {
    float: left;
    clear: left;
}
#outageContainer .modalsContainer #genericSwitchingModal .modal-body {
    height: calc(100vh - 300px);
}
#outageContainer .modalsContainer #releaseClrModal label {
    width: 156px;
}
#outageContainer .modalsContainer #releaseClrModal textarea {
    width: 100%;
}
#outageContainer .modalsContainer #workpartModal .modal-dialog {
    width: 80%;
}
#outageContainer .modalsContainer #workpartModal span.error {
    font-weight: 600;
}
#outageContainer .modalsContainer #workpartModal #workpartTable {
    margin-bottom: 0;
}
#outageContainer .modalsContainer #workpartModal #workpartTable thead th {
    background-color: #f7f7f7;
}
#outageContainer .modalsContainer #workpartModal #workpartTable thead th:first-child {
    padding-left: 10px;
}
#outageContainer .modalsContainer #workpartModal #workpartTable tr:hover td {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageContainer .modalsContainer #workpartModal #workpartTable tr.bold td {
    font-weight: 600 !important;
}
#outageContainer .modalsContainer #workpartModal #workpartTable tr.included td {
    background-color: #f7f7f7;
    color: #111;
}
#outageContainer .modalsContainer #workpartModal #workpartTable tr td:first-child {
    padding-left: 10px;
}
#outageContainer .modalsContainer #workpartModal #workpartTable tr td:last-child .btn {
    margin: 2px;
    font-size: 15px;
    padding: 3px 12px;
    transition: all 0.15s;
}
#outageContainer .modalsContainer #workpartModal #workpartTable tr td:last-child .btn:hover {
    background: white !important;
}
#outageContainer .modalsContainer #workpartModal #workpartTable tr td:last-child .btn .text-success {
    color: #00a65a;
}

#outageActivityTabContainer {
    margin-bottom: 50px;
}
#outageActivityTabContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] {
    position: relative;
    padding-right: 30px;
}
#outageActivityTabContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer {
    position: absolute;
    right: 8px;
    top: 5px;
    color: red;
    padding: 0px 5px;
    box-shadow: 1px 1px 1px rgb(197, 197, 197);
    transition: all 0.15s;
    border: none;
}
#outageActivityTabContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer:hover {
    background-color: white;
    box-shadow: 0px 1px 1px 0px red;
}
#outageActivityTabContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer:active {
    box-shadow: inset 1px 1px 3px 0px red;
}
#outageActivityTabContainer #editorContainer #editorTabs .tab-content {
    min-height: calc(100vh - 265px);
}
#outageActivityTabContainer #editorContainer #editorTabs .tab-content .panel-body.initial,
#outageActivityTabContainer #editorContainer #editorTabs .tab-content .panel-body.removal,
#outageActivityTabContainer #editorContainer #editorTabs .tab-content .panel-body.return,
#outageActivityTabContainer #editorContainer #editorTabs .tab-content [id^=int_].panel-body {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 265px);
    width: 100%;
    padding: 0;
}
#outageActivityTabContainer #editorContainer #editorTabs .panel {
    background-color: #f5efe6;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer table {
    table-layout: fixed;
    border-spacing: 0;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer img.icon-image {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable {
    /*th,*/
    /*                    .handsontableInputHolder:after {
                          content: "";
                          position: absolute;
                          bottom: 1px;
                          display: block;
                          box-shadow: 0px 2px 7px 0px #a5a5a5;
                          height: 100%;
                          width: calc(100% - 20px);
                          z-index: -10;
                      }*/
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .ht_clone_top_left_corner.handsontable table {
    border-right: 1px solid #dedede;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.ht_clone_left, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.ht_clone_top_left_corner {
    display: none;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .handsontable .ht__manualRowMove--backlight {
    /*                        display: none !important;
                          z-index: 5;
                          pointer-events: none;*/
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .wtBorder.current {
    background-color: transparent !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .wtBorder.corner {
    background-color: rgb(75, 137, 255) !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable thead th {
    border-bottom: 2px solid #c4c4c4;
    font-weight: 700;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable thead th .relative {
    padding: 2px 0px 6px 0px;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable th {
    color: #111;
    visibility: visible;
    font-weight: 500;
    border-left: 0;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable th div.relative span.rowHeader {
    float: none;
    margin-right: 0px;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable tr:hover {
    /*th,*/
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable tr:hover td {
    background-color: rgba(220, 238, 244, 0.3);
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.htDimmed {
    background-color: rgba(220, 238, 244, 0.3);
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.currentRow, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.currentRow .htAutocompleteArrow, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.current .htAutocompleteArrow {
    color: #777;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.headerRow {
    background: #f7f7f7;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td {
    padding: 4px 0px 4px 5px;
    border-right-color: #dedede;
    border-bottom-color: #dedede;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.currentRow, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.currentRow .htAutocompleteArrow, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current .htAutocompleteArrow {
    color: #777;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 2px rgb(75, 137, 255);
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current.htDimmed, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current.pageBreak, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed.htDimmed, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed.pageBreak, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated.htDimmed, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated.pageBreak {
    box-shadow: inset 0px 0px 0px 2px #c4c4c4;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5 !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.color-black {
    color: #111;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.ht__highlight.currentRow {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.ht__highlight.currentRow:before {
    content: "\0025B8";
    font-size: 18px;
    float: left;
    color: green;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow {
    background-color: #f7f7f7;
    color: black;
    cursor: initial;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed .htCheckboxRendererInput, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow .htCheckboxRendererInput {
    display: none;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.currentRow, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.current, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.currentRow, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.current, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight {
    background-color: #dedede !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.currentRow.pageBreak, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.current.pageBreak, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight.pageBreak, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.currentRow.pageBreak, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.current.pageBreak, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight.pageBreak {
    background-color: #fff !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight:before, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight:before {
    opacity: 0;
    background-color: #eaeaea !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.selectRow, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.selectRow {
    background-color: #ffffd5 !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 1px red;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.pageBreak {
    background-color: #fff !important;
    border-right-color: #fff;
    color: #ccc;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.pageBreak .htCheckboxRendererInput {
    display: none;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.critical {
    color: red;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.ht-checkbox {
    background-color: #f7f7f7;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.headerRow {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #f7f7f7;
    border-right-color: #f7f7f7;
    border-bottom: 2px solid #ababab;
}
@keyframes border-pulsate {
    0% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
    /*20%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    50% {
        box-shadow: inset 0px 0px 0px 1px green;
    }
    /*70%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    100% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.highLight {
    box-shadow: inset 0px 0px 0px 2px green;
    color: green;
    font-weight: 500;
    animation: border-pulsate 2s infinite;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.htNoWrap {
    text-overflow: ellipsis;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.darkblue {
    color: #007dff;
    font-weight: 500;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable td.darkred {
    color: #ff0000;
    font-weight: 500;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .handsontableInputHolder .autocompleteEditor {
    box-shadow: 0px 2px 7px 0px #a5a5a5;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .ht-Checkbox {
    border-color: #bbb;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .ht-Checkbox:checked {
    border: 1px solid #12e283 !important;
    background: #f0fff0;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.listbox tr {
    height: 22px !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.listbox th,
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.listbox td {
    white-space: pre-line;
    text-overflow: ellipsis;
    border: 0;
    border-bottom: 1px solid #bbbbbb;
    background: #f2f2f2;
    color: #2b2b2b;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.listbox th.htDimmed:hover, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.listbox th.htDimmed.current,
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.listbox td.htDimmed:hover,
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.listbox td.htDimmed.current {
    background-color: rgba(58, 159, 192, 0.3) !important;
    border-width: 1px;
    font-weight: bold;
    color: #111;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable.htColumnHeaders {
    overflow: visible !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .autocompleteEditor {
    padding-right: 0;
    /*box-shadow: rgb(206, 198, 198) -5px 2px 9px;*/
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .handsontable td.htSearchResult {
    background: transparent;
    color: #111;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontable .matched {
    background-color: yellow;
    font-weight: 600;
    border-bottom: 1px solid #111;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .hot-container {
    overflow: hidden;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar {
    min-height: 38px;
    height: auto;
    padding: 4px 7px 3px 2px;
    background-color: white;
}
@media (max-width: 1148px) {
    #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
        display: none;
    }
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
    padding-left: 2px;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .textStyles,
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .editorActions {
    float: left;
    padding-left: 5px;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .sp-replacer {
    height: 30px;
    padding: 4px;
    background: #f2f2f2;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .sp-dd {
    display: none;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn {
    font-weight: 600;
    margin: 0 1px 1px 0;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.active {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
    background: white;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:hover {
    background-color: white !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:focus {
    border-color: #dcdcdc;
    outline: 0;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.custValidate {
    color: red;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul {
    padding: 0;
    box-shadow: 1px 2px 2px #7f7b7b;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn {
    margin: -1px;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn a {
    padding: 5px;
    color: #111;
    background-color: white;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .editorActions button.btn.ctrlBtn.enabled:hover {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .rowBtn .fa:after {
    height: 2px;
    width: 16px;
    background: #444444;
    content: "";
    position: absolute;
    bottom: 5px;
    left: 10px;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input {
    margin-right: 3px;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error:focus {
    border-color: #b94a48 !important;
}
#outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success, #outageActivityTabContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success:focus {
    border-color: #00a65a !important;
}
#outageActivityTabContainer .modalsContainer .modal .modal-content {
    box-shadow: -4px 16px 16px rgba(0, 0, 0, 0.2) !important;
    border-radius: 3px;
}
#outageActivityTabContainer .modalsContainer .modal .modal-body label {
    width: 115px;
    vertical-align: top;
    float: left;
}
#outageActivityTabContainer .modalsContainer .modal .modal-body .col-xs-12 {
    margin-bottom: 3px;
}
#outageActivityTabContainer .modalsContainer .modal .modal-body .col-xs-12 textarea {
    width: calc(100% - 120px);
}
#outageActivityTabContainer .modalsContainer .modal .modal-body .col-xs-12 div.dateTimeControl {
    width: 208px;
    min-width: 208px;
    display: inline-block;
}
#outageActivityTabContainer .modalsContainer .modal .modal-body .border {
    border: 1px solid #cfc5b1;
    border-radius: 3px;
    background: #eee;
    display: table;
    padding: 9px;
    margin-bottom: 7px;
    margin: -1px;
}
#outageActivityTabContainer .modalsContainer #genericSwitchingModal {
    /*            .modal-content {
                  margin-top: 56px;
              }*/
}
#outageActivityTabContainer .modalsContainer #genericSwitchingModal label {
    width: unset;
    float: left;
}
#outageActivityTabContainer .modalsContainer #genericSwitchingModal .inlineBlock {
    padding-right: 3px;
}
#outageActivityTabContainer .modalsContainer #genericSwitchingModal .inlineBlock .select2-container {
    float: left;
    clear: left;
}
#outageActivityTabContainer .modalsContainer #genericSwitchingModal .modal-body {
    height: calc(100vh - 300px);
}
#outageActivityTabContainer .modalsContainer #releaseClrModal label {
    width: 156px;
}
#outageActivityTabContainer .modalsContainer #releaseClrModal textarea {
    width: 100%;
}
#outageActivityTabContainer .modalsContainer #workpartModal .modal-dialog {
    width: 80%;
}
#outageActivityTabContainer .modalsContainer #workpartModal span.error {
    font-weight: 600;
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable {
    margin-bottom: 0;
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable thead th {
    background-color: #f7f7f7;
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable thead th:first-child {
    padding-left: 10px;
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable tr:hover td {
    background-color: rgba(173, 216, 230, 0.3);
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable tr.bold td {
    font-weight: 600 !important;
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable tr.included td {
    background-color: #f7f7f7;
    color: #111;
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable tr td:first-child {
    padding-left: 10px;
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable tr td:last-child .btn {
    margin: 2px;
    font-size: 15px;
    padding: 3px 12px;
    transition: all 0.15s;
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable tr td:last-child .btn:hover {
    background: white !important;
}
#outageActivityTabContainer .modalsContainer #workpartModal #workpartTable tr td:last-child .btn .text-success {
    color: #00a65a;
}

#authTaggingTab .btnDelAuth, #swAuthTaggingTab .btnDelAuth {
    padding: 0;
    margin-bottom: 6px;
    margin-left: 4px;
    margin-right: 4px;
}
#authTaggingTab span.bordered, #swAuthTaggingTab span.bordered {
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    padding: 0px 4px 0 6px;
}
#authTaggingTab .editPencil, #swAuthTaggingTab .editPencil {
    float: right;
    color: #b7b7b7;
    cursor: pointer;
}
#authTaggingTab .editPencil:hover, #swAuthTaggingTab .editPencil:hover {
    color: black;
    font-weight: bold;
}
#authTaggingTab .fa-user, #swAuthTaggingTab .fa-user {
    color: #b7b7b7;
    cursor: pointer;
}
#authTaggingTab .fa-user:hover, #swAuthTaggingTab .fa-user:hover {
    color: black;
    font-weight: bold;
}
#authTaggingTab .popover-content, #swAuthTaggingTab .popover-content {
    white-space: pre;
}
#authTaggingTab td.child table, #swAuthTaggingTab td.child table {
    box-shadow: 0px 1px 3px 0px #a0a0a0;
}
#authTaggingTab td.child table th, #swAuthTaggingTab td.child table th {
    background-color: #ece8e0;
    font-weight: 500 !important;
    padding: 1px 5px;
}
#authTaggingTab td.child table .btnDelTagLink, #swAuthTaggingTab td.child table .btnDelTagLink {
    padding: 0;
}

#switchingUploadContainer #reviewTable td .logDesc {
    width: 80%;
    float: left;
}
#switchingUploadContainer .btn-review {
    width: 100%;
}
#switchingUploadContainer .glyphicon-pencil {
    float: right;
    color: #b7b7b7;
    cursor: pointer;
}
#switchingUploadContainer .glyphicon-pencil:hover {
    color: black;
    font-weight: bold;
}
#switchingUploadContainer #swAttachTab table {
    border-left: 0;
    border-right: 0;
}
#switchingUploadContainer #swAttachTab form {
    padding: 5px;
}
#switchingUploadContainer .header-label {
    font-size: 12px;
    font-weight: 500;
    margin-top: -2px;
    margin-left: 10px;
    border-radius: 2px;
    color: white;
    padding: 1px 4px;
}
#switchingUploadContainer ul.list-inline.list-sw {
    font-weight: normal;
    display: block;
    float: right;
    margin-right: 37px;
    text-transform: none;
}

.modalsContainer .modal .modal-content {
    box-shadow: -4px 16px 16px rgba(0, 0, 0, 0.2) !important;
    border-radius: 3px;
}
.modalsContainer .modal .modal-body label {
    width: 115px;
    vertical-align: top;
    float: left;
}
.modalsContainer .modal .modal-body .dataTables_wrapper label {
    width: auto;
}
.modalsContainer .modal .modal-body .col-xs-12 {
    margin-bottom: 7px;
}
.modalsContainer .modal .modal-body .col-xs-12 textarea {
    width: calc(100% - 120px);
    height: 100px;
}
.modalsContainer .modal .modal-body .col-xs-12 div.dateTimeControl {
    width: 208px;
    min-width: 208px;
    display: inline-block;
}
.modalsContainer .modal .modal-body .col-xs-12 .select2-container {
    width: calc(100% - 120px);
}
.modalsContainer .modal .modal-body .border {
    border: 1px solid #cfc5b1;
    border-radius: 3px;
    background: #eee;
    display: table;
    padding: 9px;
    margin-bottom: 7px;
    margin: -1px;
}
.modalsContainer #clearanceLogModal .fa-undo {
    transition: 0.5s linear;
}
.modalsContainer #clearanceLogModal .rotate {
    transform: rotate(-360deg);
}

#unitAvailMwTbl th.avail, #plantAvailMwTbl th.avail {
    width: 140px;
}
#unitAvailMwTbl th.avail-large, #plantAvailMwTbl th.avail-large {
    width: 210px;
}
#unitAvailMwTbl th.date, #plantAvailMwTbl th.date {
    width: 140px;
}

#tagSummaryTab tr.group td {
    background: #d2d2d2;
    font-weight: bold;
    text-decoration: underline;
}

.compactAudit .panel-body, .compactAudit table {
    margin: 0 !important;
    padding: 0 !important;
}
.compactAudit .panel {
    padding: 2px;
    margin-bottom: 2px;
}
.compactAudit thead, .compactAudit th, .compactAudit td, .compactAudit tr {
    padding: 1px !important;
}
.compactAudit .additionDetails {
    display: none;
}
.compactAudit .panel-heading {
    font-size: 13px;
    font-weight: 600 !important;
}

.disabledCheckbox input[type=radio][disabled] {
    background: #b9b9b9;
    border: gray;
}

.form-group.customerComment {
    margin-left: -39px;
}
@media screen and (max-width: 990px) {
    .form-group.customerComment {
        margin-left: inherit;
    }
}

td.remarksOnList .remarksForm, td.remarksOnList .voidOnList, td.remarksOnList #editRemarksComment {
    display: none;
    height: 0;
}
td.remarksOnList table.dataTable thead, td.remarksOnList th, td.remarksOnList td, td.remarksOnList tr {
    padding: 1px !important;
}
td.remarksOnList .dataTables_wrapper, td.remarksOnList table {
    margin: 0 !important;
    padding: 0 !important;
}
td.remarksOnList table {
    width: 100% !important;
}

.taskAlert {
    position: relative;
}
.taskAlert .btn-transparent {
    color: #888888;
}
.taskAlert .popover {
    top: -15px !important;
    min-width: 352px;
}
.taskAlert .popover .popover-content {
    min-width: 350px;
    padding: 5px;
}
.taskAlert .popover .popover-title {
    background-color: white;
    padding: 4px 0 0 8px;
    border: 0;
    color: #111;
}
.taskAlert .popover .popover-title label {
    margin-bottom: 0;
}
.taskAlert .popover .arrow {
    top: 32px !important;
}

.select2-container-multi.email-error .select2-choices .select2-search-field input {
    color: #b94a48 !important;
}

#clearanceContent th {
    border-bottom: 0;
}
#clearanceContent .table-bordered > tbody > tr > td {
    border-bottom: 0;
}
#clearanceContent .table-bordered > tbody > tr.have-extraRow td:first-child {
    border-left: 1px solid #00BCD4;
}
#clearanceContent .table-bordered > tbody > tr.have-extraRow td:last-child {
    border-right: 1px solid #00BCD4;
}
#clearanceContent .table-bordered > tbody > tr.have-extraRow td {
    border-top: 1px solid #00BCD4;
    border-bottom: 1px solid #ddd;
}
#clearanceContent .no-hover > td {
    border: 1px solid #00BCD4 !important;
    border-top: 0;
    padding-top: 0;
}
#clearanceContent .table-hover > tbody > tr.no-hover .panel {
    border: 0;
}
#clearanceContent .table-hover > tbody > tr.no-hover:hover {
    background-color: #c4e3f3;
}
#clearanceContent .table-hover > tbody > tr.no-hover:hover th, #clearanceContent .table-hover > tbody > tr.no-hover:hover td {
    background-color: initial;
}

#switchingTab .nav-tabs.nav-justified > li > a {
    border: 1px solid #d0ccc4;
    border-bottom: 0;
}
#switchingTab .nav-tabs.nav-justified > li.active > a {
    border: 0;
    border-bottom: 2px solid black;
}
#switchingTab span.static {
    padding-left: 5px;
}
#switchingTab .swDateTimeControl {
    width: 152px;
    padding-left: 0;
    padding-right: 0;
}
#switchingTab #swStatusTable tr td {
    height: 38px;
}
#switchingTab tr td {
    /*height for td works like min-height*/
    height: 20px;
}
#switchingTab tr.crossOut td:not(last-child) {
    text-decoration: line-through;
    color: red;
}
#switchingTab tr.crossOut td:not(last-child) label {
    text-decoration: line-through;
    color: red;
}
#switchingTab tr.crossOut .glyphicon-pencil {
    display: none;
}
#switchingTab tr.void {
    pointer-events: none;
}
#switchingTab tr.void td:last-child {
    pointer-events: all;
}
#switchingTab tr.void .hideOnVoid {
    display: none;
}
#switchingTab td.addColor .glyphicon-ban-circle, #switchingTab td.addColor .fa-check {
    color: green;
    margin-top: 1px;
}
#switchingTab td.addColor .fa-circle-thin {
    color: red;
    margin-top: 2px;
}
#switchingTab .massActionButtons {
    position: absolute;
    left: 45%;
    z-index: 999;
}
#switchingTab #returnTable_wrapper div.dt-buttons, #switchingTab #removalTable_wrapper div.dt-buttons {
    position: absolute;
    top: -35px;
    left: 315px;
}
#switchingTab #returnTable > tbody > tr.headerRow th, #switchingTab #returnTable > tbody > tr.headerRow td:not(last-child), #switchingTab #returnTable > tbody > tr.headerRow:hover th, #switchingTab #returnTable > tbody > tr.headerRow:hover td:not(last-child), #switchingTab #returnTable > thead > tr.headerRow th, #switchingTab #returnTable > thead > tr.headerRow td:not(last-child), #switchingTab #returnTable > thead > tr.headerRow:hover th, #switchingTab #returnTable > thead > tr.headerRow:hover td:not(last-child), #switchingTab #removalTable > tbody > tr.headerRow th, #switchingTab #removalTable > tbody > tr.headerRow td:not(last-child), #switchingTab #removalTable > tbody > tr.headerRow:hover th, #switchingTab #removalTable > tbody > tr.headerRow:hover td:not(last-child), #switchingTab #removalTable > thead > tr.headerRow th, #switchingTab #removalTable > thead > tr.headerRow td:not(last-child), #switchingTab #removalTable > thead > tr.headerRow:hover th, #switchingTab #removalTable > thead > tr.headerRow:hover td:not(last-child) {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #ddd;
    border-bottom-color: #999;
}
#switchingTab #returnTable > tbody > tr:hover > td, #switchingTab #returnTable > thead > tr:hover > td, #switchingTab #removalTable > tbody > tr:hover > td, #switchingTab #removalTable > thead > tr:hover > td {
    background-color: rgba(173, 216, 230, 0.3);
}
#switchingTab #returnTable > tbody > tr.rightAlignDescription td.fieldName-description, #switchingTab #returnTable > thead > tr.rightAlignDescription td.fieldName-description, #switchingTab #removalTable > tbody > tr.rightAlignDescription td.fieldName-description, #switchingTab #removalTable > thead > tr.rightAlignDescription td.fieldName-description {
    text-align: right;
}
#switchingTab #returnTable > tbody > tr.completed > td, #switchingTab #returnTable > thead > tr.completed > td, #switchingTab #removalTable > tbody > tr.completed > td, #switchingTab #removalTable > thead > tr.completed > td {
    background-color: #f5fff5;
    color: green;
}
#switchingTab #returnTable > tbody > tr.pageBreak td, #switchingTab #returnTable > thead > tr.pageBreak td, #switchingTab #removalTable > tbody > tr.pageBreak td, #switchingTab #removalTable > thead > tr.pageBreak td {
    border-right-color: rgba(255, 255, 255, 0) !important;
    background: white;
}
#switchingTab #returnTable > tbody > tr td, #switchingTab #returnTable > thead > tr td, #switchingTab #removalTable > tbody > tr td, #switchingTab #removalTable > thead > tr td {
    height: 25px;
    padding: 3px 5px !important;
}
#switchingTab #returnTable > tbody > tr td[class*=editor-] button, #switchingTab #returnTable > thead > tr td[class*=editor-] button, #switchingTab #removalTable > tbody > tr td[class*=editor-] button, #switchingTab #removalTable > thead > tr td[class*=editor-] button {
    font-style: normal;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
#switchingTab #returnTable > tbody > tr td.fieldName-actions, #switchingTab #returnTable > thead > tr td.fieldName-actions, #switchingTab #removalTable > tbody > tr td.fieldName-actions, #switchingTab #removalTable > thead > tr td.fieldName-actions {
    font-style: normal;
    text-decoration: none;
}
#switchingTab #returnTable > tbody > tr td.fieldName-actions button, #switchingTab #returnTable > thead > tr td.fieldName-actions button, #switchingTab #removalTable > tbody > tr td.fieldName-actions button, #switchingTab #removalTable > thead > tr td.fieldName-actions button {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
#switchingTab #returnTable > tbody > tr td .personTypeLabel, #switchingTab #returnTable > thead > tr td .personTypeLabel, #switchingTab #removalTable > tbody > tr td .personTypeLabel, #switchingTab #removalTable > thead > tr td .personTypeLabel {
    font-weight: 600;
    text-decoration: underline;
    color: #dd4b39;
}
#switchingTab #returnTable > tbody > tr td:last-child, #switchingTab #returnTable > thead > tr td:last-child, #switchingTab #removalTable > tbody > tr td:last-child, #switchingTab #removalTable > thead > tr td:last-child {
    border-right: 0;
}
#switchingTab #returnTable > tbody > tr td .btn.copy_permit, #switchingTab #returnTable > thead > tr td .btn.copy_permit, #switchingTab #removalTable > tbody > tr td .btn.copy_permit, #switchingTab #removalTable > thead > tr td .btn.copy_permit {
    margin-right: 10px;
}
#switchingTab #returnTable.locked, #switchingTab #removalTable.locked {
    cursor: not-allowed !important;
}
#switchingTab #returnTable.locked tr *, #switchingTab #removalTable.locked tr * {
    pointer-events: none !important;
    z-index: -100;
}
#switchingTab #returnTable.locked tr td:not(.skipLock) .btn, #switchingTab #removalTable.locked tr td:not(.skipLock) .btn {
    display: none;
}
#switchingTab #returnTable.locked tr td.skipLock, #switchingTab #removalTable.locked tr td.skipLock {
    pointer-events: all !important;
    cursor: pointer !important;
}
#switchingTab #returnTable.locked tr td.skipLock *, #switchingTab #removalTable.locked tr td.skipLock * {
    pointer-events: all !important;
    z-index: 1;
}
#switchingTab #authorTab #tagList.locked {
    cursor: not-allowed !important;
}
#switchingTab #authorTab #tagList.locked * {
    pointer-events: none !important;
}
#switchingTab table.open tr.void {
    pointer-events: none !important;
}
#switchingTab table.open tr.void td:last-child {
    pointer-events: all !important;
}

.button-checkbox {
    padding: 0;
}
.button-checkbox:hover {
    background: #EEE;
}
.button-checkbox label {
    margin: 0;
}
.button-checkbox label span {
    text-align: center;
    padding: 5px;
    display: block;
    font-weight: 600;
}
.button-checkbox label span:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f096";
}
.button-checkbox label input[type=checkbox] {
    display: none;
}
.button-checkbox label input[type=checkbox]:checked + span {
    background: #EEE;
    color: #444444;
    box-shadow: inset 0px 0px 9px 0px #a2a2a2;
}
.button-checkbox label input[type=checkbox]:checked + span:before {
    content: "\f046";
}

@media screen and (max-width: 768px) {
    .snc-mobile-width-100 {
        width: 100% !important;
    }
    div.ColVis {
        width: 100% !important;
    }
    .ColVis button {
        width: 100% !important;
    }
}
.eqNameCol {
    min-width: 350px;
}

.deleteBtnCol {
    width: 50px !important;
    min-width: 50px !important;
}

.SW.START.REMOVAL.SWITCHING {
    color: #39d882 !important;
}

.SW.ACTUAL.OUT {
    color: #d8603a !important;
}

.SW.ISSUED {
    color: #0080c0 !important;
}

.SW.RELEASED {
    color: #0e31ad !important;
}

.SW.START.RETURN.SWITCHING {
    color: #A0522D !important;
}

.SW.IN.SERVICE {
    color: #39d882 !important;
}

/*@import url(https://fonts.googleapis.com/css?family=Anton);*/
.login-container {
    padding-top: 4%;
}
.login-container table {
    border-collapse: separate;
}
.login-container table tr:first-child {
    -webkit-box-shadow: 5px 2px 7px 0px rgb(111, 111, 111);
    -moz-box-shadow: 5px 2px 7px 0px rgb(111, 111, 111);
    box-shadow: 5px 2px 7px 0px rgb(111, 111, 111);
}
.login-container table .logo {
    /*font-family: 'Anton', sans-serif;*/
    color: #fe0300;
    text-shadow: 1px 1px 1px black;
    font-size: 45px;
    margin: auto;
    /*width:100%;*/
    display: table;
}
.login-container table .logo img {
    /*width: 50px;*/
}
.login-container table td {
    background: white;
    padding: 15px;
}
.login-container table td img {
    width: 100%;
}
.login-container table td.clear {
    background: transparent;
    box-shadow: none;
}
.login-container table td .copyright {
    font-size: 11px;
    margin-top: 10px;
    color: #555;
}
.login-container table td .copyright a {
    color: #555;
}
.login-container table td.right-section {
    min-height: 464px;
}
.login-container table td.right-section input {
    height: 40px;
}
@media screen and (max-width: 767px) {
    .login-container table td.right-section {
        margin: auto;
        display: block;
        width: 200%;
    }
}
.login-container table td.right-section hr {
    border-top: 2px solid #dd4b39;
    width: 93%;
    text-align: center;
}
.login-container table td.right-section h2 {
    margin-left: 6%;
    padding-bottom: 10%;
    text-align: center;
}
.login-container table td.right-section h6 {
    clear: both;
    font-weight: 400;
    font-family: inherit;
    float: right;
    margin-right: 6%;
    margin-top: 3%;
}
.login-container table td.right-section form .fieldError, .login-container table td.right-section form .alert-success {
    margin: 6%;
}
.login-container table td.right-section form label {
    font-weight: bold;
}
.login-container table td.right-section form .glyphicon-user:before {
    color: #555;
}
.login-container table td.right-section form .form-group {
    width: 88%;
    margin: 15px auto;
}
.login-container table td.right-section form .login-btn {
    margin: 20px auto auto auto;
    display: block;
    width: 88%;
    height: 41px;
}
.login-container table td.left-section {
    background: #efefef;
    text-align: justify;
    font-size: 12px;
    font-weight: 500;
    color: #5a3636;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.login-container table td.left-section img {
    padding: 22px 41px 14px 39px;
}
.login-container table td.left-section .text-container {
    margin-top: 20px;
    margin-bottom: -9px;
}

/*SNC_DASHBOARD*/
.dshContainer {
    padding-top: 15px;
}
.dshContainer .smb {
    width: 40px;
    height: 40px;
    display: block;
    /*opacity: 0.7;*/
    position: absolute;
    top: 3px;
    text-align: center;
    left: 32%;
}
.dshContainer .smb_log {
    background: url(./dist/img/icons/noun_195895.svg) no-repeat;
}
.dshContainer .smb_reports {
    background: url(./dist/img/icons/noun_96108.svg) no-repeat;
}
.dshContainer .smb_mobile_right {
    background: url(./dist/img/icons/noun_59804.svg) no-repeat;
}
.dshContainer .smb_mobile_left {
    background: url(./dist/img/icons/noun_83686.svg) no-repeat;
}
.dshContainer .smb_power_circle {
    background: url(./dist/img/icons/noun_44674.svg) no-repeat;
}
.dshContainer .smb_power {
    background: url(./dist/img/icons/noun_119032.svg) no-repeat;
}
.dshContainer .smb_power_triangle {
    background: url(./dist/img/icons/noun_113077.svg) no-repeat;
}
.dshContainer .smb_meet_dark {
    background: url(./dist/img/icons/noun_125108.svg) no-repeat;
}
.dshContainer .smb_meet_light {
    background: url(./dist/img/icons/noun_140091.svg) no-repeat;
}
.dshContainer .smb_bar {
    background: url(./dist/img/icons/noun_143728.svg) no-repeat;
}
.dshContainer .smb_power_cut {
    background: url(./dist/img/icons/noun_87030.svg) no-repeat;
}
.dshContainer .smb_tower {
    background: url(./dist/img/icons/noun_4928.svg) no-repeat;
}
.dshContainer .smb_tower_broadcast {
    background: url(./dist/img/icons/noun_5467.svg) no-repeat;
}
.dshContainer .smb_transmission_tower {
    background: url(./dist/img/icons/noun_22815.svg) no-repeat;
}
.dshContainer .smb_tower_transmit {
    background: url(./dist/img/icons/noun_75479.svg) no-repeat;
}
.dshContainer .smb_map_person {
    background: url(./dist/img/icons/noun_182465.svg) no-repeat;
}
.dshContainer .smb_request_list {
    background: url(./dist/img/icons/noun_92623.svg) no-repeat;
}
.dshContainer .smb_trouble {
    background: url(./dist/img/icons/noun_32225.svg) no-repeat;
}
.dshContainer .smb_gear {
    background: url(./dist/img/icons/noun_633334.svg) no-repeat;
}
.dshContainer .smb_fork {
    background: url(./dist/img/icons/noun_674462.svg) no-repeat;
}
.dshContainer .smb_relay {
    background: url(./dist/img/icons/noun_368567.svg) no-repeat;
    left: 40%;
}
.dshContainer .smb_relay_work {
    background: url(./dist/img/icons/noun_96107.svg) no-repeat;
}
.dshContainer .smb_tower_storm {
    background: url(./dist/img/icons/noun_63275.svg) no-repeat;
}
.dshContainer .smb_stop_exlaim {
    background: url(./dist/img/icons/noun_309846.svg) no-repeat;
}
.dshContainer .smb_label {
    font-size: 13px;
    color: #000;
    font-weight: 600;
    position: absolute;
    top: 60%;
    width: 91%;
    word-break: break-all;
}
.dshContainer .smb_label_extra {
    position: absolute;
    top: 75%;
    font-weight: 600;
    font-size: 13px;
    color: #000;
    width: inherit;
    left: 0;
}
.dshContainer .right0 {
    padding-right: 0;
}
.dshContainer .left0 {
    padding-left: 0;
}
.dshContainer .small-top {
    margin-top: -5px;
}
@media (max-width: 991px) {
    .dshContainer .small-left.left0 {
        padding-left: 15px;
    }
    .dshContainer .small-top {
        margin-top: 0;
    }
}
.dshContainer .header-dropdown {
    padding-top: 0;
}
.dshContainer .shift-header {
    font-size: larger;
    font-weight: bold;
}
.dshContainer .stat-number {
    font-size: 15px;
    color: rgb(255, 255, 255);
    background-color: #EEE;
    font-weight: 500;
    padding: 0 10px;
}
.dshContainer .stat-CREATED {
    color: #999999 !important;
}
.dshContainer .stat-SUBMITTED {
    color: #f89406 !important;
}
.dshContainer .stat-RECEIVED {
    color: #0080c0 !important;
}
.dshContainer .stat-APPROVED {
    color: #46a546 !important;
}
.dshContainer .stat-ACCEPTED {
    color: #0e31ad !important;
}
.dshContainer .stat-PREPARED {
    color: #3ed83b !important;
}
.dshContainer .stat-ACTIVE {
    color: #d8603a !important;
}
.dshContainer .stat-COMPLETED {
    color: aqua !important;
}
.dshContainer .stat-PENDING {
    color: black !important;
}
.dshContainer .stat-CANCELED {
    color: red !important;
}
.dshContainer .stat-REJECTED {
    color: aqua !important;
}
.dshContainer .stat-STUDY.stat-REQUESTED {
    color: tan !important;
}
.dshContainer .stat-STUDY.stat-COMPLETED {
    color: mediumorchid !important;
}
.dshContainer .stat-IN.PROGRESS {
    color: #ff99cc !important;
}
.dshContainer .stat-CANCELLED {
    color: red !important;
}
.dshContainer .stat-REJECTED {
    color: aqua !important;
}
.dshContainer .stat-UNDER.stat-REVIEW {
    color: #A0522D !important;
}
.dshContainer .stat-DECLINED {
    color: tan !important;
}
.dshContainer .stat-REVISED {
    color: mediumorchid !important;
}
.dshContainer .stat-READY {
    color: #5fb4a3 !important;
}
.dshContainer .stat-DENIED {
    color: tan !important;
}
.dshContainer .btn-smb {
    width: 114px;
    height: 78px;
    box-shadow: 2px 2px 3px -2px rgb(14, 85, 111);
    border: 1px solid rgba(169, 169, 169, 0.51);
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    text-align: center;
    color: #666;
    background-color: #f4f4f4;
    font-size: 12px;
}
.dshContainer .btn-smb:active, .dshContainer .btn-smb:hover, .dshContainer .btn-smb:focus {
    box-shadow: inset 2px 2px 3px -2px #0e556f;
}
.dshContainer .btn-smb > hr {
    margin-top: 24px;
    border-top: 0 solid #a2a2a2;
}
.dshContainer .list-group-item.notification {
    background-color: rgb(108, 134, 156);
    opacity: 1;
    color: #fff;
}
.dshContainer .stat_head.total {
    color: rgb(255, 255, 255);
    background-color: rgba(188, 60, 60, 0.72);
    padding: 3px;
    border: 1px solid #bc3c3c;
    border-radius: 8px;
}
.dshContainer .stat_head.active {
    color: #FFF;
    background-color: rgba(78, 165, 85, 0.72);
    padding: 3px;
    border: 1px solid #4EA555;
    border-radius: 8px;
    margin-left: 12px;
}
.dshContainer #calBtn .fa {
    font-size: 30px;
    margin-top: -9px;
    color: black;
    padding-bottom: 3px;
}
.dshContainer #calBtn hr {
    margin-top: 0;
}
.dshContainer .panel {
    background-color: #ffffff;
    /*overflow: hidden;*/
    border: 0;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 3px rgba(204, 197, 185, 0.5);
    margin-bottom: 20px;
    min-height: 41px;
}
.dshContainer .panel .panel-heading {
    position: relative;
    /*background-color: #bdc3c7;*/
    height: 41px;
}
.dshContainer .panel .panel-heading > div {
    padding-left: 0;
}
.dshContainer .panel .panel-heading .panel-title {
    padding-left: 15px;
    font-size: 18px;
    padding-top: 5px;
}
.dshContainer .panel .panel-heading .panel-tools {
    width: auto;
    position: absolute;
    top: 6px;
    right: 11px;
}
.dshContainer .panel .panel-heading .panel-tools .btn {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    cursor: pointer;
}
.dshContainer .panel .panel-heading .panel-tools .btn.collapsed .fa.fa-minus:before {
    content: "\f067";
}
.dshContainer .panel .chart {
    height: 100%;
}
.dshContainer .panel .panel-body {
    padding-top: 10px;
}
.dshContainer .panel .panel-body #dashboardForm {
    text-align: center;
    padding-top: 5px;
    border-bottom: 1px solid #c3c3c3;
    margin: 0 -15px;
}
.dshContainer .panel .panel-body#tasksBody li.list-group-item {
    padding: 5px 0;
    margin-bottom: -1px;
    border: 1px solid #c3c3c3;
    transition: font-size 0.2s;
}
.dshContainer .panel .panel-body#tasksBody li.list-group-item:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.dshContainer .panel .panel-body#tasksBody li.list-group-item:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.dshContainer .panel .panel-body#tasksBody li.list-group-item a {
    color: #3c8dbc;
    padding: 0;
    float: left;
}
.dshContainer .panel .panel-body#tasksBody li.list-group-item a span {
    color: #000;
}
.dshContainer .panel .panel-body#tasksBody li.list-group-item:hover {
    background-color: #d4ebff;
    font-weight: bold;
}
.dshContainer .panel .panel-body#tasksBody li.list-group-item:hover a {
    font-weight: bold;
}
.dshContainer .panel .panel-body #calendar {
    padding-top: 15px;
}
.dshContainer .panel .panel-body#shiftInfoBody {
    margin: 5px -15px;
}
.dshContainer .panel .panel-body#shiftInfoBody .col-md-12 {
    padding-top: 5px;
}
.dshContainer .panel .panel-body#shiftInfoBody .col-md-12 .col-xs-6 {
    text-align: center;
}
.dshContainer #statTable th, .dshContainer #statTable td {
    text-align: center;
    border-top: 1px solid rgba(221, 221, 221, 0.32);
}
.dshContainer #statTable tbody > tr > th {
    text-align: left;
}
.dshContainer .colorBlack {
    color: #000;
    background-color: #EEE !important;
}
.dshContainer .colorBold {
    font-weight: bold;
}
@media (min-width: 992px) and (max-width: 1024px) {
    .dshContainer #statTable {
        zoom: 0.9;
    }
}
.dshContainer .fc-event-container b {
    font-weight: 700;
}
.dshContainer .fc-day-grid-event .fc-time {
    display: none;
}
.dshContainer .fc-content {
    background-color: transparent;
}
.dshContainer .fc-ltr .fc-h-event.fc-not-end, .dshContainer .fc-ltr .fc-timeline-event {
    border-radius: 5px;
}
.dshContainer .fc-event-dot {
    background-color: #868686 !important;
    width: 7px;
    height: 7px;
}
.dshContainer #timelineBody .alert {
    margin: 10px;
}
.dshContainer #timelineBody .alert table {
    margin: auto;
}
.dshContainer #timelineBody .alert table td {
    border-bottom: 1px solid #d2dce2;
    padding: 0 28px;
}
.dshContainer .vis-timeline {
    border: 0;
}
.dshContainer .vis-item {
    color: #1A1A1A;
    border-color: #97B0F8;
    border-width: 1px;
    background-color: #fff;
}
.dshContainer .vis-item.vis-box {
    height: 18px;
    font-size: 12px;
    padding: 0 4px;
    border-radius: 3px;
}
.dshContainer .vis-item.vis-box.vis-selected {
    background-color: #bfbfbf;
    font-weight: bold;
}
.dshContainer .vis-item.vis-box .vis-item-content {
    padding: 0;
}
.dshContainer .vis-item.vis-box.Logging {
    border-color: green;
    color: green;
}
.dshContainer .vis-item.vis-box.Interruption {
    border-color: red;
    color: red;
}
.dshContainer .vis-item.vis-box.Planned.Outage {
    border-color: blue;
    color: blue;
}
.dshContainer .vis-item.vis-box.Substation.Log {
    border-color: #f89406;
    color: #f89406;
}
.dshContainer b {
    font-weight: 700 !important;
}
.dshContainer .backlogNum {
    font-size: 17px;
    font-weight: 600;
    text-decoration: underline;
}
.dshContainer label.mapLabel {
    width: 52px;
    font-size: 13px;
}
.dshContainer label.mapData {
    font-size: 13px;
    font-weight: bold;
}

/*
    Created on : May 3, 2017, 10:05:38 AM
    Author     : Sagar Bendale <sagar.bendale@sncsw.com>
*/
.logging-container .shift-container .compactTable {
    outline: 1px solid #d4d4d4;
}
.logging-container .shift-container .compactTable thead, .logging-container .shift-container .compactTable th, .logging-container .shift-container .compactTable td, .logging-container .shift-container .compactTable tr {
    padding: 1px;
}
.logging-container .shift-container .compactTable tr td:first-child, .logging-container .shift-container .compactTable tr th:first-child {
    padding-left: 5px;
}
.logging-container .shift-container .compactTable tr .btnDel {
    padding: 3px;
    margin: 2px;
}
.logging-container .shift-container #currentShiftId {
    width: 49%;
    margin-right: 3px;
    display: inline-block;
}
@media (max-width: 768px) {
    .logging-container .shift-container #currentShiftId {
        width: 100%;
    }
}
.logging-container .shift-container #ackPersonDivId {
    width: 50%;
    display: inline-block;
}
@media (max-width: 768px) {
    .logging-container .shift-container #ackPersonDivId {
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .logging-container .kvLabel {
        width: 32px;
    }
}
@media (max-width: 767px) {
    .logging-container .kvLabel {
        width: 100%;
    }
}

#caisoGenerationUnitsContainer .handsonTableContainer table {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable.ht_clone_left, #caisoGenerationUnitsContainer .handsonTableContainer .handsontable.ht_clone_top_left_corner {
    display: none;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .wtBorder.current {
    background-color: transparent !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .wtBorder.corner {
    background-color: rgb(75, 137, 255) !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable thead th {
    border-bottom: 2px solid #c4c4c4;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable thead th .relative {
    padding: 2px 0px 6px 0px;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th {
    color: #111;
    background-color: #f7f7f7;
    font-weight: 700;
    visibility: visible;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th:first-child {
    border-left: 0;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th:first-child.light {
    background-color: white;
    font-weight: 500;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th:first-child.light div.relative span.rowHeader {
    float: none;
    margin-right: 0px;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th:first-child div.relative span.rowHeader {
    float: right;
    margin-right: 2px;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th.selectRow {
    background-color: #ffffd5;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th.ht__highlight.currentRow {
    background-color: rgba(173, 216, 230, 0.3);
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th.ht__highlight.currentRow:before {
    content: "\0025B8";
    font-size: 18px;
    float: left;
    color: green;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td {
    padding: 3px 5px;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.currentRow, #caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.current {
    background-color: rgba(173, 216, 230, 0.3) !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.currentRow .htAutocompleteArrow, #caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.current .htAutocompleteArrow {
    color: #777;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5 !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.color-black {
    color: #111;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.htDimmed {
    background-color: #e8e8e8;
    color: black;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.htDimmed.light {
    background-color: #f7f7f7;
    cursor: initial;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.htDimmed.light.current {
    box-shadow: none;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.htDimmed.light.currentRow, #caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.htDimmed.light.current, #caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.htDimmed.light.area.highlight {
    background-color: #eaeaea !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.htDimmed.light.area.highlight:before {
    opacity: 0;
    background-color: #eaeaea !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.htDimmed.light.selectRow {
    background-color: #ffffd5 !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.readonly {
    background-color: #f7f7f7 !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 1px red;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.current, #caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.current.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 2px rgb(75, 137, 255);
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.headerRow {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #f7f7f7;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable tr:hover td {
    background-color: rgba(220, 238, 244, 0.3);
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable tr:hover td.htDimmed {
    background-color: rgba(220, 238, 244, 0.3);
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th.pageBreak,
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.pageBreak {
    background-color: #fff;
    border-right-color: #fff;
    color: #ccc;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th.pageBreak.htDimmed.light,
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.pageBreak.htDimmed.light {
    border-right-color: #f7f7f7;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable th.critical,
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable td.critical {
    color: red;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .handsontableInputHolder:after {
    content: "";
    position: absolute;
    bottom: 1px;
    display: block;
    box-shadow: 0px 2px 7px 0px #a5a5a5;
    height: 100%;
    width: calc(100% - 20px);
    z-index: -10;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .htCheckboxRendererInput {
    border-color: #bbb;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .htCheckboxRendererInput.noValue {
    opacity: 1;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .htCheckboxRendererInput:checked {
    border: 1px solid #12e283 !important;
    background: #f0fff0;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable.listbox tr {
    height: 22px !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable.listbox th,
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable.listbox td {
    white-space: pre-line;
    text-overflow: ellipsis;
    border: 0;
    border-bottom: 1px solid #bbbbbb;
    background: #f2f2f2;
    color: #2b2b2b;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable.listbox th.htDimmed:hover, #caisoGenerationUnitsContainer .handsonTableContainer .handsontable.listbox th.current,
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable.listbox td.htDimmed:hover,
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable.listbox td.current {
    background-color: rgba(58, 159, 192, 0.3);
    border-width: 1px;
    font-weight: bold;
    color: #111;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable.htColumnHeaders {
    overflow: visible !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .autocompleteEditor {
    padding-right: 0;
    /*box-shadow: rgb(206, 198, 198) -5px 2px 9px;*/
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .handsontable td.htSearchResult {
    background: transparent;
    color: #111;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .matched {
    background-color: yellow;
    font-weight: 600;
    border-bottom: 1px solid #111;
}
#caisoGenerationUnitsContainer .handsonTableContainer .hot-container {
    overflow: hidden;
}
#caisoGenerationUnitsContainer .handsonTableContainer .ht_clone_left.handsontable {
    display: none;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontable .ht__manualRowMove--backlight {
    display: none !important;
    z-index: 5;
    pointer-events: none;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar {
    height: auto;
    padding: 4px 7px 3px 2px;
    background-color: white;
}
@media (max-width: 1148px) {
    #caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
        display: none;
    }
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
    padding-left: 2px;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .textStyles,
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .editorActions {
    float: left;
    padding-left: 5px;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn {
    font-weight: 600;
    margin: 0 1px 1px 0;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.active {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
    background: white;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:hover {
    background-color: white !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:focus {
    border-color: #dcdcdc;
    outline: 0;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.custValidate {
    color: red;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul {
    padding: 0;
    box-shadow: 1px 2px 2px #7f7b7b;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn {
    margin: -1px;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn a {
    padding: 5px;
    color: #111;
    background-color: white;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .editorActions button.btn.ctrlBtn.enabled:hover {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input {
    margin-right: 3px;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error, #caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error:focus {
    border-color: #b94a48 !important;
}
#caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success, #caisoGenerationUnitsContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success:focus {
    border-color: #00a65a !important;
}

.switching-container {
    /*margin-bottom: 20px;*/
}
.switching-container [data-button-for] {
    display: none;
}
.switching-container .btn-target-toggle .glyphicon-chevron-right, .switching-container .btn-target-toggle .fa-caret-right {
    transform: rotate(0deg);
    transition: transform 0.2s;
}
.switching-container .btn-target-toggle.active {
    transition: all 0.2s;
}
.switching-container .btn-target-toggle.active .glyphicon-chevron-right, .switching-container .btn-target-toggle.active .fa-caret-right {
    transform: rotate(90deg);
    transition: transform 0.2s;
}
.switching-container .editPencil {
    float: right;
    color: #b7b7b7;
    cursor: pointer;
}
.switching-container .editPencil:hover {
    color: black;
    font-weight: bold;
}
.switching-container .btn-target {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
}
.switching-container .btn-target.active {
    display: block;
    max-height: 4000px;
    height: auto;
    overflow: auto;
    transition: max-height 0.2s;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    margin-bottom: 2px;
}
.switching-container .btn-target label {
    padding-right: 5px;
    padding-left: 5px;
}
.switching-container button.btn-major-minor.active, .switching-container button.btn-major-minor:focus, .switching-container button.btn-major-minor:active, .switching-container button.btn-major-minor.active:hover {
    background: #60e860 !important;
    text-shadow: none;
    box-shadow: 0px 1px 1px #635c5c;
    border: black;
    outline: none;
}
.switching-container button.btn-major-minor.active#majorBtn, .switching-container button.btn-major-minor:focus#majorBtn, .switching-container button.btn-major-minor:active#majorBtn, .switching-container button.btn-major-minor.active:hover#majorBtn {
    background: red !important;
    color: white;
}
.switching-container #genericSw label {
    width: unset;
    float: left;
}
.switching-container #genericSw .inlineBlock {
    padding-right: 3px;
}
.switching-container #genericSw .inlineBlock .select2-container {
    float: left;
    clear: left;
}
.switching-container .notesAdded {
    color: #4d90fe;
    background: white;
}
.switching-container .notesAdded:hover {
    background: white !important;
}
.switching-container .left-border {
    position: relative;
    margin-left: 10px;
}
.switching-container .left-border:before {
    content: "";
    display: inline-block;
    border-left: 1px solid #b5b5b5;
    height: 35px;
    position: absolute;
    left: -8px;
    top: -3px;
}
.switching-container .right-border {
    position: relative;
    margin-right: 10px;
}
.switching-container .right-border:after {
    content: "";
    display: inline-block;
    border-left: 1px solid #b5b5b5;
    height: 35px;
    position: absolute;
    right: -8px;
    top: -3px;
}
.switching-container #switchingTab strong,
.switching-container #switchingTab b {
    font-weight: 700;
}
.switching-container #switchingTab #editorContainer #editorTabs ul.nav-tabs li[id^=int_] {
    position: relative;
    padding-right: 30px;
}
.switching-container #switchingTab #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer {
    position: absolute;
    right: 8px;
    top: 5px;
    color: red;
    padding: 0px 5px;
    box-shadow: 1px 1px 1px rgb(197, 197, 197);
    transition: all 0.15s;
    border: none;
}
.switching-container #switchingTab #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer:hover {
    background-color: white;
    box-shadow: 0px 1px 1px 0px red;
}
.switching-container #switchingTab #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer:active {
    box-shadow: inset 1px 1px 3px 0px red;
}
.sidecontent {
    display: flex;
    gap: 10px;
    width: 100%;
    min-height: calc(100vh - 265px);
}

.sidecontent > div {
    flex: 1;
    min-width: 50%;
}

.sidecontent:has(> div:nth-child(3)) > div {
    min-width: 600px;
}

.sidecontent .handsonTableContainer {
    flex: 1;
    min-width: 600px;
    transition: all 0.3s ease-in-out;
    padding-right: 12px;
}

.switching-container #switchingTab #editorContainer #editorTabs .sidecontent .panel-body {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 265px);
    min-width: 600px;
    padding: 0;
}
.switching-container #switchingTab #editorContainer #editorTabs .tab-content {
    min-height: calc(100vh - 265px);
}
.switching-container #switchingTab #editorContainer #editorTabs .tab-content .panel-body.initial,
.switching-container #switchingTab #editorContainer #editorTabs .tab-content .panel-body.removal,
.switching-container #switchingTab #editorContainer #editorTabs .tab-content .panel-body.return,
.switching-container #switchingTab #editorContainer #editorTabs .tab-content [id^=int_].panel-body {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 265px);
    width: 100%;
    padding: 0;
}

.switching-container #switchingTab #editorContainer #editorTabs .panel {
    background-color: #f5efe6;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer table {
    table-layout: fixed;
    border-spacing: 0;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer img.icon-image {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable {
    /*th,*/
    /*                    .handsontableInputHolder:after {
                          content: "";
                          position: absolute;
                          bottom: 1px;
                          display: block;
                          box-shadow: 0px 2px 7px 0px #a5a5a5;
                          height: 100%;
                          width: calc(100% - 20px);
                          z-index: -10;
                      }*/
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .ht_clone_top_left_corner.handsontable table {
    border-right: 1px solid #dedede;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.ht_clone_left, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.ht_clone_top_left_corner {
    display: none;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .handsontable .ht__manualRowMove--backlight {
    /*                        display: none !important;
                          z-index: 5;
                          pointer-events: none;*/
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .wtBorder.current {
    background-color: transparent !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .wtBorder.corner {
    background-color: rgb(75, 137, 255) !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable thead th {
    border-bottom: 2px solid #c4c4c4;
    font-weight: 700;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable thead th .relative {
    padding: 2px 0px 6px 0px;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable th {
    color: #111;
    visibility: visible;
    font-weight: 500;
    border-left: 0;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable th div.relative span.rowHeader {
    float: none;
    margin-right: 0px;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable tr:hover {
    /*th,*/
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable tr:hover td {
    background-color: rgba(220, 238, 244, 0.3);
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable tr:hover td.htDimmed {
    background-color: rgba(220, 238, 244, 0.3);
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable tr:hover td.htInvalid {
    background-color: inherit;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable tr:hover td.currentRow, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable tr:hover td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable tr:hover td.currentRow .htAutocompleteArrow, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable tr:hover td.current .htAutocompleteArrow {
    color: #777;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable tr:hover td.headerRow {
    background: #f7f7f7;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td {
    padding: 4px 0px 4px 5px;
    border-right-color: #dedede;
    border-bottom-color: #dedede;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.currentRow, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.currentRow .htAutocompleteArrow, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current .htAutocompleteArrow {
    color: #777;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 2px rgb(75, 137, 255);
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current.htDimmed, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current.pageBreak, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed.htDimmed, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed.pageBreak, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated.htDimmed, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated.pageBreak {
    box-shadow: inset 0px 0px 0px 2px #c4c4c4;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5 !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.color-black {
    color: #111;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.ht__highlight.currentRow {
    background-color: rgba(173, 216, 230, 0.3);
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.ht__highlight.currentRow:before {
    content: "\0025B8";
    font-size: 18px;
    float: left;
    color: green;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow {
    background-color: #f0f0f0;
    color: black;
    cursor: initial;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed .htCheckboxRendererInput, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow .htCheckboxRendererInput {
    display: none;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed.currentRow, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed.current, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow.currentRow, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow.current, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight {
    background-color: #dedede !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed.currentRow.pageBreak, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed.current.pageBreak, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight.pageBreak, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow.currentRow.pageBreak, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow.current.pageBreak, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight.pageBreak {
    background-color: #fff !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight:before, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight:before {
    opacity: 0;
    background-color: #eaeaea !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htDimmed.selectRow, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow.selectRow {
    background-color: #ffffd5 !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 1px red;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.pageBreak {
    background-color: #fff !important;
    border-right-color: #fff;
    color: #ccc;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.pageBreak .htCheckboxRendererInput {
    display: none;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.critical {
    color: red;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.ht-checkbox {
    background-color: #f7f7f7;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.headerRow {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #f7f7f7;
    border-right-color: #f7f7f7;
    border-bottom: 2px solid #ababab;
}
@keyframes auto-border-pulsate {
    0% {
        background: var(--chakra-colors-green-50);
    }
    50% {
        background: var(--chakra-colors-green-100);
    }
    100% {
        background: var(--chakra-colors-green-50);
    }
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.autoHighLight {
    box-shadow: inset 0 0 0 2px var(--chakra-colors-green-500);
    background: var(--chakra-colors-green-50);
    animation: auto-border-pulsate 1s infinite;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.htNoWrap {
    text-overflow: ellipsis;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.darkblue {
    color: #007dff;
    font-weight: 500;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable td.darkred {
    color: #ff0000;
    font-weight: 500;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .handsontableInputHolder .autocompleteEditor {
    box-shadow: 0px 2px 7px 0px #a5a5a5;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .ht-Checkbox {
    border-color: #bbb;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .ht-Checkbox:checked {
    border: 1px solid #12e283 !important;
    background: #f0fff0;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.listbox tr {
    height: 22px !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.listbox th,
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.listbox td {
    white-space: pre-line;
    text-overflow: ellipsis;
    border: 0;
    border-bottom: 1px solid #bbbbbb;
    background: #f2f2f2;
    color: #2b2b2b;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.listbox th.htDimmed:hover, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.listbox th.htDimmed.current,
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.listbox td.htDimmed:hover,
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.listbox td.htDimmed.current {
    background-color: rgba(58, 159, 192, 0.3) !important;
    border-width: 1px;
    font-weight: bold;
    color: #111;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable.htColumnHeaders {
    overflow: visible !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .autocompleteEditor {
    padding-right: 0;
    /*box-shadow: rgb(206, 198, 198) -5px 2px 9px;*/
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .handsontable td.htSearchResult {
    background: transparent;
    color: #111;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontable .matched {
    background-color: yellow;
    font-weight: 600;
    border-bottom: 1px solid #111;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .hot-container {
    overflow: hidden;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar {
    min-height: 38px;
    height: auto;
    padding: 4px 7px 3px 2px;
    background-color: white;
}
@media (max-width: 1148px) {
    .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
        display: none;
    }
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
    padding-left: 2px;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .textStyles,
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .editorActions {
    float: left;
    padding-left: 5px;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .sp-replacer {
    height: 30px;
    padding: 4px;
    background: #f2f2f2;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .sp-dd {
    display: none;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn {
    font-weight: 600;
    margin: 0 1px 1px 0;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.active {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
    background: white;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:hover {
    background-color: white !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:focus {
    border-color: #dcdcdc;
    outline: 0;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.custValidate {
    color: red;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul {
    padding: 0;
    box-shadow: 1px 2px 2px #7f7b7b;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn {
    margin: -1px;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn a {
    padding: 5px;
    color: #111;
    background-color: white;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .editorActions button.btn.ctrlBtn.enabled:hover {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .rowBtn .fa:after {
    height: 2px;
    width: 16px;
    background: #444444;
    content: "";
    position: absolute;
    bottom: 5px;
    left: 10px;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input {
    margin-right: 3px;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error:focus {
    border-color: #b94a48 !important;
}
.switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success, .switching-container #switchingTab #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success:focus {
    border-color: #00a65a !important;
}
.switching-container #switchingTab .stationFilter {
    margin-bottom: 0 !important;
}
.switching-container #switchingTab #removalWorkpartModal .select2-container .select2-choice > .select2-chosen {
    white-space: pre;
}
.switching-container #switchingTab #removalTable tr.headerRow th,
.switching-container #switchingTab #removalTable tr.headerRow td:not(last-child), .switching-container #switchingTab #removalTable tr.headerRow:hover th,
.switching-container #switchingTab #removalTable tr.headerRow:hover td:not(last-child),
.switching-container #switchingTab #returnTable tr.headerRow th,
.switching-container #switchingTab #returnTable tr.headerRow td:not(last-child),
.switching-container #switchingTab #returnTable tr.headerRow:hover th,
.switching-container #switchingTab #returnTable tr.headerRow:hover td:not(last-child) {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #ddd;
    border-bottom-color: #999;
}
.switching-container #switchingTab #removalTable tr:hover td,
.switching-container #switchingTab #returnTable tr:hover td {
    background-color: rgba(173, 216, 230, 0.3);
}
.switching-container #switchingTab #removalTable tr.rightAlignDescription td.fieldName-description,
.switching-container #switchingTab #returnTable tr.rightAlignDescription td.fieldName-description {
    text-align: right;
}
.switching-container #switchingTab #removalTable tr.completed td,
.switching-container #switchingTab #returnTable tr.completed td {
    background-color: #f5fff5;
    color: green;
}
.switching-container #switchingTab #removalTable tr td,
.switching-container #switchingTab #returnTable tr td {
    height: 25px;
    padding: 3px 5px !important;
}
.switching-container #switchingTab #removalTable tr td[class*=editor-] button,
.switching-container #switchingTab #returnTable tr td[class*=editor-] button {
    font-style: normal;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.switching-container #switchingTab #removalTable tr td.fieldName-actions,
.switching-container #switchingTab #returnTable tr td.fieldName-actions {
    font-style: normal;
    text-decoration: none;
}
.switching-container #switchingTab #removalTable tr td.fieldName-actions button,
.switching-container #switchingTab #returnTable tr td.fieldName-actions button {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.switching-container #switchingTab #removalTable tr td .personTypeLabel,
.switching-container #switchingTab #returnTable tr td .personTypeLabel {
    font-weight: 600;
    text-decoration: underline;
    color: #dd4b39;
}
.switching-container #switchingTab #removalTable tr td:last-child,
.switching-container #switchingTab #returnTable tr td:last-child {
    border-right: 0;
}
.switching-container #switchingTab #removalTable tr td .btn.copy_permit,
.switching-container #switchingTab #returnTable tr td .btn.copy_permit {
    margin-right: 10px;
}
.switching-container #switchingTab .tabPanelButtons {
    float: right;
    margin-top: 1px;
}
.switching-container #switchingTab .tabPanelButtons .btn {
    z-index: 2;
}
.switching-container #switchingTab .tabPanel .nav-tabs {
    padding-bottom: 0;
    background: #ece8e0;
}
.switching-container #switchingTab .tabPanel .nav-tabs li.tab-panel-heading {
    background-color: #f5efe6;
    font-size: 15px;
    padding: 5px;
    margin-right: 3px;
}
.switching-container #switchingTab .tabPanel .nav-tabs li.tab-panel-heading [contenteditable=true]:hover, .switching-container #switchingTab .tabPanel .nav-tabs li.tab-panel-heading [contenteditable=true]:focus {
    border-bottom: 1px solid black;
    outline: none;
}
.switching-container #switchingTab .tabPanel .nav-tabs li.tab-panel-heading a[data-toggle=tab] {
    height: auto;
    padding: 0;
    border: 0;
    text-transform: uppercase;
}
.switching-container #switchingTab .tabPanel .nav-tabs li.tab-panel-heading a[data-toggle=tab]:hover {
    background-color: transparent !important;
}
.switching-container #switchingTab .tabPanel .nav-tabs li.tab-panel-heading:hover {
    background-color: #d9d1c0;
}
.switching-container #switchingTab .tabPanel .nav-tabs li.tab-panel-heading:hover a[data-toggle=tab] {
    color: #111;
    font-weight: bold;
}
.switching-container #switchingTab .tabPanel .nav-tabs li.tab-panel-heading.active {
    border: 1px solid #cfc5b1;
    background-color: #ffffff;
    border-bottom: 0;
    border-radius: 3px;
}
.switching-container #switchingTab .tabPanel .nav-tabs li.tab-panel-heading.active a[data-toggle=tab] {
    font-size: 16px;
    color: #111;
    font-weight: bold;
    background-color: transparent !important;
}
.switching-container #switchingTab > div.content {
    margin-top: 40px;
}
.switching-container #switchingTab .halfPage {
    display: block;
    height: 50vh;
}
.switching-container .modalsContainer .modal .modal-content {
    box-shadow: -4px 16px 16px rgba(0, 0, 0, 0.2) !important;
    border-radius: 3px;
}
.switching-container .modalsContainer .modal .modal-body label {
    width: 115px;
    vertical-align: top;
    float: left;
}
.switching-container .modalsContainer .modal .modal-body .col-xs-12 {
    margin-bottom: 3px;
}
.switching-container .modalsContainer .modal .modal-body .col-xs-12 textarea {
    width: calc(100% - 120px);
}
.switching-container .modalsContainer .modal .modal-body .col-xs-12 div.dateTimeControl {
    width: 208px;
    min-width: 208px;
    display: inline-block;
}
.switching-container .modalsContainer .modal .modal-body .border {
    border: 1px solid #cfc5b1;
    border-radius: 3px;
    background: #eee;
    display: table;
    padding: 9px;
    margin-bottom: 7px;
    margin: -1px;
}
.switching-container .modalsContainer #genericSwitchingModal {
    /*            .modal-content {
                  margin-top: 56px;
              }*/
}
.switching-container .modalsContainer #genericSwitchingModal label {
    width: unset;
    float: left;
}
.switching-container .modalsContainer #genericSwitchingModal .inlineBlock {
    padding-right: 3px;
}
.switching-container .modalsContainer #genericSwitchingModal .inlineBlock .select2-container {
    float: left;
    clear: left;
}
.switching-container .modalsContainer #genericSwitchingModal .modal-body {
    height: calc(100vh - 300px);
}
.switching-container .modalsContainer #releaseClrModal label {
    width: 156px;
}
.switching-container .modalsContainer #releaseClrModal textarea {
    width: 100%;
}
.switching-container .modalsContainer #workpartModal .modal-dialog {
    width: 80%;
}
.switching-container .modalsContainer #workpartModal span.error {
    font-weight: 600;
}
.switching-container .modalsContainer #workpartModal #workpartTable {
    margin-bottom: 0;
}
.switching-container .modalsContainer #workpartModal #workpartTable thead th {
    background-color: #f7f7f7;
}
.switching-container .modalsContainer #workpartModal #workpartTable thead th:first-child {
    padding-left: 10px;
}
.switching-container .modalsContainer #workpartModal #workpartTable tr:hover td {
    background-color: rgba(173, 216, 230, 0.3);
}
.switching-container .modalsContainer #workpartModal #workpartTable tr.bold td {
    font-weight: 600 !important;
}
.switching-container .modalsContainer #workpartModal #workpartTable tr.included td {
    background-color: #f7f7f7;
    color: #111;
}
.switching-container .modalsContainer #workpartModal #workpartTable tr td:first-child {
    padding-left: 10px;
}
.switching-container .modalsContainer #workpartModal #workpartTable tr td:last-child .btn {
    margin: 2px;
    font-size: 15px;
    padding: 3px 12px;
    transition: all 0.15s;
}
.switching-container .modalsContainer #workpartModal #workpartTable tr td:last-child .btn:hover {
    background: white !important;
}
.switching-container .modalsContainer #workpartModal #workpartTable tr td:last-child .btn .text-success {
    color: #00a65a;
}
.switching-container .modalsContainer #swRecommendations .panel {
    background-color: #ffffff;
    margin-bottom: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}
.switching-container .modalsContainer #swRecommendations .panel .panel-heading,
.switching-container .modalsContainer #swRecommendations .panel .panel-heading a {
    position: relative;
    font-size: 13px;
    padding: 5px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 30px;
}
.switching-container .modalsContainer #swRecommendations .panel .panel-heading *[data-toggle=collapse],
.switching-container .modalsContainer #swRecommendations .panel .panel-heading a *[data-toggle=collapse] {
    cursor: pointer;
}
.switching-container .modalsContainer #swRecommendations .panel .panel-heading .panel-tools,
.switching-container .modalsContainer #swRecommendations .panel .panel-heading a .panel-tools {
    width: auto;
    position: absolute;
    top: 3px;
    right: 11px;
}
.switching-container .modalsContainer #swRecommendations .panel .panel-heading .panel-tools .btn,
.switching-container .modalsContainer #swRecommendations .panel .panel-heading a .panel-tools .btn {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    cursor: pointer;
}
.switching-container .modalsContainer #swRecommendations .panel .panel-heading .panel-tools .btn.collapsed .fa-minus:before,
.switching-container .modalsContainer #swRecommendations .panel .panel-heading a .panel-tools .btn.collapsed .fa-minus:before {
    content: "\f067";
}
.switching-container .modalsContainer #swRecommendations .panel .panel-body {
    padding: 5px 10px;
}
.switching-container .modalsContainer #swRecommendations .panel .panel-body .panel {
    background-color: #fdfdfd;
}
.switching-container .modalsContainer #swRecommendations .panel .panel-body .panel-heading {
    text-transform: capitalize;
}
.switching-container .modalsContainer #swRecommendations .panel .panel-footer {
    padding: 5px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.switching-container .modalsContainer #swRecommendations .panel.panel-default {
    border-color: #cfc5b1;
}
.switching-container .modalsContainer #swRecommendations .panel.panel-default .panel-heading,
.switching-container .modalsContainer #swRecommendations .panel.panel-default .panel-footer {
    border-color: #ece8e0;
    color: #111;
    background-color: #ece8e0;
}
.switching-container .modalsContainer #swRecommendations .panel.panel-default .panel-heading a {
    color: #111;
}
.switching-container .modalsContainer #swRecommendations .panel.panel-info {
    border-color: #9acfea;
}
.switching-container .modalsContainer #swRecommendations .panel.panel-info .panel-heading,
.switching-container .modalsContainer #swRecommendations .panel.panel-info .panel-heading a,
.switching-container .modalsContainer #swRecommendations .panel.panel-info .panel-footer {
    background-color: #d9edf7;
    border-color: #d9edf7;
    color: #1b6083;
}
.switching-container .modalsContainer #swRecommendations .panel .alert {
    padding: 0;
}
.switching-container .modalsContainer #swRecommendations .panel table tbody td {
    background-color: white;
}
.switching-container .modalsContainer #swRecommendations .panel table.transparent tbody td {
    background-color: transparent;
}
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered thead {
    color: #404040;
    background-color: #f7f7f7;
}
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered thead tr th:last-child {
    border-right: 0;
}
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered thead tr th:first-child {
    border-left: 0;
}
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered thead tr th {
    font-weight: 600;
}
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered tbody tr td:last-child {
    border-right: 0;
}
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered tbody tr td:first-child {
    border-left: 0;
}
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered.alert-danger thead,
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered.alert-danger tbody td {
    background-color: #f2dede;
}
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered.alert-warning thead,
.switching-container .modalsContainer #swRecommendations .panel table.table-bordered.panel-bordered.alert-warning tbody td {
    background-color: #f9edbe;
}
.switching-container .modalsContainer #swRecommendations .panel .alert {
    margin-top: 5px;
}
.switching-container .modalsContainer #swRecommendations .panel .alert .dataTables_scrollBody {
    border-bottom: 0;
}
.switching-container .modalsContainer #swRecommendations .rmd-btn {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 10px;
}
.switching-container .modalsContainer #swRecommendations .flex-panel {
    display: flex;
    flex-direction: row;
    padding: 20px;
    border-radius: 8px;
}
.switching-container .modalsContainer #swRecommendations .panel-box-item {
    justify-content: space-evenly;
    flex-grow: 1;
}
.switching-container .modalsContainer #swRecommendations .label {
    font-weight: bold;
    color: black;
    margin: 0px !important;
    padding: 0px !important;
}
.switching-container .modalsContainer #swRecommendations .betaBubble {
    border: 1px solid orange;
    border-radius: 6px;
    color: orange;
    min-width: 35px;
    max-width: 65px;
    text-align: center;
    vertical-align: middle;
}
.switching-container .modalsContainer #swRecommendations #type-group label {
    padding-left: 25px;
    padding-right: 5px;
}
.switching-container .modalsContainer #swRecommendations .modal-xlg {
    width: 80%;
}
.switching-container .minWidth350 {
    min-width: 350px;
}
.switching-container .minWidth420 {
    min-width: 420px;
}
.switching-container .dropdownPadding0 .select2-result-label {
    padding: 0;
}
.switching-container #switchingStatusContainer #swStatusTable td .logDesc {
    width: 80%;
    float: left;
}
.switching-container #switchingStatusContainer .btn-review {
    width: 100%;
}
.switching-container th.fieldName-comments {
    width: 250px !important;
}
.switching-container th.fieldName-issuedDate {
    width: 115px !important;
}
.switching-container th.fieldName-device {
    width: 250px !important;
}
.switching-container th.fieldName-description {
    width: 400px !important;
}
.switching-container th.fieldName-selector {
    width: 25px !important;
}
.switching-container th.fieldName-rowLabel {
    width: 50px !important;
}
.switching-container #preSwitchTabContainer .preSwitchHeading {
    background: #e0e0e0;
    margin: 0;
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #999;
}
.switching-container #preSwitchTabContainer table.dataTable tr.group td {
    border-bottom: 1px solid #999;
    text-align: center;
}
.switching-container #preSwitchTabContainer input.disableRadio {
    cursor: not-allowed;
}
.switching-container #preSwitchTabContainer input.disableRadio.enabled {
    cursor: auto;
}
.switching-container #preSwitchTabContainer span.viewWrapper {
    width: 100%;
    color: #00a65a;
    padding-left: 6px;
}
.switching-container #preSwitchTabContainer .glyphicon {
    transition: all 0s;
}
.switching-container #preSwitchTabContainer .rotate {
    transform: rotate(2turn);
    transition: all 0.5s linear;
}
.switching-container #preSwitchingTabContainer {
    overflow: auto;
}
.switching-container #preSwitchingTabContainer .panel-heading {
    padding: 5px 10px 5px 10px;
}
.switching-container #preSwitchingTabContainer .table {
    width: 100%;
    margin-bottom: 0px;
}
.switching-container #preSwitchingTabContainer .table tbody .item {
    min-width: 250px !important;
}
.switching-container #preSwitchingTabContainer .table tbody .values {
    min-width: 150px !important;
}
.switching-container #preSwitchingTabContainer .table tbody td .radioLabel,
.switching-container #preSwitchingTabContainer .table tbody td .checkboxLabel {
    margin: 5px;
}
.switching-container #preSwitchingTabContainer .table tbody td .radio-inline {
    border-radius: 50%;
}
.switching-container #auditTab .auditContainer table.dataTable thead th,
.switching-container #auditTab .auditContainer table.dataTable thead td {
    border-bottom-color: #fff;
}
.switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px 10px;
    background: #f3f3f3;
    margin-left: 0px;
    border: 1px solid #dadada;
}
.switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button:active, .switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button.current, .switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #111 !important;
}
.switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button.current, .switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .switching-container #auditTab .auditContainer .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: not-allowed;
}
.switching-container .small-header {
    padding-left: 10px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.switching-container .header-label {
    font-size: 14px;
    margin-left: 2px;
    border-radius: 2px;
    color: white;
    padding: 1px 4px;
    display: inline-flex;
}
.switching-container .header-label.relatedRequestNums {
    background: #ddd;
    color: white;
    margin-left: 2px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s linear;
}
.switching-container .header-label.relatedRequestNums.active {
    font-size: 14px;
    box-shadow: 0px 1px 1px #cacaca;
    border-radius: 4px;
}
.switching-container .headerInfo {
    max-height: 0;
    border: 0;
}
.switching-container .headerInfo.active {
    border: solid 1px #e3e5e7;
    margin-top: 5px;
    padding: 5px;
}
.switching-container .headerInfo.active label {
    padding: 0;
}
.switching-container .headerInfoContainer {
    margin-bottom: 5px;
}
.switching-container .table.dataTable thead th,
.switching-container table.dataTable thead td {
    border-bottom-color: #fff;
}
.switching-container thead.nowrap th {
    white-space: nowrap;
}
.switching-container td.overflow-btn {
    overflow: visible;
}
.switching-container td.overflow-btn .open > .dropdown-menu {
    line-height: 0;
}
.switching-container #clearanceTab #tagSummaryTable tbody tr.group td {
    background: #d2d2d2;
    font-weight: bold;
    text-decoration: underline;
}
.switching-container #clearanceTab #tagSummaryTable tbody tr.group td .glyphicon-menu-right {
    padding-left: 5px;
    transition: all 0.2s;
}
.switching-container #clearanceTab #tagSummaryTable tbody tr.group.open td .glyphicon-menu-right {
    transition: all 0.2s;
    transform: rotate(90deg);
    padding-left: 0;
    padding-bottom: 5px;
    vertical-align: text-bottom;
}
.switching-container #clearanceTab.readonly .btn,
.switching-container #clearanceTab.readonly .input-group-addon {
    display: none;
}
.switching-container #clearanceTab.readonly .select2-container.select2-container-disabled .select2-choice,
.switching-container #clearanceTab.readonly .select2-container.select2-container-disabled .select2-choices,
.switching-container #clearanceTab.readonly .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice,
.switching-container #clearanceTab.readonly .form-control[disabled],
.switching-container #clearanceTab.readonly .form-control[readonly],
.switching-container #clearanceTab.readonly fieldset[disabled] .form-control,
.switching-container #clearanceTab.readonly fieldset[disabled] input[type=checkbox],
.switching-container #clearanceTab.readonly fieldset[disabled] input[type=radio],
.switching-container #clearanceTab.readonly input[type=checkbox].disabled,
.switching-container #clearanceTab.readonly input[type=checkbox][disabled],
.switching-container #clearanceTab.readonly input[type=radio].disabled,
.switching-container #clearanceTab.readonly input[type=radio][disabled] {
    background: white;
    border: 0;
    box-shadow: none;
}
.switching-container .tooltip-inner {
    background: #fff;
    border-radius: 6px;
    color: black;
    border-color: #a5a5a5;
}
.switching-container .tooltip-arrow {
    border-bottom-color: #fff !important;
}
.switching-container .tooltip-arrow:before {
    border-bottom-color: #a5a5a5 !important;
}
.switching-container #switchingTaskContainer .statusSelect {
    width: 170px;
    margin-bottom: 0;
}
.switching-container #switchingTaskContainer .datetimepicker {
    width: 165px;
    float: left;
}
.switching-container .minWidth200 {
    min-width: 200px !important;
}
.switching-container .outage-details {
    text-transform: unset;
    font-weight: 500;
}

@media all and (max-width: 425px) {
    .switching-container div.dt-button-collection {
        width: auto;
        position: fixed;
        top: 100px !important;
        left: 85px !important;
        min-height: calc(100vh - 154px) !important;
        margin-top: 0 !important;
    }
    .switching-container div.dt-button-collection .dt-button {
        font-size: 16px;
        width: 60vw;
    }
    .switching-container .btn-group, .switching-container .input-group, .switching-container form-control, .switching-container .inlineBlock, .switching-container .datepick {
        width: 100% !important;
    }
    .switching-container #fieldSwitchingTab .stationFilter {
        margin-bottom: 5px;
    }
    .switching-container #fieldSwitchingTab .labels div {
        border-bottom: 1px solid #ccc !important;
        border-radius: 0;
    }
}
@media all and (max-width: 1024px) {
    .switching-container .requestsHeaders {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .switching-container .heading {
        font-size: 32px;
    }
    .switching-container .header-label {
        padding: 3px 5px;
        font-size: 16px !important;
    }
    .switching-container .dt-button-collection {
        overflow: auto !important;
    }
    .switching-container .btn {
        padding: 10px 15px;
        font-size: 16px;
    }
    .switching-container #range {
        height: auto !important;
    }
    .switching-container .inlineBlock {
        margin-top: 10px;
    }
    .switching-container .form-control {
        height: 40px;
    }
    .switching-container .checkbox input[type=checkbox], .switching-container .checkbox-inline input[type=checkbox], .switching-container .radio input[type=radio], .switching-container .radio-inline input[type=radio], .switching-container input[type=radio], .switching-container input[type=checkbox] {
        height: 16px;
        zoom: 1.2;
    }
    .switching-container .ColVis {
        margin-top: 10px;
    }
    .switching-container table {
        border: 0;
    }
    .switching-container table tbody tr td {
        font-weight: 500;
        background: white;
    }
    .switching-container table tbody tr.table-group td {
        border: 0 !important;
        font-weight: 600;
        color: #111;
        background-color: #ece8e0;
        border-top: 13px solid #f5efe6 !important;
        box-shadow: inset 0px 0px 1px 1px #cfc5b1;
        padding: 7px !important;
        text-align: center;
        border-radius: 3px;
    }
    .switching-container table tbody tr.parent td {
        font-weight: 600;
        color: #111;
        background-color: #ece8e0;
        border-top: 13px solid #f5efe6 !important;
        padding: 7px !important;
        text-align: center;
    }
    .switching-container table tbody tr.child td {
        border: 0 !important;
        box-shadow: inset 0px 0px 1px 1px #cfc5b1;
        border: 1px #cfc5b1;
    }
    .switching-container table tbody tr.child ul.dtr-details {
        overflow: hidden;
    }
    .switching-container table tbody tr.child ul.dtr-details > li {
        display: flex;
        flex: 1 1 auto;
        justify-content: space-between;
    }
    .switching-container table tbody tr.child ul.dtr-details > li .dtr-title {
        font-weight: normal !important;
        font-size: 13px;
        min-width: 102px;
        max-width: 102px;
        flex-grow: 1;
        position: relative;
        margin-right: 5px;
    }
    .switching-container table tbody tr.child ul.dtr-details > li .dtr-title:after {
        position: absolute;
        /*content: ':';*/
        right: 0;
    }
    .switching-container table tbody tr.child ul.dtr-details > li .dtr-data {
        flex-grow: 1;
    }
    .switching-container #fieldSwitchingTab table tr td .dtr-data button {
        width: 200px;
    }
    .switching-container #fieldSwitchingTab table tr.child {
        padding: 1px;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child {
        border-top: 13px solid #f5efe6 !important;
        box-shadow: none;
        background: #f5efe6;
        padding-top: 10px;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        background: white;
        box-shadow: 2px 7px 4px 3px #c0b8b8;
        border-radius: 10px;
        width: 100%;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li {
        padding: 8px 9px;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li.card-header-container {
        padding: 0;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li.card-header-container .dtr-title {
        display: none;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header {
        padding: 13px 9px;
        display: flex;
        flex: 1 1 auto;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span {
        flex-grow: 1;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span.rowLabel {
        margin-right: 3px;
        font-size: 20px;
        font-weight: bold;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span.location {
        text-align: center;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span.tag {
        text-align: right;
        margin-right: 20px;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span.tag.colorGray {
        color: #a4a4a4 !important;
    }
    .switching-container #fieldSwitchingTab table tr.child td.child ul.dtr-details li.card-header-container .dtr-data .glyphicon.text-green {
        color: #3fe096 !important;
    }
    .switching-container #fieldSwitchingTab table tr.parent td {
        box-shadow: inset 0px 1px 0px 0px #cfc5b1;
        border-bottom: 3px solid #cfc5b1;
        border-right: 0;
    }
    .switching-container #fieldSwitchingTab table tr.parent td:first-child {
        border-left: 1px solid #cfc5b1;
    }
    .switching-container #fieldSwitchingTab table tr.parent td.fieldName-tag {
        box-shadow: inset -1px 1px 0px 0px #cfc5b1;
    }
    .switching-container #fieldSwitchingTab .panel .dataTables_wrapper {
        background: #f5efe6;
        margin: -1px;
        overflow-x: hidden !important;
    }
    .switching-container #fieldSwitchingTab #removalTableFilter, .switching-container #fieldSwitchingTab #returnTableFilter {
        margin: auto;
        padding: 5px;
        border-bottom: 2px solid #cfc5b1;
    }
    .switching-container #fieldSwitchingTab .tabPanel {
        margin-top: 5px;
    }
    .switching-container #fieldSwitchingTab .tabPanel label {
        font-size: 13px !important;
    }
}
.switching-container .bgRed {
    background: #ffdcdc;
}
.switching-container .bgGreen {
    background: #dcffdc;
    background: #429f42;
}
.switching-container .bgGray {
    background: #d7d7d7;
    color: #a4a4a4;
}
.switching-container tr.crossOut + tr.child {
    color: #a4a4a4;
}
.switching-container .bgDark {
    background: #cfc5b1;
}
.switching-container tr.bgRed + tr.child li:not(.card-header-container) {
    background: snow;
}
.switching-container tr.bgDanger + tr.child li:not(.card-header-container) {
    background: #fff5f5;
}
.switching-container tr.bgDanger + tr.child .card-header {
    background: #ff5c5c !important;
}
.switching-container tr.bgGreen + tr.child li:not(.card-header-container) {
    background: #f5fff5 !important;
}
.switching-container tr.bgGray + tr.child {
    background: #d7d7d7 !important;
    color: #a4a4a4 !important;
}

#switchingListContainer {
    /*.dataTables_wrapper .dataTables_paginate .paginate_button {
      padding: 5px 10px;
      background: #f3f3f3;
      margin-left: 0px;
      border: 1px solid #dadada;

      &:hover,
          &:active,
          &.current,
          &.current:hover {
          color: $black !important;
      }

      &.current,
      &.current:hover {
          color: #fff;
          background-color: #428bca;
          border-color: #428bca;
      }

      &.disabled,
      &.disabled:hover,
          &.disabled:active {
          cursor: not-allowed;
      }
  }*/
}
#switchingListContainer #switchingSheetList {
    float: left;
}
#switchingListContainer #switchingSheetList #toggle {
    color: #3c8dbc;
    cursor: pointer;
}
#switchingListContainer #switchingSheetList thead tr#filterRow th.noFilter .sFilter {
    display: none !important;
}
#switchingListContainer #switchingSheetList tbody a {
    font-weight: 600;
}
#switchingListContainer #switchingSheetList tbody tr.started:hover td {
    background-color: #c4e3f3;
}
#switchingListContainer #switchingSheetList tbody tr.started td {
    /*background-color: #fff5f5;*/
}
#switchingListContainer #switchingSheetList tbody tr.started td a {
    color: red;
}
#switchingListContainer #switchingSheetList tbody tr.started td .glyphicon {
    color: #111;
}
#switchingListContainer #switchingSheetList tbody tr.completed:hover td {
    background-color: #c4e3f3;
}
#switchingListContainer #switchingSheetList tbody tr.completed td {
    /*background-color: #dffff0;*/
}
#switchingListContainer #switchingSheetList tbody tr.completed td a {
    color: green;
}
#switchingListContainer #switchingSheetList tbody tr.completed td .glyphicon {
    color: #111;
}
#switchingListContainer #switchingList_info {
    float: left;
    margin-top: 5px;
}

.switchingStepsListContainer .inlineBlock {
    padding-top: 5px;
}
.switchingStepsListContainer tr.table-group td {
    background-color: #ccc;
    font-weight: bold;
}
@media all and (max-width: 425px) {
    .switchingStepsListContainer div.dt-button-collection {
        width: auto;
        position: fixed;
        top: 100px !important;
        left: 85px !important;
        min-height: calc(100vh - 154px) !important;
        margin-top: 0 !important;
    }
    .switchingStepsListContainer div.dt-button-collection .dt-button {
        font-size: 16px;
        width: 60vw;
    }
    .switchingStepsListContainer .btn-group, .switchingStepsListContainer .input-group, .switchingStepsListContainer form-control, .switchingStepsListContainer .inlineBlock, .switchingStepsListContainer .datepick {
        width: 100% !important;
    }
    .switchingStepsListContainer #fieldSwitchingTab .stationFilter {
        margin-bottom: 5px;
    }
    .switchingStepsListContainer #fieldSwitchingTab .labels div {
        border-bottom: 1px solid #ccc !important;
        border-radius: 0;
    }
    .switchingStepsListContainer div#accordion {
        box-shadow: 2px 7px 4px 0px #c0b8b8;
        margin-bottom: 20px;
        margin-top: 11px;
        border: 0;
    }
    .switchingStepsListContainer div#accordion .panel-heading {
        padding: 10px;
        background: #e2dcd0;
    }
    .switchingStepsListContainer div#accordion .panel-heading a {
        font-size: 16px !important;
    }
    .switchingStepsListContainer div#accordion .panel-body .inlineBlock {
        padding: 5px;
        margin-top: 0;
    }
    .switchingStepsListContainer .switch {
        z-index: 100;
    }
}
@media all and (max-width: 1024px) {
    .switchingStepsListContainer {
        scroll-snap-type: y mandatory;
    }
    .switchingStepsListContainer tr.table-group td {
        background-color: #c5b9a1;
    }
    .switchingStepsListContainer .requestsHeaders {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .switchingStepsListContainer .heading {
        font-size: 32px;
    }
    .switchingStepsListContainer .header-label {
        padding: 5px 11px;
        font-size: 16px !important;
    }
    .switchingStepsListContainer .dt-button-collection {
        overflow: auto !important;
    }
    .switchingStepsListContainer .btn {
        padding: 10px 15px;
        font-size: 16px;
    }
    .switchingStepsListContainer #range {
        height: auto !important;
    }
    .switchingStepsListContainer .inlineBlock {
        margin-top: 10px;
    }
    .switchingStepsListContainer .form-control {
        height: 40px;
    }
    .switchingStepsListContainer .form-control.select2-container {
        padding: 0 !important;
    }
    .switchingStepsListContainer .form-control.select2-container ul.select2-choices {
        min-height: 40px;
    }
    .switchingStepsListContainer .checkbox input[type=checkbox], .switchingStepsListContainer .checkbox-inline input[type=checkbox], .switchingStepsListContainer .radio input[type=radio], .switchingStepsListContainer .radio-inline input[type=radio], .switchingStepsListContainer input[type=radio], .switchingStepsListContainer input[type=checkbox] {
        height: 16px;
        zoom: 1.2;
    }
    .switchingStepsListContainer .ColVis {
        margin-top: 10px;
    }
    .switchingStepsListContainer table {
        border: 0;
    }
    .switchingStepsListContainer table tbody tr td {
        font-weight: 500;
        background: white;
    }
    .switchingStepsListContainer table tbody tr td .dtr-data button {
        width: 200px;
    }
    .switchingStepsListContainer table tbody tr.child {
        padding: 1px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
    .switchingStepsListContainer table tbody tr.child td.child {
        border-top: 13px solid #f5efe6 !important;
        box-shadow: none;
        background: #f5efe6;
        padding-top: 10px;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details {
        overflow: hidden;
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        background: white;
        box-shadow: 2px 7px 4px 3px #c0b8b8;
        border-radius: 10px;
        width: 100%;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li {
        display: flex;
        flex: 1 1 auto;
        justify-content: space-between;
        padding: 8px 9px;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li .dtr-title {
        font-weight: normal !important;
        font-size: 13px;
        min-width: 102px;
        max-width: 102px;
        flex-grow: 1;
        position: relative;
        margin-right: 5px;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li .dtr-data {
        flex-grow: 1;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container {
        min-height: 55px;
        padding: 0;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container .dtr-title {
        display: none;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container .dtr-data {
        flex-grow: 1;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header {
        padding: 13px 9px;
        display: flex;
        flex: 1 1 auto;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span {
        flex-grow: 1;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span.rowLabel {
        margin-right: 3px;
        font-size: 20px;
        font-weight: bold;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span.genLocation {
        text-align: center;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span.tag {
        text-align: right;
        margin-right: 20px;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container .dtr-data .card-header span.tag.colorGray {
        color: #a4a4a4 !important;
    }
    .switchingStepsListContainer table tbody tr.child td.child ul.dtr-details li.card-header-container .dtr-data .glyphicon.text-green {
        color: #3fe096 !important;
    }
    .switchingStepsListContainer table tbody tr.parent td {
        font-weight: 600;
        color: #111;
        background-color: #ece8e0;
        border-top: 13px solid #f5efe6 !important;
        padding: 7px !important;
        text-align: center;
        box-shadow: inset 0px 1px 0px 0px #cfc5b1;
        border-bottom: 3px solid #cfc5b1;
        border-right: 0;
    }
    .switchingStepsListContainer table tbody tr.parent td:first-child {
        border-left: 1px solid #cfc5b1;
    }
    .switchingStepsListContainer table tbody tr.parent td.fieldName-tag {
        box-shadow: inset -1px 1px 0px 0px #cfc5b1;
    }
    .switchingStepsListContainer table tbody tr.table-group td {
        border: 0 !important;
        font-weight: 600;
        color: #111;
        padding: 7px !important;
        text-align: center;
        background: #f5efe6;
        border-radius: 3px;
    }
    .switchingStepsListContainer table tbody tr.table-group td span.table-group-header {
        padding: 10px;
        display: block;
        border-radius: 4px;
        box-shadow: 2px 7px 4px 3px #c0b8b8;
        background: #dedede;
        margin-bottom: 13px;
        margin-top: 13px;
        /*font-size: 25px;*/
    }
    .switchingStepsListContainer table tbody tr.table-group td span.table-group-header.fixed {
        box-shadow: 2px 7px 4px 0px #c0b8b8;
        position: fixed;
        top: 90px;
        width: 89vw;
        z-index: 1;
    }
    .switchingStepsListContainer table .panel .dataTables_wrapper {
        background: #f5efe6;
        margin: -1px;
        overflow-x: hidden !important;
    }
    .switchingStepsListContainer table #removalTableFilter, .switchingStepsListContainer table #returnTableFilter {
        margin: auto;
        padding: 5px;
        border-bottom: 2px solid #cfc5b1;
    }
    .switchingStepsListContainer table .tabPanel {
        margin-top: 5px;
    }
    .switchingStepsListContainer table .tabPanel label {
        font-size: 13px !important;
    }
    .switchingStepsListContainer .bgRed {
        background: #ffdcdc;
    }
    .switchingStepsListContainer .bgGreen {
        background: #dcffdc;
        /*background: #429f42;*/
    }
    .switchingStepsListContainer .bgGray {
        background: #d7d7d7;
        color: #a4a4a4;
    }
    .switchingStepsListContainer tr.crossOut + tr.child {
        color: #a4a4a4;
    }
    .switchingStepsListContainer .bgDark {
        background: #cfc5b1;
    }
    .switchingStepsListContainer tr.bgRed + tr.child li:not(.card-header) {
        background: #fff5f5;
    }
    .switchingStepsListContainer tr.bgGreen + tr.child li:not(.card-header) {
        background: #f5fff5;
    }
    .switchingStepsListContainer tr.bgGray + tr.child {
        background: #d7d7d7;
        color: #a4a4a4;
    }
}

.clearanceListContainer .overflowReset {
    overflow: unset !important;
}
.clearanceListContainer table tbody tr:hover td, .clearanceListContainer table tbody tr.success:hover td, .clearanceListContainer table tbody tr.danger:hover td {
    background: rgba(173, 216, 230, 0.3);
}

#interruptContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] {
    position: relative;
    padding-right: 30px;
}
#interruptContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer {
    position: absolute;
    right: 8px;
    top: 5px;
    color: red;
    padding: 0px 5px;
    box-shadow: 1px 1px 1px rgb(197, 197, 197);
    transition: all 0.15s;
    border: none;
}
#interruptContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer:hover {
    background-color: white;
    box-shadow: 0px 1px 1px 0px red;
}
#interruptContainer #editorContainer #editorTabs ul.nav-tabs li[id^=int_] .closer:active {
    box-shadow: inset 1px 1px 3px 0px red;
}
#interruptContainer #editorContainer #editorTabs .tab-content {
    min-height: calc(100vh - 265px);
}
#interruptContainer #editorContainer #editorTabs .tab-content .panel-body.initial,
#interruptContainer #editorContainer #editorTabs .tab-content .panel-body.removal,
#interruptContainer #editorContainer #editorTabs .tab-content .panel-body.return,
#interruptContainer #editorContainer #editorTabs .tab-content [id^=int_].panel-body {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 265px);
    width: 100%;
    padding: 0;
}
#interruptContainer #editorContainer #editorTabs .panel {
    background-color: #f5efe6;
}
#interruptContainer #editorContainer .handsonTableContainer table {
    table-layout: fixed;
    border-spacing: 0;
}
#interruptContainer #editorContainer .handsonTableContainer img.icon-image {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable {
    /*th,*/
    /*                    .handsontableInputHolder:after {
                          content: "";
                          position: absolute;
                          bottom: 1px;
                          display: block;
                          box-shadow: 0px 2px 7px 0px #a5a5a5;
                          height: 100%;
                          width: calc(100% - 20px);
                          z-index: -10;
                      }*/
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .ht_clone_top_left_corner.handsontable table {
    border-right: 1px solid adjust(#f7f7f7, 10%);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable.ht_clone_left, #interruptContainer #editorContainer .handsonTableContainer .handsontable.ht_clone_top_left_corner {
    display: none;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .handsontable .ht__manualRowMove--backlight {
    /*                        display: none !important;
                          z-index: 5;
                          pointer-events: none;*/
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .wtBorder.current {
    background-color: transparent !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .wtBorder.corner {
    background-color: rgb(75, 137, 255) !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable thead th {
    border-bottom: 2px solid adjust(#f7f7f7, 20%);
    font-weight: 700;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable thead th .relative {
    padding: 2px 0px 6px 0px;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable th {
    color: #111;
    visibility: visible;
    font-weight: 500;
    border-left: 0;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable th div.relative span.rowHeader {
    float: none;
    margin-right: 0px;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable tr:hover {
    /*th,*/
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable tr:hover td {
    background-color: adjust(rgba(173, 216, 230, 0.3), 12%);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.htDimmed {
    background-color: adjust(rgba(173, 216, 230, 0.3), 12%);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.currentRow, #interruptContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.currentRow .htAutocompleteArrow, #interruptContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.current .htAutocompleteArrow {
    color: #777;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable tr:hover td.headerRow {
    background: #f7f7f7;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td {
    padding: 4px 0px 4px 5px;
    border-right-color: adjust(#f7f7f7, 10%);
    border-bottom-color: adjust(#f7f7f7, 10%);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.currentRow, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.current {
    background-color: rgba(173, 216, 230, 0.3);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.currentRow .htAutocompleteArrow, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.current .htAutocompleteArrow {
    color: #777;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.current, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 2px rgb(75, 137, 255);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.current.htDimmed, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.current.pageBreak, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed.htDimmed, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.current.listbox.htDimmed.pageBreak, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated.htDimmed, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.current.ht-cell-updated.pageBreak {
    box-shadow: inset 0px 0px 0px 2px adjust(#f7f7f7, 20%);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5 !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.color-black {
    color: #111;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.selectRow {
    background-color: #ffffd5;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.ht__highlight.currentRow {
    background-color: rgba(173, 216, 230, 0.3);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.ht__highlight.currentRow:before {
    content: "\0025B8";
    font-size: 18px;
    float: left;
    color: green;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow {
    background-color: #f7f7f7;
    color: black;
    cursor: initial;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed .htCheckboxRendererInput, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow .htCheckboxRendererInput {
    display: none;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.currentRow, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.current, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.currentRow, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.current, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight {
    background-color: adjust(#f7f7f7, 10%) !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.currentRow.pageBreak, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.current.pageBreak, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight.pageBreak, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.currentRow.pageBreak, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.current.pageBreak, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight.pageBreak {
    background-color: #fff !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.area.highlight:before, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.area.highlight:before {
    opacity: 0;
    background-color: adjust(#f7f7f7, 5%) !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.htDimmed.selectRow, #interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow.selectRow {
    background-color: #ffffd5 !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.ht-cell-updated {
    box-shadow: inset 0px 0px 0px 1px red;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.pageBreak {
    background-color: #fff !important;
    border-right-color: #fff;
    color: #ccc;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.pageBreak .htCheckboxRendererInput {
    display: none;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.critical {
    color: red;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.ht-checkbox {
    background-color: #f7f7f7;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.headerRow {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    color: #111;
    background: #f7f7f7;
    border-right-color: #f7f7f7;
    border-bottom: 2px solid adjust(#f7f7f7, 30%);
}
@keyframes border-pulsate {
    0% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
    /*20%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    50% {
        box-shadow: inset 0px 0px 0px 1px green;
    }
    /*70%  {  box-shadow: inset 0px 0px 0px 2px $bgDarkGreen; }*/
    100% {
        box-shadow: inset 0px 0px 0px 2px green;
    }
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.highLight {
    box-shadow: inset 0px 0px 0px 2px green;
    color: green;
    font-weight: 500;
    animation: border-pulsate 2s infinite;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.htNoWrap {
    text-overflow: ellipsis;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.darkblue {
    color: #007dff;
    font-weight: 500;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable td.darkred {
    color: #ff0000;
    font-weight: 500;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .handsontableInputHolder .autocompleteEditor {
    box-shadow: 0px 2px 7px 0px #a5a5a5;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .ht-Checkbox {
    border-color: #bbb;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .ht-Checkbox:checked {
    border: 1px solid #12e283 !important;
    background: #f0fff0;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable.listbox tr {
    height: 22px !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable.listbox th,
#interruptContainer #editorContainer .handsonTableContainer .handsontable.listbox td {
    white-space: pre-line;
    text-overflow: ellipsis;
    border: 0;
    border-bottom: 1px solid #bbbbbb;
    background: adjust(#f7f7f7, 2%);
    color: adjust(#111, 10%);
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable.listbox th.htDimmed:hover, #interruptContainer #editorContainer .handsonTableContainer .handsontable.listbox th.htDimmed.current,
#interruptContainer #editorContainer .handsonTableContainer .handsontable.listbox td.htDimmed:hover,
#interruptContainer #editorContainer .handsonTableContainer .handsontable.listbox td.htDimmed.current {
    background-color: adjust(rgba(173, 216, 230, 0.3), 30%) !important;
    border-width: 1px;
    font-weight: bold;
    color: #111;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable.htColumnHeaders {
    overflow: visible !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .autocompleteEditor {
    padding-right: 0;
    /*box-shadow: rgb(206, 198, 198) -5px 2px 9px;*/
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .handsontable td.htSearchResult {
    background: transparent;
    color: #111;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontable .matched {
    background-color: yellow;
    font-weight: 600;
    border-bottom: 1px solid #111;
}
#interruptContainer #editorContainer .handsonTableContainer .hot-container {
    overflow: hidden;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar {
    min-height: 38px;
    height: auto;
    padding: 4px 7px 3px 2px;
    background-color: white;
}
@media (max-width: 1148px) {
    #interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
        display: none;
    }
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar span.toolbarLabel {
    padding-left: 2px;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .textStyles,
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .editorActions {
    float: left;
    padding-left: 5px;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .sp-replacer {
    height: 30px;
    padding: 4px;
    background: #f2f2f2;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .sp-dd {
    display: none;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn {
    font-weight: 600;
    margin: 0 1px 1px 0;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.active {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
    background: white;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:hover {
    background-color: white !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn:focus {
    border-color: #dcdcdc;
    outline: 0;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar button.btn.ctrlBtn.custValidate {
    color: red;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul {
    padding: 0;
    box-shadow: 1px 2px 2px #7f7b7b;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn {
    margin: -1px;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .actionDropdown ul li.ctrlBtn a {
    padding: 5px;
    color: #111;
    background-color: white;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .editorActions button.btn.ctrlBtn.enabled:hover {
    color: #111;
    font-weight: bold;
    box-shadow: 0 0 2px #ddd;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .rowBtn .fa:after {
    height: 2px;
    width: 16px;
    background: #444444;
    content: "";
    position: absolute;
    bottom: 5px;
    left: 10px;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input {
    margin-right: 3px;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error, #interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.error:focus {
    border-color: #b94a48 !important;
}
#interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success, #interruptContainer #editorContainer .handsonTableContainer .handsontableToolbar .searchAndReplace input.success:focus {
    border-color: #00a65a !important;
}
#interruptContainer .modalsContainer .modal .modal-content {
    box-shadow: -4px 16px 16px rgba(0, 0, 0, 0.2) !important;
    border-radius: 3px;
}
#interruptContainer .modalsContainer .modal .modal-body label {
    width: 115px;
    vertical-align: top;
    float: left;
}
#interruptContainer .modalsContainer .modal .modal-body .col-xs-12 {
    margin-bottom: 3px;
}
#interruptContainer .modalsContainer .modal .modal-body .col-xs-12 textarea {
    width: calc(100% - 120px);
}
#interruptContainer .modalsContainer .modal .modal-body .col-xs-12 div.dateTimeControl {
    width: 208px;
    min-width: 208px;
    display: inline-block;
}
#interruptContainer .modalsContainer .modal .modal-body .border {
    border: 1px solid #cfc5b1;
    border-radius: 3px;
    background: #eee;
    display: table;
    padding: 9px;
    margin-bottom: 7px;
    margin: -1px;
}
#interruptContainer .modalsContainer #genericSwitchingModal {
    /*            .modal-content {
                  margin-top: 56px;
              }*/
}
#interruptContainer .modalsContainer #genericSwitchingModal label {
    width: unset;
    float: left;
}
#interruptContainer .modalsContainer #genericSwitchingModal .inlineBlock {
    padding-right: 3px;
}
#interruptContainer .modalsContainer #genericSwitchingModal .inlineBlock .select2-container {
    float: left;
    clear: left;
}
#interruptContainer .modalsContainer #genericSwitchingModal .modal-body {
    height: calc(100vh - 300px);
}
#interruptContainer .modalsContainer #releaseClrModal label {
    width: 156px;
}
#interruptContainer .modalsContainer #releaseClrModal textarea {
    width: 100%;
}
#interruptContainer .modalsContainer #workpartModal .modal-dialog {
    width: 80%;
}
#interruptContainer .modalsContainer #workpartModal span.error {
    font-weight: 600;
}
#interruptContainer .modalsContainer #workpartModal #workpartTable {
    margin-bottom: 0;
}
#interruptContainer .modalsContainer #workpartModal #workpartTable thead th {
    background-color: #f7f7f7;
}
#interruptContainer .modalsContainer #workpartModal #workpartTable thead th:first-child {
    padding-left: 10px;
}
#interruptContainer .modalsContainer #workpartModal #workpartTable tr:hover td {
    background-color: rgba(173, 216, 230, 0.3);
}
#interruptContainer .modalsContainer #workpartModal #workpartTable tr.bold td {
    font-weight: 600 !important;
}
#interruptContainer .modalsContainer #workpartModal #workpartTable tr.included td {
    background-color: #f7f7f7;
    color: #111;
}
#interruptContainer .modalsContainer #workpartModal #workpartTable tr td:first-child {
    padding-left: 10px;
}
#interruptContainer .modalsContainer #workpartModal #workpartTable tr td:last-child .btn {
    margin: 2px;
    font-size: 15px;
    padding: 3px 12px;
    transition: all 0.15s;
}
#interruptContainer .modalsContainer #workpartModal #workpartTable tr td:last-child .btn:hover {
    background: white !important;
}
#interruptContainer .modalsContainer #workpartModal #workpartTable tr td:last-child .btn .text-success {
    color: #00a65a;
}

#createAssociationContainer.active {
    display: inline-block;
    overflow: hidden;
}
#createAssociationContainer .module-container {
    padding-top: 15px;
}
#createAssociationContainer ul.dropdown-menu a {
    cursor: pointer;
}
#createAssociationContainer .assoc-target {
    display: inline-block;
    overflow: hidden;
    transition: max-height 0.2s;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
}
#createAssociationContainer .assoc-target.active {
    display: inline-block;
    margin-top: 2px;
    padding: 5px;
    max-height: 4000px;
    height: auto;
    overflow: auto;
    transition: max-height 0.2s;
}
#createAssociationContainer .assoc-target label {
    padding-right: 5px;
    padding-left: 5px;
}

.assocInfoContainer {
    /*margin-bottom: 20px;*/
}
.assocInfoContainer .flex-header {
    display: flex;
    flex-direction: column;
    height: 46px;
    flex-wrap: wrap;
    align-content: flex-start;
    column-gap: 12px;
}
.assocInfoContainer .flex-header > div {
    flex: 1 1 auto;
    min-width: 100px;
}
.assocInfoContainer .flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    column-gap: 12px;
    row-gap: 10px;
}
.assocInfoContainer .flex-row > div {
    flex: 0 1 auto;
}

.assoc-target-toggle {
    margin-left: 5px;
}
.assoc-target-toggle .glyphicon-chevron-right, .assoc-target-toggle .fa-caret-right {
    transform: rotate(0deg);
    transition: transform 0.2s;
}
.assoc-target-toggle.active .assoc-badge {
    transition: font-size 0.2s;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.assoc-target-toggle.active .assoc-badge:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    display: block;
    background: var(--chakra-colors-blackAlpha-900);
}
.assoc-target-toggle.active .glyphicon-chevron-right, .assoc-target-toggle.active .fa-caret-right {
    transform: rotate(90deg);
    transition: transform 0.2s;
}

.assoc-target {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
}
.assoc-target.active {
    display: block;
    margin-top: 2px;
    padding: 5px;
    max-height: 4000px;
    height: auto;
    overflow: auto;
    transition: max-height 0.2s;
}
.assoc-target label {
    padding-right: 5px;
    padding-left: 5px;
}

.modalsContainer #addRequestModal .modal-body label {
    text-align: right;
}
.modalsContainer #addRequestModal .modal-body .col-xs-12 {
    margin-bottom: 7px;
}
.modalsContainer #addRequestModal .modal-body .col-xs-12 .select2-container {
    width: calc(100% - 120px);
}
.modalsContainer #addRequestModal .modal-body .col-xs-12 input.full-width {
    width: calc(100% - 120px);
}

.assoc-badge {
    border-radius: 2px;
    padding: 2px 6px;
    font-weight: 500;
    font-size: 13px;
}
.assoc-badge.req-badge {
    background: var(--chakra-colors-blackAlpha-300);
}
.assoc-badge.sw-badge {
    background: var(--chakra-colors-blackAlpha-300);
}
.assoc-badge.sw-badge.EMERGENCY {
    background: var(--chakra-colors-red-500);
    color: white;
}
.assoc-badge.sw-badge.PLANNED {
    background: var(--chakra-colors-blackAlpha-400);
    color: var(--chakra-colors-blackAlpha-900);
}
.assoc-badge.sw-badge.READY.TO.WRITE {
    background: var(--chakra-colors-yellow-200);
    color: var(--chakra-colors-blackAlpha-900);
}
.assoc-badge.sw-badge.DRAFT.IN.PROGRESS {
    background: var(--chakra-colors-yellow-200);
    color: var(--chakra-colors-blackAlpha-900);
}
.assoc-badge.sw-badge.REVIEW.REQUIRED {
    background: var(--chakra-colors-yellow-200);
    color: var(--chakra-colors-red-500);
}
.assoc-badge.sw-badge.READY.TO.EXECUTE {
    background: var(--chakra-colors-green-200);
    color: var(--chakra-colors-red-500);
}
.assoc-badge.sw-badge.SWITCHING.IN.PROGRESS {
    background: var(--chakra-colors-green-200);
    color: var(--chakra-colors-blackAlpha-900);
}
.assoc-badge.sw-badge.ISSUED {
    background: var(--chakra-colors-blue-200);
    color: var(--chakra-colors-blackAlpha-900);
}
.assoc-badge.sw-badge.RELEASED {
    background: var(--chakra-colors-red-200);
    color: var(--chakra-colors-red-500);
}
.assoc-badge.sw-badge.COMPLETED {
    background: var(--chakra-colors-green-300);
    color: white;
}
.assoc-badge.RED {
    background: var(--chakra-colors-red-500);
    color: white;
}
.assoc-badge.GREEN {
    background: var(--chakra-colors-green-500);
    color: white;
}
.assoc-badge.BLUE {
    background: var(--chakra-colors-blue-500);
    color: white;
}
.assoc-badge.ORANGE {
    background: var(--chakra-colors-orange-500);
    color: white;
}
.assoc-badge.YELLOW {
    background: var(--chakra-colors-yellow-500);
    color: white;
}
.assoc-badge.WHITE {
    background: var(--chakra-colors-white);
    color: black;
    border: 0.5px solid #d8d3d3;
}
.assoc-badge.PINK {
    background: var(--chakra-colors-pink-500);
    color: white;
}
.assoc-badge.PURPLE {
    background: var(--chakra-colors-purple-500);
    color: white;
}
.assoc-badge.BLACK {
    background: var(--chakra-colors-blackAlpha-900);
    color: white;
}
.assoc-badge.SCHEDULE_RELATED {
    background: var(--chakra-colors-gray-500);
    color: white;
}
.assoc-badge.PROJECT_RELATED {
    background: var(--chakra-colors-red-300);
    color: white;
}
.assoc-badge.REQUEST_RELATED {
    background: var(--chakra-colors-orange-500);
    color: white;
}
.assoc-badge.LOG_RELATED {
    background: var(--chakra-colors-yellow-500);
    color: white;
}
.assoc-badge.INTERRUPTION_RELATED {
    background: var(--chakra-colors-green-300);
    color: white;
}
.assoc-badge.SWITCHING_RELATED {
    background: var(--chakra-colors-teal-300);
    color: white;
}
.assoc-badge.DEPENDENT {
    background: var(--chakra-colors-blue-300);
    color: white;
}
.assoc-badge.RELATED {
    background: var(--chakra-colors-cyan-500);
    color: white;
}
.assoc-badge.PARENT_CHILD {
    background: var(--chakra-colors-purple-400);
    color: white;
}

#assocGlobalSearch {
    list-style: none;
}
#assocGlobalSearch .fa.fa-spinner {
    display: none;
}
#assocGlobalSearch .fa-search, #assocGlobalSearch .fa-spinner {
    position: relative;
    top: 1px;
    left: 25px;
    color: #aaa;
}
#assocGlobalSearch #assocGlobalSearchInput {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: transparent;
    width: 99px;
    height: 35px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding-left: 25px;
}
#assocGlobalSearch #assocGlobalSearchInput:focus, #assocGlobalSearch #assocGlobalSearchInput:active {
    background-color: white;
}
#assocGlobalSearch #assocGlobalSearchDropdown {
    width: 85vw;
    left: 0;
    margin: auto;
    max-height: 90vh;
    min-height: 0px;
    overflow: auto;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    background: rgb(255, 255, 255);
    padding-top: 40px;
}
#assocGlobalSearch #assocGlobalSearchDropdown li {
    border-bottom: 1px solid #dedede;
}
#assocGlobalSearch #assocGlobalSearchDropdown li.header {
    text-align: left;
    color: #525252;
    font-weight: 500;
    font-size: 15px;
    background: #f5efe6;
    margin-top: -6px;
    padding: 5px 30px 5px;
    border-bottom: none;
    top: 50px;
    width: 85vw;
    z-index: 5;
    margin: auto;
    left: auto;
    box-shadow: 0 1px 2px 2px #cacaca;
}
#assocGlobalSearch #assocGlobalSearchDropdown li.globalSearching {
    text-align: center;
    color: black;
    font-weight: 600;
    background: #eaeaea;
    margin-top: 0px;
    padding: 5px;
    border-bottom: none;
}
#assocGlobalSearch #assocGlobalSearchDropdown li a {
    height: 34px;
    padding: 2px 10px 7px;
    overflow: hidden;
    /*                    span.stations {
                          color: #dd4b39;
                          border-color: #dd4b39 !important;
                      }*/
    transition: font-size 0.2s;
}
#assocGlobalSearch #assocGlobalSearchDropdown li a span.sub {
    line-height: 27px;
    font-size: 11px;
    white-space: normal;
    background: rgba(255, 255, 255, 0.3);
    vertical-align: top;
    border: 1px solid #dcd7d7;
    color: #737373;
    margin: 0 6px;
    border-radius: 4px;
    padding: 0 4px;
}
#assocGlobalSearch #assocGlobalSearchDropdown li a span.num {
    font-weight: 600;
    font-size: 13px;
    color: black;
    white-space: normal;
    line-height: 27px;
}
#assocGlobalSearch #assocGlobalSearchDropdown li a span.start {
    font-size: 11px;
    white-space: normal;
    margin-left: 5px;
    color: #00a65a;
}
#assocGlobalSearch #assocGlobalSearchDropdown li a span.end {
    color: red;
}
#assocGlobalSearch #assocGlobalSearchDropdown li a span.comments {
    color: black;
}
#assocGlobalSearch #assocGlobalSearchDropdown li a span.badge {
    margin-left: 5px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #777;
    color: #737373;
    border-radius: 4px;
}
#assocGlobalSearch #assocGlobalSearchDropdown li a:hover {
    background: #eaf7fb;
    color: black;
    border-bottom: 1px solid #bbb;
}
#assocGlobalSearch #assocGlobalSearchDropdown li a:hover .fa {
    font-size: 18px;
}

/*
For select2 dropdown of global search
 */
li.entry.header {
    text-align: left;
    color: #525252;
    font-weight: 500;
    font-size: 15px;
    background: #f5efe6;
    margin-top: -6px;
    padding: 5px 30px 5px;
    border-bottom: none;
    position: fixed;
    top: 50px;
    width: 85vw;
    z-index: 5;
    margin: auto;
    left: auto;
    box-shadow: 0 1px 2px 2px #cacaca;
}
li.entry.globalSearching {
    text-align: center;
    color: black;
    font-weight: 600;
    background: #eaeaea;
    margin-top: 0px;
    padding: 5px;
    border-bottom: none;
}
li.entry a {
    height: 34px;
    padding: 2px 10px 7px;
    overflow: hidden;
    color: black;
    /*                    span.stations {
                          color: #dd4b39;
                          border-color: #dd4b39 !important;
                      }*/
    transition: font-size 0.2s;
}
li.entry a span.sub {
    line-height: 27px;
    font-size: 11px;
    white-space: normal;
    background: rgba(255, 255, 255, 0.3);
    vertical-align: top;
    border: 1px solid #dcd7d7;
    color: #737373;
    margin: 0 6px;
    border-radius: 4px;
    padding: 0 4px;
}
li.entry a span.num {
    font-weight: 600;
    font-size: 13px;
    color: black;
    white-space: normal;
    line-height: 27px;
}
li.entry a span.start {
    font-size: 11px;
    white-space: normal;
    margin-left: 5px;
    color: #00a65a;
}
li.entry a span.end {
    color: red;
}
li.entry a span.comments {
    color: black;
}
li.entry a span.badge {
    margin-left: 5px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #777;
    color: #737373;
    border-radius: 4px;
}

@media (max-width: 767px) {
    #assocGlobalSearch > .dropdown-menu {
        width: auto;
        background-color: white !important;
    }
    .search-icon, .spinner-icon {
        position: absolute !important;
        top: inherit !important;
        left: 20px !important;
        padding-top: 10px;
    }
    .mobile-search-input {
        width: 105px !important;
    }
    .mobile-search-dropdown {
        width: 85vw !important;
        top: 105px !important;
        height: 60vh;
        left: 15px !important;
    }
    .mobile-search-dropdown li {
        border-bottom: 1px solid #dedede;
    }
    .mobile-search-dropdown li.header {
        position: absolute !important;
        top: 0px !important;
        width: 85vw !important;
    }
}
body {
    /*   position: relative;*/
    color: #111 !important;
}

.main-header, .main-sidebar {
    position: fixed;
}

.main-sidebar {
    overflow: hidden;
}

section.sidebar > ul.sidebar-menu {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 11px;
}

div#home_modules {
    margin-left: 1.5vw;
}

form#homeForm {
    padding-top: 10px;
}

.main-header {
    width: 100vw;
    /*height: 5px;*/
}

.treeview-menu {
    margin-top: -2px !important;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    background: white;
}

.skin-blue .treeview-menu > li > a {
    color: black;
}

.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
    color: black;
    font-weight: bold;
}

.treeview-header {
    color: white;
    text-align: center;
}

.sidebar-menu li > a > .pull-right {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.content-wrapper {
    padding-top: 50px;
    top: 47px;
    min-height: 94.8vh !important;
}

@media (max-width: 767px) {
    .content-wrapper {
        padding-top: 150px;
    }
    aside.main-sidebar {
        max-height: 100vh;
    }
    .small-left.left0 {
        padding-left: 15px;
    }
    .sidebar-collapse #hideSidebar {
        display: none !important;
    }
}
div#home_modules {
    margin-left: 1.5vw;
}

div#home_modules.well {
    text-align: center;
}

/*Navbar colors for Roles*/
/*Default*/
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: rgba(189, 189, 189, 0.44);
    /*width:90px;*/
}

.skin-blue .main-header .navbar {
    background-color: rgb(68, 110, 155);
}

.skin-blue .main-header .logo {
    background-color: #2E5A8A;
}

.skin-blue .main-header .logo:hover {
    background-color: gray;
}

/*BA*/
.skin-peacock .main-header .logo {
    background-color: rgb(40, 83, 125);
}

.skin-peacock .main-header .navbar {
    background-color: #033C73;
}

/*S_P*/
.skin-navy .main-header .logo {
    background-color: rgba(60, 141, 188, 0.8);
}

.skin-navy .main-header .navbar {
    background-color: rgb(60, 141, 188);
}

/*Field Read Only*/
.skin-night .main-header .logo {
    background-color: rgba(58, 63, 68, 0.8);
}

.skin-night .main-header .navbar {
    background-color: rgb(58, 63, 68);
}

/*Gen Ops*/
.skin-denim .main-header .logo {
    background-color: rgba(55, 90, 127, 0.8);
}

.skin-denim .main-header .navbar {
    background-color: rgb(55, 90, 127);
}

/*DIST_OPS*/
.skin-skyblue .main-header .logo {
    background-color: rgba(47, 164, 231, 0.8);
}

.skin-skyblue .main-header .navbar {
    background-color: rgb(47, 164, 231);
}

/*Field*/
.skin-sundown .main-header .logo {
    background-color: rgba(58, 63, 68, 0.8);
}

.skin-sundown .main-header .navbar {
    background-color: rgb(58, 63, 68);
}

/*end skins*/
ul.dropdown-menu {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}

.modal-backdrop {
    z-index: -100;
}

.modal-content {
    margin-top: 75px;
}

.bootstrap-datetimepicker-widget {
    z-index: 1999 !important;
}

.content-header {
    padding: 5px 0px 0 0px;
}

.sidebar-close {
    cursor: pointer;
    color: #C43C35 !important;
}

.sidebar-close:hover {
    color: #C43C35 !important;
}

.list-group-item.notification {
    background-color: rgb(108, 134, 156);
    opacity: 1;
    color: #fff;
}

.stat_head.total {
    color: rgb(255, 255, 255);
    background-color: rgba(59, 139, 186, 0.72);
    padding: 3px;
    border: 1px solid rgb(59, 139, 186);
    border-radius: 8px;
}

.stat_head.active {
    color: #FFF;
    background-color: rgba(78, 165, 85, 0.72);
    padding: 3px;
    border: 1px solid #4EA555;
    border-radius: 8px;
    margin-left: 12px;
}

/*.navbar-custom-menu {
    margin-right: 15px;
}*/
.main-header .sidebar-toggle {
    height: 50px;
}

#calBtn .fa {
    font-size: 30px;
    margin-top: -9px;
    color: black;
    padding-bottom: 3px;
}

#calBtn hr {
    margin-top: 0;
}

/*hide sidebar*/
#hideSidebar {
    display: none;
}

.sidebar-collapse #hideSidebar {
    display: block;
}

#hideSidebar span {
    position: absolute;
    bottom: 0;
    padding: 15px 24px 15px 19px;
    color: white;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
}

/*select2 class responsive*/
.select2-container.responsive-select2 {
    width: 71%;
}

.select2-container.input-100 {
    width: 100% !important;
}

/*calendar*/
.fc-event-title {
    font-weight: 600;
}
.fc-event-title b {
    font-weight: bold;
}

.dropdown-menu > .disabled > a {
    font-weight: 700;
}

#filterRow .btn.btn-transparent {
    background-color: transparent;
    cursor: pointer;
    padding-left: 4px;
    padding-right: 0;
}

/*switching req tab*/
.tabPanel .content {
    margin: 0;
    padding: 0;
}
.tabPanel .content-horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.tabPanel .content-horizontal .tab-pane {
    flex: 1 0 500px;
}

.ndsLeftText {
    text-align: left;
    margin-left: 5px;
}

/*buttons*/
.dt-buttons {
    float: none !important;
    margin: 0px 5px;
    display: inline-block;
    vertical-align: middle;
}

.dt-button-collection {
    width: 15%;
}
.dt-button-collection .dt-button {
    font-size: 13px;
    transition: all 0.1s;
}
.dt-button-collection .dt-button:hover {
    color: black;
    font-weight: bold;
}
.dt-button-collection .dt-button.buttons-columnVisibility {
    /*empty span in the colvis append icon paperclip for attachment*/
}
.dt-button-collection .dt-button.buttons-columnVisibility:before {
    content: "";
    border: 1px solid black;
    padding: -19px -7px -8px -8px;
    padding: 0 6px;
    margin-right: 5px;
    font-size: 9px;
}
.dt-button-collection .dt-button.buttons-columnVisibility.active {
    font-weight: bold;
}
.dt-button-collection .dt-button.buttons-columnVisibility.active:before {
    content: "\2713";
    border: 1px solid black;
    padding: -19px -7px -8px -8px;
    padding: 0 2px;
    font-size: 9px;
}
.dt-button-collection .dt-button.buttons-columnVisibility > span:empty {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.dt-button-collection .dt-button.buttons-columnVisibility > span:empty:before {
    content: "\e142";
}
.dt-button-collection .dt-button.buttons-colvisGroup, .dt-button-collection .dt-button.buttons-colvisRestore {
    text-align: center;
}

#vegetationViewTable {
    background-color: white;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    #vegetationViewTable table, #vegetationViewTable thead, #vegetationViewTable tbody, #vegetationViewTable th, #vegetationViewTable td, #vegetationViewTable tr {
        display: block;
    }
    #vegetationViewTable thead tr {
        display: none;
    }
    #vegetationViewTable tr {
        border: 1px solid #ccc;
    }
    #vegetationViewTable td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    #vegetationViewTable td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 700;
    }
    #vegetationViewTable td:nth-of-type(1):before {
        content: "Foreman";
    }
    #vegetationViewTable td:nth-of-type(2):before {
        content: "Phone Number";
    }
    #vegetationViewTable td:nth-of-type(3):before {
        content: "Line";
    }
    #vegetationViewTable td:nth-of-type(4):before {
        content: "Address";
    }
    #vegetationViewTable td:nth-of-type(5):before {
        content: "Time";
    }
    #vegetationViewTable td:nth-of-type(6):before {
        content: "Days";
    }
    #vegetationViewTable td:nth-of-type(7):before {
        content: "Area";
    }
    #vegetationViewTable td:nth-of-type(8):before {
        content: "Contact Info";
    }
    #vegetationViewTable td:nth-of-type(9):before {
        content: "Contact Number";
    }
}

.top5 {
    padding-top: 5px;
}

@media all and (max-width: 991px) {
    .responsiveTable thead {
        display: none;
    }
    .responsiveTable table, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr {
        display: block;
        width: 100%;
    }
    .responsiveTable th[data-title]:before, .responsiveTable td[data-title]:before {
        content: attr(data-title) ":  ";
        font-weight: normal;
        display: inline-block;
        width: 130px;
    }
    .responsiveTable tr {
        border-bottom: 1px solid black;
        padding-bottom: 5px;
    }
}

.alignTabPanelSelector {
    margin-bottom: -30px;
    z-index: 9000;
}

.required .select2-choices {
    background-color: #E0FFFF;
}

#candidateDeleteModal .modal-title {
    font-size: 23px;
    text-align: center;
}
#candidateDeleteModal .modal-title i.fa.fa-exclamation-triangle {
    color: #a90000;
    font-size: 33px;
}
#candidateDeleteModal .modal-title span#selectedLen {
    font-size: 30px;
    color: red;
}
#candidateDeleteModal .modal-body {
    text-align: center;
    font-size: 15px;
    font-style: italic;
}

.emailTo #autoEmail {
    margin-right: 5px;
}
.emailTo label {
    margin-top: -5px;
    text-align: left;
    padding-left: 21px;
}
.emailTo .emailTo-control {
    /*padding: 0 20px;*/
}

.has-error input[type=checkbox], .has-error input[type=radio] {
    border: 1px solid #b94a48;
}

span.input-group-addon.dash:before {
    content: "-";
    position: absolute;
    right: -9px;
    top: 3px;
    font-size: 20px;
    font-weight: 700;
}

td.group.expanded-group.group-item-expander {
    text-decoration: underline;
    font-weight: 500;
}

.myCollapse {
    display: none;
}
.myCollapse.in {
    display: table-row;
}
.myCollapse.in .emailPreview {
    max-width: 100%;
}

/*body[style]{
    background: #F5EFE6;
}*/
table.rowNumber {
    counter-reset: rowNumber;
}
table.rowNumber tbody tr {
    counter-increment: rowNumber;
}
table.rowNumber tbody tr td:first-child {
    text-align: center;
}
table.rowNumber tbody tr td:first-child:before {
    content: counter(rowNumber);
    min-width: 1em;
}

/*view mode log*/
div#_viewExtendedLog_ .genericLabel {
    min-width: 100px;
    padding: 6px 5px 6px 0;
    text-align: right;
    margin: 0;
}

.logDesc {
    text-align: justify;
    white-space: break-spaces;
}

.listScroll {
    padding-right: 3px;
    /*    &:before{
          position: absolute;
          content: "...";
          bottom: -10px;
          right: -17px;
          transform: rotate(90deg);
          font-size: 29px;
      }*/
}

#compactSwitch {
    width: 135px;
    float: right;
    margin: 10px 5px;
}
#compactSwitch .glyphicon.glyphicon-resize-small {
    padding: 0;
}

.switching-isolation {
    color: red;
}

.switching-liveline {
    color: orange;
}

td > .bigTD {
    font-size: 14px;
    font-weight: 600;
}

.noAck {
    color: purple;
}

.logEmailPanel {
    clear: both;
    width: 75%;
    padding: 0 14px;
}
@media all and (max-width: 991px) {
    .logEmailPanel {
        width: 100%;
    }
}

.form-actions-top.logging {
    padding: 10px 20px;
    position: absolute;
    top: 0;
    width: 98%;
}

.nav.nav-tabs.logging {
    margin-top: 65px;
}

table.dataTable tr.voided {
    color: gray;
}
table.dataTable tr.voided:hover td {
    background-color: #dddddd;
}
table.dataTable tr.voided td {
    text-decoration: line-through;
}
table.dataTable tr.voided td a {
    color: gray;
}
table.dataTable tr.voided td .badge {
    background-color: #e2e2e2;
    border: 1px solid #c7c7c7;
    text-decoration: line-through;
    color: gray;
}

.tab-content.voided {
    color: gray;
    pointer-events: none;
}
.tab-content.voided .tab-pane.active div, .tab-content.voided .tab-pane.active label, .tab-content.voided .tab-pane.active span, .tab-content.voided .tab-pane.active .badge {
    text-decoration: line-through;
}
.tab-content.voided .tab-pane.active label.genericLabel {
    text-decoration: none;
}
.tab-content.voided .btn, .tab-content.voided button {
    pointer-events: none;
    display: none;
}
.tab-content.voided .btn-exit {
    display: inline-block;
    pointer-events: all;
}

.form-actions-top.voided, .form-actions.voided {
    color: gray;
}
.form-actions-top.voided .btn, .form-actions-top.voided button, .form-actions-top.voided #editUrl, .form-actions.voided .btn, .form-actions.voided button, .form-actions.voided #editUrl {
    pointer-events: none;
    display: none !important;
}
.form-actions-top.voided .btn-exit, .form-actions.voided .btn-exit {
    display: inline-block;
    pointer-events: all;
}

.btn-return {
    margin-right: 3px;
}

.margin-right5 {
    margin-right: 5px;
}

.caret {
    border-top: 4px solid;
}

.hideSortArrow thead th {
    background: none !important;
}

.toast-top-right {
    top: 56px;
    right: 12px;
}
.toast-top-right .toast-info {
    opacity: 1;
}

.btn-transparent, .btn-transparent:hover, .btn-transparent:focus {
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    outline: none !important;
}

.dropdownPadding0 .select2-results .select2-result-label {
    padding: 0;
}
.dropdownPadding0 .select2-results .select2-result-label table {
    margin-bottom: 0;
}

.whiteSpaceNoWrap {
    white-space: nowrap;
}

.alertify-notifier.ajs-top {
    top: 50px;
}
.alertify-notifier.ajs-top .ajs-info {
    background: #8cd1e5;
}
.alertify-notifier.ajs-top .ajs-visible {
    box-shadow: 0px 2px 6px 0px #ccc;
    border: 0;
    text-align: left;
}
.alertify-notifier.ajs-top .ajs-visible i {
    font-size: 16px;
}

@media (max-width: 767px) {
    .alertify-notifier.ajs-top {
        top: 150px;
    }
}
.search-icon, .spinner-icon {
    position: absolute !important;
    top: inherit !important;
    left: 20px !important;
    padding-top: 10px;
}

.ask-elora-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 0.3px #d1caca;
    border-radius: 5px;
    padding: 10px;
    width: 50%;
}

.rounded-full {
    border-radius: 9999px;
}

.bg-transparent {
    background-color: transparent;
}

.ask-elora-prompt {
    border: transparent;
    outline: none;
}

.messageContainer{
    width:800px;
    padding:10px 0 10px 10px;
    display:block;
    position:relative;
    overflow:hidden;
    box-shadow:0px 1px 5px 0px #c5c3be;
    border-radius:5px;
    margin:10px;
    background-color:#fff;z-index:6
}

.messageContainer .top{
    overflow-y:auto;
    display:flex;
    flex-direction:column;
    max-height:300px
}

.messageContainer .message{
    padding-bottom:10px;
    margin-right:10px
}

.messageContainer .message .message-body{
    padding:3px 10px 5px;
    border:1px solid #e3e3e3;
    border-radius:5px
}

.messageContainer .message .message-body .message-header{
    display:inline-flex;
    min-width:250px;
    border-bottom:1px solid #e3e3e3;
    margin-top:2px;
    margin-bottom:8px
}

.messageContainer .message .message-body .message-header .message-user{
    flex:1
}

.messageContainer .message .message-body .message-header .message-user span.itoanetUserName{
    font-weight:500;
    font-size:12px;
    color:#444
}

.messageContainer .message .message-body .message-header .message-time{
    font-size:10px;
    color:gray;
    float:right;
    margin-top:2px
}

.messageContainer .message.origin .message-body{
    background-color:#f5f5f5;
    float:right
}

.messageContainer .message.target .message-body{
    background-color:#e3f2fd;
    float:left
}

.messageContainer .message-send-container{
    height:50px;
    padding-top:5px;
    width:100%;
    display:grid;
    grid-template-columns:1fr 35px 60px
}

.messageContainer .message-send-container .itoanetSendMessageButton{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}

.messageContainer .message-send-container .itoanetAttachButton{
    border-left:0;
    border-right:0;
    border-radius:0
}
/*# sourceMappingURL=custom.css.map */